packaton 0.0.1

package/src/openInBrowser.js

@@ -0,0 +1,23 @@
+import { execFileSync } from 'node:child_process'
+
+
+export const openInBrowser = (async () => {
+	try {
+		return (await import('open')).default
+	}
+	catch (error) {
+		return _openInBrowser
+	}
+})()
+
+function _openInBrowser(address) {
+	switch (process.platform) {
+		case 'darwin':
+			execFileSync('open', [address])
+			break
+		case 'win32':
+			execFileSync('start', [address])
+			break
+	}
+}
+

package/src/reportSizes.js

@@ -0,0 +1,23 @@
+import { join } from 'node:path'
+import { read, sizeOf, sha1, saveAsJSON, isFile } from './fs-utils.js'
+
+
+export function reportSizes(reportFilename, baseDir, files) {
+	const oldReport = isFile(reportFilename) 
+		? JSON.parse(read(reportFilename))
+		: {}
+	const newReport = {}
+
+	for (const f of files) {
+		const fPath = join(baseDir, f)
+		const size = sizeOf(fPath)
+		newReport[f] = {
+			hash: sha1(fPath),
+			delta: size - (oldReport[f]?.size || 0),
+			size
+		}
+	}
+
+	console.table(newReport)
+	saveAsJSON(reportFilename, newReport)
+}

package/src/watcherDev.js

@@ -0,0 +1,32 @@
+const WATCH_API = '/packaton/watch-dev'
+
+longPollDevChanges()
+async function longPollDevChanges() {
+	try {
+		const response = await fetch(WATCH_API)
+		if (!response.ok)
+			throw response.statusText
+
+		const file = await response.json() || ''
+		if (file.endsWith('.css')) {
+			hotReloadCSS(file)
+			longPollDevChanges()
+		}
+		else if (file)
+			location.reload()
+		else // server timeout
+			longPollDevChanges()
+	}
+	catch (error) {
+		console.error('hot reload', error?.message || error)
+		setTimeout(longPollDevChanges, 3000)
+	}
+}
+
+function hotReloadCSS(file) {
+	const link = document.querySelector(`link[href*="${file}"]`)
+	if (link) {
+		const [url] = link.href.split('?')
+		link.href = url + '?' + Date.now()
+	}
+}