html-bundle 6.0.14 → 6.0.16

package/dist/bundle.mjs

@@ -44,8 +44,8 @@ async function build(err, files, firstRun = true) {
     }
     if (isHMR && firstRun) {
         fastify = await createDefaultServer(isSecure);
-        fastify.listen(bundleConfig.port);
-        console.log(`💻 Sever listening on port ${bundleConfig.port}.`);
+        await fastify.listen({ port: bundleConfig.port });
+        console.log(`💻 Sever listening on http${isSecure ? "s" : ""}://localhost:5000.`);
     }
     for (const file of files) {
         await createDir(file);
@@ -189,7 +189,6 @@ async function minifyCode() {
             entryPoints: Array.from(inlineFiles),
             charset: "utf8",
             format: "esm",
-            incremental: isHMR,
             sourcemap: isHMR,
             splitting: true,
             define: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "html-bundle",
-  "version": "6.0.14",
+  "version": "6.0.16",
   "description": "A very simple bundler for HTML SFC",
   "bin": "./dist/bundle.mjs",
   "scripts": {
@@ -19,11 +19,11 @@
   "license": "MIT",
   "devDependencies": {
     "@types/cssnano": "^5.0.0",
-    "@types/glob": "^7.2.0",
-    "@types/html-minifier-terser": "^6.1.0",
-    "@types/parse5": "^6.0.3",
+    "@types/glob": "^8.0.0",
+    "@types/html-minifier-terser": "^7.0.0",
+    "@types/parse5": "^7.0.0",
     "@types/postcss-load-config": "^3.0.1",
-    "typescript": "^4.7.2"
+    "typescript": "^4.9.4"
   },
   "repository": {
     "type": "git",
@@ -31,19 +31,19 @@
   },
   "bugs": "https://github.com/Krutsch/html-bundle/issues",
   "dependencies": {
-    "@fastify/static": "^5.0.2",
+    "@fastify/static": "^6.6.1",
     "@web/parse5-utils": "^1.3.0",
     "await-spawn": "^4.0.2",
     "chokidar": "^3.5.3",
     "critters": "^0.0.16",
-    "cssnano": "^5.1.10",
-    "esbuild": "^0.14.42",
-    "fastify": "^3.29.0",
-    "glob": "^8.0.3",
-    "html-minifier-terser": "^6.1.0",
+    "cssnano": "^5.1.14",
+    "esbuild": "^0.17.3",
+    "fastify": "^4.11.0",
+    "glob": "^8.1.0",
+    "html-minifier-terser": "^7.1.0",
     "hydro-js": "^1.5.13",
-    "parse5": "^7.0.0",
-    "postcss": "^8.4.14",
+    "parse5": "^7.1.2",
+    "postcss": "^8.4.21",
     "postcss-load-config": "^4.0.1"
   }
 }

package/src/bundle.mts

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 
-import type { TextNode } from "@web/parse5-utils";
+import type { Node, TextNode } from "@web/parse5-utils";
 import type { AcceptedPlugin } from "postcss";
 import { performance } from "perf_hooks";
 import { readFile, rm, writeFile, readdir, lstat } from "fs/promises";
@@ -63,8 +63,10 @@ async function build(err: any, files: string[], firstRun = true) {
 
   if (isHMR && firstRun) {
     fastify = await createDefaultServer(isSecure);
-    fastify.listen(bundleConfig.port);
-    console.log(`💻 Sever listening on port ${bundleConfig.port}.`);
+    await fastify.listen({ port: bundleConfig.port });
+    console.log(
+      `💻 Sever listening on http${isSecure ? "s" : ""}://localhost:5000.`
+    );
   }
 
   for (const file of files) {
@@ -228,7 +230,6 @@ async function minifyCode(): Promise<unknown> {
       entryPoints: Array.from(inlineFiles),
       charset: "utf8",
       format: "esm",
-      incremental: isHMR,
       sourcemap: isHMR,
       splitting: true,
       define: {
@@ -288,7 +289,7 @@ async function writeInlineScripts(file: string) {
   }
   htmlFilesCache.set(file, [fileText, DOM]);
 
-  const scripts = findElements(DOM, (e) => getTagName(e) === "script");
+  const scripts = findElements(DOM as Node, (e) => getTagName(e) === "script");
   for (let index = 0; index < scripts.length; index++) {
     const script = scripts[index];
     const scriptTextNode = script.childNodes[0] as TextNode;

package/src/utils.mts

@@ -1,4 +1,4 @@
-import type { ParentNode } from "@web/parse5-utils";
+import type { Node, ParentNode } from "@web/parse5-utils";
 import type { FastifyServerOptions } from "fastify";
 import { copyFile, mkdir, readFile } from "fs/promises";
 import path from "path";
@@ -124,7 +124,7 @@ export function addHMRCode(
   let DOM;
   if (html.includes("<!DOCTYPE html>") || html.includes("<html")) {
     DOM = ast || parse(html);
-    const headNode = findElement(DOM, (e) => getTagName(e) === "head");
+    const headNode = findElement(DOM as Node, (e) => getTagName(e) === "head");
     appendChild(headNode, script);
   } else {
     DOM = ast || parseFragment(html);
@@ -136,7 +136,7 @@ export function addHMRCode(
     node.attrs?.push({ name: "data-hmr", value: htmlIdMap.get(file) })
   );
 
-  return serialize(DOM as ParentNode);
+  return serialize(DOM as any);
 }
 
 function randomText() {