packaton 0.0.10 → 0.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "packaton",
-	"version": "0.0.10",
+	"version": "0.0.12",
 	"type": "module",
 	"author": "Eric Fortis",
 	"license": "MIT",

package/src/plugins-dev/watcherDev.js

@@ -24,9 +24,21 @@ async function longPollDevChanges() {
 }
 
 function hotReloadCSS(file) {
-	const link = document.querySelector(`link[href*="${file}"]`)
+	let link = document.querySelector(`link[href^="${file}"]`)
+
+	// Fallback: construct relative path based on current pathname
+	if (!link) {
+		const parts = window.location.pathname.split('/').filter(Boolean)
+		if (parts.length > 1)
+			parts.pop()
+		const urlDir = parts.join('/') + '/'
+		const r = file.split(urlDir).pop()
+		link = document.querySelector(`link[href^="${r}"]`)
+	}
+
 	if (link) {
-		const [url] = link.href.split('?')
+		const [url] = link.getAttribute('href').split('?')
 		link.href = url + '?' + Date.now()
 	}
 }
+

package/src/router.js

@@ -3,6 +3,7 @@ import { readFile } from 'node:fs/promises'
 
 import { docs } from './app.js'
 import { mimeFor } from './utils/mimes.js'
+import { isDirectory } from './utils/fs-utils.js'
 import { devClientWatcher } from './plugins-dev/WatcherDevClient.js'
 import { sendError, sendJSON, servePartialContent, serveAsset } from './utils/http-response.js'
 
@@ -14,7 +15,6 @@ const API = {
 }
 
 
-
 /** @param {Config} config */
 export function router({ srcPath, ignore, mode }) {
 	docs.init(srcPath, ignore)
@@ -24,21 +24,21 @@ export function router({ srcPath, ignore, mode }) {
 		try {
 			if (url === API.watchDev)
 				longPollDevHotReload(req, response)
-				
+
 			else if (url === WATCHER_DEV)
 				serveAsset(response, join(import.meta.dirname, url))
-				
+
 			else if (docs.hasRoute(url))
 				await serveDocument(response, docs.fileFor(url), isDev)
-				
-			else if (docs.hasRoute(join(url, 'index'))) 
+
+			else if (docs.hasRoute(join(url, 'index')))
 				await serveDocument(response, docs.fileFor(join(url, 'index')), isDev)
-				
+
 			else if (req.headers.range)
-				await servePartialContent(response, req.headers, join(srcPath, url))
-				
+				await servePartialContent(response, req.headers, resolveUrl(req, srcPath, url))
+
 			else
-				serveAsset(response, join(srcPath, url))
+				serveAsset(response, resolveUrl(req, srcPath, url))
 		}
 		catch (error) {
 			sendError(response, error)
@@ -57,6 +57,20 @@ async function serveDocument(response, file, isDev) {
 }
 
 
+function resolveUrl(req, srcPath, url) {
+	return join(srcPath, dirFor(req.headers.referer, srcPath), url)
+}
+
+function dirFor(referer = '/', srcPath) {
+	if (referer.endsWith('/'))
+		return ''
+	const p = new URL(referer).pathname
+	return isDirectory(join(srcPath, p))
+		? p
+		: ''
+}
+
+
 const LONG_POLL_SERVER_TIMEOUT = 8000
 
 function longPollDevHotReload(req, response) {