@knapsack/renderer-react 4.72.0--canary.4986.9e14d73.0 → 4.72.0--canary.5313.31d559e.0

package/CHANGELOG.md

@@ -1,3 +1,220 @@
+# v4.71.16 (Thu Dec 05 2024)
+
+#### 🐛 Bug Fix
+
+- refactor React Renderer to use `tsc` for build [#5224](https://github.com/knapsack-labs/app-monorepo/pull/5224) ([@EvanLovely](https://github.com/EvanLovely) [@mabry1985](https://github.com/mabry1985))
+- cleanup ([@EvanLovely](https://github.com/EvanLovely))
+- remove concurrency in CI change ([@EvanLovely](https://github.com/EvanLovely))
+- remove memory bump ([@EvanLovely](https://github.com/EvanLovely))
+- set MUI Button test to failing ([@EvanLovely](https://github.com/EvanLovely))
+- do not mutate arrays ([@EvanLovely](https://github.com/EvanLovely))
+- Remove use of __dirname ([@EvanLovely](https://github.com/EvanLovely))
+- bump memory for CI test run ([@EvanLovely](https://github.com/EvanLovely))
+- restore use of tsconfig ([@EvanLovely](https://github.com/EvanLovely))
+- serial test run ([@EvanLovely](https://github.com/EvanLovely))
+- temp disabling possibility of using custom config to help troubleshoot CI issue ([@EvanLovely](https://github.com/EvanLovely))
+- skip cache during ava tests ([@EvanLovely](https://github.com/EvanLovely))
+- pass MUI pkg name directly in ([@EvanLovely](https://github.com/EvanLovely))
+- re-enable MUI test ([@EvanLovely](https://github.com/EvanLovely))
+- Merge branch 'latest' into feature/react-renderer-build ([@EvanLovely](https://github.com/EvanLovely))
+- Merge branch 'latest' into feature/react-renderer-build ([@mabry1985](https://github.com/mabry1985))
+- undo skipping of utils test ([@mabry1985](https://github.com/mabry1985))
+- skip both mui tests ([@mabry1985](https://github.com/mabry1985))
+- skip mui test ([@mabry1985](https://github.com/mabry1985))
+- revert to run all suites ([@mabry1985](https://github.com/mabry1985))
+- remove utils test for debugging ([@mabry1985](https://github.com/mabry1985))
+- revert to run tests individually ([@mabry1985](https://github.com/mabry1985))
+- remove skip ([@mabry1985](https://github.com/mabry1985))
+- check prop types test for bug ([@mabry1985](https://github.com/mabry1985))
+- revert to failing ([@mabry1985](https://github.com/mabry1985))
+- revert to run all tests ([@mabry1985](https://github.com/mabry1985))
+- skip test using jsx-runtime ([@mabry1985](https://github.com/mabry1985))
+- add getReactDocs import to testing ([@mabry1985](https://github.com/mabry1985))
+- add minimal testing file ([@mabry1985](https://github.com/mabry1985))
+- revert debugging ([@mabry1985](https://github.com/mabry1985))
+- skip all suites for testing ([@mabry1985](https://github.com/mabry1985))
+- remove garbage cleanup step ([@mabry1985](https://github.com/mabry1985))
+- update to use config ([@mabry1985](https://github.com/mabry1985))
+- update to use serial ([@mabry1985](https://github.com/mabry1985))
+- add cleanup steps ([@mabry1985](https://github.com/mabry1985))
+- add concurrency limit to ava test ([@mabry1985](https://github.com/mabry1985))
+- re-order scripts ([@mabry1985](https://github.com/mabry1985))
+- revert to individual tests ([@mabry1985](https://github.com/mabry1985))
+- try garbage cleanup ([@mabry1985](https://github.com/mabry1985))
+- update to run in serial ([@mabry1985](https://github.com/mabry1985))
+- revert test script ([@mabry1985](https://github.com/mabry1985))
+- fix default demo wrapper path resolution ([@EvanLovely](https://github.com/EvanLovely))
+- break tests up to debug CI ([@EvanLovely](https://github.com/EvanLovely))
+- set unit tests to run serially to prevent segmentation fault in CI ([@EvanLovely](https://github.com/EvanLovely))
+- add sideEffects ([@EvanLovely](https://github.com/EvanLovely))
+- cleanup file ([@EvanLovely](https://github.com/EvanLovely))
+- adjust line command ([@EvanLovely](https://github.com/EvanLovely))
+- refactor React Renderer to use `tsc` for build ([@EvanLovely](https://github.com/EvanLovely))
+
+#### Authors: 2
+
+- Evan Lovely ([@EvanLovely](https://github.com/EvanLovely))
+- Josh Mabry ([@mabry1985](https://github.com/mabry1985))
+
+---
+
+# v4.71.13 (Wed Dec 04 2024)
+
+#### 🐛 Bug Fix
+
+- Merge branch 'feature/ksp-5777-gsk-sso-issues' into feature/sso-config-via-db ([@EvanLovely](https://github.com/EvanLovely))
+- Merge branch 'latest' into feature/ksp-5777-gsk-sso-issues ([@illepic](https://github.com/illepic))
+- Bump version to: v4.71.12 \[skip ci\] ([@KnapsackBot](https://github.com/KnapsackBot))
+- Update CHANGELOG.md \[skip ci\] ([@KnapsackBot](https://github.com/KnapsackBot))
+- Bump version to: v4.71.11 \[skip ci\] ([@KnapsackBot](https://github.com/KnapsackBot))
+
+#### 🏠 Internal
+
+- refactor Cypress user login [#5225](https://github.com/knapsack-labs/app-monorepo/pull/5225) ([@EvanLovely](https://github.com/EvanLovely))
+- Update Node.js to v20.18.1 [#5197](https://github.com/knapsack-labs/app-monorepo/pull/5197) ([@renovate[bot]](https://github.com/renovate[bot]))
+- adds evt handlers for design src logs [#5194](https://github.com/knapsack-labs/app-monorepo/pull/5194) ([@mabry1985](https://github.com/mabry1985))
+- setup login w popup [#5209](https://github.com/knapsack-labs/app-monorepo/pull/5209) ([@GormanDesign](https://github.com/GormanDesign) [@mabry1985](https://github.com/mabry1985) [@EvanLovely](https://github.com/EvanLovely) [@KnapsackBot](https://github.com/KnapsackBot) [@illepic](https://github.com/illepic))
+- migrate to new Figma oAuth endpoints and configuration [#5206](https://github.com/knapsack-labs/app-monorepo/pull/5206) ([@mabry1985](https://github.com/mabry1985))
+
+#### Authors: 6
+
+- [@renovate[bot]](https://github.com/renovate[bot])
+- Christopher Bloom ([@illepic](https://github.com/illepic))
+- Evan Lovely ([@EvanLovely](https://github.com/EvanLovely))
+- Josh Mabry ([@mabry1985](https://github.com/mabry1985))
+- KnapsackBot ([@KnapsackBot](https://github.com/KnapsackBot))
+- Matt Gorman ([@GormanDesign](https://github.com/GormanDesign))
+
+---
+
+# v4.71.12 (Thu Nov 21 2024)
+
+#### 🐛 Bug Fix
+
+- Fix component alignment in pattern stage and embeds [#5138](https://github.com/knapsack-labs/app-monorepo/pull/5138) ([@GormanDesign](https://github.com/GormanDesign))
+- Merge branch 'latest' into feature/ksp-5732-fix-component-alignment-in-pattern-stage-and-embeds ([@GormanDesign](https://github.com/GormanDesign))
+
+#### Authors: 1
+
+- Matt Gorman ([@GormanDesign](https://github.com/GormanDesign))
+
+---
+
+# v4.71.10 (Thu Nov 21 2024)
+
+#### 🐛 Bug Fix
+
+- fix prop reordering doesnt stick [#5196](https://github.com/knapsack-labs/app-monorepo/pull/5196) ([@mabry1985](https://github.com/mabry1985))
+
+#### Authors: 1
+
+- Josh Mabry ([@mabry1985](https://github.com/mabry1985))
+
+---
+
+# v4.71.9 (Wed Nov 20 2024)
+
+#### 🏠 Internal
+
+- setup TS strict mode KSP-5492 [#5183](https://github.com/knapsack-labs/app-monorepo/pull/5183) ([@EvanLovely](https://github.com/EvanLovely))
+
+#### Authors: 1
+
+- Evan Lovely ([@EvanLovely](https://github.com/EvanLovely))
+
+---
+
+# v4.71.8 (Fri Nov 15 2024)
+
+#### 🐛 Bug Fix
+
+- Add button modes for sales demos [#5173](https://github.com/knapsack-labs/app-monorepo/pull/5173) ([@brittanysmart](https://github.com/brittanysmart))
+- Merge branch 'latest' into feature/KSP-5764-add-button-modes ([@brittanysmart](https://github.com/brittanysmart))
+- feat: add mode prop to Button infer spec test ([@brittanysmart](https://github.com/brittanysmart))
+- Merge branch 'latest' into GormanDesign-patch-2 ([@GormanDesign](https://github.com/GormanDesign))
+- Merge branch 'latest' into feature/ksp-5775-update-gsk-digital-channels-sso-page-content ([@GormanDesign](https://github.com/GormanDesign))
+
+#### 🏠 Internal
+
+- update gsk-digital-channels sso page content [#5178](https://github.com/knapsack-labs/app-monorepo/pull/5178) ([@GormanDesign](https://github.com/GormanDesign))
+- fix figma tiles show processing message indefinitely [#5179](https://github.com/knapsack-labs/app-monorepo/pull/5179) ([@mabry1985](https://github.com/mabry1985))
+
+#### Authors: 3
+
+- Brittany Smart ([@brittanysmart](https://github.com/brittanysmart))
+- Josh Mabry ([@mabry1985](https://github.com/mabry1985))
+- Matt Gorman ([@GormanDesign](https://github.com/GormanDesign))
+
+---
+
+# v4.71.6 (Thu Nov 14 2024)
+
+#### 🐛 Bug Fix
+
+- update template alias suggestion logic [#5174](https://github.com/knapsack-labs/app-monorepo/pull/5174) ([@mabry1985](https://github.com/mabry1985))
+- deduplicate suggestions in react renderer ([@mabry1985](https://github.com/mabry1985))
+- remove sorting from individual renderer logic ([@mabry1985](https://github.com/mabry1985))
+- handles sorting of used vs unused paths ([@mabry1985](https://github.com/mabry1985))
+- Merge branch 'latest' into feature/ksp-5738-text-editor-block-has-stale-state ([@mabry1985](https://github.com/mabry1985))
+- Merge branch 'latest' into feature/nuke-old-claims ([@illepic](https://github.com/illepic))
+- Merge branch 'latest' into feature/ksp-5437-update-auth0-node-sdk ([@freneticpixel](https://github.com/freneticpixel))
+- Merge branch 'latest' into feature/ksp-5710-collections-block-filters ([@GormanDesign](https://github.com/GormanDesign))
+- Merge remote-tracking branch 'origin/latest' into feature/ksp-5437-update-auth0-node-sdk ([@freneticpixel](https://github.com/freneticpixel))
+
+#### 🏠 Internal
+
+- update text editor to handle external data changes [#5146](https://github.com/knapsack-labs/app-monorepo/pull/5146) ([@mabry1985](https://github.com/mabry1985))
+- Remove vestigial claims routes and terrible auth [#5154](https://github.com/knapsack-labs/app-monorepo/pull/5154) ([@illepic](https://github.com/illepic))
+- Update syncpack to current major version [#5159](https://github.com/knapsack-labs/app-monorepo/pull/5159) ([@greylabel](https://github.com/greylabel))
+- Update babel [#5074](https://github.com/knapsack-labs/app-monorepo/pull/5074) ([@renovate[bot]](https://github.com/renovate[bot]))
+- Update dependency @types/node to ^20.17.6 [#5127](https://github.com/knapsack-labs/app-monorepo/pull/5127) ([@renovate[bot]](https://github.com/renovate[bot]))
+
+#### Authors: 6
+
+- [@renovate[bot]](https://github.com/renovate[bot])
+- Christopher Bloom ([@illepic](https://github.com/illepic))
+- Grant Gaudet ([@greylabel](https://github.com/greylabel))
+- Jim Frenette ([@freneticpixel](https://github.com/freneticpixel))
+- Josh Mabry ([@mabry1985](https://github.com/mabry1985))
+- Matt Gorman ([@GormanDesign](https://github.com/GormanDesign))
+
+---
+
+# v4.71.5 (Tue Nov 05 2024)
+
+#### 🐛 Bug Fix
+
+- Merge branch 'latest' into feature/ksp-5668-handle-figma-blocks-when-updating-design-source-file ([@GormanDesign](https://github.com/GormanDesign))
+
+#### 🏠 Internal
+
+- Update Typescript [#5051](https://github.com/knapsack-labs/app-monorepo/pull/5051) ([@renovate[bot]](https://github.com/renovate[bot]))
+- Update dependency @types/node to ^20.17.5 [#5086](https://github.com/knapsack-labs/app-monorepo/pull/5086) ([@renovate[bot]](https://github.com/renovate[bot]))
+- Update react monorepo [#5072](https://github.com/knapsack-labs/app-monorepo/pull/5072) ([@renovate[bot]](https://github.com/renovate[bot]))
+- Update dependency @react-aria/visually-hidden to ^3.8.17 [#5078](https://github.com/knapsack-labs/app-monorepo/pull/5078) ([@renovate[bot]](https://github.com/renovate[bot]))
+- Update dependency @types/node to ^20.17.4 [#5080](https://github.com/knapsack-labs/app-monorepo/pull/5080) ([@renovate[bot]](https://github.com/renovate[bot]))
+- Update dependency @types/node to ^20.17.3 [#5046](https://github.com/knapsack-labs/app-monorepo/pull/5046) ([@renovate[bot]](https://github.com/renovate[bot]))
+
+#### Authors: 2
+
+- [@renovate[bot]](https://github.com/renovate[bot])
+- Matt Gorman ([@GormanDesign](https://github.com/GormanDesign))
+
+---
+
+# v4.71.4 (Tue Oct 29 2024)
+
+#### 🏠 Internal
+
+- Update dependency @types/node to ^20.17.2 [#5020](https://github.com/knapsack-labs/app-monorepo/pull/5020) ([@renovate[bot]](https://github.com/renovate[bot]))
+- Update dependency ava to ^6.2.0 [#5022](https://github.com/knapsack-labs/app-monorepo/pull/5022) ([@renovate[bot]](https://github.com/renovate[bot]))
+
+#### Authors: 1
+
+- [@renovate[bot]](https://github.com/renovate[bot])
+
+---
+
 # v4.71.1 (Wed Oct 23 2024)
 
 #### 🐛 Bug Fix

package/ava.config.cjs

@@ -1,3 +1,9 @@
-const config = require('@knapsack/test-ava');
+const config = require('@knapsack/test-ava/esm');
+
+const isCi = !!process.env.CI;
+
+if (isCi) {
+  // config.concurrency = 1;
+}
 
 module.exports = config;

package/dist/analyze/infer-spec.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=infer-spec.test.d.ts.map

package/dist/analyze/infer-spec.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"infer-spec.test.d.ts","sourceRoot":"","sources":["../../src/analyze/infer-spec.test.ts"],"names":[],"mappings":""}

package/dist/analyze/infer-spec.test.js

@@ -0,0 +1,112 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const ava_1 = __importDefault(require("ava"));
+const types_1 = require("@knapsack/types");
+const renderers_1 = require("@knapsack/app/renderers");
+const utils_1 = require("../utils");
+(0, ava_1.default)('infer types in packages with different files name for types', async (t) => {
+    const spec = await (0, utils_1.getReactDocs)({
+        src: '@knapsack/sandbox-components/react',
+        exportName: 'Button',
+        resolveFromDir: __dirname,
+    });
+    if (spec === false) {
+        t.fail(`Spec could not be inferred`);
+        return;
+    }
+    t.truthy(spec);
+    t.deepEqual(Object.keys(spec.props.properties).sort(), ['label', 'mode', 'size', 'type'].sort());
+    if ((0, types_1.isOptionsProp)(spec.props.properties.size)) {
+        t.deepEqual(spec.props.properties.size.enum, ['small', 'medium', 'large']);
+    }
+    else {
+        t.log(spec.props.properties.size);
+        t.fail(`size prop should be an options prop`);
+    }
+    if ((0, types_1.isOptionsProp)(spec.props.properties.type)) {
+        t.deepEqual(spec.props.properties.type.enum, ['filled', 'outlined']);
+    }
+    else {
+        t.log(spec.props.properties.type);
+        t.fail(`type prop should be an options prop`);
+    }
+    if ((0, types_1.isOptionsProp)(spec.props.properties.mode)) {
+        t.deepEqual(spec.props.properties.mode.enum, [
+            'default',
+            'success',
+            'error',
+            'warning',
+        ]);
+    }
+    else {
+        t.log(spec.props.properties.mode);
+        t.fail(`mode prop should be an options prop`);
+    }
+});
+(0, ava_1.default)('inferDocs card.tsx with types', async (t) => {
+    const spec = await (0, utils_1.getReactDocs)({
+        src: '@knapsack/renderer-react-components/test-fixtures',
+        exportName: 'Card',
+        resolveFromDir: process.cwd(),
+    });
+    const expectedSpec = {
+        props: {
+            $schema: 'http://json-schema.org/draft-07/schema',
+            type: 'object',
+            required: ['cardBody', 'items'],
+            properties: {
+                textAlign: {
+                    type: 'string',
+                    enum: ['left', 'center', 'right'],
+                    // @todo We lost proper default value when the source switched from `.tsx` to being from a package, which results in analyzing a `.d.ts` files... which doesn't have default values.
+                    // default: 'left',
+                    default: undefined,
+                },
+                imgSrc: {
+                    type: 'string',
+                },
+                isDark: {
+                    type: 'boolean',
+                    // @todo We lost proper default value when the source switched from `.tsx` to being from a package, which results in analyzing a `.d.ts` files... which doesn't have default values.
+                    // default: true,
+                },
+                cardTitle: {
+                    type: 'string',
+                },
+                cardSubTitle: {
+                    type: 'string',
+                },
+                cardBody: {
+                    type: 'string',
+                },
+                handleIt: {
+                    typeof: 'function',
+                    tsType: '(x: string) => boolean',
+                },
+                items: {
+                    tsType: '{ id: string; title: string; description?: string; }[]',
+                },
+            },
+        },
+        slots: {
+            children: {
+                description: 'Goes in footer',
+                title: 'children',
+            },
+            header: {
+                title: 'header',
+            },
+        },
+    };
+    if (spec === false) {
+        t.fail('Spec could not be inferred');
+        return;
+    }
+    const { ok, message } = (0, renderers_1.validateSpec)(spec);
+    t.is(ok, true, message);
+    t.deepEqual(spec, expectedSpec);
+});
+//# sourceMappingURL=infer-spec.test.js.map

package/dist/analyze/infer-spec.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"infer-spec.test.js","sourceRoot":"","sources":["../../src/analyze/infer-spec.test.ts"],"names":[],"mappings":"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"}

package/dist/analyze/mui.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=mui.test.d.ts.map

package/dist/analyze/mui.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mui.test.d.ts","sourceRoot":"","sources":["../../src/analyze/mui.test.ts"],"names":[],"mappings":""}

package/dist/analyze/mui.test.js

@@ -0,0 +1,60 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const ava_1 = __importDefault(require("ava"));
+const types_1 = require("@knapsack/types");
+const utils_1 = require("../utils");
+ava_1.default.serial('MUI strings with extra quotes', async (t) => {
+    const results = await (0, utils_1.getReactDocs)({
+        src: '@mui/x-data-grid',
+        exportName: 'DataGrid',
+        resolveFromDir: process.cwd(),
+    });
+    if (results === false) {
+        t.fail('Could not infer spec');
+        return;
+    }
+    Object.entries(results.props.properties).forEach(([propName, prop]) => {
+        if ((0, types_1.isStringProp)(prop) || (0, types_1.isOptionsProp)(prop)) {
+            if (typeof prop.default === 'string') {
+                t.true(!prop.default.startsWith('"') && !prop.default.endsWith('"'), `prop "${propName}" has a default that should not be quoted: ${prop.default} - ${JSON.stringify(prop)}`);
+            }
+        }
+        if ((0, types_1.isOptionsProp)(prop)) {
+            if (prop.default) {
+                t.true(prop.enum.includes(prop.default), `For prop "${propName}", the default value "${prop.default}" is not in the enum: ${prop.enum}`);
+            }
+            prop.enum.forEach((option) => {
+                t.true(!option.startsWith('"') && !option.endsWith('"'), `option should not be quoted: ${prop.default}`);
+            });
+        }
+        if ((0, types_1.isNumberProp)(prop) && prop.default) {
+            const ok = t.is(typeof prop.default, 'number', `prop "${propName}" default should be a number: ${prop.default}`);
+            if (!ok) {
+                t.log(prop);
+            }
+        }
+        if ((0, types_1.isBooleanProp)(prop) && prop.default) {
+            const ok = t.is(typeof prop.default, 'boolean', `prop "${propName}" should be a boolean: ${prop.default}`);
+            if (!ok) {
+                t.log(prop);
+            }
+        }
+    });
+});
+ava_1.default.failing('infer types for MUI Component', async (t) => {
+    const spec = await (0, utils_1.getReactDocs)({
+        src: '@mui/material',
+        exportName: 'Button',
+        resolveFromDir: process.cwd(),
+    });
+    if (spec === false) {
+        t.fail('Spec could not be inferred for MUI Component');
+    }
+    else {
+        t.pass('Spec was successfully inferred for MUI Component');
+    }
+});
+//# sourceMappingURL=mui.test.js.map

package/dist/analyze/mui.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mui.test.js","sourceRoot":"","sources":["../../src/analyze/mui.test.ts"],"names":[],"mappings":"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"}

package/dist/analyze/pkg-basic.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=pkg-basic.test.d.ts.map

package/dist/analyze/pkg-basic.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pkg-basic.test.d.ts","sourceRoot":"","sources":["../../src/analyze/pkg-basic.test.ts"],"names":[],"mappings":""}

package/dist/analyze/pkg-basic.test.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const ava_1 = __importDefault(require("ava"));
+const types_1 = require("@knapsack/types");
+const utils_1 = require("../utils");
+(0, ava_1.default)('infer types in basic packages', async (t) => {
+    const spec = await (0, utils_1.getReactDocs)({
+        src: '@knapsack/renderer-react-components/test-fixtures',
+        exportName: 'Button',
+        resolveFromDir: __dirname,
+    });
+    if (spec === false) {
+        t.fail(`Spec could not be inferred`);
+        return;
+    }
+    t.deepEqual(Object.keys(spec.props.properties).sort(), ['size', 'text'].sort());
+    if (!(0, types_1.isStringProp)(spec.props.properties.text)) {
+        t.log(spec.props.properties.text);
+        t.fail(`text prop should be a string`);
+        return;
+    }
+    if (!(0, types_1.isOptionsProp)(spec.props.properties.size)) {
+        t.log(spec.props.properties.size);
+        t.fail(`size prop should be an options prop`);
+        return;
+    }
+    t.deepEqual(spec.props.properties.size.enum, ['small', 'medium', 'large']);
+    t.is(spec.slots.children.title, 'children', `Should detect "children" slot`);
+});
+//# sourceMappingURL=pkg-basic.test.js.map

package/dist/analyze/pkg-basic.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pkg-basic.test.js","sourceRoot":"","sources":["../../src/analyze/pkg-basic.test.ts"],"names":[],"mappings":";;;;;AAAA,8CAAuB;AACvB,2CAA8D;AAC9D,oCAAwC;AAExC,IAAA,aAAI,EAAC,+BAA+B,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;IAChD,MAAM,IAAI,GAAG,MAAM,IAAA,oBAAY,EAAC;QAC9B,GAAG,EAAE,mDAAmD;QACxD,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,SAAS;KAC1B,CAAC,CAAC;IACH,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;QACnB,CAAC,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;QACrC,OAAO;IACT,CAAC;IACD,CAAC,CAAC,SAAS,CACT,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,EACzC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,CACxB,CAAC;IACF,IAAI,CAAC,IAAA,oBAAY,EAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9C,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;QACvC,OAAO;IACT,CAAC;IACD,IAAI,CAAC,IAAA,qBAAa,EAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;QAC/C,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC,CAAC,IAAI,CAAC,qCAAqC,CAAC,CAAC;QAC9C,OAAO;IACT,CAAC;IACD,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAC3E,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,UAAU,EAAE,+BAA+B,CAAC,CAAC;AAC/E,CAAC,CAAC,CAAC"}

package/dist/analyze/pkg-diff-types.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=pkg-diff-types.test.d.ts.map

package/dist/analyze/pkg-diff-types.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pkg-diff-types.test.d.ts","sourceRoot":"","sources":["../../src/analyze/pkg-diff-types.test.ts"],"names":[],"mappings":""}

package/dist/analyze/pkg-diff-types.test.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const ava_1 = __importDefault(require("ava"));
+const path_1 = require("path");
+const types_1 = require("@knapsack/types");
+const utils_1 = require("../utils");
+(0, ava_1.default)('infer types in packages with different files name for types', async (t) => {
+    const spec = await (0, utils_1.getReactDocs)({
+        src: (0, path_1.join)(__dirname, '../../test-fixtures/pkg-diff-types'),
+        exportName: 'Button',
+        resolveFromDir: __dirname,
+    });
+    if (spec === false) {
+        t.fail(`Spec could not be inferred`);
+        return;
+    }
+    t.truthy(spec);
+    if (!spec.props) {
+        t.fail(`Spec should have props`);
+        return;
+    }
+    if (!spec.slots) {
+        t.fail(`Spec should have slots`);
+        return;
+    }
+    t.deepEqual(Object.keys(spec.props.properties).sort(), ['size', 'text'].sort());
+    if (!(0, types_1.isStringProp)(spec.props.properties.text)) {
+        t.log(spec.props.properties.text);
+        t.fail(`text prop should be a string`);
+        return;
+    }
+    if (!(0, types_1.isOptionsProp)(spec.props.properties.size)) {
+        t.log(spec.props.properties.size);
+        t.fail(`size prop should be an options prop`);
+        return;
+    }
+    t.deepEqual(spec.props.properties.size.enum, ['small', 'medium', 'large']);
+    t.is(spec.slots.children.title, 'children', `Should detect "children" slot`);
+});
+//# sourceMappingURL=pkg-diff-types.test.js.map

package/dist/analyze/pkg-diff-types.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pkg-diff-types.test.js","sourceRoot":"","sources":["../../src/analyze/pkg-diff-types.test.ts"],"names":[],"mappings":";;;;;AAAA,8CAAuB;AACvB,+BAA4B;AAC5B,2CAA8D;AAC9D,oCAAwC;AAExC,IAAA,aAAI,EAAC,6DAA6D,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;IAC9E,MAAM,IAAI,GAAG,MAAM,IAAA,oBAAY,EAAC;QAC9B,GAAG,EAAE,IAAA,WAAI,EAAC,SAAS,EAAE,oCAAoC,CAAC;QAC1D,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,SAAS;KAC1B,CAAC,CAAC;IACH,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;QACnB,CAAC,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;QACrC,OAAO;IACT,CAAC;IACD,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACf,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QAChB,CAAC,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;QACjC,OAAO;IACT,CAAC;IACD,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QAChB,CAAC,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;QACjC,OAAO;IACT,CAAC;IACD,CAAC,CAAC,SAAS,CACT,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,EACzC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,CACxB,CAAC;IACF,IAAI,CAAC,IAAA,oBAAY,EAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9C,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;QACvC,OAAO;IACT,CAAC;IACD,IAAI,CAAC,IAAA,qBAAa,EAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;QAC/C,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC,CAAC,IAAI,CAAC,qCAAqC,CAAC,CAAC;QAC9C,OAAO;IACT,CAAC;IACD,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAC3E,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,UAAU,EAAE,+BAA+B,CAAC,CAAC;AAC/E,CAAC,CAAC,CAAC"}

package/dist/client/init.d.mts

@@ -1,2 +1,2 @@
-
-export {  }
+export {};
+//# sourceMappingURL=init.d.mts.map

package/dist/client/init.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"init.d.mts","sourceRoot":"","sources":["../../src/client/init.mts"],"names":[],"mappings":""}

package/dist/client/init.mjs

@@ -1,13 +1,41 @@
-import E from 'react';
-import g from 'react-dom/client';
+/// <reference lib="dom" />
+import ReactDOM from 'react-dom/client';
 import { getKsRendererClientUtils } from '@knapsack/renderer-webpack-base/client';
-import { jsx } from 'react/jsx-runtime';
-
-var l=Object.defineProperty;var n=(r,e)=>l(r,"name",{value:e,configurable:!0});var h=(r,e)=>()=>(r&&(e=r(r=0)),e);var C=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var a,m=h(()=>{a="ks-react-meta";});var I=C(()=>{m();async function x(){try{let{getNeededImports:r,getExtraImports:e,rendererMeta:{disableReactStrictMode:d,demoWrapperProps:s},rendererMethods:{getDemoApp:c}}=getKsRendererClientUtils({rendererMetaScriptTagId:a}),[i,{DemoWrapper:R,ErrorCatcher:y}]=await Promise.all([r(),e()]),o=document.getElementById("render-root");if(!o)throw new Error("No root element found");let M=c(i),p=jsx(y,{children:jsx(R,{...s,children:jsx(M,{})})});g.createRoot(o).render(d?p:jsx(E.StrictMode,{children:p}));}catch(r){console.error(r);let e=document.createElement("div");e.innerHTML=`
+import { ReactRendererClientApp } from '@knapsack/renderer-react-components/react-renderer-client-app';
+import { rendererMetaScriptTagId, } from '../types.js';
+async function init() {
+    try {
+        const { getNeededImports, getExtraImports, rendererMeta: { disableReactStrictMode, demoWrapperProps }, rendererMethods: { getDemoApp }, } = getKsRendererClientUtils({
+            rendererMetaScriptTagId,
+        });
+        const [neededImports, { DemoWrapper }] = 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 = ReactRendererClientApp({
+            DemoWrapper,
+            DemoApp,
+            disableReactStrictMode,
+            demoWrapperProps,
+        });
+        ReactDOM.createRoot(root).render(app);
+    }
+    catch (e) {
+        console.error(e);
+        // create html element with error message
+        const errorElement = document.createElement('div');
+        errorElement.innerHTML = `
     <h1>Error</h1>
-    <p>${r.message}</p>
-  `,document.body.appendChild(e);}}n(x,"init");x();});var init = I();
-
-export { init as default };
-//# sourceMappingURL=init.mjs.map
+    <p>${e.message}</p>
+  `;
+        document.body.appendChild(errorElement);
+    }
+}
+init();
 //# sourceMappingURL=init.mjs.map

package/dist/client/init.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types.ts","../../src/client/init.tsx"],"names":["rendererMetaScriptTagId","init_types","__esmMin","require_init","__commonJSMin","init","getNeededImports","getExtraImports","disableReactStrictMode","demoWrapperProps","getDemoApp","getKsRendererClientUtils","neededImports","DemoWrapper","ErrorCatcher","root","DemoApp","app","jsx","ReactDOM","React","e","errorElement","__name"],"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,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,IAuBaA,CAvBbC,CAAAA,CAAAA,CAAAC,CAAA,CAAA,IAAA,CAuBaF,CAA0B,CAAA,gBAAA,CAAA,CAAA,CCvBvC,IAAAG,CAAAA,CAAAC,EAAA,IAIAH,CAAAA,CAAAA,EAAAA,CAQA,eAAeI,CAAAA,EAAO,CACpB,GAAI,CACF,GAAM,CACJ,gBAAAC,CAAAA,CAAAA,CACA,eAAAC,CAAAA,CAAAA,CACA,YAAc,CAAA,CAAE,sBAAAC,CAAAA,CAAAA,CAAwB,gBAAAC,CAAAA,CAAiB,CACzD,CAAA,eAAA,CAAiB,CAAE,UAAA,CAAAC,CAAW,CAChC,EAAIC,wBAKF,CAAA,CACA,uBAAAX,CAAAA,CACF,CAAC,CAAA,CACK,CAACY,CAAAA,CAAe,CAAE,WAAAC,CAAAA,CAAAA,CAAa,YAAAC,CAAAA,CAAa,CAAC,CAAA,CAAI,MAAM,OAAA,CAAQ,IAAI,CACvER,CAAAA,EACAC,CAAAA,CAAAA,EACF,CAAC,CACKQ,CAAAA,CAAAA,CAAO,QAAS,CAAA,cAAA,CAAe,aAAa,CAAA,CAClD,GAAI,CAACA,CACH,CAAA,MAAM,IAAI,KAAM,CAAA,uBAAuB,CAGzC,CAAA,IAAMC,CAAUN,CAAAA,CAAAA,CADOE,CACkB,CAAA,CACnCK,EACJC,GAACJ,CAAAA,CAAAA,CAAA,CACC,QAAA,CAAAI,GAACL,CAAAA,CAAAA,CAAA,CAAa,GAAGJ,EACf,QAAAS,CAAAA,GAAAA,CAACF,CAAA,CAAA,EAAQ,CACX,CAAA,CAAA,CACF,CAGFG,CAAAA,CAAAA,CAAS,WAAWJ,CAAI,CAAA,CAAE,MACxBP,CAAAA,CAAAA,CAAyBS,CAAMC,CAAAA,GAAAA,CAACE,CAAM,CAAA,UAAA,CAAN,CAAkB,QAAAH,CAAAA,CAAAA,CAAI,CACxD,EACF,CAASI,MAAAA,CAAAA,CAAG,CACV,OAAA,CAAQ,MAAMA,CAAC,CAAA,CAEf,IAAMC,CAAAA,CAAe,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA,CACjDA,EAAa,SAAY,CAAA,CAAA;AAAA;AAAA,OAAA,EAEpBD,EAAE,OAAO,CAAA;AAAA,EAEd,CAAA,CAAA,QAAA,CAAS,IAAK,CAAA,WAAA,CAAYC,CAAY,EACxC,CACF,CA9CeC,CAAAA,CAAAlB,CAAA,CAAA,MAAA,CAAA,CAgDfA,CAAK,GAAA,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';\n\nexport type Component = ComponentType<Record<string, unknown>>;\n\nexport type DemoWrapperProps = {\n  children: React.ReactNode;\n  demo: Demo;\n  patternId: string;\n  templateId: string;\n};\n\nexport type ExtraJsImportNames = 'DemoWrapper' | 'ErrorCatcher';\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","/// <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  ExtraJsImportNames,\n} from '../types';\n\nasync function init() {\n  try {\n    const {\n      getNeededImports,\n      getExtraImports,\n      rendererMeta: { disableReactStrictMode, demoWrapperProps },\n      rendererMethods: { getDemoApp },\n    } = getKsRendererClientUtils<\n      Component,\n      KsReactMeta,\n      RendererMethods,\n      ExtraJsImportNames\n    >({\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"]}
+{"version":3,"file":"init.mjs","sourceRoot":"","sources":["../../src/client/init.mts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAClF,OAAO,EAAE,sBAAsB,EAAE,MAAM,+DAA+D,CAAC;AACvG,OAAO,EACL,uBAAuB,GAKxB,MAAM,aAAa,CAAC;AAErB,KAAK,UAAU,IAAI;IACjB,IAAI,CAAC;QACH,MAAM,EACJ,gBAAgB,EAChB,eAAe,EACf,YAAY,EAAE,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,EAC1D,eAAe,EAAE,EAAE,UAAU,EAAE,GAChC,GAAG,wBAAwB,CAK1B;YACA,uBAAuB;SACxB,CAAC,CAAC;QACH,MAAM,CAAC,aAAa,EAAE,EAAE,WAAW,EAAE,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YACzD,gBAAgB,EAAE;YAClB,eAAe,EAAE;SAClB,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;QACpD,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;QAC3C,CAAC;QACD,MAAM,cAAc,GAAG,aAAa,CAAC;QACrC,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;QAC3C,MAAM,GAAG,GAAG,sBAAsB,CAAC;YACjC,WAAW;YACX,OAAO;YACP,sBAAsB;YACtB,gBAAgB;SACjB,CAAC,CAAC;QAEH,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACxC,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACjB,yCAAyC;QACzC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACnD,YAAY,CAAC,SAAS,GAAG;;SAEpB,CAAC,CAAC,OAAO;GACf,CAAC;QACA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC1C,CAAC;AACH,CAAC;AAED,IAAI,EAAE,CAAC"}