@pronto-tools-and-more/pronto 11.2.0 → 11.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pronto-tools-and-more/pronto",
-  "version": "11.2.0",
+  "version": "11.3.0",
   "description": "",
   "main": "src/main.js",
   "type": "module",
@@ -17,16 +17,16 @@
     "@lvce-editor/ipc": "^11.7.0",
     "@lvce-editor/json-rpc": "^5.3.0",
     "@lvce-editor/verror": "^1.6.0",
-    "@pronto-tools-and-more/file-watcher": "11.2.0",
-    "@pronto-tools-and-more/files": "11.2.0",
-    "@pronto-tools-and-more/network-process": "11.2.0",
-    "@pronto-tools-and-more/sass-compiler": "11.2.0",
-    "@pronto-tools-and-more/components-renderer": "11.2.0",
-    "@pronto-tools-and-more/components": "11.2.0",
-    "@pronto-tools-and-more/schema-process": "11.2.0",
-    "@pronto-tools-and-more/diff-process": "11.2.0",
-    "@pronto-tools-and-more/type-checker": "11.2.0",
-    "@pronto-tools-and-more/custom-js-functions": "11.2.0",
+    "@pronto-tools-and-more/file-watcher": "11.3.0",
+    "@pronto-tools-and-more/files": "11.3.0",
+    "@pronto-tools-and-more/network-process": "11.3.0",
+    "@pronto-tools-and-more/sass-compiler": "11.3.0",
+    "@pronto-tools-and-more/components-renderer": "11.3.0",
+    "@pronto-tools-and-more/components": "11.3.0",
+    "@pronto-tools-and-more/schema-process": "11.3.0",
+    "@pronto-tools-and-more/diff-process": "11.3.0",
+    "@pronto-tools-and-more/type-checker": "11.3.0",
+    "@pronto-tools-and-more/custom-js-functions": "11.3.0",
     "execa": "^9.5.2",
     "express": "^4.21.2"
   },

package/src/parts/Etag/Etag.js

@@ -0,0 +1,11 @@
+import * as crypto from "node:crypto";
+
+export const fromStats = (stats) => {
+  let hash = crypto.createHash("sha1");
+  for (const stat of stats) {
+    hash.update(`${stat.ino}`);
+    hash.update(`${stat.size}`);
+    hash.update(`${stat.mtime}`);
+  }
+  return hash.digest("base64");
+};

package/src/parts/GetCssEtag/GetCssEtag.js

@@ -0,0 +1,27 @@
+import { readdir, stat } from "fs/promises";
+import { join } from "path";
+import * as Etag from "../Etag/Etag.js";
+
+export const getCssEtag = async (storefrontPath) => {
+  try {
+    const scssPath = join(storefrontPath, "assets", "scss");
+    const dirents = await readdir(scssPath, {
+      recursive: true,
+    });
+    const stats = await Promise.all(
+      dirents.map(async (dirent) => {
+        const absolutePath = join(scssPath, dirent);
+        const info = await stat(absolutePath);
+        return {
+          size: info.size,
+          mtime: info.mtime,
+          ino: info.ino,
+        };
+      })
+    );
+    return Etag.fromStats(stats);
+  } catch (error) {
+    console.warn(`Failed to compute css etag ${error}`);
+    return `css-${Math.random()}`;
+  }
+};

package/src/parts/HandleCss/HandleCss.js

@@ -3,6 +3,7 @@ import { readFile } from "node:fs/promises";
 import { join } from "node:path";
 import * as CompileSass from "../CompileSass/CompileSass.js";
 import * as Config from "../Config/Config.js";
+import * as GetCssEtag from "../GetCssEtag/GetCssEtag.js";
 import * as UpdateCss from "../UpdateCss/UpdateCss.js";
 
 export const handleCss = (storeFrontPath) => async (req, res, next) => {
@@ -13,7 +14,15 @@ export const handleCss = (storeFrontPath) => async (req, res, next) => {
   res.setHeader("content-type", "text/css");
   if (pathName === "/assets/custom.css") {
     try {
+      const ifNoneMatch = req.headers["if-none-match"];
+      const cssEtag = await GetCssEtag.getCssEtag(storeFrontPath);
+      if (ifNoneMatch && ifNoneMatch === cssEtag) {
+        res.statusCode = 304;
+        res.end();
+        return;
+      }
       const result = await CompileSass.compileSass(Config.rootSassFile);
+      res.setHeader("Etag", cssEtag);
       res.end(result.css);
     } catch (error) {
       console.warn(error);

package/src/parts/Version/Version.js

@@ -1 +1 @@
-export const version = '11.2.0'
+export const version = '11.3.0'