| 
									
										
										
										
											2024-04-14 07:05:36 +00:00
										 |  |  | #!/bin/bash
 | 
					
						
							| 
									
										
										
										
											2025-06-20 05:45:27 +00:00
										 |  |  | # https://docs.sheetjs.com/docs/demos/frontend/bundler/swcpack | 
					
						
							| 
									
										
										
										
											2024-04-14 07:05:36 +00:00
										 |  |  | 
 | 
					
						
							|  |  |  | cd /tmp | 
					
						
							| 
									
										
										
										
											2025-06-20 05:45:27 +00:00
										 |  |  | rm -rf sheetjs-spack | 
					
						
							|  |  |  | mkdir sheetjs-spack | 
					
						
							|  |  |  | cd sheetjs-spack | 
					
						
							|  |  |  | npm init -y | 
					
						
							| 
									
										
										
										
											2024-04-14 07:05:36 +00:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2025-06-20 05:45:27 +00:00
										 |  |  | npm i --save https://cdn.sheetjs.com/xlsx-latest/xlsx-latest.tgz regenerator-runtime @swc/cli @swc/core | 
					
						
							|  |  |  | npm ls | grep core | 
					
						
							| 
									
										
										
										
											2024-04-14 07:05:36 +00:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2025-06-20 05:45:27 +00:00
										 |  |  | cat >index.js <<EOF | 
					
						
							|  |  |  | import { utils, version, writeFileXLSX } from 'xlsx'; | 
					
						
							| 
									
										
										
										
											2024-04-14 07:05:36 +00:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2025-06-20 05:45:27 +00:00
										 |  |  | document.getElementById("xport").addEventListener("click", async() => { | 
					
						
							| 
									
										
										
										
											2025-03-31 02:09:31 +00:00
										 |  |  | /* fetch JSON data and parse */ | 
					
						
							|  |  |  | const url = "https://docs.sheetjs.com/executive.json"; | 
					
						
							| 
									
										
										
										
											2025-06-20 05:45:27 +00:00
										 |  |  | const raw_data = await (await fetch(url)).json(); | 
					
						
							| 
									
										
										
										
											2025-03-31 02:09:31 +00:00
										 |  |  | 
 | 
					
						
							|  |  |  | /* filter for the Presidents */ | 
					
						
							|  |  |  | const prez = raw_data.filter(row => row.terms.some(term => term.type === "prez")); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | /* sort by first presidential term */ | 
					
						
							|  |  |  | prez.forEach(row => row.start = row.terms.find(term => term.type === "prez").start); | 
					
						
							|  |  |  | prez.sort((l,r) => l.start.localeCompare(r.start)); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | /* flatten objects */ | 
					
						
							|  |  |  | const rows = prez.map(row => ({ | 
					
						
							|  |  |  |   name: row.name.first + " " + row.name.last, | 
					
						
							|  |  |  |   birthday: row.bio.birthday | 
					
						
							|  |  |  | })); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | /* generate worksheet and workbook */ | 
					
						
							|  |  |  | const worksheet = utils.json_to_sheet(rows); | 
					
						
							|  |  |  | const workbook = utils.book_new(); | 
					
						
							|  |  |  | utils.book_append_sheet(workbook, worksheet, "Dates"); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | /* fix headers */ | 
					
						
							|  |  |  | utils.sheet_add_aoa(worksheet, [["Name", "Birthday"]], { origin: "A1" }); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | /* calculate column width */ | 
					
						
							|  |  |  | const max_width = rows.reduce((w, r) => Math.max(w, r.name.length), 10); | 
					
						
							|  |  |  | worksheet["!cols"] = [ { wch: max_width } ]; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | /* create an XLSX file and try to save to Presidents.xlsx */ | 
					
						
							|  |  |  | writeFileXLSX(workbook, "Presidents.xlsx"); | 
					
						
							| 
									
										
										
										
											2025-06-20 05:45:27 +00:00
										 |  |  | }); | 
					
						
							|  |  |  | EOF | 
					
						
							| 
									
										
										
										
											2024-04-14 07:05:36 +00:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2025-06-20 05:45:27 +00:00
										 |  |  | cat >spack.config.js <<EOF | 
					
						
							|  |  |  | module.exports = ({ | 
					
						
							|  |  |  |   entry: { | 
					
						
							|  |  |  |     'web': __dirname + '/index.js', | 
					
						
							|  |  |  |   }, | 
					
						
							|  |  |  |   output: { | 
					
						
							|  |  |  |     path: __dirname + '/lib' | 
					
						
							|  |  |  |   }, | 
					
						
							|  |  |  |   module: {}, | 
					
						
							|  |  |  | }); | 
					
						
							| 
									
										
										
										
											2024-04-14 07:05:36 +00:00
										 |  |  | EOF | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2025-06-20 05:45:27 +00:00
										 |  |  | npx spack | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | cat >index.html <<EOF | 
					
						
							|  |  |  | <!DOCTYPE html> | 
					
						
							|  |  |  | <html lang="en"> | 
					
						
							|  |  |  |   <head></head> | 
					
						
							|  |  |  |   <body> | 
					
						
							|  |  |  |     <h1>SheetJS Presidents Demo</h1> | 
					
						
							|  |  |  |     <button id="xport">Click here to export</button> | 
					
						
							|  |  |  |     <script src="./lib/web.js"></script> | 
					
						
							|  |  |  |   </body> | 
					
						
							|  |  |  | </html> | 
					
						
							|  |  |  | EOF | 
					
						
							| 
									
										
										
										
											2025-03-31 02:09:31 +00:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2025-06-20 05:45:27 +00:00
										 |  |  | npm i --save puppeteer express@4 | 
					
						
							|  |  |  | cat >test.js <<EOF | 
					
						
							| 
									
										
										
										
											2025-03-31 02:09:31 +00:00
										 |  |  | const puppeteer = require('puppeteer'); | 
					
						
							|  |  |  | const express = require('express'); | 
					
						
							|  |  |  | const app = express(); | 
					
						
							| 
									
										
										
										
											2025-06-20 05:45:27 +00:00
										 |  |  | app.use(express.static('./')); | 
					
						
							| 
									
										
										
										
											2025-03-31 02:09:31 +00:00
										 |  |  | app.listen(7262, async() => { | 
					
						
							|  |  |  |   await new Promise((res,rej) => setTimeout(res, 1000)); | 
					
						
							|  |  |  |   const browser = await puppeteer.launch(); | 
					
						
							|  |  |  |   const page = await browser.newPage(); | 
					
						
							|  |  |  |   page.on("console", msg => console.log("PAGE LOG:", msg.text())); | 
					
						
							|  |  |  |   await page.setViewport({width: 1920, height: 1080}); | 
					
						
							|  |  |  |   const client = await page.target().createCDPSession(); | 
					
						
							|  |  |  |   await client.send('Browser.setDownloadBehavior', { | 
					
						
							|  |  |  |     behavior: 'allow', | 
					
						
							|  |  |  |     downloadPath: require("path").resolve('./') | 
					
						
							|  |  |  |   }); | 
					
						
							|  |  |  |   await page.goto('http://localhost:7262/'); | 
					
						
							| 
									
										
										
										
											2025-06-20 05:45:27 +00:00
										 |  |  |   await page.click("#xport"); | 
					
						
							| 
									
										
										
										
											2025-03-31 02:09:31 +00:00
										 |  |  |   await new Promise((res,rej) => setTimeout(res, 1000)); | 
					
						
							|  |  |  |   await browser.close(); | 
					
						
							|  |  |  |   process.exit(); | 
					
						
							|  |  |  | }); | 
					
						
							|  |  |  | EOF | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2025-06-20 05:45:27 +00:00
										 |  |  | node test.js | 
					
						
							| 
									
										
										
										
											2025-03-31 02:09:31 +00:00
										 |  |  | npx -y xlsx-cli Presidents.xlsx | head -n 3 | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-04-14 07:05:36 +00:00
										 |  |  | cd - |