npm - sibujs - Versions diffs - 1.4.0 → 2.0.0 - Mend

sibujs 1.4.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (190) hide show

package/README.md +105 -119
package/dist/browser.cjs +288 -80
package/dist/browser.d.cts +19 -9
package/dist/browser.d.ts +19 -9
package/dist/browser.js +6 -6
package/dist/build.cjs +1019 -313
package/dist/build.d.cts +1 -1
package/dist/build.d.ts +1 -1
package/dist/build.js +15 -13
package/dist/cdn.global.js +17 -16
package/dist/chunk-2RA7SHDA.js +65 -0
package/dist/chunk-2UPRY23K.js +80 -0
package/dist/chunk-3JHCYHWN.js +125 -0
package/dist/{chunk-ZWKZCBO6.js → chunk-3LR7GLWQ.js} +154 -33
package/dist/{chunk-3AIRKM3B.js → chunk-3NSGB5JN.js} +115 -34
package/dist/{chunk-3ARAQO7B.js → chunk-52YJLLRO.js} +29 -6
package/dist/chunk-54EDRCEF.js +93 -0
package/dist/chunk-7JDB7I65.js +1327 -0
package/dist/{chunk-WZSPOOER.js → chunk-CC65Y57T.js} +8 -5
package/dist/{chunk-23VV7YD3.js → chunk-DFPFITST.js} +25 -30
package/dist/{chunk-WR5D4EGH.js → chunk-GTBNNBJ6.js} +14 -2
package/dist/chunk-HB24TBAF.js +121 -0
package/dist/{chunk-CZUGLNJS.js → chunk-ITX6OO3F.js} +3 -3
package/dist/{chunk-JAKHTMQU.js → chunk-JA6667UN.js} +206 -46
package/dist/{chunk-77L6NL3X.js → chunk-JXMMDLBY.js} +306 -183
package/dist/{chunk-3X2YG6YM.js → chunk-JYD2PWXH.js} +59 -28
package/dist/{chunk-F3FA4F32.js → chunk-KLRMB5ZS.js} +135 -79
package/dist/{chunk-5X6PP2UK.js → chunk-LMLD24FC.js} +2 -2
package/dist/{chunk-M4NLBH4I.js → chunk-LYTCUZ7H.js} +3 -2
package/dist/{chunk-TSOKIX5Z.js → chunk-MIUAXB7K.js} +126 -74
package/dist/{chunk-QWZG56ET.js → chunk-ND2664SF.js} +558 -190
package/dist/{chunk-JCI5M6U6.js → chunk-O2MNQFLP.js} +261 -79
package/dist/{chunk-EWFVA3TJ.js → chunk-R73P76YZ.js} +1 -1
package/dist/{chunk-2BYQDGN3.js → chunk-SAHNHTFC.js} +234 -63
package/dist/chunk-UCS6AMJ7.js +79 -0
package/dist/{chunk-ZD6OAMTH.js → chunk-VLPPXTYG.js} +90 -35
package/dist/{chunk-OUZZEE4S.js → chunk-WOMYAHHI.js} +17 -11
package/dist/{contracts-xo5ckdRP.d.cts → contracts-ey_Qh8ef.d.cts} +7 -8
package/dist/{contracts-xo5ckdRP.d.ts → contracts-ey_Qh8ef.d.ts} +7 -8
package/dist/{customElement-D2DJp_xn.d.cts → customElement-CPfIrbvg.d.cts} +18 -9
package/dist/{customElement-D2DJp_xn.d.ts → customElement-CPfIrbvg.d.ts} +18 -9
package/dist/data.cjs +452 -100
package/dist/data.d.cts +20 -2
package/dist/data.d.ts +20 -2
package/dist/data.js +11 -9
package/dist/devtools.cjs +535 -247
package/dist/devtools.d.cts +1 -1
package/dist/devtools.d.ts +1 -1
package/dist/devtools.js +34 -30
package/dist/ecosystem.cjs +499 -143
package/dist/ecosystem.d.cts +13 -11
package/dist/ecosystem.d.ts +13 -11
package/dist/ecosystem.js +12 -11
package/dist/extras.cjs +3639 -1629
package/dist/extras.d.cts +11 -11
package/dist/extras.d.ts +11 -11
package/dist/extras.js +58 -45
package/dist/index.cjs +1023 -313
package/dist/index.d.cts +128 -55
package/dist/index.d.ts +128 -55
package/dist/index.js +28 -16
package/dist/{introspect-BumjnBKr.d.cts → introspect-BWNjNw64.d.cts} +22 -2
package/dist/{introspect-CZrlcaYy.d.ts → introspect-cY2pg9pW.d.ts} +22 -2
package/dist/motion.cjs +90 -36
package/dist/motion.d.cts +1 -1
package/dist/motion.d.ts +1 -1
package/dist/motion.js +4 -4
package/dist/patterns.cjs +414 -81
package/dist/patterns.d.cts +53 -20
package/dist/patterns.d.ts +53 -20
package/dist/patterns.js +7 -7
package/dist/performance.cjs +364 -108
package/dist/performance.d.cts +29 -17
package/dist/performance.d.ts +29 -17
package/dist/performance.js +13 -6
package/dist/plugin-D30wlGW5.d.cts +71 -0
package/dist/plugin-D30wlGW5.d.ts +71 -0
package/dist/plugins.cjs +652 -271
package/dist/plugins.d.cts +13 -6
package/dist/plugins.d.ts +13 -6
package/dist/plugins.js +116 -50
package/dist/{ssr-Do_SiVoL.d.cts → ssr-CrVNy6Pa.d.cts} +9 -15
package/dist/{ssr-Do_SiVoL.d.ts → ssr-CrVNy6Pa.d.ts} +9 -15
package/dist/{ssr-4PBXAOO3.js → ssr-FXD2PPMC.js} +4 -3
package/dist/ssr.cjs +648 -219
package/dist/ssr.d.cts +27 -7
package/dist/ssr.d.ts +27 -7
package/dist/ssr.js +12 -11
package/dist/{tagFactory-DaJ0YWX6.d.ts → tagFactory-S17H2qxu.d.cts} +9 -1
package/dist/{tagFactory-DaJ0YWX6.d.cts → tagFactory-S17H2qxu.d.ts} +9 -1
package/dist/testing.cjs +252 -63
package/dist/testing.d.cts +17 -4
package/dist/testing.d.ts +17 -4
package/dist/testing.js +100 -44
package/dist/ui.cjs +576 -168
package/dist/ui.d.cts +13 -16
package/dist/ui.d.ts +13 -16
package/dist/ui.js +20 -17
package/dist/widgets.cjs +1001 -93
package/dist/widgets.d.cts +104 -2
package/dist/widgets.d.ts +104 -2
package/dist/widgets.js +9 -7
package/package.json +8 -2
package/dist/chunk-32DY64NT.js +0 -282
package/dist/chunk-3CRQALYP.js +0 -877
package/dist/chunk-4EI4AG32.js +0 -482
package/dist/chunk-4MYMUBRS.js +0 -21
package/dist/chunk-6HLLIF3K.js +0 -398
package/dist/chunk-6LSNVCS2.js +0 -937
package/dist/chunk-6SA3QQES.js +0 -61
package/dist/chunk-7BF6TK55.js +0 -1097
package/dist/chunk-7TQKR4PP.js +0 -294
package/dist/chunk-7V26P53V.js +0 -712
package/dist/chunk-AZ3ISID5.js +0 -298
package/dist/chunk-B7SWRFUT.js +0 -332
package/dist/chunk-BGN5ZMP4.js +0 -26
package/dist/chunk-BTU3TJDS.js +0 -365
package/dist/chunk-BW3WT46K.js +0 -937
package/dist/chunk-C6KFWOFV.js +0 -616
package/dist/chunk-CHF5OHIA.js +0 -61
package/dist/chunk-CHJ27IGK.js +0 -26
package/dist/chunk-CMBFNA7L.js +0 -27
package/dist/chunk-DAHRH4ON.js +0 -331
package/dist/chunk-DKOHBI74.js +0 -924
package/dist/chunk-DTCOOBMX.js +0 -725
package/dist/chunk-EBGIRKQY.js +0 -616
package/dist/chunk-EUZND3CB.js +0 -27
package/dist/chunk-EVCZO745.js +0 -365
package/dist/chunk-FGOEVHY3.js +0 -60
package/dist/chunk-G3BOQPVO.js +0 -365
package/dist/chunk-GCOK2LC3.js +0 -282
package/dist/chunk-HGMJFBC7.js +0 -654
package/dist/chunk-K5ZUMYVS.js +0 -89
package/dist/chunk-KQPDEVVS.js +0 -398
package/dist/chunk-L6JRBDNS.js +0 -60
package/dist/chunk-LA6KQEDU.js +0 -712
package/dist/chunk-MDVXJWFN.js +0 -304
package/dist/chunk-MEZVEBPN.js +0 -2008
package/dist/chunk-MK4ERFYL.js +0 -2249
package/dist/chunk-MLKGABMK.js +0 -9
package/dist/chunk-MQ5GOYPH.js +0 -2249
package/dist/chunk-N6IZB6KJ.js +0 -567
package/dist/chunk-NEKUBFPT.js +0 -60
package/dist/chunk-NHUC2QWH.js +0 -282
package/dist/chunk-NMRUZALC.js +0 -1097
package/dist/chunk-NYVAC6P5.js +0 -37
package/dist/chunk-OF7UZIVB.js +0 -725
package/dist/chunk-P6W3STU4.js +0 -2249
package/dist/chunk-PBHF5WKN.js +0 -616
package/dist/chunk-PTQJDMRT.js +0 -146
package/dist/chunk-PZEGYCF5.js +0 -61
package/dist/chunk-QBMDLBU2.js +0 -975
package/dist/chunk-RQGQSLQK.js +0 -725
package/dist/chunk-SDLZDHKP.js +0 -107
package/dist/chunk-TNQWPPE6.js +0 -37
package/dist/chunk-UHNL42EF.js +0 -2730
package/dist/chunk-UNXCEF6S.js +0 -21
package/dist/chunk-V2XTI523.js +0 -347
package/dist/chunk-VAU366PN.js +0 -2241
package/dist/chunk-VMVDTCXB.js +0 -712
package/dist/chunk-VRW3FULF.js +0 -725
package/dist/chunk-WADYRCO2.js +0 -304
package/dist/chunk-WILQZRO4.js +0 -282
package/dist/chunk-WUHJISPP.js +0 -298
package/dist/chunk-XYU6TZOW.js +0 -182
package/dist/chunk-Y6GP4QGG.js +0 -276
package/dist/chunk-YECR7UIA.js +0 -347
package/dist/chunk-YUTWTI4B.js +0 -654
package/dist/chunk-Z65KYU7I.js +0 -26
package/dist/chunk-Z6POF5YC.js +0 -975
package/dist/chunk-ZBJP6WFL.js +0 -482
package/dist/contracts-DDrwxvJ-.d.cts +0 -245
package/dist/contracts-DDrwxvJ-.d.ts +0 -245
package/dist/contracts-DOrhwbke.d.cts +0 -245
package/dist/contracts-DOrhwbke.d.ts +0 -245
package/dist/customElement-BKQfbSZQ.d.cts +0 -262
package/dist/customElement-BKQfbSZQ.d.ts +0 -262
package/dist/customElement-yz8uyk-0.d.cts +0 -308
package/dist/customElement-yz8uyk-0.d.ts +0 -308
package/dist/introspect-Cb0zgpi2.d.cts +0 -477
package/dist/introspect-Y2xNXGSf.d.ts +0 -477
package/dist/plugin-Bek4RhJY.d.cts +0 -43
package/dist/plugin-Bek4RhJY.d.ts +0 -43
package/dist/ssr-3RXHP5ES.js +0 -38
package/dist/ssr-6GIMY5MX.js +0 -38
package/dist/ssr-BA6sxxUd.d.cts +0 -135
package/dist/ssr-BA6sxxUd.d.ts +0 -135
package/dist/ssr-WKUPVSSK.js +0 -36
package/dist/tagFactory-Dl8QCLga.d.cts +0 -23
package/dist/tagFactory-Dl8QCLga.d.ts +0 -23

package/dist/chunk-7TQKR4PP.js DELETED Viewed

@@ -1,294 +0,0 @@
-import {
-  isDev
-} from "./chunk-4MYMUBRS.js";
-// src/platform/ssr.ts
-var _isDev = isDev();
-function ssrErrorComment(err) {
-  if (_isDev) {
-    return `<!--SSR error: ${escapeHtml(err instanceof Error ? err.message : String(err))}-->`;
-  }
-  return "<!--SSR error-->";
-}
-var VOID_ELEMENTS = /* @__PURE__ */ new Set([
-  "area",
-  "base",
-  "br",
-  "col",
-  "embed",
-  "hr",
-  "img",
-  "input",
-  "link",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr"
-]);
-function renderToString(element) {
-  if (element instanceof DocumentFragment) {
-    return Array.from(element.childNodes).map((child) => {
-      try {
-        return renderToString(child);
-      } catch (err) {
-        return ssrErrorComment(err);
-      }
-    }).join("");
-  }
-  if (element.nodeType === 3) {
-    return escapeHtml(element.textContent || "");
-  }
-  if (element.nodeType === 8) {
-    const content = (element.textContent || "").replace(/-->/g, "--&gt;");
-    return `<!--${content}-->`;
-  }
-  if (!(element instanceof HTMLElement)) {
-    return element.textContent || "";
-  }
-  const tag = element.tagName.toLowerCase();
-  let html = `<${tag}`;
-  for (const attr of Array.from(element.attributes)) {
-    html += ` ${attr.name}="${escapeAttr(attr.value)}"`;
-  }
-  if (element.dataset && !element.dataset.sibuHydrate) {
-    html += ` data-sibu-ssr="true"`;
-  }
-  if (VOID_ELEMENTS.has(tag)) {
-    return `${html} />`;
-  }
-  html += ">";
-  for (const child of Array.from(element.childNodes)) {
-    try {
-      html += renderToString(child);
-    } catch (err) {
-      html += ssrErrorComment(err);
-    }
-  }
-  html += `</${tag}>`;
-  return html;
-}
-function hydrate(component, container) {
-  const clientTree = component();
-  hydrateNode(container.firstElementChild, clientTree);
-  container.setAttribute("data-sibu-hydrated", "true");
-}
-function hydrateNode(serverNode, clientNode) {
-  if (!serverNode) return;
-  const serverChildren = Array.from(serverNode.children);
-  const clientChildren = Array.from(clientNode.children);
-  for (let i = 0; i < Math.min(serverChildren.length, clientChildren.length); i++) {
-    hydrateNode(serverChildren[i], clientChildren[i]);
-  }
-}
-function renderToDocument(component, options = {}) {
-  let content;
-  try {
-    content = renderToString(component());
-  } catch (err) {
-    content = ssrErrorComment(err);
-  }
-  const metaTags = (options.meta || []).map(
-    (attrs) => `<meta ${Object.entries(attrs).map(([k, v]) => `${k}="${escapeAttr(v)}"`).join(" ")} />`
-  ).join("\n    ");
-  const linkTags = (options.links || []).map(
-    (attrs) => `<link ${Object.entries(attrs).map(([k, v]) => `${k}="${escapeAttr(v)}"`).join(" ")} />`
-  ).join("\n    ");
-  const scriptTags = (options.scripts || []).map((src) => `<script src="${escapeAttr(src)}"></script>`).join("\n    ");
-  const bodyAttrs = options.bodyAttrs ? " " + Object.entries(options.bodyAttrs).map(([k, v]) => `${k}="${escapeAttr(v)}"`).join(" ") : "";
-  return `<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    ${options.title ? `<title>${escapeHtml(options.title)}</title>` : ""}
-    ${metaTags}
-    ${linkTags}
-    ${options.headExtra || ""}
-  </head>
-  <body${bodyAttrs}>
-    <div id="app">${content}</div>
-    ${scriptTags}
-  </body>
-</html>`;
-}
-async function* renderToStream(element) {
-  if (element instanceof DocumentFragment) {
-    for (const child of Array.from(element.childNodes)) {
-      try {
-        yield* renderToStream(child);
-      } catch (err) {
-        yield ssrErrorComment(err);
-      }
-    }
-    return;
-  }
-  if (element.nodeType === 3) {
-    yield escapeHtml(element.textContent || "");
-    return;
-  }
-  if (element.nodeType === 8) {
-    const content = (element.textContent || "").replace(/-->/g, "--&gt;");
-    yield `<!--${content}-->`;
-    return;
-  }
-  if (!(element instanceof HTMLElement)) {
-    yield element.textContent || "";
-    return;
-  }
-  const tag = element.tagName.toLowerCase();
-  let openTag = `<${tag}`;
-  for (const attr of Array.from(element.attributes)) {
-    openTag += ` ${attr.name}="${escapeAttr(attr.value)}"`;
-  }
-  if (VOID_ELEMENTS.has(tag)) {
-    yield `${openTag} />`;
-    return;
-  }
-  yield `${openTag}>`;
-  for (const child of Array.from(element.childNodes)) {
-    try {
-      yield* renderToStream(child);
-    } catch (err) {
-      yield ssrErrorComment(err);
-    }
-  }
-  yield `</${tag}>`;
-}
-async function collectStream(stream) {
-  let result = "";
-  for await (const chunk of stream) {
-    result += chunk;
-  }
-  return result;
-}
-function renderToReadableStream(element) {
-  const generator = renderToStream(element);
-  return new ReadableStream({
-    async pull(controller) {
-      const { value, done } = await generator.next();
-      if (done) {
-        controller.close();
-      } else {
-        controller.enqueue(value);
-      }
-    },
-    cancel() {
-      generator.return(void 0);
-    }
-  });
-}
-function island(id, component) {
-  const el = component();
-  el.setAttribute("data-sibu-island", id);
-  return el;
-}
-function hydrateIslands(container, islands) {
-  const markers = container.querySelectorAll("[data-sibu-island]");
-  for (const marker of Array.from(markers)) {
-    const id = marker.getAttribute("data-sibu-island") ?? "";
-    const factory = islands[id];
-    if (!factory) continue;
-    const clientTree = factory();
-    hydrateNode(marker, clientTree);
-    marker.setAttribute("data-sibu-hydrated", "true");
-  }
-  container.setAttribute("data-sibu-hydrated", "partial");
-}
-function hydrateProgressively(container, islands, options) {
-  const markers = container.querySelectorAll("[data-sibu-island]");
-  const cleanups = [];
-  for (const marker of Array.from(markers)) {
-    const id = marker.getAttribute("data-sibu-island") ?? "";
-    const factory = islands[id];
-    if (!factory) continue;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        for (const entry of entries) {
-          if (entry.isIntersecting) {
-            const clientTree = factory();
-            hydrateNode(marker, clientTree);
-            marker.setAttribute("data-sibu-hydrated", "true");
-            observer.disconnect();
-            break;
-          }
-        }
-      },
-      { rootMargin: "200px", ...options }
-    );
-    observer.observe(marker);
-    cleanups.push(() => observer.disconnect());
-  }
-  container.setAttribute("data-sibu-hydrated", "progressive");
-  return () => {
-    for (const cleanup of cleanups) cleanup();
-  };
-}
-var suspenseIdCounter = 0;
-function resetSSRState() {
-  suspenseIdCounter = 0;
-}
-function ssrSuspense(props) {
-  const id = `sibu-sus-${suspenseIdCounter++}`;
-  const fallbackEl = props.fallback();
-  const wrapper = document.createElement("div");
-  wrapper.setAttribute("data-sibu-suspense-id", id);
-  wrapper.appendChild(fallbackEl);
-  const promise = props.content().then((resolvedEl) => ({
-    id,
-    html: renderToString(resolvedEl)
-  }));
-  return { element: wrapper, promise };
-}
-function suspenseSwapScript(id, nonce) {
-  const safeId = id.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/</g, "\\u003c").replace(/>/g, "\\u003e");
-  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);
-  if (pendingBoundaries.length > 0) {
-    const resolved = await Promise.all(pendingBoundaries);
-    for (const { id, html } of resolved) {
-      yield `<div hidden id="sibu-resolved-${escapeAttr(id)}">${html}</div>`;
-      yield suspenseSwapScript(id);
-    }
-  }
-}
-var SSR_DATA_ATTR = "__SIBU_SSR_DATA__";
-function serializeState(state, nonce) {
-  const json = JSON.stringify(state).replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026");
-  const nonceAttr = nonce ? ` nonce="${escapeAttr(nonce)}"` : "";
-  return `<script${nonceAttr}>window.${SSR_DATA_ATTR}=${json}</script>`;
-}
-function deserializeState(validate) {
-  if (typeof window === "undefined") return void 0;
-  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;");
-}
-function escapeAttr(str) {
-  return str.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-export {
-  renderToString,
-  hydrate,
-  renderToDocument,
-  renderToStream,
-  collectStream,
-  renderToReadableStream,
-  island,
-  hydrateIslands,
-  hydrateProgressively,
-  resetSSRState,
-  ssrSuspense,
-  suspenseSwapScript,
-  renderToSuspenseStream,
-  serializeState,
-  deserializeState
-};