@knapsack/renderer-react 4.69.13 → 4.69.14--canary.4821.246c5f4.0

package/CHANGELOG.md

@@ -1,22 +1,3 @@
-# v4.69.13 (Thu Sep 26 2024)
-
-#### 🐛 Bug Fix
-
-- update design src user flow to be async [#4739](https://github.com/knapsack-labs/app-monorepo/pull/4739) ([@mabry1985](https://github.com/mabry1985))
-- Merge branch 'latest' into feature/ksp-5512-create-add-design-src-file-async-mutation ([@mabry1985](https://github.com/mabry1985))
-
-#### 🏠 Internal
-
-- improve Renderer clients [#4770](https://github.com/knapsack-labs/app-monorepo/pull/4770) ([@EvanLovely](https://github.com/EvanLovely))
-- refactors user flow for updating design src files [#4769](https://github.com/knapsack-labs/app-monorepo/pull/4769) ([@mabry1985](https://github.com/mabry1985))
-
-#### Authors: 2
-
-- Evan Lovely ([@EvanLovely](https://github.com/EvanLovely))
-- Josh Mabry ([@mabry1985](https://github.com/mabry1985))
-
----
-
 # v4.69.12 (Thu Sep 26 2024)
 
 #### 🐛 Bug Fix

package/dist/client/init.js

@@ -24,58 +24,48 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 
 // src/client/init.tsx
 var import_react = __toESM(require("react"));
-var import_client2 = __toESM(require("react-dom/client"));
-
-// src/client/ks-utils.ts
-var import_client = require("@knapsack/renderer-webpack-base/client");
+var import_client = __toESM(require("react-dom/client"));
+var import_client2 = require("@knapsack/renderer-webpack-base/client");
 
 // src/types.ts
 var rendererMetaScriptTagId = "ks-react-meta";
 
-// 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 = `
+  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>${e.message}</p>
   `;
-  document.body.appendChild(errorElement);
+    document.body.appendChild(errorElement);
+  }
 }
+__name(init, "init");
+init();
 //# 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/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

@@ -23,66 +23,51 @@ var init_types = __esm({
   }
 });
 
-// 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 { 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_ks_utils();
+    init_types();
     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 = `
+      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);
+        document.body.appendChild(errorElement);
+      }
     }
+    __name(init, "init");
+    init();
   }
 });
 export default require_init();

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":["../../../../../../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/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'];