html-bundle 6.0.17 → 6.0.19

package/dist/bundle.mjs

@@ -40,8 +40,8 @@ if (bundleConfig.deletePrev) {
 async function build(files, firstRun = true) {
     if (isHMR && firstRun) {
         fastify = await createDefaultServer(isSecure);
-        await fastify.listen({ port: bundleConfig.port });
-        console.log(`💻 Sever listening on http${isSecure ? "s" : ""}://localhost:${bundleConfig.port}.`);
+        await fastify.listen({ port: bundleConfig.port, host: "::" });
+        console.log(`💻 Server listening on http${isSecure ? "s" : ""}://localhost:${bundleConfig.port}. and is shared in the local network.`);
     }
     for (const file of files) {
         await createDir(file);
@@ -98,7 +98,7 @@ async function build(files, firstRun = true) {
         }
         const watcher = watch(bundleConfig.src);
         watcher.on("add", async (file) => {
-            file = String.raw `${file}`.replace(/\\/g, sep); // glob and chokidar diff
+            file = String.raw `${file}`.replace(/\\/g, "/"); // glob and chokidar diff
             if (files.includes(file) || INLINE_BUNDLE_FILE.test(file)) {
                 return;
             }
@@ -109,7 +109,7 @@ async function build(files, firstRun = true) {
             if (INLINE_BUNDLE_FILE.test(file)) {
                 return;
             }
-            file = String.raw `${file}`.replace(/\\/g, sep);
+            file = String.raw `${file}`.replace(/\\/g, "/");
             await rebuild(file);
             console.log(`⚡ modified ${file} on the build`);
         });
@@ -117,13 +117,13 @@ async function build(files, firstRun = true) {
             if (INLINE_BUNDLE_FILE.test(file)) {
                 return;
             }
-            file = String.raw `${file}`.replace(/\\/g, sep);
+            file = String.raw `${file}`.replace(/\\/g, "/");
             inlineFiles.delete(file);
             const buildFile = getBuildPath(file)
                 .replace(".ts", ".js")
                 .replace(".jsx", ".js");
             await rm(buildFile);
-            const bfDir = buildFile.split(sep).slice(0, -1).join(sep);
+            const bfDir = buildFile.split("/").slice(0, -1).join("/");
             const stats = await readdir(bfDir);
             if (!stats.length)
                 await rm(bfDir);
@@ -337,7 +337,7 @@ async function rebuildCSS(files, config) {
 }
 try {
     const files = await glob(`${bundleConfig.src}/**/*`);
-    await build(files);
+    await build(files.map((file) => file.replaceAll(sep, "/")));
 }
 catch (err) {
     console.error(err);

package/dist/utils.mjs

@@ -12,11 +12,11 @@ export function fileCopy(file) {
 }
 export function createDir(file) {
     const buildPath = getBuildPath(file);
-    const dir = buildPath.split(path.sep).slice(0, -1).join(path.sep);
+    const dir = buildPath.split("/").slice(0, -1).join("/");
     return mkdir(dir, { recursive: true });
 }
 export function getBuildPath(file) {
-    return file.replace(`${bundleConfig.src}${path.sep}`, `${bundleConfig.build}${path.sep}`);
+    return file.replace(`${bundleConfig.src}/`, `${bundleConfig.build}/`);
 }
 const CONNECTIONS = []; // In order to send the HMR information
 export let serverSentEvents;
@@ -31,11 +31,11 @@ export async function createDefaultServer(isSecure) {
         }
         : void 0);
     fastify.setNotFoundHandler(async (_req, reply) => {
-        const file = await readFile(path.join(process.cwd(), bundleConfig.build, `${path.sep}index.html`), {
+        const file = await readFile(path.join(process.cwd(), bundleConfig.build, "/index.html"), {
             encoding: "utf-8",
         });
         reply.header("Content-Type", "text/html; charset=UTF-8");
-        return reply.send(addHMRCode(file, `${bundleConfig.src}${path.sep}index.html`));
+        return reply.send(addHMRCode(file, `${bundleConfig.src}/index.html`));
     });
     fastify.register(fastifyStatic, {
         root: path.join(process.cwd(), bundleConfig.build),

package/package.json

@@ -1,49 +1,49 @@
-{
-  "name": "html-bundle",
-  "version": "6.0.17",
-  "description": "A very simple bundler for HTML SFC",
-  "bin": "./dist/bundle.mjs",
-  "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 Krutsch <f.krutsch@gmx.de> (https://krutsch.netlify.app/)",
-  "license": "MIT",
-  "devDependencies": {
-    "@types/cssnano": "^5.0.0",
-    "@types/glob": "^8.1.0",
-    "@types/html-minifier-terser": "^7.0.0",
-    "@types/parse5": "^7.0.0",
-    "@types/postcss-load-config": "^3.0.1",
-    "typescript": "^5.0.4"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Krutsch/html-bundle.git"
-  },
-  "bugs": "https://github.com/Krutsch/html-bundle/issues",
-  "dependencies": {
-    "@fastify/static": "^6.10.1",
-    "@web/parse5-utils": "^2.0.0",
-    "await-spawn": "^4.0.2",
-    "chokidar": "^3.5.3",
-    "critters": "^0.0.16",
-    "cssnano": "^6.0.0",
-    "esbuild": "^0.17.18",
-    "fastify": "^4.17.0",
-    "glob": "^10.2.2",
-    "html-minifier-terser": "^7.2.0",
-    "hydro-js": "^1.5.14",
-    "parse5": "^7.1.2",
-    "postcss": "^8.4.23",
-    "postcss-load-config": "^4.0.1"
-  }
-}
+{
+  "name": "html-bundle",
+  "version": "6.0.19",
+  "description": "A very simple bundler for HTML SFC",
+  "bin": "./dist/bundle.mjs",
+  "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 Krutsch <f.krutsch@gmx.de> (https://krutsch.netlify.app/)",
+  "license": "MIT",
+  "devDependencies": {
+    "@types/cssnano": "^5.0.0",
+    "@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.3.3"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Krutsch/html-bundle.git"
+  },
+  "bugs": "https://github.com/Krutsch/html-bundle/issues",
+  "dependencies": {
+    "@fastify/static": "^6.12.0",
+    "@web/parse5-utils": "^2.1.0",
+    "await-spawn": "^4.0.2",
+    "chokidar": "^3.5.3",
+    "critters": "^0.0.20",
+    "cssnano": "^6.0.2",
+    "esbuild": "^0.19.9",
+    "fastify": "^4.25.1",
+    "glob": "^10.3.10",
+    "html-minifier-terser": "^7.2.0",
+    "hydro-js": "^1.5.14",
+    "parse5": "^7.1.2",
+    "postcss": "^8.4.32",
+    "postcss-load-config": "^5.0.2"
+  }
+}

package/src/bundle.mts

@@ -57,11 +57,11 @@ if (bundleConfig.deletePrev) {
 async function build(files: string[], firstRun = true) {
   if (isHMR && firstRun) {
     fastify = await createDefaultServer(isSecure);
-    await fastify.listen({ port: bundleConfig.port });
+    await fastify.listen({ port: bundleConfig.port, host: "::" });
     console.log(
-      `💻 Sever listening on http${isSecure ? "s" : ""}://localhost:${
+      `💻 Server listening on http${isSecure ? "s" : ""}://localhost:${
         bundleConfig.port
-      }.`
+      }. and is shared in the local network.`
     );
   }
 
@@ -132,7 +132,7 @@ async function build(files: string[], firstRun = true) {
 
     const watcher = watch(bundleConfig.src);
     watcher.on("add", async (file) => {
-      file = String.raw`${file}`.replace(/\\/g, sep); // glob and chokidar diff
+      file = String.raw`${file}`.replace(/\\/g, "/"); // glob and chokidar diff
       if (files.includes(file) || INLINE_BUNDLE_FILE.test(file)) {
         return;
       }
@@ -145,7 +145,7 @@ async function build(files: string[], firstRun = true) {
       if (INLINE_BUNDLE_FILE.test(file)) {
         return;
       }
-      file = String.raw`${file}`.replace(/\\/g, sep);
+      file = String.raw`${file}`.replace(/\\/g, "/");
 
       await rebuild(file);
 
@@ -155,7 +155,7 @@ async function build(files: string[], firstRun = true) {
       if (INLINE_BUNDLE_FILE.test(file)) {
         return;
       }
-      file = String.raw`${file}`.replace(/\\/g, sep);
+      file = String.raw`${file}`.replace(/\\/g, "/");
 
       inlineFiles.delete(file);
       const buildFile = getBuildPath(file)
@@ -163,7 +163,7 @@ async function build(files: string[], firstRun = true) {
         .replace(".jsx", ".js");
       await rm(buildFile);
 
-      const bfDir = buildFile.split(sep).slice(0, -1).join(sep);
+      const bfDir = buildFile.split("/").slice(0, -1).join("/");
       const stats = await readdir(bfDir);
       if (!stats.length) await rm(bfDir);
 
@@ -399,7 +399,7 @@ async function rebuildCSS(files: string[], config?: string) {
 
 try {
   const files = await glob(`${bundleConfig.src}/**/*`);
-  await build(files);
+  await build(files.map((file) => file.replaceAll(sep, "/")));
 } catch (err) {
   console.error(err);
   process.exit(1);

package/src/utils.mts

@@ -22,15 +22,12 @@ export function fileCopy(file: string) {
 
 export function createDir(file: string) {
   const buildPath = getBuildPath(file);
-  const dir = buildPath.split(path.sep).slice(0, -1).join(path.sep);
+  const dir = buildPath.split("/").slice(0, -1).join("/");
   return mkdir(dir, { recursive: true });
 }
 
 export function getBuildPath(file: string) {
-  return file.replace(
-    `${bundleConfig.src}${path.sep}`,
-    `${bundleConfig.build}${path.sep}`
-  );
+  return file.replace(`${bundleConfig.src}/`, `${bundleConfig.build}/`);
 }
 
 const CONNECTIONS: Array<any> = []; // In order to send the HMR information
@@ -51,15 +48,13 @@ export async function createDefaultServer(isSecure: boolean) {
   );
   fastify.setNotFoundHandler(async (_req, reply) => {
     const file = await readFile(
-      path.join(process.cwd(), bundleConfig.build, `${path.sep}index.html`),
+      path.join(process.cwd(), bundleConfig.build, "/index.html"),
       {
         encoding: "utf-8",
       }
     );
     reply.header("Content-Type", "text/html; charset=UTF-8");
-    return reply.send(
-      addHMRCode(file, `${bundleConfig.src}${path.sep}index.html`)
-    );
+    return reply.send(addHMRCode(file, `${bundleConfig.src}/index.html`));
   });
   fastify.register(fastifyStatic, {
     root: path.join(process.cwd(), bundleConfig.build),

package/tsconfig.json

@@ -9,8 +9,7 @@
     "skipLibCheck": true,
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "typeRoots": ["node_modules/@types"]
+    "forceConsistentCasingInFileNames": true
   },
   "include": ["src", "types"]
 }