sibujs 3.3.2 → 3.3.3

package/dist/plugins.js

@@ -18,7 +18,7 @@ import {
   preloadCritical,
   prerenderRoutes,
   satisfies
-} from "./chunk-FJIRS3FM.js";
+} from "./chunk-F7HW2NI5.js";
 import {
   isUnsafeKey
 } from "./chunk-H3SRKIYX.js";
@@ -32,21 +32,20 @@ import {
   triggerPluginError,
   triggerPluginMount,
   triggerPluginUnmount
-} from "./chunk-3JHCYHWN.js";
+} from "./chunk-WWV3SJ3L.js";
+import {
+  globalSingleton
+} from "./chunk-7ZHH77QA.js";
 import {
   span
-} from "./chunk-6TCOWMGY.js";
+} from "./chunk-5K6RVA2S.js";
 import {
   escapeScriptJson,
   isDangerousMetaRefresh,
   renderToString
 } from "./chunk-EX77FXTT.js";
-import "./chunk-ZEUP4TUD.js";
-import "./chunk-QCFBIVIQ.js";
-import {
-  dispose,
-  registerDisposer
-} from "./chunk-5VGSK6D2.js";
+import "./chunk-RZKGMHH4.js";
+import "./chunk-SBPUXWCE.js";
 import {
   isUrlAttribute,
   sanitizeCSSValue,
@@ -55,19 +54,27 @@ import {
 } from "./chunk-L3GAGWCC.js";
 import {
   effect
-} from "./chunk-N5TQVEKE.js";
+} from "./chunk-23VT3KZB.js";
 import "./chunk-S3NFJO6L.js";
+import {
+  dispose,
+  registerDisposer
+} from "./chunk-5VGSK6D2.js";
 import {
   signal
-} from "./chunk-JCQG2I2G.js";
+} from "./chunk-IWFE4AHO.js";
 import {
   track
-} from "./chunk-4NJEAPLI.js";
+} from "./chunk-UOMYIAG6.js";
 import "./chunk-COY6PUD2.js";
 
 // src/plugins/i18n.ts
-var [currentLocale, setLocaleInternal] = signal("en");
-var locales = {};
+var _i18n = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.i18n.v1"), () => ({
+  locale: signal("en"),
+  locales: {}
+}));
+var [currentLocale, setLocaleInternal] = _i18n.locale;
+var locales = _i18n.locales;
 function setLocale(locale) {
   setLocaleInternal(locale);
 }
@@ -170,14 +177,39 @@ var NavigationController = class {
     return this.currentController !== null;
   }
 };
-var RouteMatcher = class {
+var RouteMatcher = class _RouteMatcher {
   constructor(routes) {
     this.routeTrie = /* @__PURE__ */ new Map();
     this.parentChain = /* @__PURE__ */ new Map();
     this.namedRoutes = /* @__PURE__ */ new Map();
     this.compiledPatterns = new LRUCache(50);
+    // Pattern routes (those with params/wildcards) ordered most-specific-first,
+    // rebuilt lazily after any mutation. Static full paths are served by the
+    // exact-match map and excluded here.
+    this.patternOrder = null;
     this.buildIndex(routes);
   }
+  // Specificity per segment: static (2) > param `:x` (1) > wildcard `*` (0).
+  static specificity(path) {
+    return path.split("/").filter(Boolean).map((seg) => seg.startsWith(":") ? 1 : seg.includes("*") ? 0 : 2);
+  }
+  getPatternOrder() {
+    if (this.patternOrder) return this.patternOrder;
+    const patterns = [...this.routeTrie].filter(([p]) => p.includes(":") || p.includes("*"));
+    patterns.sort(([a], [b]) => {
+      const ka = _RouteMatcher.specificity(a);
+      const kb = _RouteMatcher.specificity(b);
+      const len = Math.max(ka.length, kb.length);
+      for (let i = 0; i < len; i++) {
+        const va = ka[i] ?? -1;
+        const vb = kb[i] ?? -1;
+        if (va !== vb) return vb - va;
+      }
+      return 0;
+    });
+    this.patternOrder = patterns;
+    return patterns;
+  }
   buildIndex(routes, parentPath = "", ancestors = []) {
     for (const route2 of routes) {
       const fullPath = parentPath + route2.path;
@@ -204,7 +236,7 @@ var RouteMatcher = class {
     if (exactMatch) {
       return { route: exactMatch, params: {}, matched: this.parentChain.get(path) || [exactMatch] };
     }
-    for (const [routePath, route2] of this.routeTrie) {
+    for (const [routePath, route2] of this.getPatternOrder()) {
       const match = this.matchPattern(path, routePath);
       if (match) {
         return { route: route2, params: match.params, matched: this.parentChain.get(routePath) || [route2] };
@@ -276,9 +308,11 @@ var RouteMatcher = class {
     this.parentChain.clear();
     this.namedRoutes.clear();
     this.compiledPatterns.clear();
+    this.patternOrder = null;
     this.buildIndex(routes);
   }
   addRoute(route2, parentPath = "") {
+    this.patternOrder = null;
     const fullPath = parentPath + route2.path;
     const parentAncestors = this.parentChain.get(parentPath) || [];
     const chain = [...parentAncestors, route2];
@@ -293,6 +327,7 @@ var RouteMatcher = class {
   }
   removeRoute(path) {
     this.compiledPatterns.clear();
+    this.patternOrder = null;
     const root = this.routeTrie.get(path);
     if (!root) return;
     const removed = /* @__PURE__ */ new Set();
@@ -559,14 +594,16 @@ var _SibuRouter = class _SibuRouter {
     this.initialize();
   }
   initialize() {
-    if (this.options.mode === "history") {
-      const popstateHandler = () => this.handleLocationChange(true);
-      window.addEventListener("popstate", popstateHandler);
-      this.cleanup.push(() => window.removeEventListener("popstate", popstateHandler));
-    } else {
-      const hashHandler = () => this.handleLocationChange(true);
-      window.addEventListener("hashchange", hashHandler);
-      this.cleanup.push(() => window.removeEventListener("hashchange", hashHandler));
+    if (typeof window !== "undefined") {
+      if (this.options.mode === "history") {
+        const popstateHandler = () => this.handleLocationChange(true);
+        window.addEventListener("popstate", popstateHandler);
+        this.cleanup.push(() => window.removeEventListener("popstate", popstateHandler));
+      } else {
+        const hashHandler = () => this.handleLocationChange(true);
+        window.addEventListener("hashchange", hashHandler);
+        this.cleanup.push(() => window.removeEventListener("hashchange", hashHandler));
+      }
     }
     queueMicrotask(() => {
       this.handleLocationChange(true);
@@ -1107,10 +1144,15 @@ function Route() {
       if (!routeInitialized && anchor.parentNode) wrappedUpdate();
     });
   }
-  routeCleanups.push(() => {
+  let routeTorn = false;
+  const routeCleanup = () => {
+    if (routeTorn) return;
+    routeTorn = true;
     routeTeardown();
     cleanupNodes();
-  });
+  };
+  registerDisposer(anchor, routeCleanup);
+  routeCleanups.push(routeCleanup);
   return anchor;
 }
 function KeepAliveRoute(options) {
@@ -1220,7 +1262,10 @@ function KeepAliveRoute(options) {
       if (!initialized && anchor.parentNode) wrappedUpdate();
     });
   }
-  routeCleanups.push(() => {
+  let kaTorn = false;
+  const kaCleanup = () => {
+    if (kaTorn) return;
+    kaTorn = true;
     kaTeardown();
     for (const node of cache.values()) {
       dispose(node);
@@ -1230,12 +1275,15 @@ function KeepAliveRoute(options) {
     lruOrder.length = 0;
     if (currentNode?.parentNode) currentNode.parentNode.removeChild(currentNode);
     currentNode = null;
-  });
+  };
+  registerDisposer(anchor, kaCleanup);
+  routeCleanups.push(kaCleanup);
   return anchor;
 }
-function RouterLink(props) {
+function RouterLink(props, children) {
   if (!_routerRef.current) throw new Error("Router not initialized. Call createRouter() first.");
   const { to, replace: replace2 = false, activeClass, exactActiveClass, nodes, target, rel, class: classAttr, ...attrs } = props;
+  const content = children !== void 0 ? children : nodes;
   const baseClass = typeof classAttr === "string" ? classAttr : "";
   const routeGetter = _routerRef.current.routeGetter;
   const rawHref = _routerRef.current["resolvePath"](to);
@@ -1285,12 +1333,12 @@ function RouterLink(props) {
       }
     }
   });
-  if (typeof nodes === "string") {
-    link.textContent = nodes;
-  } else if (nodes instanceof Node) {
-    link.appendChild(nodes);
-  } else if (Array.isArray(nodes)) {
-    nodes.forEach((child) => {
+  if (typeof content === "string") {
+    link.textContent = content;
+  } else if (content instanceof Node) {
+    link.appendChild(content);
+  } else if (Array.isArray(content)) {
+    content.forEach((child) => {
       if (typeof child === "string") {
         link.appendChild(document.createTextNode(child));
       } else if (child instanceof Node) {
@@ -1485,14 +1533,19 @@ function Outlet() {
       if (anchor.parentNode) update();
     });
   }
-  routeCleanups.push(() => {
+  let outletTorn = false;
+  const outletCleanup = () => {
+    if (outletTorn) return;
+    outletTorn = true;
     outletTeardown();
     if (currentNode) {
       dispose(currentNode);
       if (currentNode.parentNode) currentNode.parentNode.removeChild(currentNode);
       currentNode = null;
     }
-  });
+  };
+  registerDisposer(anchor, outletCleanup);
+  routeCleanups.push(outletCleanup);
   return anchor;
 }
 function addRoute(route2, parentPath) {

package/dist/ssr.cjs

@@ -713,8 +713,69 @@ function escapeAttr(str) {
   return str.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&#39;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
 
-// src/reactivity/track-core.ts
+// src/core/rendering/dispose.ts
+var elementDisposers = /* @__PURE__ */ new WeakMap();
 var _isDev3 = isDev();
+var activeBindingCount = 0;
+function registerDisposer(node, teardown) {
+  let disposers = elementDisposers.get(node);
+  if (!disposers) {
+    disposers = [];
+    elementDisposers.set(node, disposers);
+  }
+  disposers.push(teardown);
+  if (_isDev3) activeBindingCount++;
+}
+function dispose(node) {
+  const stack = [node];
+  const order = [];
+  while (stack.length > 0) {
+    const current = stack.pop();
+    order.push(current);
+    const children = Array.from(current.childNodes);
+    for (let i2 = 0; i2 < children.length; i2++) {
+      stack.push(children[i2]);
+    }
+  }
+  for (let i2 = order.length - 1; i2 >= 0; i2--) {
+    const current = order[i2];
+    const disposers = elementDisposers.get(current);
+    if (disposers) {
+      const snapshot = disposers.slice();
+      elementDisposers.delete(current);
+      if (_isDev3) activeBindingCount -= snapshot.length;
+      for (const d of snapshot) {
+        try {
+          d();
+        } catch (err) {
+          if (_isDev3 && typeof console !== "undefined") {
+            console.warn("[SibuJS] Disposer threw during cleanup:", err);
+          }
+        }
+      }
+      let extraPasses = 0;
+      while (extraPasses++ < 8) {
+        const added = elementDisposers.get(current);
+        if (!added || added.length === 0) break;
+        const moreSnapshot = added.slice();
+        elementDisposers.delete(current);
+        if (_isDev3) activeBindingCount -= moreSnapshot.length;
+        for (const d of moreSnapshot) {
+          try {
+            d();
+          } catch (err) {
+            if (_isDev3 && typeof console !== "undefined") {
+              console.warn("[SibuJS] Disposer threw during cleanup:", err);
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// src/reactivity/track-core.ts
+var _isDev4 = isDev();
 var POOL_MAX = 4096;
 var nodePool = [];
 function createNode() {
@@ -806,7 +867,7 @@ function safeInvoke(sub2) {
   try {
     sub2();
   } catch (err) {
-    if (_isDev3) devWarn(`Subscriber threw during notification: ${err instanceof Error ? err.message : String(err)}`);
+    if (_isDev4) devWarn(`Subscriber threw during notification: ${err instanceof Error ? err.message : String(err)}`);
   }
 }
 var suspendDepth = 0;
@@ -1128,14 +1189,14 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _isDev4 = isDev();
-var _runtimeVersion = true ? "3.3.2" : "dev";
+var _isDev5 = isDev();
+var _runtimeVersion = true ? "3.3.3" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g2 = globalThis;
   const existing = g2[REGISTRY_KEY];
   if (existing) {
-    if (_isDev4 && !existing.__dupWarned) {
+    if (_isDev5 && !existing.__dupWarned) {
       existing.__dupWarned = true;
       devWarn(
         `Multiple instances of the reactive runtime detected on this page (active: ${existing.version}, duplicate: ${_runtimeVersion}). Reactivity still works \u2014 all copies share the first one \u2014 but de-duplicate sibujs in your bundler (e.g. Vite optimizeDeps.exclude: ['sibujs'] or resolve.dedupe: ['sibujs']).`
@@ -1430,6 +1491,7 @@ function Head(props) {
     }
   };
   apply();
+  registerDisposer(anchor, cleanup3);
   return anchor;
 }
 function setStructuredData(data2) {
@@ -1522,7 +1584,7 @@ var isBatching = API2.isBatching;
 
 // src/core/signals/signal.ts
 var _g2 = globalThis;
-var _isDev5 = isDev();
+var _isDev6 = isDev();
 function signal(initial, options) {
   const state = {
     value: initial,
@@ -1533,7 +1595,7 @@ function signal(initial, options) {
     __activeNode: null,
     __name: void 0
   };
-  const debugName = _isDev5 ? options?.name : void 0;
+  const debugName = _isDev6 ? options?.name : void 0;
   const equalsFn = options?.equals;
   if (debugName) state.__name = debugName;
   function get() {
@@ -1550,7 +1612,7 @@ function signal(initial, options) {
       if (equalsFn(prev, newValue)) return;
       state.value = newValue;
       state.__v++;
-      if (_isDev5) {
+      if (_isDev6) {
         const hook = _g2.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
         if (hook) hook.emit("signal:update", { signal: state, name: debugName, oldValue: prev, newValue });
       }
@@ -1558,7 +1620,7 @@ function signal(initial, options) {
         notifySubscribers2(state);
       }
     };
-  } else if (_isDev5) {
+  } else if (_isDev6) {
     set = (next) => {
       const prev = state.value;
       const newValue = typeof next === "function" ? next(prev) : next;
@@ -1583,7 +1645,7 @@ function signal(initial, options) {
       }
     };
   }
-  if (_isDev5) {
+  if (_isDev6) {
     const hook = _g2.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
     if (hook) hook.emit("signal:create", { signal: state, name: debugName, getter: get, initial });
   }
@@ -1640,24 +1702,30 @@ function createAction(actionFn) {
   const [data2, setData] = signal(void 0);
   const [error, setError] = signal(void 0);
   const [loading, setLoading] = signal(false);
+  let activeRun = 0;
   const submit = async (input2) => {
+    const runId = ++activeRun;
     batch(() => {
       setLoading(true);
       setError(void 0);
     });
     try {
       const result = await actionFn(input2);
-      batch(() => {
-        setData(result);
-        setLoading(false);
-      });
+      if (runId === activeRun) {
+        batch(() => {
+          setData(result);
+          setLoading(false);
+        });
+      }
       return result;
     } catch (err) {
       const actionError = err instanceof Error ? err : new Error(String(err));
-      batch(() => {
-        setError(actionError);
-        setLoading(false);
-      });
+      if (runId === activeRun) {
+        batch(() => {
+          setError(actionError);
+          setLoading(false);
+        });
+      }
       throw actionError;
     }
   };
@@ -1671,15 +1739,14 @@ function scrollRestoration(options) {
   let popstateHandler = null;
   let currentKey = null;
   const save = (key) => {
-    positions.set(key, {
-      x: window.scrollX,
-      y: window.scrollY
-    });
+    if (typeof window !== "undefined") {
+      positions.set(key, { x: window.scrollX, y: window.scrollY });
+    }
     currentKey = key;
   };
   const restore = (key) => {
     const pos = positions.get(key);
-    if (pos) {
+    if (pos && typeof window !== "undefined") {
       window.scrollTo(pos.x, pos.y);
     }
     currentKey = key;
@@ -1687,7 +1754,7 @@ function scrollRestoration(options) {
   const getPosition = (key) => {
     return positions.get(key);
   };
-  if (mode === "auto") {
+  if (mode === "auto" && typeof window !== "undefined") {
     popstateHandler = () => {
       if (currentKey) {
         save(currentKey);
@@ -1737,13 +1804,13 @@ function createMiddlewareChain() {
 }
 
 // src/reactivity/bindAttribute.ts
-var _isDev6 = isDev();
+var _isDev7 = isDev();
 function setProp(el, key, val) {
   el[key] = val;
 }
 function bindAttribute(el, attr, getter) {
   if (isEventHandlerAttr(attr)) {
-    if (_isDev6)
+    if (_isDev7)
       devWarn(
         `bindAttribute: refusing to bind event-handler attribute "${attr}". Use on:{ ${attr.slice(2)}: fn } instead.`
       );
@@ -1755,7 +1822,7 @@ function bindAttribute(el, attr, getter) {
     try {
       value = getter();
     } catch (err) {
-      if (_isDev6)
+      if (_isDev7)
         devWarn(`bindAttribute: getter for "${attr}" threw: ${err instanceof Error ? err.message : String(err)}`);
       return;
     }
@@ -1779,67 +1846,6 @@ function bindAttribute(el, attr, getter) {
   return reactiveBinding2(commit);
 }
 
-// src/core/rendering/dispose.ts
-var elementDisposers = /* @__PURE__ */ new WeakMap();
-var _isDev7 = isDev();
-var activeBindingCount = 0;
-function registerDisposer(node, teardown) {
-  let disposers = elementDisposers.get(node);
-  if (!disposers) {
-    disposers = [];
-    elementDisposers.set(node, disposers);
-  }
-  disposers.push(teardown);
-  if (_isDev7) activeBindingCount++;
-}
-function dispose(node) {
-  const stack = [node];
-  const order = [];
-  while (stack.length > 0) {
-    const current = stack.pop();
-    order.push(current);
-    const children = Array.from(current.childNodes);
-    for (let i2 = 0; i2 < children.length; i2++) {
-      stack.push(children[i2]);
-    }
-  }
-  for (let i2 = order.length - 1; i2 >= 0; i2--) {
-    const current = order[i2];
-    const disposers = elementDisposers.get(current);
-    if (disposers) {
-      const snapshot = disposers.slice();
-      elementDisposers.delete(current);
-      if (_isDev7) activeBindingCount -= snapshot.length;
-      for (const d of snapshot) {
-        try {
-          d();
-        } catch (err) {
-          if (_isDev7 && typeof console !== "undefined") {
-            console.warn("[SibuJS] Disposer threw during cleanup:", err);
-          }
-        }
-      }
-      let extraPasses = 0;
-      while (extraPasses++ < 8) {
-        const added = elementDisposers.get(current);
-        if (!added || added.length === 0) break;
-        const moreSnapshot = added.slice();
-        elementDisposers.delete(current);
-        if (_isDev7) activeBindingCount -= moreSnapshot.length;
-        for (const d of moreSnapshot) {
-          try {
-            d();
-          } catch (err) {
-            if (_isDev7 && typeof console !== "undefined") {
-              console.warn("[SibuJS] Disposer threw during cleanup:", err);
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
 // src/reactivity/bindChildNode.ts
 var _isDev8 = isDev();
 function bindChildNode(placeholder, getter) {
@@ -2309,8 +2315,17 @@ var center = tagFactory("center");
 var font = tagFactory("font");
 var marquee = tagFactory("marquee");
 
+// src/utils/globalSingleton.ts
+function globalSingleton(key, create) {
+  const g2 = globalThis;
+  return g2[key] ?? (g2[key] = create());
+}
+
 // src/platform/microfrontend.ts
-var moduleCache = /* @__PURE__ */ new Map();
+var moduleCache = globalSingleton(
+  /* @__PURE__ */ Symbol.for("sibujs.microfrontend.moduleCache.v1"),
+  () => /* @__PURE__ */ new Map()
+);
 function createMicroApp(config) {
   const host = config.container ?? document.createElement("div");
   host.setAttribute("data-micro-app", config.name);
@@ -2727,8 +2742,14 @@ function createWorkerPool(workerFn2, poolSize) {
 }
 
 // src/platform/wasm.ts
-var moduleCache2 = /* @__PURE__ */ new Map();
-var instanceCache = /* @__PURE__ */ new Map();
+var moduleCache2 = globalSingleton(
+  /* @__PURE__ */ Symbol.for("sibujs.wasm.moduleCache.v1"),
+  () => /* @__PURE__ */ new Map()
+);
+var instanceCache = globalSingleton(
+  /* @__PURE__ */ Symbol.for("sibujs.wasm.instanceCache.v1"),
+  () => /* @__PURE__ */ new Map()
+);
 function wasm(source2, config = {}) {
   const [instance, setInstance] = signal(null);
   const [loading, setLoading] = signal(true);

package/dist/ssr.d.cts

@@ -138,7 +138,14 @@ declare function wasm<T extends Record<string, unknown> = Record<string, unknown
 /**
  * Load and instantiate a WebAssembly module.
  * Supports loading from URL, ArrayBuffer, or Uint8Array.
- * Caches compiled modules for reuse.
+ *
+ * Caching: keyed by `cacheKey` (or, for a URL source, the URL itself). A keyed
+ * load is memoized as a **singleton instance** — every caller with the same key
+ * receives the *same* `WebAssembly.Instance`, which shares one linear memory and
+ * mutable globals. This is intentional (load-once / reuse), but it means callers
+ * that need isolated state must use distinct cache keys, or pass a non-URL source
+ * with no `cacheKey` (which instantiates fresh every call). Compiled modules are
+ * immutable and always safe to share.
  */
 interface LoadWasmOptions {
     imports?: WebAssembly.Imports;

package/dist/ssr.d.ts

@@ -138,7 +138,14 @@ declare function wasm<T extends Record<string, unknown> = Record<string, unknown
 /**
  * Load and instantiate a WebAssembly module.
  * Supports loading from URL, ArrayBuffer, or Uint8Array.
- * Caches compiled modules for reuse.
+ *
+ * Caching: keyed by `cacheKey` (or, for a URL source, the URL itself). A keyed
+ * load is memoized as a **singleton instance** — every caller with the same key
+ * receives the *same* `WebAssembly.Instance`, which shares one linear memory and
+ * mutable globals. This is intentional (load-once / reuse), but it means callers
+ * that need isolated state must use distinct cache keys, or pass a non-URL source
+ * with no `cacheKey` (which instantiates fresh every call). Compiled modules are
+ * immutable and always safe to share.
  */
 interface LoadWasmOptions {
     imports?: WebAssembly.Imports;

package/dist/ssr.js

@@ -22,8 +22,9 @@ import {
   wasm,
   worker,
   workerFn
-} from "./chunk-A7CZH3GN.js";
-import "./chunk-6TCOWMGY.js";
+} from "./chunk-QCQQ2N5H.js";
+import "./chunk-7ZHH77QA.js";
+import "./chunk-5K6RVA2S.js";
 import {
   collectStream,
   deserializeState,
@@ -44,14 +45,14 @@ import {
   suspenseSwapScript,
   trustHTML
 } from "./chunk-EX77FXTT.js";
-import "./chunk-ZEUP4TUD.js";
-import "./chunk-QCFBIVIQ.js";
-import "./chunk-5VGSK6D2.js";
+import "./chunk-RZKGMHH4.js";
+import "./chunk-SBPUXWCE.js";
 import "./chunk-L3GAGWCC.js";
-import "./chunk-N5TQVEKE.js";
+import "./chunk-23VT3KZB.js";
 import "./chunk-S3NFJO6L.js";
-import "./chunk-JCQG2I2G.js";
-import "./chunk-4NJEAPLI.js";
+import "./chunk-5VGSK6D2.js";
+import "./chunk-IWFE4AHO.js";
+import "./chunk-UOMYIAG6.js";
 import "./chunk-COY6PUD2.js";
 export {
   Head,