@knapsack/renderer-react 4.70.0--canary.3797.b249674.0 → 4.70.0--canary.4821.56b0218.0

package/dist/client/init.js

@@ -1,20 +1,71 @@
-'use strict';
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 
-var client = require('@knapsack/renderer-webpack-base/client');
-var E = require('react');
-var D = require('react-dom/client');
-var jsxRuntime = require('react/jsx-runtime');
+// src/client/init.tsx
+var import_react = __toESM(require("react"));
+var import_client = __toESM(require("react-dom/client"));
+var import_client2 = require("@knapsack/renderer-webpack-base/client");
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+// src/types.ts
+var rendererMetaScriptTagId = "ks-react-meta";
 
-var E__default = /*#__PURE__*/_interopDefault(E);
-var D__default = /*#__PURE__*/_interopDefault(D);
-
-var x=Object.defineProperty;var a=(t,e)=>x(t,"name",{value:e,configurable:!0});var m=(t,e)=>()=>(t&&(e=t(t=0)),e);var C=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var d,s=m(()=>{d="ks-react-meta";});var c,w,A,T,B,N,v,i,l,M=m(()=>{s();({getAllImports:c,getExtraImport:w,getImport:A,getImports:T,getPatternImport:B,importedModules:N,meta:v,rendererMeta:i,rendererMethods:l}=client.getKsRendererClientGlobal({rendererMetaScriptTagId:d}));});var P=C(()=>{M();async function b(){let{neededImports:t,disableReactStrictMode:e,demoWrapperProps:y}=i,R=await c({patterns:t.filter(r=>r.type!=="extra"),extras:t.filter(r=>r.type==="extra").map(({importInfo:r})=>({name:r.name}))}),p=document.getElementById("render-root");if(!p)throw new Error("No root element found");let{DemoWrapper:g,ErrorCatcher:f,...h}=R,I=l.getDemoApp(h),n=jsxRuntime.jsx(f,{children:jsxRuntime.jsx(g,{...y,children:jsxRuntime.jsx(I,{})})});D__default.default.createRoot(p).render(e?n:jsxRuntime.jsx(E__default.default.StrictMode,{children:n}));}a(b,"init");try{b();}catch(t){console.error(t);let e=document.createElement("div");e.innerHTML=`
+// src/client/init.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+async function init() {
+  try {
+    const {
+      getNeededImports,
+      getExtraImports,
+      rendererMeta: { disableReactStrictMode, demoWrapperProps },
+      rendererMethods: { getDemoApp }
+    } = (0, import_client2.getKsRendererClientUtils)({
+      rendererMetaScriptTagId
+    });
+    const [neededImports, { DemoWrapper, ErrorCatcher }] = await Promise.all([
+      getNeededImports(),
+      getExtraImports()
+    ]);
+    const root = document.getElementById("render-root");
+    if (!root) {
+      throw new Error("No root element found");
+    }
+    const demoComponents = neededImports;
+    const DemoApp = getDemoApp(demoComponents);
+    const app = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorCatcher, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DemoWrapper, { ...demoWrapperProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DemoApp, {}) }) });
+    import_client.default.createRoot(root).render(
+      disableReactStrictMode ? app : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.StrictMode, { children: app })
+    );
+  } catch (e) {
+    console.error(e);
+    const errorElement = document.createElement("div");
+    errorElement.innerHTML = `
     <h1>Error</h1>
-    <p>${t.message}</p>
-  `,document.body.appendChild(e);}});var init = P();
-
-module.exports = init;
-//# sourceMappingURL=init.js.map
+    <p>${e.message}</p>
+  `;
+    document.body.appendChild(errorElement);
+  }
+}
+__name(init, "init");
+init();
 //# sourceMappingURL=init.js.map

package/dist/client/init.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types.ts","../../src/client/ks-utils.ts","../../src/client/init.tsx"],"names":["rendererMetaScriptTagId","init_types","__esmMin","getAllImports","getExtraImport","getImport","getImports","getPatternImport","importedModules","meta","rendererMeta","rendererMethods","init_ks_utils","getKsRendererClientGlobal","require_init","__commonJSMin","init","neededImports","disableReactStrictMode","demoWrapperProps","all","i","importInfo","root","DemoWrapper","ErrorCatcher","demoComponents","DemoApp","app","jsx","ReactDOM","React","__name","e","errorElement"],"mappings":";;;;;;;;;;;;gLAAA,IAyBaA,CAAAA,CAzBbC,EAAAC,CAAA,CAAA,IAAA,CAyBaF,EAA0B,gBCzBvC,CAAA,CAAA,CAAA,IASEG,CACAC,CAAAA,CAAAA,CACAC,EACAC,CACAC,CAAAA,CAAAA,CACAC,EACAC,CACAC,CAAAA,CAAAA,CACAC,EAjBFC,CAAAV,CAAAA,CAAAA,CAAA,KACAD,CAOa,EAAA,CAAA,CAAA,CACX,cAAAE,CACA,CAAA,cAAA,CAAAC,EACA,SAAAC,CAAAA,CAAAA,CACA,WAAAC,CACA,CAAA,gBAAA,CAAAC,EACA,eAAAC,CAAAA,CAAAA,CACA,KAAAC,CACA,CAAA,YAAA,CAAAC,EACA,eAAAC,CAAAA,CAAAA,CAAAA,CACEE,gCAAmE,CAAA,CACrE,uBAAAb,CAAAA,CACF,CAAC,CCnBD,EAAA,CAAA,CAAA,CADA,IAAAc,EAAAC,CAAA,CAAA,IAAA,CAGAH,IAEA,eAAeI,CAAAA,EAAO,CACpB,GAAM,CAAE,cAAAC,CAAe,CAAA,sBAAA,CAAAC,EAAwB,gBAAAC,CAAAA,CAAiB,EAC9DT,CACIU,CAAAA,CAAAA,CAAM,MAAMjB,CAAc,CAAA,CAC9B,SAAUc,CAAc,CAAA,MAAA,CAAQI,GAAMA,CAAE,CAAA,IAAA,GAAS,OAAO,CACxD,CAAA,MAAA,CAAQJ,EACL,MAAQI,CAAAA,CAAAA,EAAMA,CAAE,CAAA,IAAA,GAAS,OAAO,CAAA,CAChC,IAAI,CAAC,CAAE,WAAAC,CAAW,CAAA,IAAO,CAAE,IAAMA,CAAAA,CAAAA,CAAW,IAAK,CAAE,CAAA,CACxD,CAAC,CAEKC,CAAAA,CAAAA,CAAO,SAAS,cAAe,CAAA,aAAa,EAClD,GAAI,CAACA,EACH,MAAM,IAAI,MAAM,uBAAuB,CAAA,CAEzC,GAAM,CAAE,WAAA,CAAAC,EAAa,YAAAC,CAAAA,CAAAA,CAAc,GAAGC,CAAe,CAAA,CAAIN,EACnDO,CAAUhB,CAAAA,CAAAA,CAAgB,WAAWe,CAAc,CAAA,CACnDE,EACJC,cAACJ,CAAAA,CAAAA,CAAA,CACC,QAAA,CAAAI,cAACL,CAAAA,CAAAA,CAAA,CAAa,GAAGL,CAAAA,CACf,SAAAU,cAACF,CAAAA,CAAAA,CAAA,EAAQ,CACX,CAAA,CAAA,CACF,EAGFG,kBAAS,CAAA,UAAA,CAAWP,CAAI,CAAE,CAAA,MAAA,CACxBL,EAAyBU,CAAMC,CAAAA,cAAAA,CAACE,mBAAM,UAAN,CAAA,CAAkB,SAAAH,CAAI,CAAA,CACxD,EACF,CA3BeI,CAAAA,CAAAhB,EAAA,MA6Bf,CAAA,CAAA,GAAI,CACFA,CAAK,GACP,OAASiB,CAAG,CAAA,CACV,QAAQ,KAAMA,CAAAA,CAAC,EAEf,IAAMC,CAAAA,CAAe,SAAS,aAAc,CAAA,KAAK,CACjDA,CAAAA,CAAAA,CAAa,SAAY,CAAA,CAAA;AAAA;AAAA,OAAA,EAElBD,EAAE,OAAO,CAAA;AAAA,EAAA,CAAA,CAEhB,QAAS,CAAA,IAAA,CAAK,WAAYC,CAAAA,CAAY,EACxC,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,EAAA","file":"init.js","sourcesContent":["import type { Demo, Except } from '@knapsack/types';\nimport type { ComponentType } from 'react';\nimport type { RendererMetaBase } from '@knapsack/renderer-webpack-base/client';\nimport type { KnapsackRenderParams } from '@knapsack/app/types';\n\nexport type Component = ComponentType<Record<string, unknown>>;\n\nexport type DemoWrapperProps = {\n  children: React.ReactNode;\n  patternsUsed: {\n    patternId: string;\n    templateId: string;\n    demoId?: string;\n  }[];\n} & Except<KnapsackRenderParams, 'patternManifest'>;\n\n/**\n * Found as JSON in HTML `#ks-react-meta`\n */\nexport type KsReactMeta = {\n  disableReactStrictMode: boolean;\n  demo: Demo;\n  demoWrapperProps: Except<DemoWrapperProps, 'children'>;\n} & RendererMetaBase;\n\nexport const rendererMetaScriptTagId = 'ks-react-meta';\n\nexport type RendererMethods = {\n  getDemoApp: (components: Record<string, Component>) => Component;\n};\n","import { getKsRendererClientGlobal } from '@knapsack/renderer-webpack-base/client';\nimport {\n  rendererMetaScriptTagId,\n  type KsReactMeta,\n  type Component,\n  type RendererMethods,\n} from '../types';\n\nexport const {\n  getAllImports,\n  getExtraImport,\n  getImport,\n  getImports,\n  getPatternImport,\n  importedModules,\n  meta,\n  rendererMeta,\n  rendererMethods,\n} = getKsRendererClientGlobal<Component, KsReactMeta, RendererMethods>({\n  rendererMetaScriptTagId,\n});\n","/// <reference lib=\"dom\" />\nimport React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { rendererMeta, rendererMethods, getAllImports } from './ks-utils';\n\nasync function init() {\n  const { neededImports, disableReactStrictMode, demoWrapperProps } =\n    rendererMeta;\n  const all = await getAllImports({\n    patterns: neededImports.filter((i) => i.type !== 'extra'),\n    extras: neededImports\n      .filter((i) => i.type === 'extra')\n      .map(({ importInfo }) => ({ name: importInfo.name })),\n  });\n\n  const root = document.getElementById('render-root');\n  if (!root) {\n    throw new Error('No root element found');\n  }\n  const { DemoWrapper, ErrorCatcher, ...demoComponents } = all;\n  const DemoApp = rendererMethods.getDemoApp(demoComponents);\n  const app = (\n    <ErrorCatcher>\n      <DemoWrapper {...demoWrapperProps}>\n        <DemoApp />\n      </DemoWrapper>\n    </ErrorCatcher>\n  );\n\n  ReactDOM.createRoot(root).render(\n    disableReactStrictMode ? app : <React.StrictMode>{app}</React.StrictMode>,\n  );\n}\n\ntry {\n  init();\n} catch (e) {\n  console.error(e);\n  // create html element with error message\n  const errorElement = document.createElement('div');\n  errorElement.innerHTML = `\n    <h1>Error</h1>\n    <p>${e.message}</p>\n  `;\n  document.body.appendChild(errorElement);\n}\n"]}
+{"version":3,"sources":["../../src/client/init.tsx","../../src/types.ts"],"sourcesContent":["/// <reference lib=\"dom\" />\nimport React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { getKsRendererClientUtils } from '@knapsack/renderer-webpack-base/client';\nimport {\n  rendererMetaScriptTagId,\n  type KsReactMeta,\n  type Component,\n  type RendererMethods,\n} from '../types';\n\nasync function init() {\n  try {\n    const {\n      getNeededImports,\n      getExtraImports,\n      rendererMeta: { disableReactStrictMode, demoWrapperProps },\n      rendererMethods: { getDemoApp },\n    } = getKsRendererClientUtils<Component, KsReactMeta, RendererMethods>({\n      rendererMetaScriptTagId,\n    });\n    const [neededImports, { DemoWrapper, ErrorCatcher }] = await Promise.all([\n      getNeededImports(),\n      getExtraImports(),\n    ]);\n    const root = document.getElementById('render-root');\n    if (!root) {\n      throw new Error('No root element found');\n    }\n    const demoComponents = neededImports;\n    const DemoApp = getDemoApp(demoComponents);\n    const app = (\n      <ErrorCatcher>\n        <DemoWrapper {...demoWrapperProps}>\n          <DemoApp />\n        </DemoWrapper>\n      </ErrorCatcher>\n    );\n\n    ReactDOM.createRoot(root).render(\n      disableReactStrictMode ? app : <React.StrictMode>{app}</React.StrictMode>,\n    );\n  } catch (e) {\n    console.error(e);\n    // create html element with error message\n    const errorElement = document.createElement('div');\n    errorElement.innerHTML = `\n    <h1>Error</h1>\n    <p>${e.message}</p>\n  `;\n    document.body.appendChild(errorElement);\n  }\n}\n\ninit();\n","import type { Demo, Except } from '@knapsack/types';\nimport type { ComponentType } from 'react';\nimport type { RendererMetaBase } from '@knapsack/renderer-webpack-base/client';\n\nexport type Component = ComponentType<Record<string, unknown>>;\n\nexport type DemoWrapperProps = {\n  children: React.ReactNode;\n  // patternsUsed: {\n  //   patternId: string;\n  //   templateId: string;\n  //   demoId?: string;\n  // }[];\n  demo: Demo;\n  patternId: string;\n  templateId: string;\n};\n\n/**\n * Found as JSON in HTML `#ks-react-meta`\n */\nexport type KsReactMeta = {\n  disableReactStrictMode: boolean;\n  demo: Demo;\n  demoWrapperProps: Except<DemoWrapperProps, 'children'>;\n} & RendererMetaBase<'DemoWrapper' | 'ErrorCatcher'>;\n\nexport const rendererMetaScriptTagId = 'ks-react-meta';\n\nexport type RendererMethods = {\n  getDemoApp: (components: Record<string, Component>) => Component;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,mBAAkB;AAClB,oBAAqB;AACrB,IAAAA,iBAAyC;;;ACwBlC,IAAM,0BAA0B;;;ADO7B;AAvBV,eAAe,OAAO;AACpB,MAAI;AACF,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,cAAc,EAAE,wBAAwB,iBAAiB;AAAA,MACzD,iBAAiB,EAAE,WAAW;AAAA,IAChC,QAAI,yCAAkE;AAAA,MACpE;AAAA,IACF,CAAC;AACD,UAAM,CAAC,eAAe,EAAE,aAAa,aAAa,CAAC,IAAI,MAAM,QAAQ,IAAI;AAAA,MACvE,iBAAiB;AAAA,MACjB,gBAAgB;AAAA,IAClB,CAAC;AACD,UAAM,OAAO,SAAS,eAAe,aAAa;AAClD,QAAI,CAAC,MAAM;AACT,YAAM,IAAI,MAAM,uBAAuB;AAAA,IACzC;AACA,UAAM,iBAAiB;AACvB,UAAM,UAAU,WAAW,cAAc;AACzC,UAAM,MACJ,4CAAC,gBACC,sDAAC,eAAa,GAAG,kBACf,sDAAC,WAAQ,GACX,GACF;AAGF,kBAAAC,QAAS,WAAW,IAAI,EAAE;AAAA,MACxB,yBAAyB,MAAM,4CAAC,aAAAC,QAAM,YAAN,EAAkB,eAAI;AAAA,IACxD;AAAA,EACF,SAAS,GAAG;AACV,YAAQ,MAAM,CAAC;AAEf,UAAM,eAAe,SAAS,cAAc,KAAK;AACjD,iBAAa,YAAY;AAAA;AAAA,SAEpB,EAAE,OAAO;AAAA;AAEd,aAAS,KAAK,YAAY,YAAY;AAAA,EACxC;AACF;AAzCe;AA2Cf,KAAK;","names":["import_client","ReactDOM","React"]}

package/dist/client/init.mjs

@@ -1,13 +1,74 @@
-import { getKsRendererClientGlobal } from '@knapsack/renderer-webpack-base/client';
-import E from 'react';
-import D from 'react-dom/client';
-import { jsx } from 'react/jsx-runtime';
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
 
-var x=Object.defineProperty;var a=(t,e)=>x(t,"name",{value:e,configurable:!0});var m=(t,e)=>()=>(t&&(e=t(t=0)),e);var C=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var d,s=m(()=>{d="ks-react-meta";});var c,w,A,T,B,N,v,i,l,M=m(()=>{s();({getAllImports:c,getExtraImport:w,getImport:A,getImports:T,getPatternImport:B,importedModules:N,meta:v,rendererMeta:i,rendererMethods:l}=getKsRendererClientGlobal({rendererMetaScriptTagId:d}));});var P=C(()=>{M();async function b(){let{neededImports:t,disableReactStrictMode:e,demoWrapperProps:y}=i,R=await c({patterns:t.filter(r=>r.type!=="extra"),extras:t.filter(r=>r.type==="extra").map(({importInfo:r})=>({name:r.name}))}),p=document.getElementById("render-root");if(!p)throw new Error("No root element found");let{DemoWrapper:g,ErrorCatcher:f,...h}=R,I=l.getDemoApp(h),n=jsx(f,{children:jsx(g,{...y,children:jsx(I,{})})});D.createRoot(p).render(e?n:jsx(E.StrictMode,{children:n}));}a(b,"init");try{b();}catch(t){console.error(t);let e=document.createElement("div");e.innerHTML=`
-    <h1>Error</h1>
-    <p>${t.message}</p>
-  `,document.body.appendChild(e);}});var init = P();
+// ../../../../node_modules/.pnpm/tsup@8.2.4_@microsoft+api-extractor@7.43.8_@types+node@20.16.6__@swc+core@1.3.57_@swc+helpers_iqa4vqpgdlzwuubzthdmdz7nfe/node_modules/tsup/assets/esm_shims.js
+var init_esm_shims = __esm({
+  "../../../../node_modules/.pnpm/tsup@8.2.4_@microsoft+api-extractor@7.43.8_@types+node@20.16.6__@swc+core@1.3.57_@swc+helpers_iqa4vqpgdlzwuubzthdmdz7nfe/node_modules/tsup/assets/esm_shims.js"() {
+  }
+});
+
+// src/types.ts
+var rendererMetaScriptTagId;
+var init_types = __esm({
+  "src/types.ts"() {
+    init_esm_shims();
+    rendererMetaScriptTagId = "ks-react-meta";
+  }
+});
 
-export { init as default };
-//# sourceMappingURL=init.mjs.map
+// src/client/init.tsx
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { getKsRendererClientUtils } from "@knapsack/renderer-webpack-base/client";
+import { jsx } from "react/jsx-runtime";
+var require_init = __commonJS({
+  "src/client/init.tsx"() {
+    init_esm_shims();
+    init_types();
+    async function init() {
+      try {
+        const {
+          getNeededImports,
+          getExtraImports,
+          rendererMeta: { disableReactStrictMode, demoWrapperProps },
+          rendererMethods: { getDemoApp }
+        } = getKsRendererClientUtils({
+          rendererMetaScriptTagId
+        });
+        const [neededImports, { DemoWrapper, ErrorCatcher }] = await Promise.all([
+          getNeededImports(),
+          getExtraImports()
+        ]);
+        const root = document.getElementById("render-root");
+        if (!root) {
+          throw new Error("No root element found");
+        }
+        const demoComponents = neededImports;
+        const DemoApp = getDemoApp(demoComponents);
+        const app = /* @__PURE__ */ jsx(ErrorCatcher, { children: /* @__PURE__ */ jsx(DemoWrapper, { ...demoWrapperProps, children: /* @__PURE__ */ jsx(DemoApp, {}) }) });
+        ReactDOM.createRoot(root).render(
+          disableReactStrictMode ? app : /* @__PURE__ */ jsx(React.StrictMode, { children: app })
+        );
+      } catch (e) {
+        console.error(e);
+        const errorElement = document.createElement("div");
+        errorElement.innerHTML = `
+    <h1>Error</h1>
+    <p>${e.message}</p>
+  `;
+        document.body.appendChild(errorElement);
+      }
+    }
+    __name(init, "init");
+    init();
+  }
+});
+export default require_init();
 //# sourceMappingURL=init.mjs.map

package/dist/client/init.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types.ts","../../src/client/ks-utils.ts","../../src/client/init.tsx"],"names":["rendererMetaScriptTagId","init_types","__esmMin","getAllImports","getExtraImport","getImport","getImports","getPatternImport","importedModules","meta","rendererMeta","rendererMethods","init_ks_utils","getKsRendererClientGlobal","require_init","__commonJSMin","init","neededImports","disableReactStrictMode","demoWrapperProps","all","i","importInfo","root","DemoWrapper","ErrorCatcher","demoComponents","DemoApp","app","jsx","ReactDOM","React","__name","e","errorElement"],"mappings":";;;;;gLAAA,IAyBaA,CAAAA,CAzBbC,EAAAC,CAAA,CAAA,IAAA,CAyBaF,EAA0B,gBCzBvC,CAAA,CAAA,CAAA,IASEG,CACAC,CAAAA,CAAAA,CACAC,EACAC,CACAC,CAAAA,CAAAA,CACAC,EACAC,CACAC,CAAAA,CAAAA,CACAC,EAjBFC,CAAAV,CAAAA,CAAAA,CAAA,KACAD,CAOa,EAAA,CAAA,CAAA,CACX,cAAAE,CACA,CAAA,cAAA,CAAAC,EACA,SAAAC,CAAAA,CAAAA,CACA,WAAAC,CACA,CAAA,gBAAA,CAAAC,EACA,eAAAC,CAAAA,CAAAA,CACA,KAAAC,CACA,CAAA,YAAA,CAAAC,EACA,eAAAC,CAAAA,CAAAA,CAAAA,CACEE,yBAAmE,CAAA,CACrE,uBAAAb,CAAAA,CACF,CAAC,CCnBD,EAAA,CAAA,CAAA,CADA,IAAAc,EAAAC,CAAA,CAAA,IAAA,CAGAH,IAEA,eAAeI,CAAAA,EAAO,CACpB,GAAM,CAAE,cAAAC,CAAe,CAAA,sBAAA,CAAAC,EAAwB,gBAAAC,CAAAA,CAAiB,EAC9DT,CACIU,CAAAA,CAAAA,CAAM,MAAMjB,CAAc,CAAA,CAC9B,SAAUc,CAAc,CAAA,MAAA,CAAQI,GAAMA,CAAE,CAAA,IAAA,GAAS,OAAO,CACxD,CAAA,MAAA,CAAQJ,EACL,MAAQI,CAAAA,CAAAA,EAAMA,CAAE,CAAA,IAAA,GAAS,OAAO,CAAA,CAChC,IAAI,CAAC,CAAE,WAAAC,CAAW,CAAA,IAAO,CAAE,IAAMA,CAAAA,CAAAA,CAAW,IAAK,CAAE,CAAA,CACxD,CAAC,CAEKC,CAAAA,CAAAA,CAAO,SAAS,cAAe,CAAA,aAAa,EAClD,GAAI,CAACA,EACH,MAAM,IAAI,MAAM,uBAAuB,CAAA,CAEzC,GAAM,CAAE,WAAA,CAAAC,EAAa,YAAAC,CAAAA,CAAAA,CAAc,GAAGC,CAAe,CAAA,CAAIN,EACnDO,CAAUhB,CAAAA,CAAAA,CAAgB,WAAWe,CAAc,CAAA,CACnDE,EACJC,GAACJ,CAAAA,CAAAA,CAAA,CACC,QAAA,CAAAI,GAACL,CAAAA,CAAAA,CAAA,CAAa,GAAGL,CAAAA,CACf,SAAAU,GAACF,CAAAA,CAAAA,CAAA,EAAQ,CACX,CAAA,CAAA,CACF,EAGFG,CAAS,CAAA,UAAA,CAAWP,CAAI,CAAE,CAAA,MAAA,CACxBL,EAAyBU,CAAMC,CAAAA,GAAAA,CAACE,EAAM,UAAN,CAAA,CAAkB,SAAAH,CAAI,CAAA,CACxD,EACF,CA3BeI,CAAAA,CAAAhB,EAAA,MA6Bf,CAAA,CAAA,GAAI,CACFA,CAAK,GACP,OAASiB,CAAG,CAAA,CACV,QAAQ,KAAMA,CAAAA,CAAC,EAEf,IAAMC,CAAAA,CAAe,SAAS,aAAc,CAAA,KAAK,CACjDA,CAAAA,CAAAA,CAAa,SAAY,CAAA,CAAA;AAAA;AAAA,OAAA,EAElBD,EAAE,OAAO,CAAA;AAAA,EAAA,CAAA,CAEhB,QAAS,CAAA,IAAA,CAAK,WAAYC,CAAAA,CAAY,EACxC,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,EAAA","file":"init.mjs","sourcesContent":["import type { Demo, Except } from '@knapsack/types';\nimport type { ComponentType } from 'react';\nimport type { RendererMetaBase } from '@knapsack/renderer-webpack-base/client';\nimport type { KnapsackRenderParams } from '@knapsack/app/types';\n\nexport type Component = ComponentType<Record<string, unknown>>;\n\nexport type DemoWrapperProps = {\n  children: React.ReactNode;\n  patternsUsed: {\n    patternId: string;\n    templateId: string;\n    demoId?: string;\n  }[];\n} & Except<KnapsackRenderParams, 'patternManifest'>;\n\n/**\n * Found as JSON in HTML `#ks-react-meta`\n */\nexport type KsReactMeta = {\n  disableReactStrictMode: boolean;\n  demo: Demo;\n  demoWrapperProps: Except<DemoWrapperProps, 'children'>;\n} & RendererMetaBase;\n\nexport const rendererMetaScriptTagId = 'ks-react-meta';\n\nexport type RendererMethods = {\n  getDemoApp: (components: Record<string, Component>) => Component;\n};\n","import { getKsRendererClientGlobal } from '@knapsack/renderer-webpack-base/client';\nimport {\n  rendererMetaScriptTagId,\n  type KsReactMeta,\n  type Component,\n  type RendererMethods,\n} from '../types';\n\nexport const {\n  getAllImports,\n  getExtraImport,\n  getImport,\n  getImports,\n  getPatternImport,\n  importedModules,\n  meta,\n  rendererMeta,\n  rendererMethods,\n} = getKsRendererClientGlobal<Component, KsReactMeta, RendererMethods>({\n  rendererMetaScriptTagId,\n});\n","/// <reference lib=\"dom\" />\nimport React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { rendererMeta, rendererMethods, getAllImports } from './ks-utils';\n\nasync function init() {\n  const { neededImports, disableReactStrictMode, demoWrapperProps } =\n    rendererMeta;\n  const all = await getAllImports({\n    patterns: neededImports.filter((i) => i.type !== 'extra'),\n    extras: neededImports\n      .filter((i) => i.type === 'extra')\n      .map(({ importInfo }) => ({ name: importInfo.name })),\n  });\n\n  const root = document.getElementById('render-root');\n  if (!root) {\n    throw new Error('No root element found');\n  }\n  const { DemoWrapper, ErrorCatcher, ...demoComponents } = all;\n  const DemoApp = rendererMethods.getDemoApp(demoComponents);\n  const app = (\n    <ErrorCatcher>\n      <DemoWrapper {...demoWrapperProps}>\n        <DemoApp />\n      </DemoWrapper>\n    </ErrorCatcher>\n  );\n\n  ReactDOM.createRoot(root).render(\n    disableReactStrictMode ? app : <React.StrictMode>{app}</React.StrictMode>,\n  );\n}\n\ntry {\n  init();\n} catch (e) {\n  console.error(e);\n  // create html element with error message\n  const errorElement = document.createElement('div');\n  errorElement.innerHTML = `\n    <h1>Error</h1>\n    <p>${e.message}</p>\n  `;\n  document.body.appendChild(errorElement);\n}\n"]}
+{"version":3,"sources":["../../../../../../node_modules/.pnpm/tsup@8.2.4_@microsoft+api-extractor@7.43.8_@types+node@20.16.6__@swc+core@1.3.57_@swc+helpers_iqa4vqpgdlzwuubzthdmdz7nfe/node_modules/tsup/assets/esm_shims.js","../../src/types.ts","../../src/client/init.tsx"],"sourcesContent":["// Shim globals in esm bundle\nimport { fileURLToPath } from 'url'\nimport path from 'path'\n\nconst getFilename = () => fileURLToPath(import.meta.url)\nconst getDirname = () => path.dirname(getFilename())\n\nexport const __dirname = /* @__PURE__ */ getDirname()\nexport const __filename = /* @__PURE__ */ getFilename()\n","import type { Demo, Except } from '@knapsack/types';\nimport type { ComponentType } from 'react';\nimport type { RendererMetaBase } from '@knapsack/renderer-webpack-base/client';\n\nexport type Component = ComponentType<Record<string, unknown>>;\n\nexport type DemoWrapperProps = {\n  children: React.ReactNode;\n  // patternsUsed: {\n  //   patternId: string;\n  //   templateId: string;\n  //   demoId?: string;\n  // }[];\n  demo: Demo;\n  patternId: string;\n  templateId: string;\n};\n\n/**\n * Found as JSON in HTML `#ks-react-meta`\n */\nexport type KsReactMeta = {\n  disableReactStrictMode: boolean;\n  demo: Demo;\n  demoWrapperProps: Except<DemoWrapperProps, 'children'>;\n} & RendererMetaBase<'DemoWrapper' | 'ErrorCatcher'>;\n\nexport const rendererMetaScriptTagId = 'ks-react-meta';\n\nexport type RendererMethods = {\n  getDemoApp: (components: Record<string, Component>) => Component;\n};\n","/// <reference lib=\"dom\" />\nimport React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { getKsRendererClientUtils } from '@knapsack/renderer-webpack-base/client';\nimport {\n  rendererMetaScriptTagId,\n  type KsReactMeta,\n  type Component,\n  type RendererMethods,\n} from '../types';\n\nasync function init() {\n  try {\n    const {\n      getNeededImports,\n      getExtraImports,\n      rendererMeta: { disableReactStrictMode, demoWrapperProps },\n      rendererMethods: { getDemoApp },\n    } = getKsRendererClientUtils<Component, KsReactMeta, RendererMethods>({\n      rendererMetaScriptTagId,\n    });\n    const [neededImports, { DemoWrapper, ErrorCatcher }] = await Promise.all([\n      getNeededImports(),\n      getExtraImports(),\n    ]);\n    const root = document.getElementById('render-root');\n    if (!root) {\n      throw new Error('No root element found');\n    }\n    const demoComponents = neededImports;\n    const DemoApp = getDemoApp(demoComponents);\n    const app = (\n      <ErrorCatcher>\n        <DemoWrapper {...demoWrapperProps}>\n          <DemoApp />\n        </DemoWrapper>\n      </ErrorCatcher>\n    );\n\n    ReactDOM.createRoot(root).render(\n      disableReactStrictMode ? app : <React.StrictMode>{app}</React.StrictMode>,\n    );\n  } catch (e) {\n    console.error(e);\n    // create html element with error message\n    const errorElement = document.createElement('div');\n    errorElement.innerHTML = `\n    <h1>Error</h1>\n    <p>${e.message}</p>\n  `;\n    document.body.appendChild(errorElement);\n  }\n}\n\ninit();\n"],"mappings":";;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;;;ACAA,IA2Ba;AA3Bb;AAAA;AAAA;AA2BO,IAAM,0BAA0B;AAAA;AAAA;;;AC1BvC,OAAO,WAAW;AAClB,OAAO,cAAc;AACrB,SAAS,gCAAgC;AA+B/B;AAlCV;AAAA;AAAA;AAIA;AAOA,mBAAe,OAAO;AACpB,UAAI;AACF,cAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA,cAAc,EAAE,wBAAwB,iBAAiB;AAAA,UACzD,iBAAiB,EAAE,WAAW;AAAA,QAChC,IAAI,yBAAkE;AAAA,UACpE;AAAA,QACF,CAAC;AACD,cAAM,CAAC,eAAe,EAAE,aAAa,aAAa,CAAC,IAAI,MAAM,QAAQ,IAAI;AAAA,UACvE,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,QAClB,CAAC;AACD,cAAM,OAAO,SAAS,eAAe,aAAa;AAClD,YAAI,CAAC,MAAM;AACT,gBAAM,IAAI,MAAM,uBAAuB;AAAA,QACzC;AACA,cAAM,iBAAiB;AACvB,cAAM,UAAU,WAAW,cAAc;AACzC,cAAM,MACJ,oBAAC,gBACC,8BAAC,eAAa,GAAG,kBACf,8BAAC,WAAQ,GACX,GACF;AAGF,iBAAS,WAAW,IAAI,EAAE;AAAA,UACxB,yBAAyB,MAAM,oBAAC,MAAM,YAAN,EAAkB,eAAI;AAAA,QACxD;AAAA,MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,CAAC;AAEf,cAAM,eAAe,SAAS,cAAc,KAAK;AACjD,qBAAa,YAAY;AAAA;AAAA,SAEpB,EAAE,OAAO;AAAA;AAEd,iBAAS,KAAK,YAAY,YAAY;AAAA,MACxC;AAAA,IACF;AAzCe;AA2Cf,SAAK;AAAA;AAAA;","names":[]}

package/dist/demo-wrapper.d.mts

@@ -1,7 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { D as DemoWrapperProps } from './types-D2eCZXsg.mjs';
+import { D as DemoWrapperProps } from './types-CivTHEEo.mjs';
 import '@knapsack/types';
-import '@knapsack/app/types';
 
 declare const DemoWrapper: ({ children }: DemoWrapperProps) => react_jsx_runtime.JSX.Element;
 

package/dist/demo-wrapper.d.ts

@@ -1,7 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { D as DemoWrapperProps } from './types-D2eCZXsg.js';
+import { D as DemoWrapperProps } from './types-CivTHEEo.js';
 import '@knapsack/types';
-import '@knapsack/app/types';
 
 declare const DemoWrapper: ({ children }: DemoWrapperProps) => react_jsx_runtime.JSX.Element;
 

package/dist/demo-wrapper.js

@@ -1,9 +1,29 @@
-'use strict';
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var jsxRuntime = require('react/jsx-runtime');
-
-var o=Object.defineProperty;var e=(p,r)=>o(p,"name",{value:r,configurable:!0});var a=e(({children:p})=>jsxRuntime.jsx("div",{className:"demo-wrapper",children:p}),"DemoWrapper"),d=a;
-
-module.exports = d;
-//# sourceMappingURL=demo-wrapper.js.map
+// src/demo-wrapper.tsx
+var demo_wrapper_exports = {};
+__export(demo_wrapper_exports, {
+  default: () => demo_wrapper_default
+});
+module.exports = __toCommonJS(demo_wrapper_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var DemoWrapper = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "demo-wrapper", children }), "DemoWrapper");
+var demo_wrapper_default = DemoWrapper;
 //# sourceMappingURL=demo-wrapper.js.map

package/dist/demo-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/demo-wrapper.tsx"],"names":["DemoWrapper","__name","children","jsx","demo_wrapper_default"],"mappings":";;;;AAGE,IAAA,CAAA,CAAA,MAAA,CAAA,cAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CADF,IAAMA,EAAcC,CAAA,CAAA,CAAC,CAAE,QAAAC,CAAAA,CAAS,CAC9BC,GAAAA,cAAAA,CAAC,OAAI,SAAU,CAAA,cAAA,CAAgB,SAAAD,CAAS,CAAA,CAAA,CADtB,eAIbE,CAAQJ,CAAAA","file":"demo-wrapper.js","sourcesContent":["import type { DemoWrapperProps } from './types';\n\nconst DemoWrapper = ({ children }: DemoWrapperProps) => (\n  <div className=\"demo-wrapper\">{children}</div>\n);\n\nexport default DemoWrapper;\n"]}
+{"version":3,"sources":["../src/demo-wrapper.tsx"],"sourcesContent":["import type { DemoWrapperProps } from './types';\n\nconst DemoWrapper = ({ children }: DemoWrapperProps) => (\n  <div className=\"demo-wrapper\">{children}</div>\n);\n\nexport default DemoWrapper;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGE;AADF,IAAM,cAAc,wBAAC,EAAE,SAAS,MAC9B,4CAAC,SAAI,WAAU,gBAAgB,UAAS,GADtB;AAIpB,IAAO,uBAAQ;","names":[]}

package/dist/demo-wrapper.mjs

@@ -1,7 +1,11 @@
-import { jsx } from 'react/jsx-runtime';
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
-var o=Object.defineProperty;var e=(p,r)=>o(p,"name",{value:r,configurable:!0});var a=e(({children:p})=>jsx("div",{className:"demo-wrapper",children:p}),"DemoWrapper"),d=a;
-
-export { d as default };
-//# sourceMappingURL=demo-wrapper.mjs.map
+// src/demo-wrapper.tsx
+import { jsx } from "react/jsx-runtime";
+var DemoWrapper = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("div", { className: "demo-wrapper", children }), "DemoWrapper");
+var demo_wrapper_default = DemoWrapper;
+export {
+  demo_wrapper_default as default
+};
 //# sourceMappingURL=demo-wrapper.mjs.map

package/dist/demo-wrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/demo-wrapper.tsx"],"names":["DemoWrapper","__name","children","jsx","demo_wrapper_default"],"mappings":";;AAGE,IAAA,CAAA,CAAA,MAAA,CAAA,cAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CADF,IAAMA,EAAcC,CAAA,CAAA,CAAC,CAAE,QAAAC,CAAAA,CAAS,CAC9BC,GAAAA,GAAAA,CAAC,OAAI,SAAU,CAAA,cAAA,CAAgB,SAAAD,CAAS,CAAA,CAAA,CADtB,eAIbE,CAAQJ,CAAAA","file":"demo-wrapper.mjs","sourcesContent":["import type { DemoWrapperProps } from './types';\n\nconst DemoWrapper = ({ children }: DemoWrapperProps) => (\n  <div className=\"demo-wrapper\">{children}</div>\n);\n\nexport default DemoWrapper;\n"]}
+{"version":3,"sources":["../src/demo-wrapper.tsx"],"sourcesContent":["import type { DemoWrapperProps } from './types';\n\nconst DemoWrapper = ({ children }: DemoWrapperProps) => (\n  <div className=\"demo-wrapper\">{children}</div>\n);\n\nexport default DemoWrapper;\n"],"mappings":";;;;AAGE;AADF,IAAM,cAAc,wBAAC,EAAE,SAAS,MAC9B,oBAAC,SAAI,WAAU,gBAAgB,UAAS,GADtB;AAIpB,IAAO,uBAAQ;","names":[]}

package/dist/error-catcher.js

@@ -1,30 +1,96 @@
-'use strict';
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var n = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n.default = e;
-	return Object.freeze(n);
-}
-
-var n__namespace = /*#__PURE__*/_interopNamespace(n);
-
-var d=Object.defineProperty;var a=(s,t)=>d(s,"name",{value:t,configurable:!0});var o=class extends n__namespace.Component{static{a(this,"ErrorCatcher");}constructor(t){super(t),this.state={hasError:!1,componentStack:"",error:null};}static getDerivedStateFromError(t){return {hasError:!0}}componentDidCatch(t,h){let{componentStack:i}=h;this.setState({error:t,componentStack:i});}render(){return this.state.hasError?jsxRuntime.jsxs("div",{style:{padding:"5px"},children:[jsxRuntime.jsx("h5",{children:"Error caught in React Components"}),this.state.error?.name&&jsxRuntime.jsxs("h5",{children:["Error Name: ",jsxRuntime.jsx("code",{children:this.state.error?.name})]}),this.state.error?.message&&jsxRuntime.jsxs("h5",{children:["Message:",this.state.error?.message]}),this.state.componentStack&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("h6",{children:"Component Stack:"}),jsxRuntime.jsx("pre",{children:jsxRuntime.jsx("code",{children:this.state.componentStack})}),jsxRuntime.jsx("br",{})]}),this.state.error?.stack&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("h6",{children:"Error Stack:"}),jsxRuntime.jsx("pre",{children:jsxRuntime.jsx("code",{children:this.state.error?.stack})})]})]}):this.props.children}};
-
-module.exports = o;
-//# sourceMappingURL=error-catcher.js.map
+// src/error-catcher.tsx
+var error_catcher_exports = {};
+__export(error_catcher_exports, {
+  default: () => ErrorCatcher
+});
+module.exports = __toCommonJS(error_catcher_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var ErrorCatcher = class extends React.Component {
+  static {
+    __name(this, "ErrorCatcher");
+  }
+  constructor(props) {
+    super(props);
+    this.state = {
+      hasError: false,
+      componentStack: "",
+      error: null
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return {
+      hasError: true
+    };
+  }
+  componentDidCatch(error, errorInfo) {
+    const { componentStack } = errorInfo;
+    this.setState({
+      error,
+      componentStack
+    });
+  }
+  render() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          style: {
+            padding: "5px"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h5", { children: "Error caught in React Components" }),
+            this.state.error?.name && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h5", { children: [
+              "Error Name: ",
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: this.state.error?.name })
+            ] }),
+            this.state.error?.message && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h5", { children: [
+              "Message:",
+              this.state.error?.message
+            ] }),
+            this.state.componentStack && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h6", { children: "Component Stack:" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: this.state.componentStack }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {})
+            ] }),
+            this.state.error?.stack && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h6", { children: "Error Stack:" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: this.state.error?.stack }) })
+            ] })
+          ]
+        }
+      );
+    }
+    return this.props.children;
+  }
+};
 //# sourceMappingURL=error-catcher.js.map

package/dist/error-catcher.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/error-catcher.tsx"],"names":["ErrorCatcher","n","__name","props","error","errorInfo","componentStack","jsxs","jsx","Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,CAAA,CAAA,MAAA,CAAA,cAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAQqBA,CAArB,CAAA,cAAgDC,sBAG9C,CAXF,OAWEC,CAAA,CAAA,IAAA,CAAA,cAAA,EAAA,CACA,WAAYC,CAAAA,CAAAA,CAAO,CACjB,KAAMA,CAAAA,CAAK,CACX,CAAA,IAAA,CAAK,MAAQ,CACX,QAAA,CAAU,CACV,CAAA,CAAA,cAAA,CAAgB,GAChB,KAAO,CAAA,IACT,EACF,CAEA,OAAO,yBAAyBC,CAAc,CAAA,CAE5C,OAAO,CACL,SAAU,CACZ,CAAA,CACF,CAES,iBAAA,CAAkBA,EAAcC,CAAkC,CAAA,CACzE,GAAM,CAAE,eAAAC,CAAe,CAAA,CAAID,EAC3B,IAAK,CAAA,QAAA,CAAS,CACZ,KAAAD,CAAAA,CAAAA,CACA,cAAAE,CAAAA,CACF,CAAC,EACH,CAES,MAAS,EAAA,CAChB,OAAI,IAAK,CAAA,KAAA,CAAM,QAEXC,CAAAA,eAAAA,CAAC,OACC,KAAO,CAAA,CACL,QAAS,KACX,CAAA,CAEA,UAAAC,cAAC,CAAA,IAAA,CAAA,CAAG,QAAgC,CAAA,kCAAA,CAAA,CAAA,CACnC,KAAK,KAAM,CAAA,KAAA,EAAO,IACjBD,EAAAA,eAAAA,CAAC,MAAG,QACUC,CAAAA,CAAAA,cAAAA,CAAAA,cAAAA,CAAC,MAAM,CAAA,CAAA,QAAA,CAAA,IAAA,CAAK,MAAM,KAAO,EAAA,IAAA,CAAK,GAC5C,CAED,CAAA,IAAA,CAAK,MAAM,KAAO,EAAA,OAAA,EACjBD,eAAC,CAAA,IAAA,CAAA,CAAG,qBAED,IAAK,CAAA,KAAA,CAAM,KAAO,EAAA,OAAA,CAAA,CACrB,EAED,IAAK,CAAA,KAAA,CAAM,cACVA,EAAAA,eAAAA,CAAAE,oBAAA,CACE,QAAA,CAAA,CAAAD,eAAC,IAAG,CAAA,CAAA,QAAA,CAAA,kBAAA,CAAgB,EACpBA,cAAC,CAAA,KAAA,CAAA,CACC,QAAAA,CAAAA,cAAAA,CAAC,QAAM,QAAK,CAAA,IAAA,CAAA,KAAA,CAAM,cAAe,CAAA,CAAA,CACnC,EACAA,cAAC,CAAA,IAAA,CAAA,EAAG,CACN,CAAA,CAAA,CAAA,CAED,KAAK,KAAM,CAAA,KAAA,EAAO,OACjBD,eAAAE,CAAAA,mBAAAA,CAAA,CACE,QAAAD,CAAAA,CAAAA,cAAAA,CAAC,IAAG,CAAA,CAAA,QAAA,CAAA,cAAA,CAAY,EAChBA,cAAC,CAAA,KAAA,CAAA,CACC,QAAAA,CAAAA,cAAAA,CAAC,QAAM,QAAK,CAAA,IAAA,CAAA,KAAA,CAAM,KAAO,EAAA,KAAA,CAAM,EACjC,CACF,CAAA,CAAA,CAAA,CAAA,CAEJ,EAIG,IAAK,CAAA,KAAA,CAAM,QACpB,CACF","file":"error-catcher.js","sourcesContent":["import * as React from 'react';\n\ntype State = {\n  hasError: boolean;\n  componentStack?: string;\n  error?: Error;\n};\n\nexport default class ErrorCatcher extends React.Component<\n  { children: React.ReactNode },\n  State\n> {\n  constructor(props) {\n    super(props);\n    this.state = {\n      hasError: false,\n      componentStack: '',\n      error: null,\n    };\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    // Update state so the next render will show the fallback UI.\n    return {\n      hasError: true,\n    };\n  }\n\n  override componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    const { componentStack } = errorInfo;\n    this.setState({\n      error,\n      componentStack,\n    });\n  }\n\n  override render() {\n    if (this.state.hasError) {\n      return (\n        <div\n          style={{\n            padding: '5px',\n          }}\n        >\n          <h5>Error caught in React Components</h5>\n          {this.state.error?.name && (\n            <h5>\n              Error Name: <code>{this.state.error?.name}</code>\n            </h5>\n          )}\n          {this.state.error?.message && (\n            <h5>\n              Message:\n              {this.state.error?.message}\n            </h5>\n          )}\n          {this.state.componentStack && (\n            <>\n              <h6>Component Stack:</h6>\n              <pre>\n                <code>{this.state.componentStack}</code>\n              </pre>\n              <br />\n            </>\n          )}\n          {this.state.error?.stack && (\n            <>\n              <h6>Error Stack:</h6>\n              <pre>\n                <code>{this.state.error?.stack}</code>\n              </pre>\n            </>\n          )}\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n"]}
+{"version":3,"sources":["../src/error-catcher.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype State = {\n  hasError: boolean;\n  componentStack?: string;\n  error?: Error;\n};\n\nexport default class ErrorCatcher extends React.Component<\n  { children: React.ReactNode },\n  State\n> {\n  constructor(props) {\n    super(props);\n    this.state = {\n      hasError: false,\n      componentStack: '',\n      error: null,\n    };\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    // Update state so the next render will show the fallback UI.\n    return {\n      hasError: true,\n    };\n  }\n\n  override componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    const { componentStack } = errorInfo;\n    this.setState({\n      error,\n      componentStack,\n    });\n  }\n\n  override render() {\n    if (this.state.hasError) {\n      return (\n        <div\n          style={{\n            padding: '5px',\n          }}\n        >\n          <h5>Error caught in React Components</h5>\n          {this.state.error?.name && (\n            <h5>\n              Error Name: <code>{this.state.error?.name}</code>\n            </h5>\n          )}\n          {this.state.error?.message && (\n            <h5>\n              Message:\n              {this.state.error?.message}\n            </h5>\n          )}\n          {this.state.componentStack && (\n            <>\n              <h6>Component Stack:</h6>\n              <pre>\n                <code>{this.state.componentStack}</code>\n              </pre>\n              <br />\n            </>\n          )}\n          {this.state.error?.stack && (\n            <>\n              <h6>Error Stack:</h6>\n              <pre>\n                <code>{this.state.error?.stack}</code>\n              </pre>\n            </>\n          )}\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AA4Cb;AApCV,IAAqB,eAArB,cAAgD,gBAG9C;AAAA,EAXF,OAWE;AAAA;AAAA;AAAA,EACA,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,OAAO,yBAAyB,OAAc;AAE5C,WAAO;AAAA,MACL,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EAES,kBAAkB,OAAc,WAAkC;AACzE,UAAM,EAAE,eAAe,IAAI;AAC3B,SAAK,SAAS;AAAA,MACZ;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAES,SAAS;AAChB,QAAI,KAAK,MAAM,UAAU;AACvB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,UACX;AAAA,UAEA;AAAA,wDAAC,QAAG,8CAAgC;AAAA,YACnC,KAAK,MAAM,OAAO,QACjB,6CAAC,QAAG;AAAA;AAAA,cACU,4CAAC,UAAM,eAAK,MAAM,OAAO,MAAK;AAAA,eAC5C;AAAA,YAED,KAAK,MAAM,OAAO,WACjB,6CAAC,QAAG;AAAA;AAAA,cAED,KAAK,MAAM,OAAO;AAAA,eACrB;AAAA,YAED,KAAK,MAAM,kBACV,4EACE;AAAA,0DAAC,QAAG,8BAAgB;AAAA,cACpB,4CAAC,SACC,sDAAC,UAAM,eAAK,MAAM,gBAAe,GACnC;AAAA,cACA,4CAAC,QAAG;AAAA,eACN;AAAA,YAED,KAAK,MAAM,OAAO,SACjB,4EACE;AAAA,0DAAC,QAAG,0BAAY;AAAA,cAChB,4CAAC,SACC,sDAAC,UAAM,eAAK,MAAM,OAAO,OAAM,GACjC;AAAA,eACF;AAAA;AAAA;AAAA,MAEJ;AAAA,IAEJ;AAEA,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;","names":[]}

package/dist/error-catcher.mjs

@@ -1,8 +1,68 @@
-import * as n from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
-var d=Object.defineProperty;var a=(s,t)=>d(s,"name",{value:t,configurable:!0});var o=class extends n.Component{static{a(this,"ErrorCatcher");}constructor(t){super(t),this.state={hasError:!1,componentStack:"",error:null};}static getDerivedStateFromError(t){return {hasError:!0}}componentDidCatch(t,h){let{componentStack:i}=h;this.setState({error:t,componentStack:i});}render(){return this.state.hasError?jsxs("div",{style:{padding:"5px"},children:[jsx("h5",{children:"Error caught in React Components"}),this.state.error?.name&&jsxs("h5",{children:["Error Name: ",jsx("code",{children:this.state.error?.name})]}),this.state.error?.message&&jsxs("h5",{children:["Message:",this.state.error?.message]}),this.state.componentStack&&jsxs(Fragment,{children:[jsx("h6",{children:"Component Stack:"}),jsx("pre",{children:jsx("code",{children:this.state.componentStack})}),jsx("br",{})]}),this.state.error?.stack&&jsxs(Fragment,{children:[jsx("h6",{children:"Error Stack:"}),jsx("pre",{children:jsx("code",{children:this.state.error?.stack})})]})]}):this.props.children}};
-
-export { o as default };
-//# sourceMappingURL=error-catcher.mjs.map
+// src/error-catcher.tsx
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ErrorCatcher = class extends React.Component {
+  static {
+    __name(this, "ErrorCatcher");
+  }
+  constructor(props) {
+    super(props);
+    this.state = {
+      hasError: false,
+      componentStack: "",
+      error: null
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return {
+      hasError: true
+    };
+  }
+  componentDidCatch(error, errorInfo) {
+    const { componentStack } = errorInfo;
+    this.setState({
+      error,
+      componentStack
+    });
+  }
+  render() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            padding: "5px"
+          },
+          children: [
+            /* @__PURE__ */ jsx("h5", { children: "Error caught in React Components" }),
+            this.state.error?.name && /* @__PURE__ */ jsxs("h5", { children: [
+              "Error Name: ",
+              /* @__PURE__ */ jsx("code", { children: this.state.error?.name })
+            ] }),
+            this.state.error?.message && /* @__PURE__ */ jsxs("h5", { children: [
+              "Message:",
+              this.state.error?.message
+            ] }),
+            this.state.componentStack && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("h6", { children: "Component Stack:" }),
+              /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: this.state.componentStack }) }),
+              /* @__PURE__ */ jsx("br", {})
+            ] }),
+            this.state.error?.stack && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("h6", { children: "Error Stack:" }),
+              /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: this.state.error?.stack }) })
+            ] })
+          ]
+        }
+      );
+    }
+    return this.props.children;
+  }
+};
+export {
+  ErrorCatcher as default
+};
 //# sourceMappingURL=error-catcher.mjs.map

package/dist/error-catcher.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/error-catcher.tsx"],"names":["ErrorCatcher","__name","props","error","errorInfo","componentStack","jsxs","jsx","Fragment"],"mappings":";;;AAAA,IAAA,CAAA,CAAA,MAAA,CAAA,cAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAQqBA,CAArB,CAAA,cAAgD,WAG9C,CAXF,OAWEC,CAAA,CAAA,IAAA,CAAA,cAAA,EAAA,CACA,WAAYC,CAAAA,CAAAA,CAAO,CACjB,KAAMA,CAAAA,CAAK,CACX,CAAA,IAAA,CAAK,MAAQ,CACX,QAAA,CAAU,CACV,CAAA,CAAA,cAAA,CAAgB,GAChB,KAAO,CAAA,IACT,EACF,CAEA,OAAO,yBAAyBC,CAAc,CAAA,CAE5C,OAAO,CACL,SAAU,CACZ,CAAA,CACF,CAES,iBAAA,CAAkBA,EAAcC,CAAkC,CAAA,CACzE,GAAM,CAAE,eAAAC,CAAe,CAAA,CAAID,EAC3B,IAAK,CAAA,QAAA,CAAS,CACZ,KAAAD,CAAAA,CAAAA,CACA,cAAAE,CAAAA,CACF,CAAC,EACH,CAES,MAAS,EAAA,CAChB,OAAI,IAAK,CAAA,KAAA,CAAM,QAEXC,CAAAA,IAAAA,CAAC,OACC,KAAO,CAAA,CACL,QAAS,KACX,CAAA,CAEA,UAAAC,GAAC,CAAA,IAAA,CAAA,CAAG,QAAgC,CAAA,kCAAA,CAAA,CAAA,CACnC,KAAK,KAAM,CAAA,KAAA,EAAO,IACjBD,EAAAA,IAAAA,CAAC,MAAG,QACUC,CAAAA,CAAAA,cAAAA,CAAAA,GAAAA,CAAC,MAAM,CAAA,CAAA,QAAA,CAAA,IAAA,CAAK,MAAM,KAAO,EAAA,IAAA,CAAK,GAC5C,CAED,CAAA,IAAA,CAAK,MAAM,KAAO,EAAA,OAAA,EACjBD,IAAC,CAAA,IAAA,CAAA,CAAG,qBAED,IAAK,CAAA,KAAA,CAAM,KAAO,EAAA,OAAA,CAAA,CACrB,EAED,IAAK,CAAA,KAAA,CAAM,cACVA,EAAAA,IAAAA,CAAAE,SAAA,CACE,QAAA,CAAA,CAAAD,IAAC,IAAG,CAAA,CAAA,QAAA,CAAA,kBAAA,CAAgB,EACpBA,GAAC,CAAA,KAAA,CAAA,CACC,QAAAA,CAAAA,GAAAA,CAAC,QAAM,QAAK,CAAA,IAAA,CAAA,KAAA,CAAM,cAAe,CAAA,CAAA,CACnC,EACAA,GAAC,CAAA,IAAA,CAAA,EAAG,CACN,CAAA,CAAA,CAAA,CAED,KAAK,KAAM,CAAA,KAAA,EAAO,OACjBD,IAAAE,CAAAA,QAAAA,CAAA,CACE,QAAAD,CAAAA,CAAAA,GAAAA,CAAC,IAAG,CAAA,CAAA,QAAA,CAAA,cAAA,CAAY,EAChBA,GAAC,CAAA,KAAA,CAAA,CACC,QAAAA,CAAAA,GAAAA,CAAC,QAAM,QAAK,CAAA,IAAA,CAAA,KAAA,CAAM,KAAO,EAAA,KAAA,CAAM,EACjC,CACF,CAAA,CAAA,CAAA,CAAA,CAEJ,EAIG,IAAK,CAAA,KAAA,CAAM,QACpB,CACF","file":"error-catcher.mjs","sourcesContent":["import * as React from 'react';\n\ntype State = {\n  hasError: boolean;\n  componentStack?: string;\n  error?: Error;\n};\n\nexport default class ErrorCatcher extends React.Component<\n  { children: React.ReactNode },\n  State\n> {\n  constructor(props) {\n    super(props);\n    this.state = {\n      hasError: false,\n      componentStack: '',\n      error: null,\n    };\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    // Update state so the next render will show the fallback UI.\n    return {\n      hasError: true,\n    };\n  }\n\n  override componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    const { componentStack } = errorInfo;\n    this.setState({\n      error,\n      componentStack,\n    });\n  }\n\n  override render() {\n    if (this.state.hasError) {\n      return (\n        <div\n          style={{\n            padding: '5px',\n          }}\n        >\n          <h5>Error caught in React Components</h5>\n          {this.state.error?.name && (\n            <h5>\n              Error Name: <code>{this.state.error?.name}</code>\n            </h5>\n          )}\n          {this.state.error?.message && (\n            <h5>\n              Message:\n              {this.state.error?.message}\n            </h5>\n          )}\n          {this.state.componentStack && (\n            <>\n              <h6>Component Stack:</h6>\n              <pre>\n                <code>{this.state.componentStack}</code>\n              </pre>\n              <br />\n            </>\n          )}\n          {this.state.error?.stack && (\n            <>\n              <h6>Error Stack:</h6>\n              <pre>\n                <code>{this.state.error?.stack}</code>\n              </pre>\n            </>\n          )}\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n"]}
+{"version":3,"sources":["../src/error-catcher.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype State = {\n  hasError: boolean;\n  componentStack?: string;\n  error?: Error;\n};\n\nexport default class ErrorCatcher extends React.Component<\n  { children: React.ReactNode },\n  State\n> {\n  constructor(props) {\n    super(props);\n    this.state = {\n      hasError: false,\n      componentStack: '',\n      error: null,\n    };\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    // Update state so the next render will show the fallback UI.\n    return {\n      hasError: true,\n    };\n  }\n\n  override componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    const { componentStack } = errorInfo;\n    this.setState({\n      error,\n      componentStack,\n    });\n  }\n\n  override render() {\n    if (this.state.hasError) {\n      return (\n        <div\n          style={{\n            padding: '5px',\n          }}\n        >\n          <h5>Error caught in React Components</h5>\n          {this.state.error?.name && (\n            <h5>\n              Error Name: <code>{this.state.error?.name}</code>\n            </h5>\n          )}\n          {this.state.error?.message && (\n            <h5>\n              Message:\n              {this.state.error?.message}\n            </h5>\n          )}\n          {this.state.componentStack && (\n            <>\n              <h6>Component Stack:</h6>\n              <pre>\n                <code>{this.state.componentStack}</code>\n              </pre>\n              <br />\n            </>\n          )}\n          {this.state.error?.stack && (\n            <>\n              <h6>Error Stack:</h6>\n              <pre>\n                <code>{this.state.error?.stack}</code>\n              </pre>\n            </>\n          )}\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n"],"mappings":";;;;AAAA,YAAY,WAAW;AA4Cb,SAaE,UAbF,KAEE,YAFF;AApCV,IAAqB,eAArB,cAAgD,gBAG9C;AAAA,EAXF,OAWE;AAAA;AAAA;AAAA,EACA,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,OAAO,yBAAyB,OAAc;AAE5C,WAAO;AAAA,MACL,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EAES,kBAAkB,OAAc,WAAkC;AACzE,UAAM,EAAE,eAAe,IAAI;AAC3B,SAAK,SAAS;AAAA,MACZ;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAES,SAAS;AAChB,QAAI,KAAK,MAAM,UAAU;AACvB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,UACX;AAAA,UAEA;AAAA,gCAAC,QAAG,8CAAgC;AAAA,YACnC,KAAK,MAAM,OAAO,QACjB,qBAAC,QAAG;AAAA;AAAA,cACU,oBAAC,UAAM,eAAK,MAAM,OAAO,MAAK;AAAA,eAC5C;AAAA,YAED,KAAK,MAAM,OAAO,WACjB,qBAAC,QAAG;AAAA;AAAA,cAED,KAAK,MAAM,OAAO;AAAA,eACrB;AAAA,YAED,KAAK,MAAM,kBACV,iCACE;AAAA,kCAAC,QAAG,8BAAgB;AAAA,cACpB,oBAAC,SACC,8BAAC,UAAM,eAAK,MAAM,gBAAe,GACnC;AAAA,cACA,oBAAC,QAAG;AAAA,eACN;AAAA,YAED,KAAK,MAAM,OAAO,SACjB,iCACE;AAAA,kCAAC,QAAG,0BAAY;AAAA,cAChB,oBAAC,SACC,8BAAC,UAAM,eAAK,MAAM,OAAO,OAAM,GACjC;AAAA,eACF;AAAA;AAAA;AAAA,MAEJ;AAAA,IAEJ;AAEA,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;","names":[]}

package/dist/index.d.mts

@@ -1,8 +1,7 @@
-import { RendererWebpackBase, Renderer, KsJsImport } from '@knapsack/renderer-webpack-base';
+import { RendererWebpackBase, Renderer, KsJsImportMap } from '@knapsack/renderer-webpack-base';
 import { Renderable } from '@knapsack/app/renderers';
 import { RendererId } from '@knapsack/types';
-import { KnapsackRenderParams } from '@knapsack/app/types';
-export { D as DemoWrapperProps } from './types-D2eCZXsg.mjs';
+export { D as DemoWrapperProps } from './types-CivTHEEo.mjs';
 
 declare class KnapsackReactRenderer extends RendererWebpackBase implements Renderable {
     /**
@@ -27,12 +26,11 @@ declare class KnapsackReactRenderer extends RendererWebpackBase implements Rende
     getMeta: Renderer['getMeta'];
     changeCase: Renderer['changeCase'];
     createWebpackConfig: RendererWebpackBase['createWebpackConfig'];
-    getJsImports: RendererWebpackBase['getJsImports'];
-    prepClientRenderResults({ usage, demoApp, imports: xImports, renderOptions: { pattern, template, demo }, }: {
+    prepClientRenderResults({ usage, demoApp, importMap, renderOptions: { demo, state, patternId, templateId }, }: {
         usage: string;
         demoApp: string;
-        imports: KsJsImport[];
-        renderOptions: KnapsackRenderParams;
+        importMap: KsJsImportMap;
+        renderOptions: Parameters<Renderer['render']>[0];
     }): ReturnType<Renderer['render']>;
     render: Renderer['render'];
     getUsageAndImports: RendererWebpackBase['getUsageAndImports'];

package/dist/index.d.ts

@@ -1,8 +1,7 @@
-import { RendererWebpackBase, Renderer, KsJsImport } from '@knapsack/renderer-webpack-base';
+import { RendererWebpackBase, Renderer, KsJsImportMap } from '@knapsack/renderer-webpack-base';
 import { Renderable } from '@knapsack/app/renderers';
 import { RendererId } from '@knapsack/types';
-import { KnapsackRenderParams } from '@knapsack/app/types';
-export { D as DemoWrapperProps } from './types-D2eCZXsg.js';
+export { D as DemoWrapperProps } from './types-CivTHEEo.js';
 
 declare class KnapsackReactRenderer extends RendererWebpackBase implements Renderable {
     /**
@@ -27,12 +26,11 @@ declare class KnapsackReactRenderer extends RendererWebpackBase implements Rende
     getMeta: Renderer['getMeta'];
     changeCase: Renderer['changeCase'];
     createWebpackConfig: RendererWebpackBase['createWebpackConfig'];
-    getJsImports: RendererWebpackBase['getJsImports'];
-    prepClientRenderResults({ usage, demoApp, imports: xImports, renderOptions: { pattern, template, demo }, }: {
+    prepClientRenderResults({ usage, demoApp, importMap, renderOptions: { demo, state, patternId, templateId }, }: {
         usage: string;
         demoApp: string;
-        imports: KsJsImport[];
-        renderOptions: KnapsackRenderParams;
+        importMap: KsJsImportMap;
+        renderOptions: Parameters<Renderer['render']>[0];
     }): ReturnType<Renderer['render']>;
     render: Renderer['render'];
     getUsageAndImports: RendererWebpackBase['getUsageAndImports'];