html-bundle 6.2.0 → 6.2.2

package/README.md

@@ -50,6 +50,17 @@ $ npm run build
 `--isCritical`: uses critical to extract and inline critical-path CSS to HTML.<br>
 `--handler`: path to your custom handler. Here, you can handle all non-supported files. You can get the filename via `process.argv[2]`.
 
+## import
+It is also possible to start the server by importing the package. This could be useful, if you intend to add routes for local development.
+```js
+import router from "html-bundle";
+
+router.get("/test", (_req, reply) => {
+  return reply.send("hi");
+});
+```
+
+
 ## Optional Config
 
 _The CLI flags can also be set by the config. Flags set by the CLI will override the config._

package/dist/bundle.mjs

@@ -258,7 +258,10 @@ async function writeInlineScripts(file) {
         const isReferencedScript = script.attrs.find((a) => a.name === "src");
         const type = script.attrs.find((a) => a.name === "type");
         const scriptContent = scriptTextNode?.value;
-        if (!scriptContent || isReferencedScript || type?.value === "importmap")
+        if (!scriptContent ||
+            isReferencedScript ||
+            type?.value === "importmap" ||
+            type?.value === "application/ld+json")
             continue;
         const jsFile = file.replace(".html", `-bundle-${index}.tsx`);
         inlineFiles.add(jsFile);
@@ -290,7 +293,8 @@ async function minifyHTML(file, buildFile) {
         const type = script.attrs.find((a) => a.name === "type");
         if (!scriptTextNode?.value ||
             isReferencedScript ||
-            type?.value === "importmap")
+            type?.value === "importmap" ||
+            type?.value === "application/ld+json")
             continue;
         // Use bundled file
         const buildInlineScript = buildFile.replace(".html", `-bundle-${index}.js`);

package/package.json

@@ -1,56 +1,56 @@
-{
-  "name": "html-bundle",
-  "version": "6.2.0",
-  "description": "A very simple bundler for HTML SFC",
-  "bin": "./dist/bundle.mjs",
-  "main": "./dist/bundle.mjs",
-  "module": "./dist/bundle.mjs",
-  "exports": {
-    "import": "./dist/bundle.mjs",
-    "default": "./dist/bundle.mjs"
-  },
-  "types": "./dist/bundle.d.mts",
-  "scripts": {
-    "start": "tsc",
-    "update": "npx npm-check-updates -u && npx typesync && npm i && npm outdated"
-  },
-  "keywords": [
-    "bundler",
-    "SFC",
-    "HTML",
-    "TypeScript",
-    "esbuild",
-    "hydro-js"
-  ],
-  "author": "Fabian Klingenberg <klingenberg.fabian@gmx.de> (https://klingenberg.works/)",
-  "license": "MIT",
-  "devDependencies": {
-    "@types/cssnano": "^5.1.3",
-    "@types/express": "~5.0.2",
-    "@types/glob": "^8.1.0",
-    "@types/html-minifier-terser": "^7.0.2",
-    "@types/parse5": "^7.0.0",
-    "@types/postcss-load-config": "^3.0.1",
-    "typescript": "^5.8.3"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Krutsch/html-bundle.git"
-  },
-  "bugs": "https://github.com/Krutsch/html-bundle/issues",
-  "dependencies": {
-    "@web/parse5-utils": "^2.1.0",
-    "await-spawn": "^4.0.2",
-    "beasties": "^0.3.4",
-    "chokidar": "^4.0.3",
-    "cssnano": "^7.0.7",
-    "esbuild": "^0.25.5",
-    "express": "^5.1.0",
-    "glob": "^11.0.2",
-    "html-minifier-terser": "^7.2.0",
-    "hydro-js": "^1.8.8",
-    "parse5": "^7.3.0",
-    "postcss": "^8.5.4",
-    "postcss-load-config": "^6.0.1"
-  }
-}
+{
+  "name": "html-bundle",
+  "version": "6.2.2",
+  "description": "A very simple bundler for HTML SFC",
+  "bin": "./dist/bundle.mjs",
+  "main": "./dist/bundle.mjs",
+  "module": "./dist/bundle.mjs",
+  "exports": {
+    "import": "./dist/bundle.mjs",
+    "default": "./dist/bundle.mjs"
+  },
+  "types": "./dist/bundle.d.mts",
+  "scripts": {
+    "start": "tsc",
+    "update": "npx npm-check-updates -u && npx typesync && npm i && npm outdated"
+  },
+  "keywords": [
+    "bundler",
+    "SFC",
+    "HTML",
+    "TypeScript",
+    "esbuild",
+    "hydro-js"
+  ],
+  "author": "Fabian Klingenberg <klingenberg.fabian@gmx.de> (https://klingenberg.works/)",
+  "license": "MIT",
+  "devDependencies": {
+    "@types/cssnano": "^5.1.3",
+    "@types/express": "~5.0.2",
+    "@types/glob": "^9.0.0",
+    "@types/html-minifier-terser": "^7.0.2",
+    "@types/parse5": "^7.0.0",
+    "@types/postcss-load-config": "^3.0.1",
+    "typescript": "^5.8.3"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Krutsch/html-bundle.git"
+  },
+  "bugs": "https://github.com/Krutsch/html-bundle/issues",
+  "dependencies": {
+    "@web/parse5-utils": "^2.1.0",
+    "await-spawn": "^4.0.2",
+    "beasties": "^0.4.0",
+    "chokidar": "^5.0.0",
+    "cssnano": "^7.0.7",
+    "esbuild": "^0.27.0",
+    "express": "^5.1.0",
+    "glob": "^13.0.0",
+    "html-minifier-terser": "^7.2.0",
+    "hydro-js": "^1.8.8",
+    "parse5": "^8.0.0",
+    "postcss": "^8.5.4",
+    "postcss-load-config": "^6.0.1"
+  }
+}

package/src/bundle.mts

@@ -94,7 +94,7 @@ async function build(files: string[], firstRun = true) {
   }
 
   console.log(
-    `🚀 Build finished in ${(performance.now() - timer).toFixed(2)}ms ✨`
+    `🚀 Build finished in ${(performance.now() - timer).toFixed(2)}ms ✨`,
   );
 
   if (isHMR && firstRun) {
@@ -104,7 +104,7 @@ async function build(files: string[], firstRun = true) {
     console.log(
       `💻 Server listening on http${isSecure ? "s" : ""}://${
         bundleConfig.host === "::" ? "localhost" : bundleConfig.host
-      }:${bundleConfig.port} and is shared in the local network.`
+      }:${bundleConfig.port} and is shared in the local network.`,
     );
 
     console.log(`⌛ Waiting for file changes ...`);
@@ -114,21 +114,21 @@ async function build(files: string[], firstRun = true) {
       const postCSSWatcher = watch(postcssFile, chokidarOptions);
       const tailwindCSSWatcher = watch(
         postcssFile.replace("postcss", "tailwind"),
-        chokidarOptions
+        chokidarOptions,
       ); // Assuming that the file ext is the same
       const tsConfigWatcher = watch(
         postcssFile.split("\\").slice(0, -1).join("\\") + "\\tsconfig.json",
-        chokidarOptions
+        chokidarOptions,
       );
 
       const cssFiles = files.filter((file) => file.endsWith(".css"));
       postCSSWatcher.on(
         "change",
-        async () => await rebuildCSS(cssFiles, "postcss")
+        async () => await rebuildCSS(cssFiles, "postcss"),
       );
       tailwindCSSWatcher.on(
         "change",
-        async () => await rebuildCSS(cssFiles, "tailwind")
+        async () => await rebuildCSS(cssFiles, "tailwind"),
       );
       tsConfigWatcher.on("change", async () => {
         timer = performance.now();
@@ -305,11 +305,16 @@ async function writeInlineScripts(file: string) {
     const script = scripts[index];
     const scriptTextNode = script.childNodes[0] as TextNode;
     const isReferencedScript = script.attrs.find(
-      (a: { name: string }) => a.name === "src"
+      (a: { name: string }) => a.name === "src",
     );
     const type = script.attrs.find((a: { name: string }) => a.name === "type");
     const scriptContent = scriptTextNode?.value;
-    if (!scriptContent || isReferencedScript || type?.value === "importmap")
+    if (
+      !scriptContent ||
+      isReferencedScript ||
+      type?.value === "importmap" ||
+      type?.value === "application/ld+json"
+    )
       continue;
 
     const jsFile = file.replace(".html", `-bundle-${index}.tsx`);
@@ -341,13 +346,14 @@ async function minifyHTML(file: string, buildFile: string) {
     const script = scripts[index];
     const scriptTextNode = script.childNodes[0] as TextNode;
     const isReferencedScript = script.attrs.find(
-      (a: { name: string }) => a.name === "src"
+      (a: { name: string }) => a.name === "src",
     );
     const type = script.attrs.find((a: { name: string }) => a.name === "type");
     if (
       !scriptTextNode?.value ||
       isReferencedScript ||
-      type?.value === "importmap"
+      type?.value === "importmap" ||
+      type?.value === "application/ld+json"
     )
       continue;
 
@@ -361,7 +367,7 @@ async function minifyHTML(file: string, buildFile: string) {
       await rm(buildInlineScript);
       scriptTextNode.value = scriptContent.replace(
         TEMPLATE_LITERAL_MINIFIER,
-        " "
+        " ",
       );
     } catch {}
   }