@knapsack/renderer-react 4.69.9--canary.4739.282ee28.0 → 4.69.9--canary.4768.997c53b.0

package/dist/client/init.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/client/init.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/client/init.js

@@ -0,0 +1,82 @@
+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
+));
+
+// 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");
+
+// src/types.ts
+var rendererMetaScriptTagId = "ks-react-meta";
+
+// src/client/ks-utils.ts
+var {
+  allAvailableImports,
+  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 { imports, disableReactStrictMode, demoWrapperProps } = rendererMeta;
+  const all = await getAllImports({
+    patterns: imports.filter((i) => i.type !== "extra"),
+    extras: imports.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 = `
+    <h1>Error</h1>
+    <p>${e.message}</p>
+  `;
+  document.body.appendChild(errorElement);
+}
+//# sourceMappingURL=init.js.map

package/dist/client/init.js.map

@@ -0,0 +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 { imports, disableReactStrictMode, demoWrapperProps } = rendererMeta;\n  const all = await getAllImports({\n    patterns: imports.filter((i) => i.type !== 'extra'),\n    extras: imports\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  allAvailableImports,\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 {\n  KsJsImport,\n  KsJsImportInfo,\n} 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  imports: KsJsImport[];\n  moduleImports: {\n    [path: string]: KsJsImportInfo[];\n  };\n  disableReactStrictMode: boolean;\n  demo: Demo;\n  patternId: string;\n  templateId: string;\n  demoWrapperProps: Except<DemoWrapperProps, 'children'>;\n};\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;;;ACkCnC,IAAM,0BAA0B;;;AD1BhC,IAAM;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,QAAI,yCAAmE;AAAA,EACrE;AACF,CAAC;;;ADEO;AAlBR,eAAe,OAAO;AACpB,QAAM,EAAE,SAAS,wBAAwB,iBAAiB,IAAI;AAC9D,QAAM,MAAM,MAAM,cAAc;AAAA,IAC9B,UAAU,QAAQ,OAAO,CAAC,MAAM,EAAE,SAAS,OAAO;AAAA,IAClD,QAAQ,QACL,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;AA1Be;AA4Bf,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"]}

package/dist/client/init.mjs

@@ -0,0 +1,90 @@
+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;
+};
+
+// ../../../../node_modules/.pnpm/tsup@8.2.4_@microsoft+api-extractor@7.43.8_@types+node@20.16.5__@swc+core@1.3.57_@swc+helpers_qww7lehrx3uuw4jfw345astxp4/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.5__@swc+core@1.3.57_@swc+helpers_qww7lehrx3uuw4jfw345astxp4/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 allAvailableImports, getAllImports, getExtraImport, getImport, getImports, getPatternImport, importedModules, meta, rendererMeta, rendererMethods;
+var init_ks_utils = __esm({
+  "src/client/ks-utils.ts"() {
+    init_esm_shims();
+    init_types();
+    ({
+      allAvailableImports,
+      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 { imports, disableReactStrictMode, demoWrapperProps } = rendererMeta;
+      const all = await getAllImports({
+        patterns: imports.filter((i) => i.type !== "extra"),
+        extras: imports.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 = `
+    <h1>Error</h1>
+    <p>${e.message}</p>
+  `;
+      document.body.appendChild(errorElement);
+    }
+  }
+});
+export default require_init();
+//# sourceMappingURL=init.mjs.map

package/dist/client/init.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../node_modules/.pnpm/tsup@8.2.4_@microsoft+api-extractor@7.43.8_@types+node@20.16.5__@swc+core@1.3.57_@swc+helpers_qww7lehrx3uuw4jfw345astxp4/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 {\n  KsJsImport,\n  KsJsImportInfo,\n} 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  imports: KsJsImport[];\n  moduleImports: {\n    [path: string]: KsJsImportInfo[];\n  };\n  disableReactStrictMode: boolean;\n  demo: Demo;\n  patternId: string;\n  templateId: string;\n  demoWrapperProps: Except<DemoWrapperProps, 'children'>;\n};\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  allAvailableImports,\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 { imports, disableReactStrictMode, demoWrapperProps } = rendererMeta;\n  const all = await getAllImports({\n    patterns: imports.filter((i) => i.type !== 'extra'),\n    extras: imports\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,IAkCa;AAlCb;AAAA;AAAA;AAkCO,IAAM,0BAA0B;AAAA;AAAA;;;AClCvC,SAAS,iCAAiC;AAA1C,IASE,qBACA,eACA,gBACA,WACA,YACA,kBACA,iBACA,MACA,cACA;AAlBF;AAAA;AAAA;AACA;AAOO,KAAM;AAAA,MACX;AAAA,MACA;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;;;ACpBD,OAAO,WAAW;AAClB,OAAO,cAAc;AAqBb;AAvBR;AAAA;AAAA;AAGA;AAEA,mBAAe,OAAO;AACpB,YAAM,EAAE,SAAS,wBAAwB,iBAAiB,IAAI;AAC9D,YAAM,MAAM,MAAM,cAAc;AAAA,QAC9B,UAAU,QAAQ,OAAO,CAAC,MAAM,EAAE,SAAS,OAAO;AAAA,QAClD,QAAQ,QACL,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;AA1Be;AA4Bf,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":[]}

package/dist/demo-wrapper.d.mts

@@ -1,7 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { DemoWrapperProps } from './index.mjs';
-import '@knapsack/renderer-webpack-base';
-import '@knapsack/utils';
+import { D as DemoWrapperProps } from './types-D2eCZXsg.mjs';
 import '@knapsack/types';
 import '@knapsack/app/types';
 

package/dist/demo-wrapper.d.ts

@@ -1,7 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { DemoWrapperProps } from './index.js';
-import '@knapsack/renderer-webpack-base';
-import '@knapsack/utils';
+import { D as DemoWrapperProps } from './types-D2eCZXsg.js';
 import '@knapsack/types';
 import '@knapsack/app/types';
 

package/dist/demo-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/demo-wrapper.tsx"],"sourcesContent":["import type { DemoWrapperProps } from './renderer-react';\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"],"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.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/demo-wrapper.tsx"],"sourcesContent":["import type { DemoWrapperProps } from './renderer-react';\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"],"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.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  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    const { componentStack } = errorInfo;\n    this.setState({\n      error,\n      componentStack,\n    });\n  }\n\n  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,EAEA,kBAAkB,OAAc,WAAkC;AAChE,UAAM,EAAE,eAAe,IAAI;AAC3B,SAAK,SAAS;AAAA,MACZ;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,SAAS;AACP,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"],"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.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  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    const { componentStack } = errorInfo;\n    this.setState({\n      error,\n      componentStack,\n    });\n  }\n\n  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,EAEA,kBAAkB,OAAc,WAAkC;AAChE,UAAM,EAAE,eAAe,IAAI;AAC3B,SAAK,SAAS;AAAA,MACZ;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,SAAS;AACP,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"],"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,27 +1,19 @@
-import { KnapsackRendererWebpackBase } from '@knapsack/renderer-webpack-base';
-import { Except } from '@knapsack/utils';
-import { RendererId, KsJsImport } from '@knapsack/types';
-import { KnapsackRenderParams, KnapsackTemplateRenderer, Patterns, KnapsackTemplateRendererResults, KnapsackTemplateRendererBase } from '@knapsack/app/types';
+import { RendererWebpackBase, Renderer, KsJsImport } 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';
 
-type DemoWrapperProps = {
-    children: React.ReactNode;
-    patternsUsed: {
-        patternId: string;
-        templateId: string;
-        demoId?: string;
-    }[];
-} & Except<KnapsackRenderParams, 'patternManifest'>;
-declare class KnapsackReactRenderer extends KnapsackRendererWebpackBase implements KnapsackTemplateRenderer {
+declare class KnapsackReactRenderer extends RendererWebpackBase implements Renderable {
     /**
      * `react.js` & `react-dom.js` root relative paths
      */
     assets: string[];
     babelConfig: Record<string, unknown>;
-    creators: KnapsackTemplateRenderer['creators'];
     private demoWrapperPath;
     private disableReactStrictMode?;
     constructor({ webpackConfig, demoWrapperPath, id, disableReactStrictMode, }?: {
-        webpackConfig?: ConstructorParameters<typeof KnapsackRendererWebpackBase>[0]['webpackConfig'];
+        webpackConfig?: ConstructorParameters<typeof RendererWebpackBase>[0]['webpackConfig'];
         demoWrapperPath?: string;
         /** When using React v18+, this option allows a workspace to _disable_ React's Strict Mode from running in Knapsack's React Renderer (StrictMode is enabled by default).
          *
@@ -31,31 +23,24 @@ declare class KnapsackReactRenderer extends KnapsackRendererWebpackBase implemen
         /** Don't set if calling from `knapsack.config.js`, only use if creating a new Renderer based on the React Renderer */
         id?: RendererId;
     });
-    init(opt: {
-        patterns: Patterns;
-        cacheDir: string;
-    }): Promise<void>;
-    getMeta: KnapsackTemplateRenderer['getMeta'];
-    changeCase(str: string): string;
-    createWebpackConfig(): ReturnType<KnapsackRendererWebpackBase['createWebpackConfig']>;
-    getJsImports(): ReturnType<KnapsackRendererWebpackBase['getJsImports']>;
+    init: Renderer['init'];
+    getMeta: Renderer['getMeta'];
+    changeCase: Renderer['changeCase'];
+    createWebpackConfig: RendererWebpackBase['createWebpackConfig'];
+    getJsImports: RendererWebpackBase['getJsImports'];
     prepClientRenderResults({ usage, demoApp, imports: xImports, renderOptions: { pattern, template, demo }, }: {
         usage: string;
         demoApp: string;
         imports: KsJsImport[];
         renderOptions: KnapsackRenderParams;
-    }): Promise<KnapsackTemplateRendererResults>;
-    render(opt: KnapsackRenderParams): Promise<KnapsackTemplateRendererResults>;
-    getUsageAndImports(opt: KnapsackRenderParams): Promise<{
-        usage: string;
-        imports: KsJsImport[];
-    }>;
-    getUsage(opt: KnapsackRenderParams): Promise<string>;
-    inferSpec: KnapsackTemplateRendererBase['inferSpec'];
-    watch(opt: Parameters<KnapsackTemplateRendererBase['watch']>[0]): Promise<void>;
-    getTemplateMeta: KnapsackTemplateRendererBase['getTemplateMeta'];
-    alterTemplateMetaFiles: KnapsackTemplateRendererBase['alterTemplateMetaFiles'];
-    getTemplateSuggestions({ newPath, }: Parameters<KnapsackTemplateRendererBase['getTemplateSuggestions']>[0]): ReturnType<KnapsackTemplateRendererBase['getTemplateSuggestions']>;
+    }): ReturnType<Renderer['render']>;
+    render: Renderer['render'];
+    getUsageAndImports: RendererWebpackBase['getUsageAndImports'];
+    inferSpec: Renderer['inferSpec'];
+    watch: Renderer['watch'];
+    getTemplateMeta: Renderer['getTemplateMeta'];
+    alterTemplateMetaFiles: Renderer['alterTemplateMetaFiles'];
+    getTemplateSuggestions: Renderer['getTemplateSuggestions'];
 }
 
-export { type DemoWrapperProps, KnapsackReactRenderer };
+export { KnapsackReactRenderer };

package/dist/index.d.ts

@@ -1,27 +1,19 @@
-import { KnapsackRendererWebpackBase } from '@knapsack/renderer-webpack-base';
-import { Except } from '@knapsack/utils';
-import { RendererId, KsJsImport } from '@knapsack/types';
-import { KnapsackRenderParams, KnapsackTemplateRenderer, Patterns, KnapsackTemplateRendererResults, KnapsackTemplateRendererBase } from '@knapsack/app/types';
+import { RendererWebpackBase, Renderer, KsJsImport } 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';
 
-type DemoWrapperProps = {
-    children: React.ReactNode;
-    patternsUsed: {
-        patternId: string;
-        templateId: string;
-        demoId?: string;
-    }[];
-} & Except<KnapsackRenderParams, 'patternManifest'>;
-declare class KnapsackReactRenderer extends KnapsackRendererWebpackBase implements KnapsackTemplateRenderer {
+declare class KnapsackReactRenderer extends RendererWebpackBase implements Renderable {
     /**
      * `react.js` & `react-dom.js` root relative paths
      */
     assets: string[];
     babelConfig: Record<string, unknown>;
-    creators: KnapsackTemplateRenderer['creators'];
     private demoWrapperPath;
     private disableReactStrictMode?;
     constructor({ webpackConfig, demoWrapperPath, id, disableReactStrictMode, }?: {
-        webpackConfig?: ConstructorParameters<typeof KnapsackRendererWebpackBase>[0]['webpackConfig'];
+        webpackConfig?: ConstructorParameters<typeof RendererWebpackBase>[0]['webpackConfig'];
         demoWrapperPath?: string;
         /** When using React v18+, this option allows a workspace to _disable_ React's Strict Mode from running in Knapsack's React Renderer (StrictMode is enabled by default).
          *
@@ -31,31 +23,24 @@ declare class KnapsackReactRenderer extends KnapsackRendererWebpackBase implemen
         /** Don't set if calling from `knapsack.config.js`, only use if creating a new Renderer based on the React Renderer */
         id?: RendererId;
     });
-    init(opt: {
-        patterns: Patterns;
-        cacheDir: string;
-    }): Promise<void>;
-    getMeta: KnapsackTemplateRenderer['getMeta'];
-    changeCase(str: string): string;
-    createWebpackConfig(): ReturnType<KnapsackRendererWebpackBase['createWebpackConfig']>;
-    getJsImports(): ReturnType<KnapsackRendererWebpackBase['getJsImports']>;
+    init: Renderer['init'];
+    getMeta: Renderer['getMeta'];
+    changeCase: Renderer['changeCase'];
+    createWebpackConfig: RendererWebpackBase['createWebpackConfig'];
+    getJsImports: RendererWebpackBase['getJsImports'];
     prepClientRenderResults({ usage, demoApp, imports: xImports, renderOptions: { pattern, template, demo }, }: {
         usage: string;
         demoApp: string;
         imports: KsJsImport[];
         renderOptions: KnapsackRenderParams;
-    }): Promise<KnapsackTemplateRendererResults>;
-    render(opt: KnapsackRenderParams): Promise<KnapsackTemplateRendererResults>;
-    getUsageAndImports(opt: KnapsackRenderParams): Promise<{
-        usage: string;
-        imports: KsJsImport[];
-    }>;
-    getUsage(opt: KnapsackRenderParams): Promise<string>;
-    inferSpec: KnapsackTemplateRendererBase['inferSpec'];
-    watch(opt: Parameters<KnapsackTemplateRendererBase['watch']>[0]): Promise<void>;
-    getTemplateMeta: KnapsackTemplateRendererBase['getTemplateMeta'];
-    alterTemplateMetaFiles: KnapsackTemplateRendererBase['alterTemplateMetaFiles'];
-    getTemplateSuggestions({ newPath, }: Parameters<KnapsackTemplateRendererBase['getTemplateSuggestions']>[0]): ReturnType<KnapsackTemplateRendererBase['getTemplateSuggestions']>;
+    }): ReturnType<Renderer['render']>;
+    render: Renderer['render'];
+    getUsageAndImports: RendererWebpackBase['getUsageAndImports'];
+    inferSpec: Renderer['inferSpec'];
+    watch: Renderer['watch'];
+    getTemplateMeta: Renderer['getTemplateMeta'];
+    alterTemplateMetaFiles: Renderer['alterTemplateMetaFiles'];
+    getTemplateSuggestions: Renderer['getTemplateSuggestions'];
 }
 
-export { type DemoWrapperProps, KnapsackReactRenderer };
+export { KnapsackReactRenderer };