defuss-astro 1.4.3 → 1.4.5

package/README.md

@@ -94,6 +94,6 @@ All commands are run from the root of the project, from a terminal:
 
 ---
 
-<img src="assets/defuss_comic.png" />
+<img src="https://raw.githubusercontent.com/kyr0/defuss/refs/heads/main/assets/defuss_comic.png" />
 
 <caption><i><b>Come visit us on defuss island!</b></i></caption>

package/dist/client.cjs

@@ -146,7 +146,10 @@ var client = (element) => async (Component, props, { default: children, ...slott
     client$1.hydrate(roots, Array.from(element.childNodes));
   } else {
     element.innerHTML = "";
-    let roots = client$1.renderSync(Component(componentProps), element);
+    let roots = client$1.renderSync(
+      Component(componentProps),
+      element
+    );
     if (!Array.isArray(roots)) {
       roots = [roots];
     }
@@ -158,24 +161,33 @@ var client = (element) => async (Component, props, { default: children, ...slott
     }
     Object.entries(attrs).forEach(([key, value]) => {
       if (typeof value === "undefined") return;
-      if (key === "dangerouslySetInnerHTML") return;
-      if (key === "ref" && typeof value === "object") {
+      if (key === client$1.DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE) return;
+      if (key === client$1.REF_ATTRIBUTE_NAME && typeof value === "object") {
         value.current = element;
+        element._defussRef = value;
         return;
       }
       element.setAttribute(key, String(value));
     });
-    element.addEventListener("astro:unmount", () => {
-      roots.forEach((root) => {
-        if (root.parentNode) {
-          root.parentNode.removeChild(root);
-        }
-      });
-    }, { once: true });
+    element.addEventListener(
+      "astro:unmount",
+      () => {
+        roots.forEach((root) => {
+          if (root.parentNode) {
+            root.parentNode.removeChild(root);
+          }
+        });
+      },
+      { once: true }
+    );
   }
-  element.addEventListener("astro:unmount", () => {
-    element.innerHTML = "";
-  }, { once: true });
+  element.addEventListener(
+    "astro:unmount",
+    () => {
+      element.innerHTML = "";
+    },
+    { once: true }
+  );
 };
 
 exports.Img = Img;

package/dist/client.mjs

@@ -1,4 +1,4 @@
-import { createRef, hydrate, renderSync } from 'defuss/client';
+import { createRef, hydrate, renderSync, DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, REF_ATTRIBUTE_NAME } from 'defuss/client';
 import { S as StaticHtml } from './render-viAgneG-.mjs';
 import { jsx } from 'defuss/jsx-runtime';
 import 'defuss';
@@ -142,7 +142,10 @@ var client = (element) => async (Component, props, { default: children, ...slott
     hydrate(roots, Array.from(element.childNodes));
   } else {
     element.innerHTML = "";
-    let roots = renderSync(Component(componentProps), element);
+    let roots = renderSync(
+      Component(componentProps),
+      element
+    );
     if (!Array.isArray(roots)) {
       roots = [roots];
     }
@@ -154,24 +157,33 @@ var client = (element) => async (Component, props, { default: children, ...slott
     }
     Object.entries(attrs).forEach(([key, value]) => {
       if (typeof value === "undefined") return;
-      if (key === "dangerouslySetInnerHTML") return;
-      if (key === "ref" && typeof value === "object") {
+      if (key === DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE) return;
+      if (key === REF_ATTRIBUTE_NAME && typeof value === "object") {
         value.current = element;
+        element._defussRef = value;
         return;
       }
       element.setAttribute(key, String(value));
     });
-    element.addEventListener("astro:unmount", () => {
-      roots.forEach((root) => {
-        if (root.parentNode) {
-          root.parentNode.removeChild(root);
-        }
-      });
-    }, { once: true });
+    element.addEventListener(
+      "astro:unmount",
+      () => {
+        roots.forEach((root) => {
+          if (root.parentNode) {
+            root.parentNode.removeChild(root);
+          }
+        });
+      },
+      { once: true }
+    );
   }
-  element.addEventListener("astro:unmount", () => {
-    element.innerHTML = "";
-  }, { once: true });
+  element.addEventListener(
+    "astro:unmount",
+    () => {
+      element.innerHTML = "";
+    },
+    { once: true }
+  );
 };
 
 export { Img, client as default };

package/dist/index.cjs

@@ -63,6 +63,8 @@ const minifyAndWriteFile = async (cwd, filename, type) => {
   }
 };
 function index({
+  disableSvgOptimization = false,
+  disableCssOptimization = false,
   include,
   exclude,
   devtools
@@ -112,20 +114,28 @@ function index({
           glob("**/*.svg", { cwd })
         ]);
         if (htmlFiles.length === 0 && svgFiles.length === 0) return;
-        logMessage(`\u2734\uFE0F Optimizing ${cssFiles.length} CSS stylesheets`);
         const minifyAndWritePromises = [];
-        for (const filename of cssFiles) {
-          minifyAndWritePromises.push(minifyAndWriteFile(cwd, filename, "css"));
+        if (!disableCssOptimization) {
+          logMessage(`\u26A1 Optimizing ${cssFiles.length} CSS stylesheets`);
+          for (const filename of cssFiles) {
+            minifyAndWritePromises.push(
+              minifyAndWriteFile(cwd, filename, "css")
+            );
+          }
         }
-        logMessage(`\u2734\uFE0F Optimizing ${svgFiles.length} SVG vector graphics`);
-        for (const filename of svgFiles) {
-          minifyAndWritePromises.push(minifyAndWriteFile(cwd, filename, "svg"));
+        if (!disableSvgOptimization) {
+          logMessage(`\u26A1 Optimizing ${svgFiles.length} SVG vector graphics`);
+          for (const filename of svgFiles) {
+            minifyAndWritePromises.push(
+              minifyAndWriteFile(cwd, filename, "svg")
+            );
+          }
         }
         await Promise.all(minifyAndWritePromises);
         const end = node_perf_hooks.performance.now();
         const deltaT = end - start;
         const humanTime = deltaT < 1e3 ? `${deltaT.toFixed(0)}ms` : `${(deltaT / 1e3).toFixed(1)}s`;
-        logMessage(`\u2734\uFE0F Optimization completed in ${humanTime}`);
+        logMessage(`\u26A1 Optimization completed in ${humanTime}`);
       }
     }
   };

package/dist/index.d.cts

@@ -3,9 +3,11 @@ import { DefussVitePluginOptions } from 'defuss-vite';
 
 interface Options extends Pick<DefussVitePluginOptions, "exclude" | "include"> {
     devtools?: boolean;
+    disableSvgOptimization?: boolean;
+    disableCssOptimization?: boolean;
 }
 
 declare const getContainerRenderer: () => ContainerRenderer;
-declare function export_default({ include, exclude, devtools, }?: Options): AstroIntegration;
+declare function export_default({ disableSvgOptimization, disableCssOptimization, include, exclude, devtools, }?: Options): AstroIntegration;
 
 export { export_default as default, getContainerRenderer };

package/dist/index.d.mts

@@ -3,9 +3,11 @@ import { DefussVitePluginOptions } from 'defuss-vite';
 
 interface Options extends Pick<DefussVitePluginOptions, "exclude" | "include"> {
     devtools?: boolean;
+    disableSvgOptimization?: boolean;
+    disableCssOptimization?: boolean;
 }
 
 declare const getContainerRenderer: () => ContainerRenderer;
-declare function export_default({ include, exclude, devtools, }?: Options): AstroIntegration;
+declare function export_default({ disableSvgOptimization, disableCssOptimization, include, exclude, devtools, }?: Options): AstroIntegration;
 
 export { export_default as default, getContainerRenderer };

package/dist/index.mjs

@@ -59,6 +59,8 @@ const minifyAndWriteFile = async (cwd, filename, type) => {
   }
 };
 function index({
+  disableSvgOptimization = false,
+  disableCssOptimization = false,
   include,
   exclude,
   devtools
@@ -108,20 +110,28 @@ function index({
           glob("**/*.svg", { cwd })
         ]);
         if (htmlFiles.length === 0 && svgFiles.length === 0) return;
-        logMessage(`\u2734\uFE0F Optimizing ${cssFiles.length} CSS stylesheets`);
         const minifyAndWritePromises = [];
-        for (const filename of cssFiles) {
-          minifyAndWritePromises.push(minifyAndWriteFile(cwd, filename, "css"));
+        if (!disableCssOptimization) {
+          logMessage(`\u26A1 Optimizing ${cssFiles.length} CSS stylesheets`);
+          for (const filename of cssFiles) {
+            minifyAndWritePromises.push(
+              minifyAndWriteFile(cwd, filename, "css")
+            );
+          }
         }
-        logMessage(`\u2734\uFE0F Optimizing ${svgFiles.length} SVG vector graphics`);
-        for (const filename of svgFiles) {
-          minifyAndWritePromises.push(minifyAndWriteFile(cwd, filename, "svg"));
+        if (!disableSvgOptimization) {
+          logMessage(`\u26A1 Optimizing ${svgFiles.length} SVG vector graphics`);
+          for (const filename of svgFiles) {
+            minifyAndWritePromises.push(
+              minifyAndWriteFile(cwd, filename, "svg")
+            );
+          }
         }
         await Promise.all(minifyAndWritePromises);
         const end = performance.now();
         const deltaT = end - start;
         const humanTime = deltaT < 1e3 ? `${deltaT.toFixed(0)}ms` : `${(deltaT / 1e3).toFixed(1)}s`;
-        logMessage(`\u2734\uFE0F Optimization completed in ${humanTime}`);
+        logMessage(`\u26A1 Optimization completed in ${humanTime}`);
       }
     }
   };

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "defuss-astro",
-  "version": "1.4.3",
+  "version": "1.4.5",
   "type": "module",
   "publishConfig": {
     "access": "public"
   },
   "license": "MIT",
   "description": "Defuss Integration for Astro with WASM-based built-in image conversion support.",
-  "keywords": [
-    "jsx",
-    "render",
-    "ssr",
-    "isomorphic",
-    "astro"
-  ],
+  "keywords": ["jsx", "render", "ssr", "isomorphic", "astro"],
   "repository": {
     "url": "git+https://github.com/kyr0/defuss.git",
     "type": "git"
   },
+  "scripts": {
+    "clean": "rm -rf ./dist && rm -rf ./node_modules/.pnpm",
+    "prebuild": "pnpm run clean",
+    "build": "pkgroll",
+    "postbuild": "tsx ./scripts/finalize-build.ts"
+  },
   "author": "Aron Homberg <info@aron-homberg.de>",
   "sideEffects": false,
   "exports": {
@@ -59,9 +59,7 @@
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.cts",
-  "files": [
-    "dist"
-  ],
+  "files": ["dist"],
   "devDependencies": {
     "pkgroll": "^2.5.1",
     "typescript": "^5.6.3",
@@ -71,20 +69,14 @@
     "node": "^18.17.1 || ^20.3.0 || >=21.0.0"
   },
   "dependencies": {
-    "astro": "^5.8.1",
-    "vite": "^6.3.5",
+    "defuss": "workspace:*",
+    "defuss-vite": "workspace:*",
+    "astro": "^5.13.7",
+    "vite": "^7.1.5",
     "fast-glob": "^3.3.2",
     "svgo": "^3.3.2",
     "lightningimg": "^1.0.3",
     "purgecss": "^7.0.2",
-    "file-type": "^19.6.0",
-    "defuss": "2.0.7",
-    "defuss-vite": "1.1.3"
-  },
-  "scripts": {
-    "clean": "rm -rf ./dist && rm -rf ./node_modules/.pnpm",
-    "prebuild": "pnpm run clean",
-    "build": "pkgroll",
-    "postbuild": "tsx ./scripts/finalize-build.ts"
+    "file-type": "^19.6.0"
   }
-}
+}