defuss-astro 1.1.4 → 1.3.1

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 - 2024 Aron Homberg
+Copyright (c) 2019 - 2025 Aron Homberg
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/client.cjs

@@ -1,19 +1,123 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var client$1 = require('defuss/client');
 var render = require('./render-DkMOLcUd.cjs');
+var jsxRuntime = require('defuss/jsx-runtime');
 require('defuss');
 
+const Img = ({
+  id,
+  src,
+  alt,
+  height = 100,
+  width = 100,
+  previewQuality = 5,
+  quality = 90,
+  className = "",
+  class: _class = "",
+  style = {},
+  format = "webp",
+  astroAssetsPath = "_defuss/image"
+}) => {
+  const placeholderWidth = Math.round(width / 7);
+  const placeholderHeight = Math.round(height / 7);
+  const imgRef = client$1.createRef();
+  const getTransformOptionsPath = ({
+    src: src2,
+    height: height2,
+    width: width2,
+    quality: quality2 = previewQuality,
+    format: format2 = "webp"
+  }) => {
+    const transformOptions = new URLSearchParams({
+      href: src2,
+      h: height2.toString(),
+      w: width2.toString(),
+      q: quality2.toString(),
+      f: format2
+    });
+    return `/${astroAssetsPath}?${transformOptions.toString()}`;
+  };
+  const transformedSrc = getTransformOptionsPath({
+    src,
+    height: placeholderHeight,
+    width: placeholderWidth,
+    format
+  });
+  const whenImageMounts = () => {
+    const img = imgRef.current;
+    if (!img) return;
+    let loaded = false;
+    const getTransformOptionsPath2 = ({ src: src2, height: height2, width: width2, quality: quality2, format: format2 }) => {
+      const transformOptions = new URLSearchParams({
+        href: src2,
+        h: height2.toString(),
+        w: width2.toString(),
+        q: quality2.toString(),
+        f: format2
+      });
+      return `/${astroAssetsPath}?${transformOptions.toString()}`;
+    };
+    const lazyLoad = () => {
+      if (loaded) return;
+      const transformedSrc2 = getTransformOptionsPath2({
+        src,
+        height,
+        width,
+        quality,
+        format
+      });
+      img.src = transformedSrc2;
+      img.onload = () => {
+        img.classList.remove("blur");
+        img.classList.add("loaded");
+        img.style.filter = "blur(0px)";
+        loaded = true;
+      };
+    };
+    const observer = new window.IntersectionObserver((entries, observer2) => {
+      entries.forEach((entry) => {
+        if (entry.isIntersecting) {
+          lazyLoad();
+          observer2.unobserve(entry.target);
+        }
+      });
+    }, { threshold: 0.1 });
+    observer.observe(imgRef.current);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      id,
+      ref: imgRef,
+      onMount: whenImageMounts,
+      alt,
+      class: `${className || _class} blur`,
+      src: transformedSrc,
+      style: {
+        filter: "blur(40px)",
+        transition: "0.125s filter linear",
+        ...style
+      },
+      width,
+      height
+    }
+  );
+};
+
 var client = (element) => async (Component, props, { default: children, ...slotted }, { client }) => {
-  const isHydrate = client !== "only";
-  if (element.hasAttribute("ssr")) {
-    console.log("ssr attr found isHydrate", isHydrate, Component, "props", props, "slotted", slotted, "children", children, "client", client);
-  }
+  const isHydrate = element.hasAttribute("ssr") && (client === "visible" || client === "idle" || client === "load" || client === "media");
   if (!element.hasAttribute("ssr")) return;
   Object.entries(slotted).forEach(([key, value]) => {
     props[key] = render.StaticHtml(value);
   });
-  const componentProps = { ...props };
+  const componentProps = {
+    ...props,
+    // set hydration key to the component name by default, if not already set
+    key: props.key || Component.name
+  };
   if (children) {
     if (!Array.isArray(children)) {
       children = [children];
@@ -25,19 +129,45 @@ var client = (element) => async (Component, props, { default: children, ...slott
     }
     componentProps.children = children;
   }
-  const vdom = Component(componentProps);
-  const dom = client$1.render(vdom, element);
-  for (const [key, value] of Object.entries(props)) {
-    if (key !== "children") {
-      dom.setAttribute(key, value);
+  if (isHydrate) {
+    let roots = Component(componentProps);
+    if (!Array.isArray(roots)) {
+      roots = [roots];
     }
+    client$1.hydrate(roots, Array.from(element.childNodes));
+  } else {
+    element.innerHTML = "";
+    let roots = client$1.render(Component(componentProps), element);
+    if (!Array.isArray(roots)) {
+      roots = [roots];
+    }
+    const attrs = {};
+    for (const [key, value] of Object.entries(props)) {
+      if (key !== "children") {
+        attrs[key] = value;
+      }
+    }
+    Object.entries(attrs).forEach(([key, value]) => {
+      if (typeof value === "undefined") return;
+      if (key === "dangerouslySetInnerHTML") return;
+      if (key === "ref" && typeof value === "object") {
+        value.current = element;
+        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", () => {
-    if (dom.parentNode) {
-      dom.parentNode.removeChild(dom);
-    }
+    element.innerHTML = "";
   }, { once: true });
 };
 
-module.exports = client;
-//# sourceMappingURL=client.cjs.map
+exports.Img = Img;
+exports.default = client;

package/dist/client.d.cts

@@ -1,3 +1,21 @@
+import { Props, CSSProperties } from 'defuss/client';
+
+interface ImgProps extends Props {
+    id?: string;
+    src: string;
+    width?: number;
+    height?: number;
+    alt: string;
+    style?: CSSProperties;
+    class?: string;
+    className?: string;
+    format?: string;
+    astroAssetsPath?: string;
+    previewQuality?: number;
+    quality?: number;
+}
+declare const Img: ({ id, src, alt, height, width, previewQuality, quality, className, class: _class, style, format, astroAssetsPath, }: ImgProps) => any;
+
 declare const _default: (element: HTMLElement) => (Component: any, props: Record<string, any>, { default: children, ...slotted }: Record<string, any>, { client }: Record<string, string>) => Promise<void>;
 
-export { _default as default };
+export { Img, type ImgProps, _default as default };

package/dist/client.d.mts

@@ -1,3 +1,21 @@
+import { Props, CSSProperties } from 'defuss/client';
+
+interface ImgProps extends Props {
+    id?: string;
+    src: string;
+    width?: number;
+    height?: number;
+    alt: string;
+    style?: CSSProperties;
+    class?: string;
+    className?: string;
+    format?: string;
+    astroAssetsPath?: string;
+    previewQuality?: number;
+    quality?: number;
+}
+declare const Img: ({ id, src, alt, height, width, previewQuality, quality, className, class: _class, style, format, astroAssetsPath, }: ImgProps) => any;
+
 declare const _default: (element: HTMLElement) => (Component: any, props: Record<string, any>, { default: children, ...slotted }: Record<string, any>, { client }: Record<string, string>) => Promise<void>;
 
-export { _default as default };
+export { Img, type ImgProps, _default as default };

package/dist/client.mjs

@@ -1,17 +1,119 @@
-import { render } from 'defuss/client';
+import { createRef, hydrate, render } from 'defuss/client';
 import { S as StaticHtml } from './render-viAgneG-.mjs';
+import { jsx } from 'defuss/jsx-runtime';
 import 'defuss';
 
+const Img = ({
+  id,
+  src,
+  alt,
+  height = 100,
+  width = 100,
+  previewQuality = 5,
+  quality = 90,
+  className = "",
+  class: _class = "",
+  style = {},
+  format = "webp",
+  astroAssetsPath = "_defuss/image"
+}) => {
+  const placeholderWidth = Math.round(width / 7);
+  const placeholderHeight = Math.round(height / 7);
+  const imgRef = createRef();
+  const getTransformOptionsPath = ({
+    src: src2,
+    height: height2,
+    width: width2,
+    quality: quality2 = previewQuality,
+    format: format2 = "webp"
+  }) => {
+    const transformOptions = new URLSearchParams({
+      href: src2,
+      h: height2.toString(),
+      w: width2.toString(),
+      q: quality2.toString(),
+      f: format2
+    });
+    return `/${astroAssetsPath}?${transformOptions.toString()}`;
+  };
+  const transformedSrc = getTransformOptionsPath({
+    src,
+    height: placeholderHeight,
+    width: placeholderWidth,
+    format
+  });
+  const whenImageMounts = () => {
+    const img = imgRef.current;
+    if (!img) return;
+    let loaded = false;
+    const getTransformOptionsPath2 = ({ src: src2, height: height2, width: width2, quality: quality2, format: format2 }) => {
+      const transformOptions = new URLSearchParams({
+        href: src2,
+        h: height2.toString(),
+        w: width2.toString(),
+        q: quality2.toString(),
+        f: format2
+      });
+      return `/${astroAssetsPath}?${transformOptions.toString()}`;
+    };
+    const lazyLoad = () => {
+      if (loaded) return;
+      const transformedSrc2 = getTransformOptionsPath2({
+        src,
+        height,
+        width,
+        quality,
+        format
+      });
+      img.src = transformedSrc2;
+      img.onload = () => {
+        img.classList.remove("blur");
+        img.classList.add("loaded");
+        img.style.filter = "blur(0px)";
+        loaded = true;
+      };
+    };
+    const observer = new window.IntersectionObserver((entries, observer2) => {
+      entries.forEach((entry) => {
+        if (entry.isIntersecting) {
+          lazyLoad();
+          observer2.unobserve(entry.target);
+        }
+      });
+    }, { threshold: 0.1 });
+    observer.observe(imgRef.current);
+  };
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      id,
+      ref: imgRef,
+      onMount: whenImageMounts,
+      alt,
+      class: `${className || _class} blur`,
+      src: transformedSrc,
+      style: {
+        filter: "blur(40px)",
+        transition: "0.125s filter linear",
+        ...style
+      },
+      width,
+      height
+    }
+  );
+};
+
 var client = (element) => async (Component, props, { default: children, ...slotted }, { client }) => {
-  const isHydrate = client !== "only";
-  if (element.hasAttribute("ssr")) {
-    console.log("ssr attr found isHydrate", isHydrate, Component, "props", props, "slotted", slotted, "children", children, "client", client);
-  }
+  const isHydrate = element.hasAttribute("ssr") && (client === "visible" || client === "idle" || client === "load" || client === "media");
   if (!element.hasAttribute("ssr")) return;
   Object.entries(slotted).forEach(([key, value]) => {
     props[key] = StaticHtml(value);
   });
-  const componentProps = { ...props };
+  const componentProps = {
+    ...props,
+    // set hydration key to the component name by default, if not already set
+    key: props.key || Component.name
+  };
   if (children) {
     if (!Array.isArray(children)) {
       children = [children];
@@ -23,19 +125,44 @@ var client = (element) => async (Component, props, { default: children, ...slott
     }
     componentProps.children = children;
   }
-  const vdom = Component(componentProps);
-  const dom = render(vdom, element);
-  for (const [key, value] of Object.entries(props)) {
-    if (key !== "children") {
-      dom.setAttribute(key, value);
+  if (isHydrate) {
+    let roots = Component(componentProps);
+    if (!Array.isArray(roots)) {
+      roots = [roots];
     }
+    hydrate(roots, Array.from(element.childNodes));
+  } else {
+    element.innerHTML = "";
+    let roots = render(Component(componentProps), element);
+    if (!Array.isArray(roots)) {
+      roots = [roots];
+    }
+    const attrs = {};
+    for (const [key, value] of Object.entries(props)) {
+      if (key !== "children") {
+        attrs[key] = value;
+      }
+    }
+    Object.entries(attrs).forEach(([key, value]) => {
+      if (typeof value === "undefined") return;
+      if (key === "dangerouslySetInnerHTML") return;
+      if (key === "ref" && typeof value === "object") {
+        value.current = element;
+        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", () => {
-    if (dom.parentNode) {
-      dom.parentNode.removeChild(dom);
-    }
+    element.innerHTML = "";
   }, { once: true });
 };
 
-export { client as default };
-//# sourceMappingURL=client.mjs.map
+export { Img, client as default };

package/dist/endpoint/image-endpoint.cjs

@@ -0,0 +1,66 @@
+'use strict';
+
+var fileType = require('file-type');
+var node_module = require('node:module');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+const nodeRequire = node_module.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('endpoint/image-endpoint.cjs', document.baseURI).href)));
+const { convertToWebp } = nodeRequire("lightningimg-node");
+const GET = async ({ url }) => {
+  try {
+    const imgHrefRelative = url.searchParams.get("href");
+    const height = url.searchParams.get("h");
+    const width = url.searchParams.get("w");
+    const quality = url.searchParams.get("q");
+    if (!imgHrefRelative) {
+      return new Response("Image URL is required", { status: 400 });
+    }
+    const imgHrefAbsolute = `${url.protocol}//${url.host}${imgHrefRelative}`;
+    console.log("GET /_defuss/image (transforming: ", imgHrefAbsolute, ")");
+    const response = await fetch(imgHrefAbsolute);
+    if (!response.ok) {
+      console.log("Error fetching image", { imgHrefAbsolute, response });
+      return new Response("Error fetching image", { status: 500 });
+    }
+    const imageBuffer = Buffer.from(await response.arrayBuffer());
+    const fileExtension = (await fileType.fileTypeFromBuffer(imageBuffer))?.ext;
+    if (!fileExtension) {
+      console.log("Error fetching fileExtension", { fileExtension, response });
+      return new Response("Error getting file extension", { status: 500 });
+    }
+    if (fileExtension === "webp") {
+      return new Response(imageBuffer, {
+        headers: {
+          "Content-Type": "image/webp",
+          "Content-Length": imageBuffer.byteLength.toString()
+        }
+      });
+    }
+    let convertedImageBuffer;
+    try {
+      convertedImageBuffer = convertToWebp(imageBuffer, fileExtension, {
+        height: height ? Number.parseInt(height) : void 0,
+        width: width ? Number.parseInt(width) : void 0,
+        quality: quality ? Number.parseInt(quality) : void 0
+      });
+      if (!convertedImageBuffer) {
+        throw new Error("Error converting image: no buffer returned");
+      }
+    } catch (error) {
+      console.log("Error converting image", { fileExtension, bufferLength: imageBuffer.byteLength, error });
+      return new Response("Error converting image", { status: 500 });
+    }
+    const mimeType = `image/${fileExtension}`;
+    return new Response(convertedImageBuffer, {
+      headers: {
+        "Content-Type": mimeType,
+        "Content-Length": convertedImageBuffer.length.toString()
+      }
+    });
+  } catch (error) {
+    return new Response(`Error fetching image: ${error}`, { status: 500 });
+  }
+};
+
+exports.GET = GET;
+exports.nodeRequire = nodeRequire;

package/dist/endpoint/image-endpoint.d.cts

@@ -0,0 +1,6 @@
+import { APIRoute } from 'astro';
+
+declare const nodeRequire: NodeRequire;
+declare const GET: APIRoute;
+
+export { GET, nodeRequire };

package/dist/endpoint/image-endpoint.d.mts

@@ -0,0 +1,6 @@
+import { APIRoute } from 'astro';
+
+declare const nodeRequire: NodeRequire;
+declare const GET: APIRoute;
+
+export { GET, nodeRequire };

package/dist/endpoint/image-endpoint.mjs

@@ -0,0 +1,62 @@
+import { fileTypeFromBuffer } from 'file-type';
+import { createRequire } from 'node:module';
+
+const nodeRequire = createRequire(import.meta.url);
+const { convertToWebp } = nodeRequire("lightningimg-node");
+const GET = async ({ url }) => {
+  try {
+    const imgHrefRelative = url.searchParams.get("href");
+    const height = url.searchParams.get("h");
+    const width = url.searchParams.get("w");
+    const quality = url.searchParams.get("q");
+    if (!imgHrefRelative) {
+      return new Response("Image URL is required", { status: 400 });
+    }
+    const imgHrefAbsolute = `${url.protocol}//${url.host}${imgHrefRelative}`;
+    console.log("GET /_defuss/image (transforming: ", imgHrefAbsolute, ")");
+    const response = await fetch(imgHrefAbsolute);
+    if (!response.ok) {
+      console.log("Error fetching image", { imgHrefAbsolute, response });
+      return new Response("Error fetching image", { status: 500 });
+    }
+    const imageBuffer = Buffer.from(await response.arrayBuffer());
+    const fileExtension = (await fileTypeFromBuffer(imageBuffer))?.ext;
+    if (!fileExtension) {
+      console.log("Error fetching fileExtension", { fileExtension, response });
+      return new Response("Error getting file extension", { status: 500 });
+    }
+    if (fileExtension === "webp") {
+      return new Response(imageBuffer, {
+        headers: {
+          "Content-Type": "image/webp",
+          "Content-Length": imageBuffer.byteLength.toString()
+        }
+      });
+    }
+    let convertedImageBuffer;
+    try {
+      convertedImageBuffer = convertToWebp(imageBuffer, fileExtension, {
+        height: height ? Number.parseInt(height) : void 0,
+        width: width ? Number.parseInt(width) : void 0,
+        quality: quality ? Number.parseInt(quality) : void 0
+      });
+      if (!convertedImageBuffer) {
+        throw new Error("Error converting image: no buffer returned");
+      }
+    } catch (error) {
+      console.log("Error converting image", { fileExtension, bufferLength: imageBuffer.byteLength, error });
+      return new Response("Error converting image", { status: 500 });
+    }
+    const mimeType = `image/${fileExtension}`;
+    return new Response(convertedImageBuffer, {
+      headers: {
+        "Content-Type": mimeType,
+        "Content-Length": convertedImageBuffer.length.toString()
+      }
+    });
+  } catch (error) {
+    return new Response(`Error fetching image: ${error}`, { status: 500 });
+  }
+};
+
+export { GET, nodeRequire };

package/dist/index.cjs

@@ -3,7 +3,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var defussPlugin = require('defuss-vite');
+var node_url = require('node:url');
+var glob = require('fast-glob');
+var node_perf_hooks = require('node:perf_hooks');
+var svgo = require('svgo');
+var node_path = require('node:path');
+var promises = require('node:fs/promises');
+var purgecss = require('purgecss');
+var node_fs = require('node:fs');
+var node_module = require('node:module');
 
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+const logMessage = (message) => {
+  const date = (/* @__PURE__ */ new Date()).toLocaleTimeString();
+  console.log(`${date} \x1B[32mdefuss-astro:\x1B[0m ${message}`);
+};
+
+const nodeRequire = node_module.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));
+const { processDirectoryDestructive } = nodeRequire("lightningimg-node");
 const getRenderer = (development) => ({
   name: "defuss",
   clientEntrypoint: "defuss-astro/client.js",
@@ -13,20 +30,99 @@ const getContainerRenderer = () => ({
   name: "defuss",
   serverEntrypoint: "defuss-astro/server.js"
 });
+const minifyAndWriteFile = async (cwd, filename, type) => {
+  const filePath = node_path.join(cwd, filename);
+  const fileOrg = await promises.readFile(filePath, "utf8");
+  switch (type) {
+    case "svg": {
+      const fileMin = svgo.optimize(fileOrg, {
+        multipass: true,
+        plugins: [
+          {
+            name: "preset-default",
+            params: {
+              overrides: {
+                removeViewBox: false
+              }
+            }
+          }
+        ]
+      });
+      await promises.writeFile(filePath, fileMin.data, "utf-8");
+      break;
+    }
+    case "css": {
+      const purgeCSSResult = await new purgecss.PurgeCSS().purge({
+        content: [`${cwd}**/*.html`],
+        css: [cwd + filename],
+        variables: false
+      });
+      for (const result of purgeCSSResult) {
+        if (result.file && node_fs.existsSync(result.file)) {
+          await promises.writeFile(result.file, result.css, "utf-8");
+        }
+      }
+      break;
+    }
+  }
+};
 function index({ include, exclude, devtools } = {}) {
   return {
     name: "defuss",
     hooks: {
-      "astro:config:setup": ({ addRenderer, updateConfig, command, injectScript }) => {
+      "astro:config:setup": async ({ config, addRenderer, updateConfig, command, injectScript, injectRoute }) => {
+        injectRoute({
+          pattern: "/_defuss/image",
+          prerender: false,
+          entrypoint: "defuss-astro/image-endpoint.js"
+        });
+        const publicDirPath = node_url.fileURLToPath(config.publicDir);
+        config.compressHTML = true;
+        config.scopedStyleStrategy = "class";
+        if (!config.vite.build) {
+          config.vite.build = {};
+        }
+        config.vite.build.cssMinify = "lightningcss";
+        processDirectoryDestructive(publicDirPath, false);
         addRenderer(getRenderer());
         updateConfig({
           vite: {
             optimizeDeps: {
               include: ["defuss-astro/client.js", "defuss-astro/server.js"]
             },
+            ssr: {
+              noExternal: ["lightningimg-node"]
+            },
             plugins: [defussPlugin()]
           }
         });
+      },
+      "astro:build:done": async ({ dir }) => {
+        const start = node_perf_hooks.performance.now();
+        const cwd = node_url.fileURLToPath(dir);
+        const [cssFiles, htmlFiles, imageFiles, svgFiles] = await Promise.all([
+          glob("**/*.css", { cwd, ignore: ["**/*-min.css", "**/*.min.css"] }),
+          glob("**/*.html", { cwd }),
+          glob("**/*.(jpg|jpeg|png|tiff)", { cwd }),
+          glob("**/*.svg", { cwd })
+        ]);
+        logMessage(`\u2734\uFE0F Optimizing ${imageFiles.length} images`);
+        processDirectoryDestructive(cwd, true);
+        if (htmlFiles.length === 0 && svgFiles.length === 0) return;
+        logMessage(`\u2734\uFE0F Optimizing ${svgFiles.length} SVG vector graphics`);
+        logMessage(`\u2734\uFE0F Optimizing ${cssFiles.length} CSS stylesheets`);
+        const minifyAndWritePromises = [];
+        for (const filename of cssFiles) {
+          minifyAndWritePromises.push(minifyAndWriteFile(cwd, filename, "css"));
+        }
+        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}`);
       }
     }
   };
@@ -34,4 +130,4 @@ function index({ include, exclude, devtools } = {}) {
 
 exports.default = index;
 exports.getContainerRenderer = getContainerRenderer;
-//# sourceMappingURL=index.cjs.map
+exports.nodeRequire = nodeRequire;

package/dist/index.d.cts

@@ -5,7 +5,8 @@ interface Options extends Pick<DefussVitePluginOptions, "exclude" | "include"> {
     devtools?: boolean;
 }
 
+declare const nodeRequire: NodeRequire;
 declare const getContainerRenderer: () => ContainerRenderer;
 declare function export_default({ include, exclude, devtools }?: Options): AstroIntegration;
 
-export { export_default as default, getContainerRenderer };
+export { export_default as default, getContainerRenderer, nodeRequire };

package/dist/index.d.mts

@@ -5,7 +5,8 @@ interface Options extends Pick<DefussVitePluginOptions, "exclude" | "include"> {
     devtools?: boolean;
 }
 
+declare const nodeRequire: NodeRequire;
 declare const getContainerRenderer: () => ContainerRenderer;
 declare function export_default({ include, exclude, devtools }?: Options): AstroIntegration;
 
-export { export_default as default, getContainerRenderer };
+export { export_default as default, getContainerRenderer, nodeRequire };

package/dist/index.mjs

@@ -1,5 +1,21 @@
 import defussPlugin from 'defuss-vite';
+import { fileURLToPath } from 'node:url';
+import glob from 'fast-glob';
+import { performance } from 'node:perf_hooks';
+import { optimize } from 'svgo';
+import { join } from 'node:path';
+import { readFile, writeFile } from 'node:fs/promises';
+import { PurgeCSS } from 'purgecss';
+import { existsSync } from 'node:fs';
+import { createRequire } from 'node:module';
 
+const logMessage = (message) => {
+  const date = (/* @__PURE__ */ new Date()).toLocaleTimeString();
+  console.log(`${date} \x1B[32mdefuss-astro:\x1B[0m ${message}`);
+};
+
+const nodeRequire = createRequire(import.meta.url);
+const { processDirectoryDestructive } = nodeRequire("lightningimg-node");
 const getRenderer = (development) => ({
   name: "defuss",
   clientEntrypoint: "defuss-astro/client.js",
@@ -9,24 +25,102 @@ const getContainerRenderer = () => ({
   name: "defuss",
   serverEntrypoint: "defuss-astro/server.js"
 });
+const minifyAndWriteFile = async (cwd, filename, type) => {
+  const filePath = join(cwd, filename);
+  const fileOrg = await readFile(filePath, "utf8");
+  switch (type) {
+    case "svg": {
+      const fileMin = optimize(fileOrg, {
+        multipass: true,
+        plugins: [
+          {
+            name: "preset-default",
+            params: {
+              overrides: {
+                removeViewBox: false
+              }
+            }
+          }
+        ]
+      });
+      await writeFile(filePath, fileMin.data, "utf-8");
+      break;
+    }
+    case "css": {
+      const purgeCSSResult = await new PurgeCSS().purge({
+        content: [`${cwd}**/*.html`],
+        css: [cwd + filename],
+        variables: false
+      });
+      for (const result of purgeCSSResult) {
+        if (result.file && existsSync(result.file)) {
+          await writeFile(result.file, result.css, "utf-8");
+        }
+      }
+      break;
+    }
+  }
+};
 function index({ include, exclude, devtools } = {}) {
   return {
     name: "defuss",
     hooks: {
-      "astro:config:setup": ({ addRenderer, updateConfig, command, injectScript }) => {
+      "astro:config:setup": async ({ config, addRenderer, updateConfig, command, injectScript, injectRoute }) => {
+        injectRoute({
+          pattern: "/_defuss/image",
+          prerender: false,
+          entrypoint: "defuss-astro/image-endpoint.js"
+        });
+        const publicDirPath = fileURLToPath(config.publicDir);
+        config.compressHTML = true;
+        config.scopedStyleStrategy = "class";
+        if (!config.vite.build) {
+          config.vite.build = {};
+        }
+        config.vite.build.cssMinify = "lightningcss";
+        processDirectoryDestructive(publicDirPath, false);
         addRenderer(getRenderer());
         updateConfig({
           vite: {
             optimizeDeps: {
               include: ["defuss-astro/client.js", "defuss-astro/server.js"]
             },
+            ssr: {
+              noExternal: ["lightningimg-node"]
+            },
             plugins: [defussPlugin()]
           }
         });
+      },
+      "astro:build:done": async ({ dir }) => {
+        const start = performance.now();
+        const cwd = fileURLToPath(dir);
+        const [cssFiles, htmlFiles, imageFiles, svgFiles] = await Promise.all([
+          glob("**/*.css", { cwd, ignore: ["**/*-min.css", "**/*.min.css"] }),
+          glob("**/*.html", { cwd }),
+          glob("**/*.(jpg|jpeg|png|tiff)", { cwd }),
+          glob("**/*.svg", { cwd })
+        ]);
+        logMessage(`\u2734\uFE0F Optimizing ${imageFiles.length} images`);
+        processDirectoryDestructive(cwd, true);
+        if (htmlFiles.length === 0 && svgFiles.length === 0) return;
+        logMessage(`\u2734\uFE0F Optimizing ${svgFiles.length} SVG vector graphics`);
+        logMessage(`\u2734\uFE0F Optimizing ${cssFiles.length} CSS stylesheets`);
+        const minifyAndWritePromises = [];
+        for (const filename of cssFiles) {
+          minifyAndWritePromises.push(minifyAndWriteFile(cwd, filename, "css"));
+        }
+        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}`);
       }
     }
   };
 }
 
-export { index as default, getContainerRenderer };
-//# sourceMappingURL=index.mjs.map
+export { index as default, getContainerRenderer, nodeRequire };

package/dist/render-DkMOLcUd.cjs

@@ -5,4 +5,3 @@ var defuss = require('defuss');
 const StaticHtml = (html) => !html ? null : defuss.jsx("astro-static-slot", { dangerouslySetInnerHTML: { __html: html } });
 
 exports.StaticHtml = StaticHtml;
-//# sourceMappingURL=render-DkMOLcUd.cjs.map

package/dist/render-viAgneG-.mjs

@@ -3,4 +3,3 @@ import { jsx } from 'defuss';
 const StaticHtml = (html) => !html ? null : jsx("astro-static-slot", { dangerouslySetInnerHTML: { __html: html } });
 
 export { StaticHtml as S };
-//# sourceMappingURL=render-viAgneG-.mjs.map

package/dist/server.cjs

@@ -1,31 +1,11 @@
 'use strict';
 
 var server = require('defuss/server');
-require('defuss');
 var render = require('./render-DkMOLcUd.cjs');
-
-const contexts = /* @__PURE__ */ new WeakMap();
-function getContext(result) {
-  if (contexts.has(result)) {
-    return contexts.get(result);
-  }
-  const ctx = {
-    c: 0,
-    get id() {
-      return `s${this.c.toString()}`;
-    }
-  };
-  contexts.set(result, ctx);
-  return ctx;
-}
-function incrementId(ctx) {
-  const id = ctx.id;
-  ctx.c++;
-  return id;
-}
+require('defuss');
 
 const slotName = (str) => str.trim().replace(/[-_]([a-z])/g, (_, w) => w.toUpperCase());
-async function check(Component, props, children) {
+async function check(Component, _props, _children) {
   if (typeof Component !== "function") return false;
   if (Component.name === "QwikComponent") return false;
   if (Component.toString().includes("$$payload")) return false;
@@ -34,8 +14,6 @@ async function check(Component, props, children) {
   return true;
 }
 async function renderToStaticMarkup(Component, props, { default: children, ...slotted }, metadata) {
-  const ctx = getContext(this.result);
-  const renderId = metadata?.hydrate ? incrementId(ctx) : "";
   const needsHydrate = metadata?.astroStaticSlot ? !!metadata.hydrate : true;
   const tagName = needsHydrate ? "astro-slot" : "astro-static-slot";
   const slots = {};
@@ -52,20 +30,37 @@ async function renderToStaticMarkup(Component, props, { default: children, ...sl
   if (children) {
     componentProps.children = children;
   }
-  let dom = server.render(Component(componentProps));
-  const attrs = {
-    "data-defuss-render-id": renderId
-  };
+  let vdom;
+  const browserGlobals = server.getBrowserGlobals();
+  const document = server.getDocument(false, browserGlobals);
+  browserGlobals.document = document;
+  for (const key of Object.keys(browserGlobals)) {
+    if (typeof globalThis[key] === "undefined") {
+      globalThis[key] = browserGlobals[key];
+    }
+  }
+  try {
+    vdom = Component(componentProps);
+  } catch (error) {
+    vdom = server.createInPlaceErrorMessageVNode(error);
+    console.error("FATAL ERROR in top-level component JSX (SSR)", vdom);
+    console.error("Original error", error);
+  }
+  let roots;
+  let html = "";
+  const attrs = {};
+  roots = server.render(vdom, document.documentElement, {
+    browserGlobals
+  });
   for (const [key, value] of Object.entries(props)) {
     if (key !== "children") {
       attrs[key] = value;
     }
   }
-  if (!Array.isArray(dom)) {
-    dom = [dom];
+  if (!Array.isArray(roots)) {
+    roots = [roots];
   }
-  let html = "";
-  for (const el of dom) {
+  for (const el of roots) {
     html += server.renderToString(el);
   }
   return { attrs, html };
@@ -74,12 +69,7 @@ const renderer = {
   name: "defuss",
   check,
   renderToStaticMarkup,
-  supportsAstroStaticSlot: true,
-  renderHydrationScript: () => {
-    console.log("renderHydrationScript");
-    return "";
-  }
+  supportsAstroStaticSlot: true
 };
 
 module.exports = renderer;
-//# sourceMappingURL=server.cjs.map

package/dist/server.mjs

@@ -1,29 +1,9 @@
-import { render, renderToString } from 'defuss/server';
-import 'defuss';
+import { getBrowserGlobals, getDocument, createInPlaceErrorMessageVNode, render, renderToString } from 'defuss/server';
 import { S as StaticHtml } from './render-viAgneG-.mjs';
-
-const contexts = /* @__PURE__ */ new WeakMap();
-function getContext(result) {
-  if (contexts.has(result)) {
-    return contexts.get(result);
-  }
-  const ctx = {
-    c: 0,
-    get id() {
-      return `s${this.c.toString()}`;
-    }
-  };
-  contexts.set(result, ctx);
-  return ctx;
-}
-function incrementId(ctx) {
-  const id = ctx.id;
-  ctx.c++;
-  return id;
-}
+import 'defuss';
 
 const slotName = (str) => str.trim().replace(/[-_]([a-z])/g, (_, w) => w.toUpperCase());
-async function check(Component, props, children) {
+async function check(Component, _props, _children) {
   if (typeof Component !== "function") return false;
   if (Component.name === "QwikComponent") return false;
   if (Component.toString().includes("$$payload")) return false;
@@ -32,8 +12,6 @@ async function check(Component, props, children) {
   return true;
 }
 async function renderToStaticMarkup(Component, props, { default: children, ...slotted }, metadata) {
-  const ctx = getContext(this.result);
-  const renderId = metadata?.hydrate ? incrementId(ctx) : "";
   const needsHydrate = metadata?.astroStaticSlot ? !!metadata.hydrate : true;
   const tagName = needsHydrate ? "astro-slot" : "astro-static-slot";
   const slots = {};
@@ -50,20 +28,37 @@ async function renderToStaticMarkup(Component, props, { default: children, ...sl
   if (children) {
     componentProps.children = children;
   }
-  let dom = render(Component(componentProps));
-  const attrs = {
-    "data-defuss-render-id": renderId
-  };
+  let vdom;
+  const browserGlobals = getBrowserGlobals();
+  const document = getDocument(false, browserGlobals);
+  browserGlobals.document = document;
+  for (const key of Object.keys(browserGlobals)) {
+    if (typeof globalThis[key] === "undefined") {
+      globalThis[key] = browserGlobals[key];
+    }
+  }
+  try {
+    vdom = Component(componentProps);
+  } catch (error) {
+    vdom = createInPlaceErrorMessageVNode(error);
+    console.error("FATAL ERROR in top-level component JSX (SSR)", vdom);
+    console.error("Original error", error);
+  }
+  let roots;
+  let html = "";
+  const attrs = {};
+  roots = render(vdom, document.documentElement, {
+    browserGlobals
+  });
   for (const [key, value] of Object.entries(props)) {
     if (key !== "children") {
       attrs[key] = value;
     }
   }
-  if (!Array.isArray(dom)) {
-    dom = [dom];
+  if (!Array.isArray(roots)) {
+    roots = [roots];
   }
-  let html = "";
-  for (const el of dom) {
+  for (const el of roots) {
     html += renderToString(el);
   }
   return { attrs, html };
@@ -72,12 +67,7 @@ const renderer = {
   name: "defuss",
   check,
   renderToStaticMarkup,
-  supportsAstroStaticSlot: true,
-  renderHydrationScript: () => {
-    console.log("renderHydrationScript");
-    return "";
-  }
+  supportsAstroStaticSlot: true
 };
 
 export { renderer as default };
-//# sourceMappingURL=server.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "defuss-astro",
-  "version": "1.1.4",
+  "version": "1.3.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -19,10 +19,10 @@
     "type": "git"
   },
   "scripts": {
-    "clean": "rm -rf ./dist && rm -rf ./node_modules/.vite",
+    "clean": "rm -rf ./dist && rm -rf ./node_modules/.pnpm",
     "pretest": "pnpm run build",
     "prebuild": "pnpm run clean",
-    "build": "pkgroll --sourcemap",
+    "build": "pkgroll",
     "postbuild": "tsx ./scripts/finalize-build.ts"
   },
   "author": "Aron Homberg <info@aron-homberg.de>",
@@ -57,6 +57,10 @@
         "types": "./dist/server.d.mts",
         "default": "./dist/server.mjs"
       }
+    },
+    "./image-endpoint.js": {
+      "types": "./dist/endpoint/image-endpoint.d.mts",
+      "default": "./dist/endpoint/image-endpoint.mjs"
     }
   },
   "main": "./dist/index.cjs",
@@ -74,9 +78,17 @@
     "node": "^18.17.1 || ^20.3.0 || >=21.0.0"
   },
   "dependencies": {
-    "defuss": "^1.2.4",
-    "defuss-vite": "^1.0.6",
-    "astro": "^5.0.5",
-    "vite": "^6.0.3"
+    "defuss": "workspace:*",
+    "defuss-vite": "workspace:*",
+    "astro": "^5.7.2",
+    "vite": "^6.2.6",
+    "fast-glob": "^3.3.2",
+    "svgo": "^3.3.2",
+    "lightningimg-node": "^0.3.3",
+    "purgecss": "^7.0.2",
+    "file-type": "^19.6.0"
+  },
+  "peerDependencies": {
+    "@minify-html/node": "^0.15.0"
   }
 }

package/dist/client.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"client.cjs","sources":["../src/client.ts"],"sourcesContent":["import { type Props, render } from 'defuss/client'\nimport { StaticHtml } from './render.js';\n\nexport default (element: HTMLElement) =>\n\tasync (\n\t\tComponent: any,\n\t\tprops: Record<string, any>,\n\t\t{ default: children, ...slotted }: Record<string, any>,\n\t\t{ client }: Record<string, string>,\n\t) => {\n\n\t\tconst isHydrate = client !== 'only';\n\n\t\tif (element.hasAttribute('ssr')) {\n\t\t\tconsole.log('ssr attr found isHydrate', isHydrate, Component, 'props', props, 'slotted', slotted, 'children', children, 'client', client);\n\t\t}\n\t\t\n\t\tif (!element.hasAttribute('ssr')) return;\n\t\t\n\t\t// <slot> mechanics\n\t\tObject.entries(slotted).forEach(([key, value]) => {\n\t\t\tprops[key] = StaticHtml(value);\n\t\t});\n\n\t\t// traverse the props object and create a new object with the same values\n\t\tconst componentProps: Props = { ...props };\n\n\t\t// children is a special prop that contains the children of the component\n\t\tif (children) {\n\t\t\t// all children are passed as an array\n\t\t\tif (!Array.isArray(children)) {\n\t\t\t\tchildren = [children];\n\t\t\t} \n\n\t\t\tfor (let i=0; i<children.length; i++) {\n\t\t\t\tif (typeof children[i] === 'string') {\n\t\t\t\t\t// turn static HTML into a component\n\t\t\t\t\tchildren[i] = StaticHtml(children[i]);\n\t\t\t\t}\n\t\t\t}\n\t\t\tcomponentProps.children = children;\n\t\t}\n\n\t\tconst vdom = Component(componentProps);\n\n\t\t// turn the component AST into an actual DOM element and attach it to the element passed in\n\t\tconst dom: HTMLElement = render(vdom, element) as HTMLElement;\n\n\t\t// set all props as top level attributes\n\t\tfor (const [key, value] of Object.entries(props)) {\n\t\t\tif (key !== 'children') {\n\t\t\t\tdom.setAttribute(key, value);\n\t\t\t}\n\t\t}\n\n\t\telement.addEventListener('astro:unmount', () => {\n\t\t\t// remove the rendered component from the DOM\n\t\t\tif (dom.parentNode) {\n\t\t\t\tdom.parentNode.removeChild(dom);\n\t\t\t}\n    }, { once: true });\n\t};"],"names":["StaticHtml","render"],"mappings":";;;;;;AAGA,aAAe,CAAC,OAAO,KAAK,OAAO,SAAS,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK;AACvG,EAAE,MAAM,SAAS,GAAG,MAAM,KAAK,MAAM;AACrC,EAAE,IAAI,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE;AACnC,IAAI,OAAO,CAAC,GAAG,CAAC,0BAA0B,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC;AAC7I;AACA,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE;AACpC,EAAE,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK;AACpD,IAAI,KAAK,CAAC,GAAG,CAAC,GAAGA,iBAAU,CAAC,KAAK,CAAC;AAClC,GAAG,CAAC;AACJ,EAAE,MAAM,cAAc,GAAG,EAAE,GAAG,KAAK,EAAE;AACrC,EAAE,IAAI,QAAQ,EAAE;AAChB,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;AAClC,MAAM,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAC3B;AACA,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC9C,MAAM,IAAI,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE;AAC3C,QAAQ,QAAQ,CAAC,CAAC,CAAC,GAAGA,iBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAC7C;AACA;AACA,IAAI,cAAc,CAAC,QAAQ,GAAG,QAAQ;AACtC;AACA,EAAE,MAAM,IAAI,GAAG,SAAS,CAAC,cAAc,CAAC;AACxC,EAAE,MAAM,GAAG,GAAGC,eAAM,CAAC,IAAI,EAAE,OAAO,CAAC;AACnC,EAAE,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACpD,IAAI,IAAI,GAAG,KAAK,UAAU,EAAE;AAC5B,MAAM,GAAG,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC;AAClC;AACA;AACA,EAAE,OAAO,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM;AAClD,IAAI,IAAI,GAAG,CAAC,UAAU,EAAE;AACxB,MAAM,GAAG,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,CAAC;AACrC;AACA,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AACpB,CAAC;;;;"}

package/dist/client.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"client.mjs","sources":["../src/client.ts"],"sourcesContent":["import { type Props, render } from 'defuss/client'\nimport { StaticHtml } from './render.js';\n\nexport default (element: HTMLElement) =>\n\tasync (\n\t\tComponent: any,\n\t\tprops: Record<string, any>,\n\t\t{ default: children, ...slotted }: Record<string, any>,\n\t\t{ client }: Record<string, string>,\n\t) => {\n\n\t\tconst isHydrate = client !== 'only';\n\n\t\tif (element.hasAttribute('ssr')) {\n\t\t\tconsole.log('ssr attr found isHydrate', isHydrate, Component, 'props', props, 'slotted', slotted, 'children', children, 'client', client);\n\t\t}\n\t\t\n\t\tif (!element.hasAttribute('ssr')) return;\n\t\t\n\t\t// <slot> mechanics\n\t\tObject.entries(slotted).forEach(([key, value]) => {\n\t\t\tprops[key] = StaticHtml(value);\n\t\t});\n\n\t\t// traverse the props object and create a new object with the same values\n\t\tconst componentProps: Props = { ...props };\n\n\t\t// children is a special prop that contains the children of the component\n\t\tif (children) {\n\t\t\t// all children are passed as an array\n\t\t\tif (!Array.isArray(children)) {\n\t\t\t\tchildren = [children];\n\t\t\t} \n\n\t\t\tfor (let i=0; i<children.length; i++) {\n\t\t\t\tif (typeof children[i] === 'string') {\n\t\t\t\t\t// turn static HTML into a component\n\t\t\t\t\tchildren[i] = StaticHtml(children[i]);\n\t\t\t\t}\n\t\t\t}\n\t\t\tcomponentProps.children = children;\n\t\t}\n\n\t\tconst vdom = Component(componentProps);\n\n\t\t// turn the component AST into an actual DOM element and attach it to the element passed in\n\t\tconst dom: HTMLElement = render(vdom, element) as HTMLElement;\n\n\t\t// set all props as top level attributes\n\t\tfor (const [key, value] of Object.entries(props)) {\n\t\t\tif (key !== 'children') {\n\t\t\t\tdom.setAttribute(key, value);\n\t\t\t}\n\t\t}\n\n\t\telement.addEventListener('astro:unmount', () => {\n\t\t\t// remove the rendered component from the DOM\n\t\t\tif (dom.parentNode) {\n\t\t\t\tdom.parentNode.removeChild(dom);\n\t\t\t}\n    }, { once: true });\n\t};"],"names":[],"mappings":";;;;AAGA,aAAe,CAAC,OAAO,KAAK,OAAO,SAAS,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK;AACvG,EAAE,MAAM,SAAS,GAAG,MAAM,KAAK,MAAM;AACrC,EAAE,IAAI,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE;AACnC,IAAI,OAAO,CAAC,GAAG,CAAC,0BAA0B,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC;AAC7I;AACA,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE;AACpC,EAAE,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK;AACpD,IAAI,KAAK,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC;AAClC,GAAG,CAAC;AACJ,EAAE,MAAM,cAAc,GAAG,EAAE,GAAG,KAAK,EAAE;AACrC,EAAE,IAAI,QAAQ,EAAE;AAChB,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;AAClC,MAAM,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAC3B;AACA,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC9C,MAAM,IAAI,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE;AAC3C,QAAQ,QAAQ,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAC7C;AACA;AACA,IAAI,cAAc,CAAC,QAAQ,GAAG,QAAQ;AACtC;AACA,EAAE,MAAM,IAAI,GAAG,SAAS,CAAC,cAAc,CAAC;AACxC,EAAE,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC;AACnC,EAAE,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACpD,IAAI,IAAI,GAAG,KAAK,UAAU,EAAE;AAC5B,MAAM,GAAG,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC;AAClC;AACA;AACA,EAAE,OAAO,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM;AAClD,IAAI,IAAI,GAAG,CAAC,UAAU,EAAE;AACxB,MAAM,GAAG,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,CAAC;AACrC;AACA,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AACpB,CAAC;;;;"}

package/dist/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["import type { AstroIntegration, AstroRenderer, ContainerRenderer, ViteUserConfig } from 'astro';\nimport type { Options } from './types.js';\nimport defussPlugin from 'defuss-vite';\n\nconst getRenderer = (development: boolean): AstroRenderer => ({\n    name: 'defuss',\n    clientEntrypoint: 'defuss-astro/client.js',\n    serverEntrypoint: 'defuss-astro/server.js',\n})\n\nexport const getContainerRenderer = (): ContainerRenderer => ({\n    name: 'defuss',\n    serverEntrypoint: 'defuss-astro/server.js',\n})\n\nexport default function ({ include, exclude, devtools }: Options = {}): AstroIntegration {\n\treturn {\n\t\tname: 'defuss',\n\t\thooks: {\n\t\t\t'astro:config:setup': ({ addRenderer, updateConfig, command, injectScript }) => {\n\t\t\t\taddRenderer(getRenderer(command === 'dev'));\n\t\t\t\tupdateConfig({\n\t\t\t\t\tvite: {\n\t\t\t\t\t\toptimizeDeps: {\n\t\t\t\t\t\t\tinclude: ['defuss-astro/client.js', 'defuss-astro/server.js'],\n\t\t\t\t\t\t},\n\t\t\t\t\t\tplugins: [defussPlugin()],\n\t\t\t\t\t},\n\t\t\t\t});\n\n\t\t\t\t/**\n\t\t\t\t * if (command === 'dev' && devtools) {\n\t\t\t\t\tinjectScript('page', 'import \"preact/debug\";');\n\t\t\t\t}*/\n\t\t\t},\n\t\t},\n\t};\n}"],"names":[],"mappings":";;;;;;AAEA,MAAM,WAAW,GAAG,CAAC,WAAW,MAAM;AACtC,EAAE,IAAI,EAAE,QAAQ;AAChB,EAAE,gBAAgB,EAAE,wBAAwB;AAC5C,EAAE,gBAAgB,EAAE;AACpB,CAAC,CAAC;AACU,MAAC,oBAAoB,GAAG,OAAO;AAC3C,EAAE,IAAI,EAAE,QAAQ;AAChB,EAAE,gBAAgB,EAAE;AACpB,CAAC;AACc,cAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE;AAC7D,EAAE,OAAO;AACT,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,KAAK,EAAE;AACX,MAAM,oBAAoB,EAAE,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK;AACtF,QAAQ,WAAW,CAAC,WAAW,CAAkB,CAAC,CAAC;AACnD,QAAQ,YAAY,CAAC;AACrB,UAAU,IAAI,EAAE;AAChB,YAAY,YAAY,EAAE;AAC1B,cAAc,OAAO,EAAE,CAAC,wBAAwB,EAAE,wBAAwB;AAC1E,aAAa;AACb,YAAY,OAAO,EAAE,CAAC,YAAY,EAAE;AACpC;AACA,SAAS,CAAC;AACV;AACA;AACA,GAAG;AACH;;;;;"}

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import type { AstroIntegration, AstroRenderer, ContainerRenderer, ViteUserConfig } from 'astro';\nimport type { Options } from './types.js';\nimport defussPlugin from 'defuss-vite';\n\nconst getRenderer = (development: boolean): AstroRenderer => ({\n    name: 'defuss',\n    clientEntrypoint: 'defuss-astro/client.js',\n    serverEntrypoint: 'defuss-astro/server.js',\n})\n\nexport const getContainerRenderer = (): ContainerRenderer => ({\n    name: 'defuss',\n    serverEntrypoint: 'defuss-astro/server.js',\n})\n\nexport default function ({ include, exclude, devtools }: Options = {}): AstroIntegration {\n\treturn {\n\t\tname: 'defuss',\n\t\thooks: {\n\t\t\t'astro:config:setup': ({ addRenderer, updateConfig, command, injectScript }) => {\n\t\t\t\taddRenderer(getRenderer(command === 'dev'));\n\t\t\t\tupdateConfig({\n\t\t\t\t\tvite: {\n\t\t\t\t\t\toptimizeDeps: {\n\t\t\t\t\t\t\tinclude: ['defuss-astro/client.js', 'defuss-astro/server.js'],\n\t\t\t\t\t\t},\n\t\t\t\t\t\tplugins: [defussPlugin()],\n\t\t\t\t\t},\n\t\t\t\t});\n\n\t\t\t\t/**\n\t\t\t\t * if (command === 'dev' && devtools) {\n\t\t\t\t\tinjectScript('page', 'import \"preact/debug\";');\n\t\t\t\t}*/\n\t\t\t},\n\t\t},\n\t};\n}"],"names":[],"mappings":";;AAEA,MAAM,WAAW,GAAG,CAAC,WAAW,MAAM;AACtC,EAAE,IAAI,EAAE,QAAQ;AAChB,EAAE,gBAAgB,EAAE,wBAAwB;AAC5C,EAAE,gBAAgB,EAAE;AACpB,CAAC,CAAC;AACU,MAAC,oBAAoB,GAAG,OAAO;AAC3C,EAAE,IAAI,EAAE,QAAQ;AAChB,EAAE,gBAAgB,EAAE;AACpB,CAAC;AACc,cAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE;AAC7D,EAAE,OAAO;AACT,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,KAAK,EAAE;AACX,MAAM,oBAAoB,EAAE,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK;AACtF,QAAQ,WAAW,CAAC,WAAW,CAAkB,CAAC,CAAC;AACnD,QAAQ,YAAY,CAAC;AACrB,UAAU,IAAI,EAAE;AAChB,YAAY,YAAY,EAAE;AAC1B,cAAc,OAAO,EAAE,CAAC,wBAAwB,EAAE,wBAAwB;AAC1E,aAAa;AACb,YAAY,OAAO,EAAE,CAAC,YAAY,EAAE;AACpC;AACA,SAAS,CAAC;AACV;AACA;AACA,GAAG;AACH;;;;"}

package/dist/render-DkMOLcUd.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"render-DkMOLcUd.cjs","sources":["../src/render.ts"],"sourcesContent":["import { jsx } from \"defuss\";\n\nexport const StaticHtml = (html: string) => \n\t!html ? null : jsx('astro-static-slot', { dangerouslySetInnerHTML: { __html: html } });\n"],"names":["jsx"],"mappings":";;;;AAEY,MAAC,UAAU,GAAG,CAAC,IAAI,KAAK,CAAC,IAAI,GAAG,IAAI,GAAGA,UAAG,CAAC,mBAAmB,EAAE,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;;;;"}

package/dist/render-viAgneG-.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"render-viAgneG-.mjs","sources":["../src/render.ts"],"sourcesContent":["import { jsx } from \"defuss\";\n\nexport const StaticHtml = (html: string) => \n\t!html ? null : jsx('astro-static-slot', { dangerouslySetInnerHTML: { __html: html } });\n"],"names":[],"mappings":";;AAEY,MAAC,UAAU,GAAG,CAAC,IAAI,KAAK,CAAC,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC,mBAAmB,EAAE,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;;;;"}

package/dist/server.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"server.cjs","sources":["../src/context.ts","../src/server.ts"],"sourcesContent":["import type { RendererContext } from './types.js';\n\ntype Context = {\n\tid: string;\n\tc: number;\n};\n\nconst contexts = new WeakMap<RendererContext['result'], Context>();\n\nexport function getContext(result: RendererContext['result']): Context {\n\tif (contexts.has(result)) {\n\t\treturn contexts.get(result)!;\n\t}\n\tconst ctx: Context = {\n\t\tc: 0,\n\t\tget id() {\n\t\t\treturn `s${this.c.toString()}`;\n\t\t},\n\t};\n\tcontexts.set(result, ctx);\n\treturn ctx;\n}\n\nexport function incrementId(ctx: Context): string {\n\tconst id = ctx.id;\n\tctx.c++;\n\treturn id;\n}","import type { AstroComponentMetadata, NamedSSRLoadedRendererValue } from 'astro';\nimport type { RendererContext } from './types.js';\nimport { renderToString, render } from 'defuss/server'\nimport { type Props, jsx } from 'defuss'\nimport { StaticHtml } from './render.js';\nimport { getContext, incrementId } from './context.js';\n\nconst slotName = (str: string) => str.trim().replace(/[-_]([a-z])/g, (_, w) => w.toUpperCase());\n\nasync function check(\n\tthis: RendererContext,\n\tComponent: any,\n\tprops: Record<string, any>,\n\tchildren: any,\n) {\n\t\n\tif (typeof Component !== 'function') return false;\n\tif (Component.name === 'QwikComponent') return false;\n\t// Svelte component renders fine by Solid as an empty string. The only way to detect\n\t// if this isn't a Solid but Svelte component is to unfortunately copy the check\n\t// implementation of the Svelte renderer.\n\tif (Component.toString().includes('$$payload')) return false;\n\t// Preact forwarded-ref components can be functions, which we do not support\n\tif (typeof Component === 'function' && Component.$$typeof === Symbol.for('react.forward_ref'))\n\t\treturn false;\n\n\treturn true; // always (re-)render for now (TODO: implement proper check)\n}\n\nasync function renderToStaticMarkup(\n\tthis: RendererContext,\n\tComponent: any,\n\tprops: Record<string, any>,\n\t{ default: children, ...slotted }: Record<string, any>,\n\tmetadata: AstroComponentMetadata | undefined,\n) {\n\n\tconst ctx = getContext(this.result);\n\tconst renderId = metadata?.hydrate ? incrementId(ctx) : '';\n\tconst needsHydrate = metadata?.astroStaticSlot ? !!metadata.hydrate : true;\n\tconst tagName = needsHydrate ? 'astro-slot' : 'astro-static-slot';\n\n\tconst slots: Record<string, unknown> = {};\n\tfor (const [key, value] of Object.entries(slotted)) {\n\t\tconst name = slotName(key);\n\t\tslots[name] = StaticHtml(`<${tagName} name=\"${name}\">${value}</${tagName}>`);\n\t}\n\n\t// Note: create newProps to avoid mutating `props` before they are serialized\n\t// traverse the props object and create a new object with the same values\n\tconst componentProps: Props = {\n\t\t...props,\n\t\t...slots,\n\t\t// In Solid SSR mode, `ssr` creates the expected structure for `children`.\n\t\tchildren: children != null ? StaticHtml(`<${tagName}>${children}</${tagName}>`) : children,\n\t};\n\n\t// children is a special prop that contains the children of the component\n\tif (children) {\n\t\tcomponentProps.children = children;\n\t}\n\n\t// turn the component AST into an actual DOM element and attach it to the element passed in\n\tlet dom: HTMLElement|Array<HTMLElement> = render(Component(componentProps)) as HTMLElement;\n\n\tconst attrs = {\n\t\t'data-defuss-render-id': renderId,\n\t};\n\t\n\t// set all props as top level attributes\n\tfor (const [key, value] of Object.entries(props)) {\n\t\tif (key !== 'children') {\n\t\t\t(attrs as Record<string, unknown>)[key] = value;\n\t\t}\n\t}\n\n\tif (!Array.isArray(dom)) {\n\t\tdom = [dom];\n\t}\n\n\tlet html = '';\n\tfor (const el of dom) {\n\t\thtml += renderToString(el);\n\t}\n\treturn { attrs, html };\n}\n\nconst renderer: NamedSSRLoadedRendererValue = {\n\tname: 'defuss',\n\tcheck,\n\trenderToStaticMarkup,\n\tsupportsAstroStaticSlot: true,\n\trenderHydrationScript: () => {\n\t\tconsole.log('renderHydrationScript');\n\t\treturn '';\n\t},\n};\n\nexport default renderer;"],"names":["StaticHtml","render","renderToString"],"mappings":"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"}

package/dist/server.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"server.mjs","sources":["../src/context.ts","../src/server.ts"],"sourcesContent":["import type { RendererContext } from './types.js';\n\ntype Context = {\n\tid: string;\n\tc: number;\n};\n\nconst contexts = new WeakMap<RendererContext['result'], Context>();\n\nexport function getContext(result: RendererContext['result']): Context {\n\tif (contexts.has(result)) {\n\t\treturn contexts.get(result)!;\n\t}\n\tconst ctx: Context = {\n\t\tc: 0,\n\t\tget id() {\n\t\t\treturn `s${this.c.toString()}`;\n\t\t},\n\t};\n\tcontexts.set(result, ctx);\n\treturn ctx;\n}\n\nexport function incrementId(ctx: Context): string {\n\tconst id = ctx.id;\n\tctx.c++;\n\treturn id;\n}","import type { AstroComponentMetadata, NamedSSRLoadedRendererValue } from 'astro';\nimport type { RendererContext } from './types.js';\nimport { renderToString, render } from 'defuss/server'\nimport { type Props, jsx } from 'defuss'\nimport { StaticHtml } from './render.js';\nimport { getContext, incrementId } from './context.js';\n\nconst slotName = (str: string) => str.trim().replace(/[-_]([a-z])/g, (_, w) => w.toUpperCase());\n\nasync function check(\n\tthis: RendererContext,\n\tComponent: any,\n\tprops: Record<string, any>,\n\tchildren: any,\n) {\n\t\n\tif (typeof Component !== 'function') return false;\n\tif (Component.name === 'QwikComponent') return false;\n\t// Svelte component renders fine by Solid as an empty string. The only way to detect\n\t// if this isn't a Solid but Svelte component is to unfortunately copy the check\n\t// implementation of the Svelte renderer.\n\tif (Component.toString().includes('$$payload')) return false;\n\t// Preact forwarded-ref components can be functions, which we do not support\n\tif (typeof Component === 'function' && Component.$$typeof === Symbol.for('react.forward_ref'))\n\t\treturn false;\n\n\treturn true; // always (re-)render for now (TODO: implement proper check)\n}\n\nasync function renderToStaticMarkup(\n\tthis: RendererContext,\n\tComponent: any,\n\tprops: Record<string, any>,\n\t{ default: children, ...slotted }: Record<string, any>,\n\tmetadata: AstroComponentMetadata | undefined,\n) {\n\n\tconst ctx = getContext(this.result);\n\tconst renderId = metadata?.hydrate ? incrementId(ctx) : '';\n\tconst needsHydrate = metadata?.astroStaticSlot ? !!metadata.hydrate : true;\n\tconst tagName = needsHydrate ? 'astro-slot' : 'astro-static-slot';\n\n\tconst slots: Record<string, unknown> = {};\n\tfor (const [key, value] of Object.entries(slotted)) {\n\t\tconst name = slotName(key);\n\t\tslots[name] = StaticHtml(`<${tagName} name=\"${name}\">${value}</${tagName}>`);\n\t}\n\n\t// Note: create newProps to avoid mutating `props` before they are serialized\n\t// traverse the props object and create a new object with the same values\n\tconst componentProps: Props = {\n\t\t...props,\n\t\t...slots,\n\t\t// In Solid SSR mode, `ssr` creates the expected structure for `children`.\n\t\tchildren: children != null ? StaticHtml(`<${tagName}>${children}</${tagName}>`) : children,\n\t};\n\n\t// children is a special prop that contains the children of the component\n\tif (children) {\n\t\tcomponentProps.children = children;\n\t}\n\n\t// turn the component AST into an actual DOM element and attach it to the element passed in\n\tlet dom: HTMLElement|Array<HTMLElement> = render(Component(componentProps)) as HTMLElement;\n\n\tconst attrs = {\n\t\t'data-defuss-render-id': renderId,\n\t};\n\t\n\t// set all props as top level attributes\n\tfor (const [key, value] of Object.entries(props)) {\n\t\tif (key !== 'children') {\n\t\t\t(attrs as Record<string, unknown>)[key] = value;\n\t\t}\n\t}\n\n\tif (!Array.isArray(dom)) {\n\t\tdom = [dom];\n\t}\n\n\tlet html = '';\n\tfor (const el of dom) {\n\t\thtml += renderToString(el);\n\t}\n\treturn { attrs, html };\n}\n\nconst renderer: NamedSSRLoadedRendererValue = {\n\tname: 'defuss',\n\tcheck,\n\trenderToStaticMarkup,\n\tsupportsAstroStaticSlot: true,\n\trenderHydrationScript: () => {\n\t\tconsole.log('renderHydrationScript');\n\t\treturn '';\n\t},\n};\n\nexport default renderer;"],"names":[],"mappings":";;;;AACA,MAAM,QAAQ,mBAAmB,IAAI,OAAO,EAAE;AACvC,SAAS,UAAU,CAAC,MAAM,EAAE;AACnC,EAAE,IAAI,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;AAC5B,IAAI,OAAO,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC;AAC/B;AACA,EAAE,MAAM,GAAG,GAAG;AACd,IAAI,CAAC,EAAE,CAAC;AACR,IAAI,IAAI,EAAE,GAAG;AACb,MAAM,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;AACpC;AACA,GAAG;AACH,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;AAC3B,EAAE,OAAO,GAAG;AACZ;AACO,SAAS,WAAW,CAAC,GAAG,EAAE;AACjC,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC,EAAE;AACnB,EAAE,GAAG,CAAC,CAAC,EAAE;AACT,EAAE,OAAO,EAAE;AACX;;ACdA,MAAM,QAAQ,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;AACvF,eAAe,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE;AACjD,EAAE,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE,OAAO,KAAK;AACnD,EAAE,IAAI,SAAS,CAAC,IAAI,KAAK,eAAe,EAAE,OAAO,KAAK;AACtD,EAAE,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,KAAK;AAC9D,EAAE,IAAI,OAAO,SAAS,KAAK,UAAU,IAAI,SAAS,CAAC,QAAQ,KAAK,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC;AAC/F,IAAI,OAAO,KAAK;AAChB,EAAE,OAAO,IAAI;AACb;AACA,eAAe,oBAAoB,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,EAAE,QAAQ,EAAE;AACnG,EAAE,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC;AACrC,EAAE,MAAM,QAAQ,GAAG,QAAQ,EAAE,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,EAAE;AAC5D,EAAE,MAAM,YAAY,GAAG,QAAQ,EAAE,eAAe,GAAG,CAAC,CAAC,QAAQ,CAAC,OAAO,GAAG,IAAI;AAC5E,EAAE,MAAM,OAAO,GAAG,YAAY,GAAG,YAAY,GAAG,mBAAmB;AACnE,EAAE,MAAM,KAAK,GAAG,EAAE;AAClB,EAAE,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;AACtD,IAAI,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC;AAC9B,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AAChF;AACA,EAAE,MAAM,cAAc,GAAG;AACzB,IAAI,GAAG,KAAK;AACZ,IAAI,GAAG,KAAK;AACZ;AACA,IAAI,QAAQ,EAAE,QAAQ,IAAI,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG;AACtF,GAAG;AACH,EAAE,IAAI,QAAQ,EAAE;AAChB,IAAI,cAAc,CAAC,QAAQ,GAAG,QAAQ;AACtC;AACA,EAAE,IAAI,GAAG,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;AAC7C,EAAE,MAAM,KAAK,GAAG;AAChB,IAAI,uBAAuB,EAAE;AAC7B,GAAG;AACH,EAAE,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACpD,IAAI,IAAI,GAAG,KAAK,UAAU,EAAE;AAC5B,MAAM,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK;AACxB;AACA;AACA,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;AAC3B,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC;AACf;AACA,EAAE,IAAI,IAAI,GAAG,EAAE;AACf,EAAE,KAAK,MAAM,EAAE,IAAI,GAAG,EAAE;AACxB,IAAI,IAAI,IAAI,cAAc,CAAC,EAAE,CAAC;AAC9B;AACA,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;AACxB;AACK,MAAC,QAAQ,GAAG;AACjB,EAAE,IAAI,EAAE,QAAQ;AAChB,EAAE,KAAK;AACP,EAAE,oBAAoB;AACtB,EAAE,uBAAuB,EAAE,IAAI;AAC/B,EAAE,qBAAqB,EAAE,MAAM;AAC/B,IAAI,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC;AACxC,IAAI,OAAO,EAAE;AACb;AACA;;;;"}