hadars 0.1.15 → 0.1.17

package/dist/cli.js

@@ -507,6 +507,9 @@ var buildCompilerConfig = (entry, opts, includeHotPlugin) => {
       clean: false
     },
     mode: opts.mode,
+    // Persist transformed modules to disk — subsequent starts only recompile
+    // changed files, making repeat dev starts significantly faster.
+    cache: true,
     externals,
     ...optimization !== void 0 ? { optimization } : {},
     plugins: [
@@ -794,6 +797,14 @@ async function processHtmlTemplate(templatePath) {
   }
   if (matches.length === 0)
     return templatePath;
+  await ensureHadarsTmpDir();
+  const sourceHash = crypto.createHash("md5").update(html).digest("hex").slice(0, 8);
+  const cachedPath = pathMod3.join(HADARS_TMP_DIR, `template-${sourceHash}.html`);
+  try {
+    await fs.access(cachedPath);
+    return cachedPath;
+  } catch {
+  }
   const { default: postcss } = await import("postcss");
   let plugins = [];
   try {
@@ -805,15 +816,14 @@ async function processHtmlTemplate(templatePath) {
   let processedHtml = html;
   for (const { full, attrs, css } of matches) {
     try {
-      const result = await postcss(plugins).process(css, { from: void 0 });
+      const result = await postcss(plugins).process(css, { from: templatePath });
       processedHtml = processedHtml.replace(full, `<style${attrs}>${result.css}</style>`);
     } catch (err) {
       console.warn("[hadars] PostCSS error processing <style> block in HTML template:", err);
     }
   }
-  const tmpPath = pathMod3.join(os.tmpdir(), `hadars-template-${Date.now()}.html`);
-  await fs.writeFile(tmpPath, processedHtml);
-  return tmpPath;
+  await fs.writeFile(cachedPath, processedHtml);
+  return cachedPath;
 }
 var HEAD_MARKER = '<meta name="HADARS_HEAD">';
 var BODY_MARKER = '<meta name="HADARS_BODY">';
@@ -1072,6 +1082,8 @@ var __dirname2 = process.cwd();
 var getSuffix = (mode) => mode === "development" ? `?v=${Date.now()}` : "";
 var HadarsFolder = "./.hadars";
 var StaticPath = `${HadarsFolder}/static`;
+var HADARS_TMP_DIR = pathMod3.join(os.tmpdir(), "hadars");
+var ensureHadarsTmpDir = () => fs.mkdir(HADARS_TMP_DIR, { recursive: true });
 var validateOptions = (options) => {
   if (!options.entry) {
     throw new Error("Entry file is required");
@@ -1127,7 +1139,8 @@ var dev = async (options) => {
     console.error("Failed to read client script from package dist, falling back to src", err);
     throw err;
   }
-  const tmpFilePath = pathMod3.join(os.tmpdir(), `hadars-client-${Date.now()}.tsx`);
+  await ensureHadarsTmpDir();
+  const tmpFilePath = pathMod3.join(HADARS_TMP_DIR, `client-${Date.now()}.tsx`);
   await fs.writeFile(tmpFilePath, clientScript);
   let ssrBuildId = crypto.randomBytes(4).toString("hex");
   const resolvedHtmlTemplate = options.htmlTemplate ? await processHtmlTemplate(pathMod3.resolve(__dirname2, options.htmlTemplate)) : void 0;
@@ -1234,29 +1247,31 @@ var dev = async (options) => {
       stdoutReader = null;
     }
   })();
-  await Promise.all([clientBuildDone, ssrBuildDone]);
-  if (stdoutReader) {
-    const reader = stdoutReader;
-    (async () => {
-      try {
-        while (true) {
-          const { done, value } = await reader.read();
-          if (done)
-            break;
-          const chunk = decoder.decode(value, { stream: true });
-          try {
-            process.stdout.write(chunk);
-          } catch (e) {
-          }
-          if (chunk.includes(rebuildMarker)) {
-            ssrBuildId = crypto.randomBytes(4).toString("hex");
-            console.log("[hadars] SSR bundle updated, build id:", ssrBuildId);
+  const readyPromise = Promise.all([clientBuildDone, ssrBuildDone]);
+  readyPromise.then(() => {
+    if (stdoutReader) {
+      const reader = stdoutReader;
+      (async () => {
+        try {
+          while (true) {
+            const { done, value } = await reader.read();
+            if (done)
+              break;
+            const chunk = decoder.decode(value, { stream: true });
+            try {
+              process.stdout.write(chunk);
+            } catch (e) {
+            }
+            if (chunk.includes(rebuildMarker)) {
+              ssrBuildId = crypto.randomBytes(4).toString("hex");
+              console.log("[hadars] SSR bundle updated, build id:", ssrBuildId);
+            }
           }
+        } catch (e) {
         }
-      } catch (e) {
-      }
-    })();
-  }
+      })();
+    }
+  });
   (async () => {
     try {
       const r = stderrWebStream.getReader();
@@ -1273,9 +1288,10 @@ var dev = async (options) => {
     }
   })();
   const getPrecontentHtml = makePrecontentHtmlGetter(
-    fs.readFile(pathMod3.join(__dirname2, StaticPath, "out.html"), "utf-8")
+    readyPromise.then(() => fs.readFile(pathMod3.join(__dirname2, StaticPath, "out.html"), "utf-8"))
   );
   await serve(port, async (req, ctx) => {
+    await readyPromise;
     const request = parseRequest(req);
     if (handler) {
       const res = await handler(request);
@@ -1338,7 +1354,8 @@ var build = async (options) => {
     const srcClientPath = pathMod3.resolve(packageDir2, "utils", "clientScript.tsx");
     clientScript = (await fs.readFile(srcClientPath, "utf-8")).replace("$_MOD_PATH$", entry + `?v=${Date.now()}`);
   }
-  const tmpFilePath = pathMod3.join(os.tmpdir(), `hadars-client-${Date.now()}.tsx`);
+  await ensureHadarsTmpDir();
+  const tmpFilePath = pathMod3.join(HADARS_TMP_DIR, `client-${Date.now()}.tsx`);
   await fs.writeFile(tmpFilePath, clientScript);
   const resolvedHtmlTemplate = options.htmlTemplate ? await processHtmlTemplate(pathMod3.resolve(__dirname2, options.htmlTemplate)) : void 0;
   console.log("Building client and server bundles in parallel...");

package/dist/ssr-watch.js

@@ -233,6 +233,9 @@ var buildCompilerConfig = (entry2, opts, includeHotPlugin) => {
       clean: false
     },
     mode: opts.mode,
+    // Persist transformed modules to disk — subsequent starts only recompile
+    // changed files, making repeat dev starts significantly faster.
+    cache: true,
     externals,
     ...optimization !== void 0 ? { optimization } : {},
     plugins: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hadars",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "description": "Minimal SSR framework for React — rspack, HMR, TypeScript, Bun/Node/Deno",
   "module": "./dist/index.js",
   "type": "module",

package/src/build.ts

@@ -36,6 +36,16 @@ async function processHtmlTemplate(templatePath: string): Promise<string> {
     }
     if (matches.length === 0) return templatePath;
 
+    await ensureHadarsTmpDir();
+
+    // Cache by content hash — same template content → skip Tailwind re-scan on restart.
+    const sourceHash = crypto.createHash('md5').update(html).digest('hex').slice(0, 8);
+    const cachedPath = pathMod.join(HADARS_TMP_DIR, `template-${sourceHash}.html`);
+    try {
+        await fs.access(cachedPath);
+        return cachedPath; // cache hit
+    } catch { /* cache miss — process below */ }
+
     const { default: postcss } = await import('postcss');
     let plugins: any[] = [];
     try {
@@ -49,16 +59,15 @@ async function processHtmlTemplate(templatePath: string): Promise<string> {
     let processedHtml = html;
     for (const { full, attrs, css } of matches) {
         try {
-            const result = await postcss(plugins).process(css, { from: undefined });
+            const result = await postcss(plugins).process(css, { from: templatePath });
             processedHtml = processedHtml.replace(full, `<style${attrs}>${result.css}</style>`);
         } catch (err) {
             console.warn('[hadars] PostCSS error processing <style> block in HTML template:', err);
         }
     }
 
-    const tmpPath = pathMod.join(os.tmpdir(), `hadars-template-${Date.now()}.html`);
-    await fs.writeFile(tmpPath, processedHtml);
-    return tmpPath;
+    await fs.writeFile(cachedPath, processedHtml);
+    return cachedPath;
 }
 
 const HEAD_MARKER = '<meta name="HADARS_HEAD">';
@@ -395,6 +404,11 @@ const getSuffix = (mode: Mode) => mode === 'development' ? `?v=${Date.now()}` :
 
 const HadarsFolder = './.hadars';
 const StaticPath = `${HadarsFolder}/static`;
+// Dedicated temp directory — keeps all hadars temp files out of the root of
+// os.tmpdir() so rspack's file watcher doesn't traverse unrelated system files
+// (e.g. Steam/Chrome shared-memory device files) in that directory.
+const HADARS_TMP_DIR = pathMod.join(os.tmpdir(), 'hadars');
+const ensureHadarsTmpDir = () => fs.mkdir(HADARS_TMP_DIR, { recursive: true });
 
 const validateOptions = (options: HadarsRuntimeOptions) => {
     if (!options.entry) {
@@ -481,7 +495,8 @@ export const dev = async (options: HadarsRuntimeOptions) => {
         throw err;
     }
 
-    const tmpFilePath = pathMod.join(os.tmpdir(), `hadars-client-${Date.now()}.tsx`);
+    await ensureHadarsTmpDir();
+    const tmpFilePath = pathMod.join(HADARS_TMP_DIR, `client-${Date.now()}.tsx`);
     await fs.writeFile(tmpFilePath, clientScript);
 
     // SSR live-reload id to force re-import
@@ -601,27 +616,32 @@ export const dev = async (options: HadarsRuntimeOptions) => {
         }
     })();
 
-    // Wait for both client and SSR builds to finish in parallel.
-    await Promise.all([clientBuildDone, ssrBuildDone]);
-
-    // Continue reading stdout to forward logs and pick up SSR rebuild signals.
-    if (stdoutReader) {
-        const reader = stdoutReader as ReadableStreamDefaultReader<Uint8Array>;
-        (async () => {
-            try {
-                while (true) {
-                    const { done, value } = await reader.read();
-                    if (done) break;
-                    const chunk = decoder.decode(value, { stream: true });
-                    try { process.stdout.write(chunk); } catch (e) { }
-                    if (chunk.includes(rebuildMarker)) {
-                        ssrBuildId = crypto.randomBytes(4).toString('hex');
-                        console.log('[hadars] SSR bundle updated, build id:', ssrBuildId);
+    // Both builds run in parallel — this promise resolves when they're both done.
+    // We do NOT await it here; the server starts immediately below so that the
+    // port is bound right away. Incoming requests await this promise before
+    // processing, so they hold in-flight and all resolve together once ready.
+    const readyPromise = Promise.all([clientBuildDone, ssrBuildDone]);
+
+    readyPromise.then(() => {
+        // Continue reading stdout to forward logs and pick up SSR rebuild signals.
+        if (stdoutReader) {
+            const reader = stdoutReader as ReadableStreamDefaultReader<Uint8Array>;
+            (async () => {
+                try {
+                    while (true) {
+                        const { done, value } = await reader.read();
+                        if (done) break;
+                        const chunk = decoder.decode(value, { stream: true });
+                        try { process.stdout.write(chunk); } catch (e) { }
+                        if (chunk.includes(rebuildMarker)) {
+                            ssrBuildId = crypto.randomBytes(4).toString('hex');
+                            console.log('[hadars] SSR bundle updated, build id:', ssrBuildId);
+                        }
                     }
-                }
-            } catch (e) { }
-        })();
-    }
+                } catch (e) { }
+            })();
+        }
+    });
 
     // Forward stderr asynchronously
     (async () => {
@@ -636,10 +656,12 @@ export const dev = async (options: HadarsRuntimeOptions) => {
     })();
 
     const getPrecontentHtml = makePrecontentHtmlGetter(
-        fs.readFile(pathMod.join(__dirname, StaticPath, 'out.html'), 'utf-8')
+        readyPromise.then(() => fs.readFile(pathMod.join(__dirname, StaticPath, 'out.html'), 'utf-8'))
     );
 
     await serve(port, async (req, ctx) => {
+        // Hold requests until both builds are ready. Once resolved this is a no-op.
+        await readyPromise;
         const request = parseRequest(req);
         if (handler) {
             const res = await handler(request);
@@ -716,7 +738,8 @@ export const build = async (options: HadarsRuntimeOptions) => {
             .replace('$_MOD_PATH$', entry + `?v=${Date.now()}`);
     }
 
-    const tmpFilePath = pathMod.join(os.tmpdir(), `hadars-client-${Date.now()}.tsx`);
+    await ensureHadarsTmpDir();
+    const tmpFilePath = pathMod.join(HADARS_TMP_DIR, `client-${Date.now()}.tsx`);
     await fs.writeFile(tmpFilePath, clientScript);
 
     // Pre-process the HTML template's <style> blocks through PostCSS (e.g. Tailwind).

package/src/utils/rspack.ts

@@ -288,6 +288,9 @@ const buildCompilerConfig = (
             clean: false,
         },
         mode: opts.mode,
+        // Persist transformed modules to disk — subsequent starts only recompile
+        // changed files, making repeat dev starts significantly faster.
+        cache: true,
         externals,
         ...(optimization !== undefined ? { optimization } : {}),
         plugins: [