sibujs 1.0.0 → 1.0.2

package/dist/chunk-Z65KYU7I.js

@@ -0,0 +1,26 @@
+import {
+  signal
+} from "./chunk-YECR7UIA.js";
+
+// src/core/rendering/context.ts
+function context(defaultValue) {
+  const [getValue, setValue] = signal(defaultValue);
+  return {
+    provide(value) {
+      setValue(value);
+    },
+    use() {
+      return getValue;
+    },
+    get() {
+      return getValue();
+    },
+    set(value) {
+      setValue(value);
+    }
+  };
+}
+
+export {
+  context
+};

package/dist/data.cjs

@@ -546,8 +546,13 @@ function query(key, fetcher, options = {}) {
   async function doFetch() {
     if (disposed || !currentKey || !enabled) return;
     const key2 = currentKey;
-    const entry = queryCache.get(key2);
-    if (!entry) return;
+    let entry = queryCache.get(key2);
+    if (!entry) {
+      entry = getOrCreateEntry(key2);
+      entry.subscribers++;
+      entry.listeners.add(onCacheUpdate);
+      entry.refetchers.add(doFetch);
+    }
     if (entry.promise) {
       setIsFetching(true);
       try {
@@ -596,9 +601,16 @@ function query(key, fetcher, options = {}) {
   function onCacheUpdate() {
     if (disposed || !currentKey) return;
     const entry = queryCache.get(currentKey);
-    if (!entry) return;
+    if (!entry) {
+      batch(() => {
+        setData(void 0);
+        setError(void 0);
+        setIsFetching(false);
+      });
+      return;
+    }
     batch(() => {
-      if (entry.data !== void 0) setData(entry.data);
+      setData(entry.data);
       setError(entry.error);
       if (!entry.promise) setIsFetching(false);
     });
@@ -709,10 +721,18 @@ function setQueryData(key, data) {
   for (const listener of entry.listeners) listener();
 }
 function clearQueryCache() {
+  const activeListeners = [];
+  const activeRefetchers = [];
   for (const entry of queryCache.values()) {
     if (entry.gcTimer) clearTimeout(entry.gcTimer);
+    if (entry.subscribers > 0) {
+      for (const listener of entry.listeners) activeListeners.push(listener);
+      for (const refetcher of entry.refetchers) activeRefetchers.push(refetcher);
+    }
   }
   queryCache.clear();
+  for (const listener of activeListeners) listener();
+  for (const refetcher of activeRefetchers) refetcher();
 }
 
 // src/data/mutation.ts

package/dist/data.js

@@ -19,12 +19,13 @@ import {
   syncAdapter,
   throttle,
   withRetry
-} from "./chunk-I6EZTMPB.js";
-import "./chunk-RUAJTILD.js";
-import "./chunk-SU63HSUU.js";
-import "./chunk-OZS4YOOP.js";
+} from "./chunk-OHQQWZ7P.js";
+import "./chunk-Z65KYU7I.js";
+import "./chunk-FGOEVHY3.js";
+import "./chunk-PZEGYCF5.js";
 import "./chunk-CHJ27IGK.js";
-import "./chunk-KKUV25KB.js";
+import "./chunk-YECR7UIA.js";
+import "./chunk-4MYMUBRS.js";
 import "./chunk-MLKGABMK.js";
 export {
   calculateDelay,

package/dist/devtools.cjs

@@ -476,7 +476,7 @@ function getActiveDevTools() {
 }
 function initDevTools(config) {
   const maxEvents = config?.maxEvents ?? 1e3;
-  const enabled = config?.enabled ?? true;
+  const enabled = config?.enabled ?? isDev();
   if (!enabled) return createNoopApi();
   const hook = getOrCreateHook();
   nextNodeId = 0;

package/dist/devtools.js

@@ -33,10 +33,11 @@ import {
   trackCleanup,
   walkDependencyGraph,
   withErrorTracking
-} from "./chunk-OEGAHDEU.js";
-import "./chunk-OZS4YOOP.js";
+} from "./chunk-NMRUZALC.js";
+import "./chunk-PZEGYCF5.js";
 import "./chunk-CHJ27IGK.js";
-import "./chunk-KKUV25KB.js";
+import "./chunk-YECR7UIA.js";
+import "./chunk-4MYMUBRS.js";
 import "./chunk-MLKGABMK.js";
 export {
   SibuError,

package/dist/ecosystem.cjs

@@ -525,6 +525,13 @@ function sanitizeUrl(url) {
   }
   return trimmed;
 }
+function sanitizeCSSValue(value) {
+  const lower = value.toLowerCase().replace(/\s+/g, "");
+  if (lower.includes("url(") || lower.includes("expression(") || lower.includes("javascript:") || lower.includes("-moz-binding")) {
+    return "";
+  }
+  return value;
+}
 var URL_ATTRIBUTES = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "cite", "poster", "background", "srcset"]);
 function isUrlAttribute(attr) {
   return URL_ATTRIBUTES.has(attr);
@@ -651,11 +658,11 @@ function applyStyle(el, style) {
     if (typeof val === "function") {
       const getter = val;
       const teardown = track(() => {
-        htmlEl.style.setProperty(name, String(getter()));
+        htmlEl.style.setProperty(name, sanitizeCSSValue(String(getter())));
       });
       registerDisposer(el, teardown);
     } else {
-      htmlEl.style.setProperty(name, String(val));
+      htmlEl.style.setProperty(name, sanitizeCSSValue(String(val)));
     }
   }
 }

package/dist/ecosystem.js

@@ -7,14 +7,15 @@ import {
   mobXAdapter,
   reduxAdapter,
   zustandAdapter
-} from "./chunk-T2SPHHYU.js";
+} from "./chunk-HS6OOE3Q.js";
 import "./chunk-K5ZUMYVS.js";
-import "./chunk-LHNJSLC6.js";
-import "./chunk-NMTRH4Q3.js";
-import "./chunk-SU63HSUU.js";
-import "./chunk-OZS4YOOP.js";
+import "./chunk-QVKGGB2S.js";
+import "./chunk-SDLZDHKP.js";
+import "./chunk-FGOEVHY3.js";
+import "./chunk-PZEGYCF5.js";
 import "./chunk-CHJ27IGK.js";
-import "./chunk-KKUV25KB.js";
+import "./chunk-YECR7UIA.js";
+import "./chunk-4MYMUBRS.js";
 import "./chunk-MLKGABMK.js";
 export {
   antdAdapter,

package/dist/extras.cjs

@@ -789,8 +789,13 @@ function query(key, fetcher, options = {}) {
   async function doFetch() {
     if (disposed || !currentKey || !enabled) return;
     const key2 = currentKey;
-    const entry = queryCache.get(key2);
-    if (!entry) return;
+    let entry = queryCache.get(key2);
+    if (!entry) {
+      entry = getOrCreateEntry(key2);
+      entry.subscribers++;
+      entry.listeners.add(onCacheUpdate);
+      entry.refetchers.add(doFetch);
+    }
     if (entry.promise) {
       setIsFetching(true);
       try {
@@ -839,9 +844,16 @@ function query(key, fetcher, options = {}) {
   function onCacheUpdate() {
     if (disposed || !currentKey) return;
     const entry = queryCache.get(currentKey);
-    if (!entry) return;
+    if (!entry) {
+      batch(() => {
+        setData(void 0);
+        setError(void 0);
+        setIsFetching(false);
+      });
+      return;
+    }
     batch(() => {
-      if (entry.data !== void 0) setData(entry.data);
+      setData(entry.data);
       setError(entry.error);
       if (!entry.promise) setIsFetching(false);
     });
@@ -952,10 +964,18 @@ function setQueryData(key, data2) {
   for (const listener of entry.listeners) listener();
 }
 function clearQueryCache() {
+  const activeListeners = [];
+  const activeRefetchers = [];
   for (const entry of queryCache.values()) {
     if (entry.gcTimer) clearTimeout(entry.gcTimer);
+    if (entry.subscribers > 0) {
+      for (const listener of entry.listeners) activeListeners.push(listener);
+      for (const refetcher of entry.refetchers) activeRefetchers.push(refetcher);
+    }
   }
   queryCache.clear();
+  for (const listener of activeListeners) listener();
+  for (const refetcher of activeRefetchers) refetcher();
 }
 
 // src/data/mutation.ts
@@ -2121,10 +2141,13 @@ function persisted(key, initial, options = {}) {
   const storage = options.session ? sessionStorage : localStorage;
   const serialize = options.serialize || JSON.stringify;
   const deserialize = options.deserialize || JSON.parse;
+  const encrypt = options.encrypt;
+  const decrypt = options.decrypt;
   let restored = initial;
   try {
-    const raw = storage.getItem(key);
+    let raw = storage.getItem(key);
     if (raw !== null) {
+      if (decrypt) raw = decrypt(raw);
       const parsed = deserialize(raw);
       restored = options.validate && !options.validate(parsed) ? initial : parsed;
     }
@@ -2134,7 +2157,9 @@ function persisted(key, initial, options = {}) {
   effect(() => {
     const current = value();
     try {
-      storage.setItem(key, serialize(current));
+      let serialized = serialize(current);
+      if (encrypt) serialized = encrypt(serialized);
+      storage.setItem(key, serialized);
     } catch {
     }
   });
@@ -3331,6 +3356,13 @@ function sanitizeUrl(url) {
   }
   return trimmed;
 }
+function sanitizeCSSValue(value) {
+  const lower = value.toLowerCase().replace(/\s+/g, "");
+  if (lower.includes("url(") || lower.includes("expression(") || lower.includes("javascript:") || lower.includes("-moz-binding")) {
+    return "";
+  }
+  return value;
+}
 var URL_ATTRIBUTES = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "cite", "poster", "background", "srcset"]);
 function isUrlAttribute(attr) {
   return URL_ATTRIBUTES.has(attr);
@@ -4352,6 +4384,13 @@ function setCanonical(url) {
 }
 
 // src/platform/ssr.ts
+var _isDev5 = isDev();
+function ssrErrorComment(err) {
+  if (_isDev5) {
+    return `<!--SSR error: ${escapeHtml(err instanceof Error ? err.message : String(err))}-->`;
+  }
+  return "<!--SSR error-->";
+}
 var VOID_ELEMENTS = /* @__PURE__ */ new Set([
   "area",
   "base",
@@ -4374,7 +4413,7 @@ function renderToString(element) {
       try {
         return renderToString(child);
       } catch (err) {
-        return `<!--SSR error: ${escapeHtml(err instanceof Error ? err.message : String(err))}-->`;
+        return ssrErrorComment(err);
       }
     }).join("");
   }
@@ -4404,7 +4443,7 @@ function renderToString(element) {
     try {
       html2 += renderToString(child);
     } catch (err) {
-      html2 += `<!--SSR error: ${escapeHtml(err instanceof Error ? err.message : String(err))}-->`;
+      html2 += ssrErrorComment(err);
     }
   }
   html2 += `</${tag}>`;
@@ -4428,7 +4467,7 @@ function renderToDocument(component, options = {}) {
   try {
     content = renderToString(component());
   } catch (err) {
-    content = `<!--SSR error: ${escapeHtml(err instanceof Error ? err.message : String(err))}-->`;
+    content = ssrErrorComment(err);
   }
   const metaTags = (options.meta || []).map(
     (attrs) => `<meta ${Object.entries(attrs).map(([k, v]) => `${k}="${escapeAttr(v)}"`).join(" ")} />`
@@ -4460,7 +4499,7 @@ async function* renderToStream(element) {
       try {
         yield* renderToStream(child);
       } catch (err) {
-        yield `<!--SSR error: ${escapeHtml(err instanceof Error ? err.message : String(err))}-->`;
+        yield ssrErrorComment(err);
       }
     }
     return;
@@ -4492,7 +4531,7 @@ async function* renderToStream(element) {
     try {
       yield* renderToStream(child);
     } catch (err) {
-      yield `<!--SSR error: ${escapeHtml(err instanceof Error ? err.message : String(err))}-->`;
+      yield ssrErrorComment(err);
     }
   }
   yield `</${tag}>`;
@@ -4582,9 +4621,10 @@ function ssrSuspense(props) {
   }));
   return { element: wrapper, promise };
 }
-function suspenseSwapScript(id) {
+function suspenseSwapScript(id, nonce) {
   const safeId = id.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/</g, "\\u003c").replace(/>/g, "\\u003e");
-  return `<script>(function(){var t=document.getElementById("sibu-resolved-${safeId}");var f=document.querySelector('[data-sibu-suspense-id="${safeId}"]');if(t&&f){while(t.firstChild)f.appendChild(t.firstChild);t.remove();f.removeAttribute("data-sibu-suspense-id");}})()</script>`;
+  const nonceAttr = nonce ? ` nonce="${escapeAttr(nonce)}"` : "";
+  return `<script${nonceAttr}>(function(){var t=document.getElementById("sibu-resolved-${safeId}");var f=document.querySelector('[data-sibu-suspense-id="${safeId}"]');if(t&&f){while(t.firstChild)f.appendChild(t.firstChild);t.remove();f.removeAttribute("data-sibu-suspense-id");}})()</script>`;
 }
 async function* renderToSuspenseStream(element, pendingBoundaries = []) {
   yield* renderToStream(element);
@@ -4597,13 +4637,17 @@ async function* renderToSuspenseStream(element, pendingBoundaries = []) {
   }
 }
 var SSR_DATA_ATTR = "__SIBU_SSR_DATA__";
-function serializeState(state) {
+function serializeState(state, nonce) {
   const json = JSON.stringify(state).replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026");
-  return `<script>window.${SSR_DATA_ATTR}=${json}</script>`;
+  const nonceAttr = nonce ? ` nonce="${escapeAttr(nonce)}"` : "";
+  return `<script${nonceAttr}>window.${SSR_DATA_ATTR}=${json}</script>`;
 }
-function deserializeState() {
+function deserializeState(validate) {
   if (typeof window === "undefined") return void 0;
-  return window[SSR_DATA_ATTR];
+  const raw = window[SSR_DATA_ATTR];
+  if (raw === void 0) return void 0;
+  if (validate && !validate(raw)) return void 0;
+  return raw;
 }
 function escapeHtml(str) {
   return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
@@ -4953,7 +4997,7 @@ function isWasmCached(key) {
 }
 
 // src/reactivity/bindChildNode.ts
-var _isDev5 = isDev();
+var _isDev6 = isDev();
 function bindChildNode(placeholder, getter) {
   let lastNodes = [];
   function commit() {
@@ -4961,7 +5005,7 @@ function bindChildNode(placeholder, getter) {
     try {
       result = getter();
     } catch (err) {
-      if (_isDev5) devWarn(`bindChildNode: getter threw: ${err instanceof Error ? err.message : String(err)}`);
+      if (_isDev6) devWarn(`bindChildNode: getter threw: ${err instanceof Error ? err.message : String(err)}`);
       return;
     }
     for (let i2 = 0; i2 < lastNodes.length; i2++) {
@@ -5000,7 +5044,7 @@ function bindChildNode(placeholder, getter) {
 
 // src/core/rendering/dispose.ts
 var elementDisposers = /* @__PURE__ */ new WeakMap();
-var _isDev6 = isDev();
+var _isDev7 = isDev();
 var activeBindingCount = 0;
 function registerDisposer(node, teardown) {
   let disposers = elementDisposers.get(node);
@@ -5009,7 +5053,7 @@ function registerDisposer(node, teardown) {
     elementDisposers.set(node, disposers);
   }
   disposers.push(teardown);
-  if (_isDev6) activeBindingCount++;
+  if (_isDev7) activeBindingCount++;
 }
 
 // src/core/rendering/tagFactory.ts
@@ -5041,11 +5085,11 @@ function applyStyle(el, style2) {
     if (typeof val === "function") {
       const getter = val;
       const teardown = track(() => {
-        htmlEl.style.setProperty(name, String(getter()));
+        htmlEl.style.setProperty(name, sanitizeCSSValue(String(getter())));
       });
       registerDisposer(el, teardown);
     } else {
-      htmlEl.style.setProperty(name, String(val));
+      htmlEl.style.setProperty(name, sanitizeCSSValue(String(val)));
     }
   }
 }
@@ -6582,7 +6626,7 @@ function getActiveDevTools() {
 }
 function initDevTools(config) {
   const maxEvents = config?.maxEvents ?? 1e3;
-  const enabled = config?.enabled ?? true;
+  const enabled = config?.enabled ?? isDev();
   if (!enabled) return createNoopApi();
   const hook = getOrCreateHook();
   nextNodeId = 0;

package/dist/extras.js

@@ -8,7 +8,7 @@ import {
   optimisticList,
   persisted,
   timeline
-} from "./chunk-BWBWJYBK.js";
+} from "./chunk-Y6GP4QGG.js";
 import {
   DOMPool,
   Features,
@@ -44,7 +44,7 @@ import {
   transitionState,
   uniqueId,
   yieldToMain
-} from "./chunk-DGUYCZJH.js";
+} from "./chunk-HGMJFBC7.js";
 import {
   VERSION,
   bundlerMetadata,
@@ -65,7 +65,7 @@ import {
   preloadCritical,
   prerenderRoutes,
   satisfies
-} from "./chunk-ANRSGGFC.js";
+} from "./chunk-DTCOOBMX.js";
 import {
   Head,
   clearWasmCache,
@@ -90,7 +90,7 @@ import {
   wasm,
   worker,
   workerFn
-} from "./chunk-FYIGTFXO.js";
+} from "./chunk-MJ4LVHGX.js";
 import {
   FocusTrap,
   VirtualList,
@@ -129,7 +129,7 @@ import {
   toast,
   withScopedStyle,
   zipMask
-} from "./chunk-DB243LB7.js";
+} from "./chunk-3CRQALYP.js";
 import {
   RenderProp,
   assertType,
@@ -157,7 +157,7 @@ import {
   select,
   tabs,
   tooltip
-} from "./chunk-2GLUWW3D.js";
+} from "./chunk-N6IZB6KJ.js";
 import {
   collectStream,
   deserializeState,
@@ -174,7 +174,7 @@ import {
   serializeState,
   ssrSuspense,
   suspenseSwapScript
-} from "./chunk-UATXXETW.js";
+} from "./chunk-7TQKR4PP.js";
 import {
   battery,
   clipboard,
@@ -189,7 +189,7 @@ import {
   resize,
   scroll,
   title
-} from "./chunk-IK3NFZOA.js";
+} from "./chunk-ONCYDOK6.js";
 import {
   calculateDelay,
   clearQueryCache,
@@ -211,7 +211,7 @@ import {
   syncAdapter,
   throttle,
   withRetry
-} from "./chunk-I6EZTMPB.js";
+} from "./chunk-OHQQWZ7P.js";
 import {
   SibuError,
   checkLeaks,
@@ -247,7 +247,7 @@ import {
   trackCleanup,
   walkDependencyGraph,
   withErrorTracking
-} from "./chunk-OEGAHDEU.js";
+} from "./chunk-NMRUZALC.js";
 import {
   antdAdapter,
   chakraAdapter,
@@ -257,7 +257,7 @@ import {
   mobXAdapter,
   reduxAdapter,
   zustandAdapter
-} from "./chunk-T2SPHHYU.js";
+} from "./chunk-HS6OOE3Q.js";
 import {
   createPlugin,
   inject,
@@ -267,13 +267,13 @@ import {
   triggerPluginMount,
   triggerPluginUnmount
 } from "./chunk-K5ZUMYVS.js";
-import "./chunk-MGYRVG2A.js";
-import "./chunk-MBINISSE.js";
-import "./chunk-RUAJTILD.js";
-import "./chunk-LHNJSLC6.js";
-import "./chunk-NMTRH4Q3.js";
-import "./chunk-SU63HSUU.js";
-import "./chunk-OZS4YOOP.js";
+import "./chunk-OWLQ4HZI.js";
+import "./chunk-CZUGLNJS.js";
+import "./chunk-Z65KYU7I.js";
+import "./chunk-QVKGGB2S.js";
+import "./chunk-SDLZDHKP.js";
+import "./chunk-FGOEVHY3.js";
+import "./chunk-PZEGYCF5.js";
 import "./chunk-CHJ27IGK.js";
 import {
   TransitionGroup,
@@ -296,8 +296,9 @@ import {
   stagger,
   transition,
   viewTransition
-} from "./chunk-MLN3JZ2E.js";
-import "./chunk-KKUV25KB.js";
+} from "./chunk-6HLLIF3K.js";
+import "./chunk-YECR7UIA.js";
+import "./chunk-4MYMUBRS.js";
 import "./chunk-MLKGABMK.js";
 export {
   DOMPool,

package/dist/index.cjs

@@ -241,6 +241,13 @@ function sanitizeUrl(url) {
   }
   return trimmed;
 }
+function sanitizeCSSValue(value) {
+  const lower = value.toLowerCase().replace(/\s+/g, "");
+  if (lower.includes("url(") || lower.includes("expression(") || lower.includes("javascript:") || lower.includes("-moz-binding")) {
+    return "";
+  }
+  return value;
+}
 var URL_ATTRIBUTES = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "cite", "poster", "background", "srcset"]);
 function isUrlAttribute(attr) {
   return URL_ATTRIBUTES.has(attr);
@@ -698,11 +705,11 @@ function applyStyle(el, style2) {
     if (typeof val === "function") {
       const getter = val;
       const teardown = track(() => {
-        htmlEl.style.setProperty(name, String(getter()));
+        htmlEl.style.setProperty(name, sanitizeCSSValue(String(getter())));
       });
       registerDisposer(el, teardown);
     } else {
-      htmlEl.style.setProperty(name, String(val));
+      htmlEl.style.setProperty(name, sanitizeCSSValue(String(val)));
     }
   }
 }
@@ -2532,6 +2539,7 @@ function Suspense({ nodes, fallback }) {
 }
 
 // src/components/ErrorBoundary.ts
+var _isDev8 = isDev();
 var errorBoundaryStyles = `
   .sibu-error-boundary {
     position: relative;
@@ -2637,7 +2645,7 @@ function ErrorBoundary({ nodes, fallback, onError }) {
         class: "sibu-error-title"
       }),
       p({
-        nodes: err.message,
+        nodes: _isDev8 ? err.message : "An unexpected error occurred. Please try again.",
         class: "sibu-error-message"
       }),
       button({

package/dist/index.js

@@ -35,7 +35,7 @@ import {
   unregisterComponent,
   when,
   writable
-} from "./chunk-VUXB655T.js";
+} from "./chunk-24WSRM54.js";
 import {
   a,
   abbr,
@@ -173,30 +173,30 @@ import {
   use,
   var_,
   video
-} from "./chunk-MGYRVG2A.js";
+} from "./chunk-OWLQ4HZI.js";
 import {
   watch
-} from "./chunk-MBINISSE.js";
+} from "./chunk-CZUGLNJS.js";
 import {
   context
-} from "./chunk-RUAJTILD.js";
+} from "./chunk-Z65KYU7I.js";
 import {
   SVG_NS,
   checkLeaks,
   dispose,
   registerDisposer,
   tagFactory
-} from "./chunk-LHNJSLC6.js";
+} from "./chunk-QVKGGB2S.js";
 import {
   bindDynamic
-} from "./chunk-NMTRH4Q3.js";
+} from "./chunk-SDLZDHKP.js";
 import {
   derived
-} from "./chunk-SU63HSUU.js";
+} from "./chunk-FGOEVHY3.js";
 import {
   effect,
   on
-} from "./chunk-OZS4YOOP.js";
+} from "./chunk-PZEGYCF5.js";
 import {
   disableSSR,
   enableSSR,
@@ -209,7 +209,8 @@ import {
   isBatching,
   signal,
   untracked
-} from "./chunk-KKUV25KB.js";
+} from "./chunk-YECR7UIA.js";
+import "./chunk-4MYMUBRS.js";
 import "./chunk-MLKGABMK.js";
 export {
   DynamicComponent,

package/dist/motion.js

@@ -19,8 +19,9 @@ import {
   stagger,
   transition,
   viewTransition
-} from "./chunk-MLN3JZ2E.js";
-import "./chunk-KKUV25KB.js";
+} from "./chunk-6HLLIF3K.js";
+import "./chunk-YECR7UIA.js";
+import "./chunk-4MYMUBRS.js";
 import "./chunk-MLKGABMK.js";
 export {
   TransitionGroup,