@knapsack/renderer-react 4.70.0--canary.4513.12c8d13.0 → 4.70.0--canary.3797.b249674.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v4.69.14 (Fri Sep 27 2024)
+
+#### 🏠 Internal
+
+- spec docs uses collapse instead of accordion [#4862](https://github.com/knapsack-labs/app-monorepo/pull/4862) ([@GormanDesign](https://github.com/GormanDesign))
+
+#### Authors: 1
+
+- Matt Gorman ([@GormanDesign](https://github.com/GormanDesign))
+
+---
+
 # v4.69.13 (Thu Sep 26 2024)
 
 #### 🐛 Bug Fix

package/dist/client/init.js

@@ -1,81 +1,20 @@
-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
-));
+'use strict';
 
-// src/client/init.tsx
-var import_react = __toESM(require("react"));
-var import_client2 = __toESM(require("react-dom/client"));
+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/ks-utils.ts
-var import_client = 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);
 
-// src/client/ks-utils.ts
-var {
-  getAllImports,
-  getExtraImport,
-  getImport,
-  getImports,
-  getPatternImport,
-  importedModules,
-  meta,
-  rendererMeta,
-  rendererMethods
-} = (0, import_client.getKsRendererClientGlobal)({
-  rendererMetaScriptTagId
-});
-
-// src/client/init.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-async function init() {
-  const { neededImports, disableReactStrictMode, demoWrapperProps } = rendererMeta;
-  const all = await getAllImports({
-    patterns: neededImports.filter((i) => i.type !== "extra"),
-    extras: neededImports.filter((i) => i.type === "extra").map(({ importInfo }) => ({ name: importInfo.name }))
-  });
-  const root = document.getElementById("render-root");
-  if (!root) {
-    throw new Error("No root element found");
-  }
-  const { DemoWrapper, ErrorCatcher, ...demoComponents } = all;
-  const DemoApp = rendererMethods.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_client2.default.createRoot(root).render(
-    disableReactStrictMode ? app : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.StrictMode, { children: app })
-  );
-}
-__name(init, "init");
-try {
-  init();
-} catch (e) {
-  console.error(e);
-  const errorElement = document.createElement("div");
-  errorElement.innerHTML = `
+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=`
     <h1>Error</h1>
-    <p>${e.message}</p>
-  `;
-  document.body.appendChild(errorElement);
-}
+    <p>${t.message}</p>
+  `,document.body.appendChild(e);}});var init = P();
+
+module.exports = init;
+//# sourceMappingURL=init.js.map
 //# sourceMappingURL=init.js.map

package/dist/client/init.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/client/init.tsx","../../src/client/ks-utils.ts","../../src/types.ts"],"sourcesContent":["/// <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","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","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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,mBAAkB;AAClB,IAAAA,iBAAqB;;;ACFrB,oBAA0C;;;ACyBnC,IAAM,0BAA0B;;;ADjBhC,IAAM;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,QAAI,yCAAmE;AAAA,EACrE;AACF,CAAC;;;ADIO;AAnBR,eAAe,OAAO;AACpB,QAAM,EAAE,eAAe,wBAAwB,iBAAiB,IAC9D;AACF,QAAM,MAAM,MAAM,cAAc;AAAA,IAC9B,UAAU,cAAc,OAAO,CAAC,MAAM,EAAE,SAAS,OAAO;AAAA,IACxD,QAAQ,cACL,OAAO,CAAC,MAAM,EAAE,SAAS,OAAO,EAChC,IAAI,CAAC,EAAE,WAAW,OAAO,EAAE,MAAM,WAAW,KAAK,EAAE;AAAA,EACxD,CAAC;AAED,QAAM,OAAO,SAAS,eAAe,aAAa;AAClD,MAAI,CAAC,MAAM;AACT,UAAM,IAAI,MAAM,uBAAuB;AAAA,EACzC;AACA,QAAM,EAAE,aAAa,cAAc,GAAG,eAAe,IAAI;AACzD,QAAM,UAAU,gBAAgB,WAAW,cAAc;AACzD,QAAM,MACJ,4CAAC,gBACC,sDAAC,eAAa,GAAG,kBACf,sDAAC,WAAQ,GACX,GACF;AAGF,iBAAAC,QAAS,WAAW,IAAI,EAAE;AAAA,IACxB,yBAAyB,MAAM,4CAAC,aAAAC,QAAM,YAAN,EAAkB,eAAI;AAAA,EACxD;AACF;AA3Be;AA6Bf,IAAI;AACF,OAAK;AACP,SAAS,GAAG;AACV,UAAQ,MAAM,CAAC;AAEf,QAAM,eAAe,SAAS,cAAc,KAAK;AACjD,eAAa,YAAY;AAAA;AAAA,SAElB,EAAE,OAAO;AAAA;AAEhB,WAAS,KAAK,YAAY,YAAY;AACxC;","names":["import_client","ReactDOM","React"]}
+{"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"]}

package/dist/client/init.mjs

@@ -1,89 +1,13 @@
-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;
-};
+import { getKsRendererClientGlobal } from '@knapsack/renderer-webpack-base/client';
+import E from 'react';
+import D from 'react-dom/client';
+import { jsx } from 'react/jsx-runtime';
 
-// ../../../../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";
-  }
-});
-
-// src/client/ks-utils.ts
-import { getKsRendererClientGlobal } from "@knapsack/renderer-webpack-base/client";
-var getAllImports, getExtraImport, getImport, getImports, getPatternImport, importedModules, meta, rendererMeta, rendererMethods;
-var init_ks_utils = __esm({
-  "src/client/ks-utils.ts"() {
-    init_esm_shims();
-    init_types();
-    ({
-      getAllImports,
-      getExtraImport,
-      getImport,
-      getImports,
-      getPatternImport,
-      importedModules,
-      meta,
-      rendererMeta,
-      rendererMethods
-    } = getKsRendererClientGlobal({
-      rendererMetaScriptTagId
-    }));
-  }
-});
-
-// src/client/init.tsx
-import React from "react";
-import ReactDOM from "react-dom/client";
-import { jsx } from "react/jsx-runtime";
-var require_init = __commonJS({
-  "src/client/init.tsx"() {
-    init_esm_shims();
-    init_ks_utils();
-    async function init() {
-      const { neededImports, disableReactStrictMode, demoWrapperProps } = rendererMeta;
-      const all = await getAllImports({
-        patterns: neededImports.filter((i) => i.type !== "extra"),
-        extras: neededImports.filter((i) => i.type === "extra").map(({ importInfo }) => ({ name: importInfo.name }))
-      });
-      const root = document.getElementById("render-root");
-      if (!root) {
-        throw new Error("No root element found");
-      }
-      const { DemoWrapper, ErrorCatcher, ...demoComponents } = all;
-      const DemoApp = rendererMethods.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 })
-      );
-    }
-    __name(init, "init");
-    try {
-      init();
-    } catch (e) {
-      console.error(e);
-      const errorElement = document.createElement("div");
-      errorElement.innerHTML = `
+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>${e.message}</p>
-  `;
-      document.body.appendChild(errorElement);
-    }
-  }
-});
-export default require_init();
+    <p>${t.message}</p>
+  `,document.body.appendChild(e);}});var init = P();
+
+export { init as default };
+//# sourceMappingURL=init.mjs.map
 //# sourceMappingURL=init.mjs.map

package/dist/client/init.mjs.map

@@ -1 +1 @@
-{"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/ks-utils.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';\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"],"mappings":";;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAyBa;AAzBb;AAAA;AAAA;AAyBO,IAAM,0BAA0B;AAAA;AAAA;;;ACzBvC,SAAS,iCAAiC;AAA1C,IASE,eACA,gBACA,WACA,YACA,kBACA,iBACA,MACA,cACA;AAjBF;AAAA;AAAA;AACA;AAOO,KAAM;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,0BAAmE;AAAA,MACrE;AAAA,IACF,CAAC;AAAA;AAAA;;;ACnBD,OAAO,WAAW;AAClB,OAAO,cAAc;AAsBb;AAxBR;AAAA;AAAA;AAGA;AAEA,mBAAe,OAAO;AACpB,YAAM,EAAE,eAAe,wBAAwB,iBAAiB,IAC9D;AACF,YAAM,MAAM,MAAM,cAAc;AAAA,QAC9B,UAAU,cAAc,OAAO,CAAC,MAAM,EAAE,SAAS,OAAO;AAAA,QACxD,QAAQ,cACL,OAAO,CAAC,MAAM,EAAE,SAAS,OAAO,EAChC,IAAI,CAAC,EAAE,WAAW,OAAO,EAAE,MAAM,WAAW,KAAK,EAAE;AAAA,MACxD,CAAC;AAED,YAAM,OAAO,SAAS,eAAe,aAAa;AAClD,UAAI,CAAC,MAAM;AACT,cAAM,IAAI,MAAM,uBAAuB;AAAA,MACzC;AACA,YAAM,EAAE,aAAa,cAAc,GAAG,eAAe,IAAI;AACzD,YAAM,UAAU,gBAAgB,WAAW,cAAc;AACzD,YAAM,MACJ,oBAAC,gBACC,8BAAC,eAAa,GAAG,kBACf,8BAAC,WAAQ,GACX,GACF;AAGF,eAAS,WAAW,IAAI,EAAE;AAAA,QACxB,yBAAyB,MAAM,oBAAC,MAAM,YAAN,EAAkB,eAAI;AAAA,MACxD;AAAA,IACF;AA3Be;AA6Bf,QAAI;AACF,WAAK;AAAA,IACP,SAAS,GAAG;AACV,cAAQ,MAAM,CAAC;AAEf,YAAM,eAAe,SAAS,cAAc,KAAK;AACjD,mBAAa,YAAY;AAAA;AAAA,SAElB,EAAE,OAAO;AAAA;AAEhB,eAAS,KAAK,YAAY,YAAY;AAAA,IACxC;AAAA;AAAA;","names":[]}
+{"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"]}

package/dist/demo-wrapper.js

@@ -1,29 +1,9 @@
-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);
+'use strict';
 
-// 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;
+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
 //# sourceMappingURL=demo-wrapper.js.map

package/dist/demo-wrapper.js.map

@@ -1 +1 @@
-{"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":[]}
+{"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"]}

package/dist/demo-wrapper.mjs

@@ -1,11 +1,7 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx } from 'react/jsx-runtime';
 
-// 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
-};
+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
 //# sourceMappingURL=demo-wrapper.mjs.map

package/dist/demo-wrapper.mjs.map

@@ -1 +1 @@
-{"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":[]}
+{"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"]}

package/dist/error-catcher.js

@@ -1,96 +1,30 @@
-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);
+'use strict';
 
-// 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;
-  }
-};
+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
 //# sourceMappingURL=error-catcher.js.map

package/dist/error-catcher.js.map

@@ -1 +1 @@
-{"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":[]}
+{"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"]}

package/dist/error-catcher.mjs

@@ -1,68 +1,8 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import * as n from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
-// 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
-};
+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
 //# sourceMappingURL=error-catcher.mjs.map

package/dist/error-catcher.mjs.map

@@ -1 +1 @@
-{"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":[]}
+{"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"]}