diff --git a/.circleci/config.yml b/.circleci/config.yml index 7617c773d20d..6f0dbfcc6174 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -106,6 +106,7 @@ jobs: - addons - app - lib + - renderers chromatic: executor: sb_node_14_browsers parallelism: 4 diff --git a/app/html/package.json b/app/html/package.json index e88b56cadd65..5667439bf947 100644 --- a/app/html/package.json +++ b/app/html/package.json @@ -39,14 +39,10 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.5.0-rc.1", - "@storybook/core-client": "6.5.0-rc.1", "@storybook/core-common": "6.5.0-rc.1", "@storybook/core-server": "6.5.0-rc.1", - "@storybook/csf": "0.0.2--canary.4566f4d.1", "@storybook/docs-tools": "6.5.0-rc.1", - "@storybook/preview-web": "6.5.0-rc.1", - "@storybook/store": "6.5.0-rc.1", + "@storybook/renderer-html": "6.5.0-rc.1", "@types/node": "^14.14.20 || ^16.0.0", "@types/webpack-env": "^1.16.0", "core-js": "^3.8.2", @@ -54,9 +50,7 @@ "html-loader": "^1.3.2", "react": "16.14.0", "react-dom": "16.14.0", - "read-pkg-up": "^7.0.1", "regenerator-runtime": "^0.13.7", - "ts-dedent": "^2.0.0", "webpack": ">=4.0.0 <6.0.0" }, "devDependencies": { diff --git a/app/html/src/client/index.ts b/app/html/src/client/index.ts index 620f2fae5cd0..6eadd1970d34 100644 --- a/app/html/src/client/index.ts +++ b/app/html/src/client/index.ts @@ -1,16 +1 @@ -export { - storiesOf, - setAddon, - addDecorator, - addParameters, - configure, - getStorybook, - forceReRender, - raw, -} from './preview'; - -export * from './preview/types-6-0'; - -if (module && module.hot && module.hot.decline) { - module.hot.decline(); -} +export * from '@storybook/renderer-html'; diff --git a/app/html/src/client/preview/config.ts b/app/html/src/client/preview/config.ts deleted file mode 100644 index 981ec886773a..000000000000 --- a/app/html/src/client/preview/config.ts +++ /dev/null @@ -1,3 +0,0 @@ -export { renderToDOM } from './render'; - -export const parameters = { framework: 'html' }; diff --git a/app/html/src/server/framework-preset-html-docs.ts b/app/html/src/server/framework-preset-html-docs.ts deleted file mode 100644 index 2cdcc56e7cb8..000000000000 --- a/app/html/src/server/framework-preset-html-docs.ts +++ /dev/null @@ -1,8 +0,0 @@ -import type { StorybookConfig } from '@storybook/core-common'; -import { findDistEsm } from '@storybook/core-common'; -import { hasDocsOrControls } from '@storybook/docs-tools'; - -export const previewAnnotations: StorybookConfig['previewAnnotations'] = (entry = [], options) => { - if (!hasDocsOrControls(options)) return entry; - return [...entry, findDistEsm(__dirname, 'client/docs/config')]; -}; diff --git a/app/html/src/server/framework-preset-html.ts b/app/html/src/server/framework-preset-html.ts deleted file mode 100644 index 481086898273..000000000000 --- a/app/html/src/server/framework-preset-html.ts +++ /dev/null @@ -1,16 +0,0 @@ -import { findDistEsm } from '@storybook/core-common'; -import type { Configuration } from 'webpack'; -import type { StorybookConfig } from '@storybook/core-common'; - -export function webpack(config: Configuration) { - config.module.rules.push({ - test: /\.html$/, - use: require.resolve('html-loader') as string, - }); - - return config; -} - -export const previewAnnotations: StorybookConfig['previewAnnotations'] = (entry = []) => { - return [...entry, findDistEsm(__dirname, 'client/preview/config')]; -}; diff --git a/app/html/src/server/preset.ts b/app/html/src/server/preset.ts index 62a020699371..5ad201fb77b2 100644 --- a/app/html/src/server/preset.ts +++ b/app/html/src/server/preset.ts @@ -1,6 +1,13 @@ +import type { Configuration } from 'webpack'; import type { StorybookConfig } from '@storybook/core-common'; -export const addons: StorybookConfig['addons'] = [ - require.resolve('./framework-preset-html'), - require.resolve('./framework-preset-html-docs'), -]; +export function webpack(config: Configuration) { + config.module.rules.push({ + test: /\.html$/, + use: require.resolve('html-loader') as string, + }); + + return config; +} + +export const addons: StorybookConfig['addons'] = ['@storybook/renderer-html']; diff --git a/app/preact/package.json b/app/preact/package.json index 071cd5b6d200..ccc57a536eb3 100644 --- a/app/preact/package.json +++ b/app/preact/package.json @@ -40,19 +40,15 @@ }, "dependencies": { "@babel/plugin-transform-react-jsx": "^7.12.12", - "@storybook/addons": "6.5.0-rc.1", - "@storybook/core-client": "6.5.0-rc.1", "@storybook/core-common": "6.5.0-rc.1", "@storybook/core-server": "6.5.0-rc.1", - "@storybook/csf": "0.0.2--canary.4566f4d.1", - "@storybook/store": "6.5.0-rc.1", + "@storybook/renderer-preact": "6.5.0-rc.1", "@types/node": "^14.14.20 || ^16.0.0", "@types/webpack-env": "^1.16.0", "core-js": "^3.8.2", "global": "^4.4.0", "react": "16.14.0", "react-dom": "16.14.0", - "read-pkg-up": "^7.0.1", "regenerator-runtime": "^0.13.7", "ts-dedent": "^2.0.0", "webpack": ">=4.0.0 <6.0.0" diff --git a/app/preact/src/client/index.ts b/app/preact/src/client/index.ts index c679ef3a5670..b0374cabc336 100644 --- a/app/preact/src/client/index.ts +++ b/app/preact/src/client/index.ts @@ -1,12 +1 @@ -export { - storiesOf, - setAddon, - addDecorator, - addParameters, - configure, - getStorybook, - forceReRender, - raw, -} from './preview'; - -export * from './preview/types-6-0'; +export * from '@storybook/renderer-preact'; diff --git a/app/preact/src/server/framework-preset-preact.ts b/app/preact/src/server/framework-preset-preact.ts index 9a50492d3480..eb5c75188be9 100644 --- a/app/preact/src/server/framework-preset-preact.ts +++ b/app/preact/src/server/framework-preset-preact.ts @@ -1,7 +1,6 @@ import path from 'path'; import type { TransformOptions } from '@babel/core'; import type { Configuration } from 'webpack'; -import { findDistEsm } from '@storybook/core-common'; import type { StorybookConfig } from '@storybook/core-common'; export function babelDefault(config: TransformOptions): TransformOptions { @@ -29,6 +28,4 @@ export function webpackFinal(config: Configuration): Configuration { }; } -export const previewAnnotations: StorybookConfig['previewAnnotations'] = (entry = []) => { - return [...entry, findDistEsm(__dirname, 'client/preview/config')]; -}; +export const addons: StorybookConfig['addons'] = ['@storybook/renderer-preact']; diff --git a/app/react/package.json b/app/react/package.json index f4072c25d8d0..bfb327b3d2ec 100644 --- a/app/react/package.json +++ b/app/react/package.json @@ -43,35 +43,21 @@ "@babel/preset-flow": "^7.12.1", "@babel/preset-react": "^7.12.10", "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3", - "@storybook/addons": "6.5.0-rc.1", - "@storybook/client-logger": "6.5.0-rc.1", - "@storybook/core-client": "6.5.0-rc.1", "@storybook/core-common": "6.5.0-rc.1", "@storybook/core-server": "6.5.0-rc.1", - "@storybook/csf": "0.0.2--canary.4566f4d.1", "@storybook/docs-tools": "6.5.0-rc.1", "@storybook/node-logger": "6.5.0-rc.1", "@storybook/react-docgen-typescript-plugin": "1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0", + "@storybook/renderer-react": "6.5.0-rc.1", "@storybook/semver": "^7.3.2", - "@storybook/store": "6.5.0-rc.1", - "@types/estree": "^0.0.51", "@types/node": "^14.14.20 || ^16.0.0", "@types/webpack-env": "^1.16.0", - "acorn": "^7.4.1", - "acorn-jsx": "^5.3.1", - "acorn-walk": "^7.2.0", "babel-plugin-add-react-displayname": "^0.0.5", "babel-plugin-react-docgen": "^4.2.1", "core-js": "^3.8.2", - "escodegen": "^2.0.0", "fs-extra": "^9.0.1", "global": "^4.4.0", - "html-tags": "^3.1.0", - "lodash": "^4.17.21", - "prop-types": "^15.7.2", - "react-element-to-jsx-string": "^14.3.4", "react-refresh": "^0.11.0", - "read-pkg-up": "^7.0.1", "regenerator-runtime": "^0.13.7", "ts-dedent": "^2.0.0", "util-deprecate": "^1.0.2", diff --git a/app/react/src/client/index.ts b/app/react/src/client/index.ts index 141f7e7f43fc..7d6e4ae9d6d7 100644 --- a/app/react/src/client/index.ts +++ b/app/react/src/client/index.ts @@ -1,18 +1 @@ -export type { DecoratorFn } from './preview'; -export { - storiesOf, - setAddon, - addDecorator, - addParameters, - configure, - getStorybook, - raw, - forceReRender, -} from './preview'; -export * from './testing'; - -export * from './preview/types-6-3'; - -if (module && module.hot && module.hot.decline) { - module.hot.decline(); -} +export * from '@storybook/renderer-react'; diff --git a/app/react/src/client/preview/config.ts b/app/react/src/client/preview/config.ts deleted file mode 100644 index decd470c6d0f..000000000000 --- a/app/react/src/client/preview/config.ts +++ /dev/null @@ -1,3 +0,0 @@ -export { render, renderToDOM } from './render'; - -export const parameters = { framework: 'react' }; diff --git a/app/react/src/server/framework-preset-react-docs.ts b/app/react/src/server/framework-preset-react-docs.ts index 1e9a1e74cfb1..8ed67d08e04a 100644 --- a/app/react/src/server/framework-preset-react-docs.ts +++ b/app/react/src/server/framework-preset-react-docs.ts @@ -1,5 +1,4 @@ import type { StorybookConfig, Options, TypescriptConfig } from '@storybook/core-common'; -import { findDistEsm } from '@storybook/core-common'; import type { TransformOptions } from '@babel/core'; import type { Configuration } from 'webpack'; import ReactDocgenTypescriptPlugin from '@storybook/react-docgen-typescript-plugin'; @@ -58,8 +57,3 @@ export async function webpackFinal(config: Configuration, options: Options) { ], }; } - -export const previewAnnotations: StorybookConfig['previewAnnotations'] = (entry = [], options) => { - if (!hasDocsOrControls(options)) return entry; - return [...entry, findDistEsm(__dirname, 'client/docs/config')]; -}; diff --git a/app/react/src/server/framework-preset-react-dom-hack.ts b/app/react/src/server/framework-preset-react-dom-hack.ts index f9893d37c85a..a00646202f00 100644 --- a/app/react/src/server/framework-preset-react-dom-hack.ts +++ b/app/react/src/server/framework-preset-react-dom-hack.ts @@ -15,7 +15,8 @@ export async function webpackFinal(config: Configuration) { ? null : new IgnorePlugin({ resourceRegExp: /react-dom\/client$/, - contextRegExp: /(app\/react|app\\react|@storybook\/react|@storybook\\react)/, // TODO this needs to work for both in our MONOREPO and in the user's NODE_MODULES + contextRegExp: + /(renderers\/react|renderers\\react|@storybook\/renderer-react|@storybook\\renderer-react)/, // TODO this needs to work for both in our MONOREPO and in the user's NODE_MODULES }), ].filter(Boolean), }; diff --git a/app/react/src/server/preset.ts b/app/react/src/server/preset.ts index 081c6073e26b..1df8fc3cc348 100644 --- a/app/react/src/server/preset.ts +++ b/app/react/src/server/preset.ts @@ -1,12 +1,7 @@ -import { findDistEsm } from '@storybook/core-common'; import type { StorybookConfig } from '@storybook/core-common'; -export const previewAnnotations: StorybookConfig['previewAnnotations'] = (entries = []) => [ - ...entries, - findDistEsm(__dirname, 'client/preview/config'), -]; - export const addons: StorybookConfig['addons'] = [ + '@storybook/renderer-react', require.resolve('./framework-preset-react'), require.resolve('./framework-preset-react-dom-hack'), require.resolve('./framework-preset-cra'), diff --git a/app/react/src/typings.d.ts b/app/react/src/typings.d.ts index cd1929c868b2..f21e29cca314 100644 --- a/app/react/src/typings.d.ts +++ b/app/react/src/typings.d.ts @@ -4,29 +4,28 @@ declare module 'global'; // TODO: Replace, as soon as @types/react-dom 17.0.14 is used // Source: https://github.com/DefinitelyTyped/DefinitelyTyped/blob/fb0f14b7a35cde26ffaa82e7536c062e593e9ae6/types/react-dom/client.d.ts declare module 'react-dom/client' { - -import React = require('react'); + import React = require('react'); export interface HydrationOptions { - onHydrated?(suspenseInstance: Comment): void; - onDeleted?(suspenseInstance: Comment): void; - /** - * Prefix for `useId`. - */ - identifierPrefix?: string; - onRecoverableError?: (error: unknown) => void; + onHydrated?(suspenseInstance: Comment): void; + onDeleted?(suspenseInstance: Comment): void; + /** + * Prefix for `useId`. + */ + identifierPrefix?: string; + onRecoverableError?: (error: unknown) => void; } export interface RootOptions { - /** - * Prefix for `useId`. - */ - identifierPrefix?: string; - onRecoverableError?: (error: unknown) => void; + /** + * Prefix for `useId`. + */ + identifierPrefix?: string; + onRecoverableError?: (error: unknown) => void; } export interface Root { - render(children: React.ReactChild | Iterable): void; - unmount(): void; + render(children: React.ReactChild | Iterable): void; + unmount(): void; } /** @@ -34,11 +33,14 @@ import React = require('react'); * * @see https://reactjs.org/docs/concurrent-mode-reference.html#createroot */ - export function createRoot(container: Element | Document | DocumentFragment | Comment, options?: RootOptions): Root; + export function createRoot( + container: Element | Document | DocumentFragment | Comment, + options?: RootOptions + ): Root; export function hydrateRoot( - container: Element | Document | DocumentFragment | Comment, - initialChildren: React.ReactChild | Iterable, - options?: HydrationOptions, + container: Element | Document | DocumentFragment | Comment, + initialChildren: React.ReactChild | Iterable, + options?: HydrationOptions ): Root; } diff --git a/app/server/package.json b/app/server/package.json index 4b2c283fc588..966ef9526c3c 100644 --- a/app/server/package.json +++ b/app/server/package.json @@ -39,23 +39,15 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.5.0-rc.1", - "@storybook/api": "6.5.0-rc.1", - "@storybook/client-api": "6.5.0-rc.1", - "@storybook/core-client": "6.5.0-rc.1", "@storybook/core-common": "6.5.0-rc.1", "@storybook/core-server": "6.5.0-rc.1", - "@storybook/csf": "0.0.2--canary.4566f4d.1", - "@storybook/node-logger": "6.5.0-rc.1", - "@storybook/preview-web": "6.5.0-rc.1", - "@storybook/store": "6.5.0-rc.1", + "@storybook/renderer-server": "6.5.0-rc.1", "@types/node": "^14.14.20 || ^16.0.0", "@types/webpack-env": "^1.16.0", "core-js": "^3.8.2", "global": "^4.4.0", "react": "16.14.0", "react-dom": "16.14.0", - "read-pkg-up": "^7.0.1", "regenerator-runtime": "^0.13.7", "safe-identifier": "^0.4.1", "ts-dedent": "^2.0.0", diff --git a/app/server/src/client/index.ts b/app/server/src/client/index.ts index 8034a9d6433d..16e7fdbacf12 100644 --- a/app/server/src/client/index.ts +++ b/app/server/src/client/index.ts @@ -1,14 +1 @@ -export { - storiesOf, - setAddon, - addDecorator, - addParameters, - configure, - getStorybook, - forceReRender, - raw, -} from './preview'; - -if (module && module.hot && module.hot.decline) { - module.hot.decline(); -} +export * from '@storybook/renderer-server'; diff --git a/app/server/src/server/framework-preset-server.ts b/app/server/src/server/framework-preset-server.ts index f4f552890b79..fdad4774bca3 100644 --- a/app/server/src/server/framework-preset-server.ts +++ b/app/server/src/server/framework-preset-server.ts @@ -1,5 +1,4 @@ import path from 'path'; -import { findDistEsm } from '@storybook/core-common'; import type { StorybookConfig } from '@storybook/core-common'; import type { Configuration } from 'webpack'; @@ -19,6 +18,4 @@ export function webpack(config: Configuration) { return config; } -export const previewAnnotations: StorybookConfig['previewAnnotations'] = (entry = []) => { - return [...entry, findDistEsm(__dirname, 'client/preview/config')]; -}; +export const addons: StorybookConfig['addons'] = ['@storybook/renderer-server']; diff --git a/app/svelte/package.json b/app/svelte/package.json index ee32a1a8f4a1..a87ae4e9f764 100644 --- a/app/svelte/package.json +++ b/app/svelte/package.json @@ -40,21 +40,15 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.5.0-rc.1", - "@storybook/client-logger": "6.5.0-rc.1", - "@storybook/core-client": "6.5.0-rc.1", "@storybook/core-common": "6.5.0-rc.1", "@storybook/core-server": "6.5.0-rc.1", - "@storybook/csf": "0.0.2--canary.4566f4d.1", - "@storybook/docs-tools": "6.5.0-rc.1", "@storybook/node-logger": "6.5.0-rc.1", - "@storybook/store": "6.5.0-rc.1", + "@storybook/renderer-svelte": "6.5.0-rc.1", "core-js": "^3.8.2", "global": "^4.4.0", "loader-utils": "^2.0.0", "react": "16.14.0", "react-dom": "16.14.0", - "read-pkg-up": "^7.0.1", "regenerator-runtime": "^0.13.7", "sveltedoc-parser": "4.1.0", "ts-dedent": "^2.0.0", diff --git a/app/svelte/src/client/index.ts b/app/svelte/src/client/index.ts index 8034a9d6433d..9b48813943ee 100644 --- a/app/svelte/src/client/index.ts +++ b/app/svelte/src/client/index.ts @@ -1,14 +1 @@ -export { - storiesOf, - setAddon, - addDecorator, - addParameters, - configure, - getStorybook, - forceReRender, - raw, -} from './preview'; - -if (module && module.hot && module.hot.decline) { - module.hot.decline(); -} +export * from '@storybook/renderer-svelte'; diff --git a/app/svelte/src/server/framework-preset-svelte-docs.ts b/app/svelte/src/server/framework-preset-svelte-docs.ts index 4160fc5d40db..2ae6af697652 100644 --- a/app/svelte/src/server/framework-preset-svelte-docs.ts +++ b/app/svelte/src/server/framework-preset-svelte-docs.ts @@ -1,6 +1,6 @@ import path from 'path'; -import { findDistEsm, Options, StorybookConfig } from '@storybook/core-common'; +import { Options } from '@storybook/core-common'; type Configuration = any; @@ -16,7 +16,3 @@ export async function webpackFinal(webpackConfig: Configuration, options: Option return webpackConfig; } - -export const previewAnnotations: StorybookConfig['previewAnnotations'] = (entry = []) => { - return [...entry, findDistEsm(__dirname, 'client/docs/config')]; -}; diff --git a/app/svelte/src/server/framework-preset-svelte.ts b/app/svelte/src/server/framework-preset-svelte.ts index c3cf144bc72e..31950db7fc22 100644 --- a/app/svelte/src/server/framework-preset-svelte.ts +++ b/app/svelte/src/server/framework-preset-svelte.ts @@ -1,5 +1,4 @@ -import { findDistEsm } from '@storybook/core-common'; -import type { Options, StorybookConfig } from '@storybook/core-common'; +import type { Options } from '@storybook/core-common'; import type { Configuration } from 'webpack'; import type { TransformOptions } from '@babel/core'; @@ -41,7 +40,3 @@ export async function babelDefault(config: TransformOptions): Promise { - return [...entry, findDistEsm(__dirname, 'client/preview/config')]; -}; diff --git a/app/svelte/src/server/preset.ts b/app/svelte/src/server/preset.ts index 5746855d89a0..7ff04fa37512 100644 --- a/app/svelte/src/server/preset.ts +++ b/app/svelte/src/server/preset.ts @@ -1,6 +1,7 @@ import type { StorybookConfig } from '@storybook/core-common'; export const addons: StorybookConfig['addons'] = [ + '@storybook/renderer-svelte', require.resolve('./framework-preset-svelte'), require.resolve('./framework-preset-svelte-docs'), ]; diff --git a/app/vue/package.json b/app/vue/package.json index 31899d6eb3ca..a98cc348f8f3 100644 --- a/app/vue/package.json +++ b/app/vue/package.json @@ -39,21 +39,16 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.5.0-rc.1", - "@storybook/client-logger": "6.5.0-rc.1", - "@storybook/core-client": "6.5.0-rc.1", "@storybook/core-common": "6.5.0-rc.1", "@storybook/core-server": "6.5.0-rc.1", - "@storybook/csf": "0.0.2--canary.4566f4d.1", "@storybook/docs-tools": "6.5.0-rc.1", - "@storybook/store": "6.5.0-rc.1", + "@storybook/renderer-vue": "6.5.0-rc.1", "@types/node": "^14.14.20 || ^16.0.0", "@types/webpack-env": "^1.16.0", "core-js": "^3.8.2", "global": "^4.4.0", "react": "16.14.0", "react-dom": "16.14.0", - "read-pkg-up": "^7.0.1", "regenerator-runtime": "^0.13.7", "ts-dedent": "^2.0.0", "ts-loader": "^8.0.14", diff --git a/app/vue/src/client/index.ts b/app/vue/src/client/index.ts index 620f2fae5cd0..281c0a2af520 100644 --- a/app/vue/src/client/index.ts +++ b/app/vue/src/client/index.ts @@ -1,16 +1 @@ -export { - storiesOf, - setAddon, - addDecorator, - addParameters, - configure, - getStorybook, - forceReRender, - raw, -} from './preview'; - -export * from './preview/types-6-0'; - -if (module && module.hot && module.hot.decline) { - module.hot.decline(); -} +export * from '@storybook/renderer-vue'; diff --git a/app/vue/src/client/preview/config.ts b/app/vue/src/client/preview/config.ts deleted file mode 100644 index 759c77b9abeb..000000000000 --- a/app/vue/src/client/preview/config.ts +++ /dev/null @@ -1,4 +0,0 @@ -export { render, renderToDOM } from './render'; -export { decorateStory as applyDecorators } from './decorateStory'; - -export const parameters = { framework: 'vue' }; diff --git a/app/vue/src/server/framework-preset-vue-docs.ts b/app/vue/src/server/framework-preset-vue-docs.ts index 984fa07c49c5..4afc344e6bb6 100644 --- a/app/vue/src/server/framework-preset-vue-docs.ts +++ b/app/vue/src/server/framework-preset-vue-docs.ts @@ -1,4 +1,4 @@ -import { findDistEsm, Options, StorybookConfig } from '@storybook/core-common'; +import { Options } from '@storybook/core-common'; import { hasDocsOrControls } from '@storybook/docs-tools'; export function webpackFinal(webpackConfig: any = {}, options: Options) { @@ -29,8 +29,3 @@ export function webpackFinal(webpackConfig: any = {}, options: Options) { }); return webpackConfig; } - -export const previewAnnotations: StorybookConfig['previewAnnotations'] = (entry = [], options) => { - if (!hasDocsOrControls(options)) return entry; - return [...entry, findDistEsm(__dirname, 'client/docs/config')]; -}; diff --git a/app/vue/src/server/framework-preset-vue.ts b/app/vue/src/server/framework-preset-vue.ts index 8656d8d35060..3af8418722bb 100644 --- a/app/vue/src/server/framework-preset-vue.ts +++ b/app/vue/src/server/framework-preset-vue.ts @@ -1,6 +1,5 @@ /* eslint-disable no-param-reassign */ import { VueLoaderPlugin } from 'vue-loader'; -import { findDistEsm } from '@storybook/core-common'; import type { Configuration } from 'webpack'; import type { Options, TypescriptConfig, StorybookConfig } from '@storybook/core-common'; @@ -44,7 +43,3 @@ export async function webpack(config: Configuration, { presets }: Options) { return config; } - -export const previewAnnotations: StorybookConfig['previewAnnotations'] = (entry = []) => { - return [...entry, findDistEsm(__dirname, 'client/preview/config')]; -}; diff --git a/app/vue/src/server/preset.ts b/app/vue/src/server/preset.ts index 89288293223c..e90a0c007d41 100644 --- a/app/vue/src/server/preset.ts +++ b/app/vue/src/server/preset.ts @@ -1,6 +1,7 @@ import type { StorybookConfig } from '@storybook/core-common'; export const addons: StorybookConfig['addons'] = [ + '@storybook/renderer-vue', require.resolve('./framework-preset-vue'), require.resolve('./framework-preset-vue-docs'), ]; diff --git a/app/vue3/package.json b/app/vue3/package.json index b8bd459a1741..3c4c6e19302d 100644 --- a/app/vue3/package.json +++ b/app/vue3/package.json @@ -39,20 +39,16 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "6.5.0-rc.1", - "@storybook/core-client": "6.5.0-rc.1", "@storybook/core-common": "6.5.0-rc.1", "@storybook/core-server": "6.5.0-rc.1", - "@storybook/csf": "0.0.2--canary.4566f4d.1", "@storybook/docs-tools": "6.5.0-rc.1", - "@storybook/store": "6.5.0-rc.1", + "@storybook/renderer-vue3": "6.5.0-rc.1", "@types/node": "^14.14.20 || ^16.0.0", "@types/webpack-env": "^1.16.0", "core-js": "^3.8.2", "global": "^4.4.0", "react": "16.14.0", "react-dom": "16.14.0", - "read-pkg-up": "^7.0.1", "regenerator-runtime": "^0.13.7", "ts-dedent": "^2.0.0", "ts-loader": "^8.0.14", diff --git a/app/vue3/src/client/index.ts b/app/vue3/src/client/index.ts index de13a1bc49ff..2d687b57f660 100644 --- a/app/vue3/src/client/index.ts +++ b/app/vue3/src/client/index.ts @@ -1,18 +1 @@ -export { - storiesOf, - setAddon, - addDecorator, - addParameters, - configure, - getStorybook, - forceReRender, - raw, - app, - activeStoryComponent, -} from './preview'; - -export * from './preview/types-6-0'; - -if (module && module.hot && module.hot.decline) { - module.hot.decline(); -} +export * from '@storybook/renderer-vue3'; diff --git a/app/vue3/src/client/preview/config.ts b/app/vue3/src/client/preview/config.ts deleted file mode 100644 index 589efca6a13f..000000000000 --- a/app/vue3/src/client/preview/config.ts +++ /dev/null @@ -1,4 +0,0 @@ -export { render, renderToDOM } from './render'; -export { decorateStory as applyDecorators } from './decorateStory'; - -export const parameters = { framework: 'vue3' }; diff --git a/app/vue3/src/server/framework-preset-vue3-docs.ts b/app/vue3/src/server/framework-preset-vue3-docs.ts index b97af76f15ff..07340bb3e5fe 100644 --- a/app/vue3/src/server/framework-preset-vue3-docs.ts +++ b/app/vue3/src/server/framework-preset-vue3-docs.ts @@ -1,5 +1,4 @@ -import type { Options, StorybookConfig } from '@storybook/core-common'; -import { findDistEsm } from '@storybook/core-common'; +import type { Options } from '@storybook/core-common'; import { hasDocsOrControls } from '@storybook/docs-tools'; export function webpackFinal(webpackConfig: any = {}, options: Options) { @@ -30,8 +29,3 @@ export function webpackFinal(webpackConfig: any = {}, options: Options) { }); return webpackConfig; } - -export const previewAnnotations: StorybookConfig['previewAnnotations'] = (entry = [], options) => { - if (!hasDocsOrControls(options)) return entry; - return [...entry, findDistEsm(__dirname, 'client/docs/config')]; -}; diff --git a/app/vue3/src/server/framework-preset-vue3.ts b/app/vue3/src/server/framework-preset-vue3.ts index 549ac4c02acd..892fd1560fff 100644 --- a/app/vue3/src/server/framework-preset-vue3.ts +++ b/app/vue3/src/server/framework-preset-vue3.ts @@ -1,7 +1,5 @@ import { VueLoaderPlugin } from 'vue-loader'; import { Configuration, DefinePlugin } from 'webpack'; -import { findDistEsm } from '@storybook/core-common'; -import type { StorybookConfig } from '@storybook/core-common'; export function webpack(config: Configuration): Configuration { return { @@ -60,7 +58,3 @@ export function webpack(config: Configuration): Configuration { }, }; } - -export const previewAnnotations: StorybookConfig['previewAnnotations'] = (entry = []) => { - return [...entry, findDistEsm(__dirname, 'client/preview/config')]; -}; diff --git a/app/vue3/src/server/preset.ts b/app/vue3/src/server/preset.ts index 16c9fbcfde38..b910b14ad4fb 100644 --- a/app/vue3/src/server/preset.ts +++ b/app/vue3/src/server/preset.ts @@ -1,6 +1,7 @@ import type { StorybookConfig } from '@storybook/core-common'; export const addons: StorybookConfig['addons'] = [ + '@storybook/renderer-vue3', require.resolve('./framework-preset-vue3'), require.resolve('./framework-preset-vue3-docs'), ]; diff --git a/app/web-components/package.json b/app/web-components/package.json index 88c1510000a2..e3e57e5958ae 100644 --- a/app/web-components/package.json +++ b/app/web-components/package.json @@ -44,16 +44,10 @@ "@babel/plugin-syntax-dynamic-import": "^7.8.3", "@babel/plugin-syntax-import-meta": "^7.10.4", "@babel/preset-env": "^7.12.11", - "@storybook/addons": "6.5.0-rc.1", - "@storybook/client-api": "6.5.0-rc.1", - "@storybook/client-logger": "6.5.0-rc.1", - "@storybook/core-client": "6.5.0-rc.1", "@storybook/core-common": "6.5.0-rc.1", "@storybook/core-server": "6.5.0-rc.1", - "@storybook/csf": "0.0.2--canary.4566f4d.1", "@storybook/docs-tools": "6.5.0-rc.1", - "@storybook/preview-web": "6.5.0-rc.1", - "@storybook/store": "6.5.0-rc.1", + "@storybook/renderer-web-components": "6.5.0-rc.1", "@types/node": "^14.14.20 || ^16.0.0", "@types/webpack-env": "^1.16.0", "babel-plugin-bundled-import-meta": "^0.3.1", @@ -61,7 +55,6 @@ "global": "^4.4.0", "react": "16.14.0", "react-dom": "16.14.0", - "read-pkg-up": "^7.0.1", "regenerator-runtime": "^0.13.7", "ts-dedent": "^2.0.0" }, diff --git a/app/web-components/src/client/index.ts b/app/web-components/src/client/index.ts index d43a49b2fa31..c90b9d19c452 100644 --- a/app/web-components/src/client/index.ts +++ b/app/web-components/src/client/index.ts @@ -1,43 +1 @@ -import global from 'global'; - -const { window, EventSource } = global; - -export { - storiesOf, - setAddon, - addDecorator, - addParameters, - configure, - getStorybook, - forceReRender, - raw, -} from './preview'; - -export { - getCustomElements, - setCustomElements, - setCustomElementsManifest, - isValidComponent, - isValidMetaData, -} from './customElements'; - -export * from './preview/types-6-0'; - -// TODO: disable HMR and do full page loads because of customElements.define -if (module && module.hot && module.hot.decline) { - module.hot.decline(); - - // forcing full reloads for customElements as elements can only be defined once per page - const hmr = new EventSource('__webpack_hmr'); - hmr.addEventListener('message', function fullPageReload(event: { data: string }) { - try { - // Only care for built events. Heartbeats are not parsable so we ignore those - const { action } = JSON.parse(event.data); - if (action === 'built') { - window.location.reload(); - } - } catch (error) { - // Most part we only get here from the data in the server-sent event not being parsable which is ok - } - }); -} +export * from '@storybook/renderer-web-components'; diff --git a/app/web-components/src/client/preview/config.ts b/app/web-components/src/client/preview/config.ts deleted file mode 100644 index a8f16dae7703..000000000000 --- a/app/web-components/src/client/preview/config.ts +++ /dev/null @@ -1,3 +0,0 @@ -export { renderToDOM } from './render'; - -export const parameters = { framework: 'web-components' }; diff --git a/app/web-components/src/server/framework-preset-web-components-docs.ts b/app/web-components/src/server/framework-preset-web-components-docs.ts deleted file mode 100644 index 31ccb922f3f1..000000000000 --- a/app/web-components/src/server/framework-preset-web-components-docs.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { findDistEsm, StorybookConfig } from '@storybook/core-common'; -import { hasDocsOrControls } from '@storybook/docs-tools'; - -export const previewAnnotations: StorybookConfig['previewAnnotations'] = (entry = [], options) => { - if (!hasDocsOrControls(options)) return entry; - return [...entry, findDistEsm(__dirname, 'client/docs/config')]; -}; diff --git a/app/web-components/src/server/framework-preset-web-components.ts b/app/web-components/src/server/framework-preset-web-components.ts index 19c537420947..aebad703a66e 100644 --- a/app/web-components/src/server/framework-preset-web-components.ts +++ b/app/web-components/src/server/framework-preset-web-components.ts @@ -1,6 +1,4 @@ -import { findDistEsm } from '@storybook/core-common'; - -import type { Options, StorybookConfig } from '@storybook/core-common'; +import type { Options } from '@storybook/core-common'; import type { Configuration } from 'webpack'; export function webpack(config: Configuration, options: Options) { @@ -40,7 +38,3 @@ export function webpack(config: Configuration, options: Options) { return config; } - -export const previewAnnotations: StorybookConfig['previewAnnotations'] = (entry = []) => { - return [...entry, findDistEsm(__dirname, 'client/preview/config')]; -}; diff --git a/app/web-components/src/server/preset.ts b/app/web-components/src/server/preset.ts index 2b8b5f434f7c..1d220c4d4efb 100644 --- a/app/web-components/src/server/preset.ts +++ b/app/web-components/src/server/preset.ts @@ -1,6 +1,6 @@ import type { StorybookConfig } from '@storybook/core-common'; export const addons: StorybookConfig['addons'] = [ + '@storybook/renderer-web-components', require.resolve('./framework-preset-web-components'), - require.resolve('./framework-preset-web-components-docs'), ]; diff --git a/examples/web-components-kitchen-sink/package.json b/examples/web-components-kitchen-sink/package.json index d42be4d6a646..8aaecee94f9a 100644 --- a/examples/web-components-kitchen-sink/package.json +++ b/examples/web-components-kitchen-sink/package.json @@ -46,6 +46,7 @@ "@storybook/node-logger": "portal:../../lib/node-logger", "@storybook/postinstall": "portal:../../lib/postinstall", "@storybook/preview-web": "portal:../../lib/preview-web", + "@storybook/renderer-web-components": "portal:../../renderers/web-components", "@storybook/router": "portal:../../lib/router", "@storybook/source-loader": "portal:../../lib/source-loader", "@storybook/store": "portal:../../lib/store", diff --git a/examples/web-components-kitchen-sink/yarn.lock b/examples/web-components-kitchen-sink/yarn.lock index bd1710570d57..1d852f839718 100644 --- a/examples/web-components-kitchen-sink/yarn.lock +++ b/examples/web-components-kitchen-sink/yarn.lock @@ -3394,6 +3394,29 @@ __metadata: languageName: node linkType: soft +"@storybook/renderer-web-components@portal:../../renderers/web-components::locator=web-components-kitchen-sink%40workspace%3A.": + version: 0.0.0-use.local + resolution: "@storybook/renderer-web-components@portal:../../renderers/web-components::locator=web-components-kitchen-sink%40workspace%3A." + dependencies: + "@storybook/addons": 6.5.0-beta.0 + "@storybook/api": 6.5.0-beta.0 + "@storybook/client-logger": 6.5.0-beta.0 + "@storybook/core-client": 6.5.0-beta.0 + "@storybook/csf": 0.0.2--canary.7c6c115.0 + "@storybook/docs-tools": 6.5.0-beta.0 + "@storybook/preview-web": 6.5.0-beta.0 + "@storybook/store": 6.5.0-beta.0 + core-js: ^3.8.2 + global: ^4.4.0 + react: 16.14.0 + react-dom: 16.14.0 + regenerator-runtime: ^0.13.7 + ts-dedent: ^2.0.0 + peerDependencies: + lit-html: ^1.4.1 || ^2.0.0 + languageName: node + linkType: soft + "@storybook/router@portal:../../lib/router::locator=web-components-kitchen-sink%40workspace%3A.": version: 0.0.0-use.local resolution: "@storybook/router@portal:../../lib/router::locator=web-components-kitchen-sink%40workspace%3A." @@ -3524,16 +3547,10 @@ __metadata: "@babel/plugin-syntax-dynamic-import": ^7.8.3 "@babel/plugin-syntax-import-meta": ^7.10.4 "@babel/preset-env": ^7.12.11 - "@storybook/addons": 6.5.0-beta.0 - "@storybook/client-api": 6.5.0-beta.0 - "@storybook/client-logger": 6.5.0-beta.0 - "@storybook/core-client": 6.5.0-beta.0 "@storybook/core-common": 6.5.0-beta.0 "@storybook/core-server": 6.5.0-beta.0 - "@storybook/csf": 0.0.2--canary.7c6c115.0 "@storybook/docs-tools": 6.5.0-beta.0 - "@storybook/preview-web": 6.5.0-beta.0 - "@storybook/store": 6.5.0-beta.0 + "@storybook/renderer-web-components": 6.5.0-beta.0 "@types/node": ^14.14.20 || ^16.0.0 "@types/webpack-env": ^1.16.0 babel-plugin-bundled-import-meta: ^0.3.1 @@ -3541,7 +3558,6 @@ __metadata: global: ^4.4.0 react: 16.14.0 react-dom: 16.14.0 - read-pkg-up: ^7.0.1 regenerator-runtime: ^0.13.7 ts-dedent: ^2.0.0 peerDependencies: diff --git a/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-dev-posix b/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-dev-posix index 45f3199dcaa1..4c3aadc03154 100644 --- a/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-dev-posix +++ b/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-dev-posix @@ -8,8 +8,7 @@ Object { "NODE_MODULES/webpack-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined", "NODE_MODULES/@storybook/addon-ie11/dist/event-source-polyfill.js", "ROOT/storybook-init-framework-entry.js", - "ROOT/app/react/dist/esm/client/docs/config-generated-config-entry.js", - "ROOT/app/react/dist/esm/client/preview/config-generated-config-entry.js", + "ROOT/renderers/react/preview.js-generated-config-entry.js", "ROOT/addons/docs/preview.js-generated-config-entry.js", "ROOT/addons/actions/preview.js-generated-config-entry.js", "ROOT/addons/backgrounds/preview.js-generated-config-entry.js", diff --git a/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-prod-posix b/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-prod-posix index 19d3bb4c27a5..953558dacc6f 100644 --- a/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-prod-posix +++ b/lib/core-server/src/__snapshots__/cra-ts-essentials_preview-prod-posix @@ -504,8 +504,7 @@ Object { "ROOT/lib/core-client/dist/esm/globals/globals.js", "NODE_MODULES/@storybook/addon-ie11/dist/event-source-polyfill.js", "ROOT/storybook-init-framework-entry.js", - "ROOT/app/react/dist/esm/client/docs/config-generated-config-entry.js", - "ROOT/app/react/dist/esm/client/preview/config-generated-config-entry.js", + "ROOT/renderers/react/preview.js-generated-config-entry.js", "ROOT/addons/docs/preview.js-generated-config-entry.js", "ROOT/addons/actions/preview.js-generated-config-entry.js", "ROOT/addons/backgrounds/preview.js-generated-config-entry.js", diff --git a/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-dev-posix b/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-dev-posix index fef4e5b1e09b..bddd0ee7043f 100644 --- a/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-dev-posix +++ b/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-dev-posix @@ -7,8 +7,7 @@ Object { "ROOT/lib/core-client/dist/esm/globals/globals.js", "NODE_MODULES/webpack-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined", "ROOT/storybook-init-framework-entry.js", - "ROOT/app/html/dist/esm/client/preview/config-generated-config-entry.js", - "ROOT/app/html/dist/esm/client/docs/config-generated-config-entry.js", + "ROOT/renderers/html/preview.js-generated-config-entry.js", "ROOT/addons/docs/preview.js-generated-config-entry.js", "ROOT/addons/a11y/preview.js-generated-config-entry.js", "ROOT/addons/actions/preview.js-generated-config-entry.js", diff --git a/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-prod-posix b/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-prod-posix index d1c67aacb001..8ea9e556d889 100644 --- a/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-prod-posix +++ b/lib/core-server/src/__snapshots__/html-kitchen-sink_preview-prod-posix @@ -6,8 +6,7 @@ Object { "ROOT/lib/core-client/dist/esm/globals/polyfills.js", "ROOT/lib/core-client/dist/esm/globals/globals.js", "ROOT/storybook-init-framework-entry.js", - "ROOT/app/html/dist/esm/client/preview/config-generated-config-entry.js", - "ROOT/app/html/dist/esm/client/docs/config-generated-config-entry.js", + "ROOT/renderers/html/preview.js-generated-config-entry.js", "ROOT/addons/docs/preview.js-generated-config-entry.js", "ROOT/addons/a11y/preview.js-generated-config-entry.js", "ROOT/addons/actions/preview.js-generated-config-entry.js", diff --git a/lib/core-server/src/__snapshots__/vue-3-cli_preview-dev-posix b/lib/core-server/src/__snapshots__/vue-3-cli_preview-dev-posix index ab76b4d0c1c7..f929bc17a29d 100644 --- a/lib/core-server/src/__snapshots__/vue-3-cli_preview-dev-posix +++ b/lib/core-server/src/__snapshots__/vue-3-cli_preview-dev-posix @@ -7,8 +7,7 @@ Object { "ROOT/lib/core-client/dist/esm/globals/globals.js", "NODE_MODULES/webpack-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined", "ROOT/storybook-init-framework-entry.js", - "ROOT/app/vue3/dist/esm/client/preview/config-generated-config-entry.js", - "ROOT/app/vue3/dist/esm/client/docs/config-generated-config-entry.js", + "ROOT/renderers/vue3/preview.js-generated-config-entry.js", "ROOT/addons/links/preview.js-generated-config-entry.js", "ROOT/addons/docs/preview.js-generated-config-entry.js", "ROOT/addons/actions/preview.js-generated-config-entry.js", diff --git a/lib/core-server/src/__snapshots__/vue-3-cli_preview-prod-posix b/lib/core-server/src/__snapshots__/vue-3-cli_preview-prod-posix index c769b18749c7..20aef3ec590b 100644 --- a/lib/core-server/src/__snapshots__/vue-3-cli_preview-prod-posix +++ b/lib/core-server/src/__snapshots__/vue-3-cli_preview-prod-posix @@ -6,8 +6,7 @@ Object { "ROOT/lib/core-client/dist/esm/globals/polyfills.js", "ROOT/lib/core-client/dist/esm/globals/globals.js", "ROOT/storybook-init-framework-entry.js", - "ROOT/app/vue3/dist/esm/client/preview/config-generated-config-entry.js", - "ROOT/app/vue3/dist/esm/client/docs/config-generated-config-entry.js", + "ROOT/renderers/vue3/preview.js-generated-config-entry.js", "ROOT/addons/links/preview.js-generated-config-entry.js", "ROOT/addons/docs/preview.js-generated-config-entry.js", "ROOT/addons/actions/preview.js-generated-config-entry.js", diff --git a/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-dev-posix b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-dev-posix index 12efbe2571e2..f6c306ddc0a9 100644 --- a/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-dev-posix +++ b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-dev-posix @@ -7,8 +7,7 @@ Object { "ROOT/lib/core-client/dist/esm/globals/globals.js", "NODE_MODULES/webpack-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined", "ROOT/storybook-init-framework-entry.js", - "ROOT/app/web-components/dist/esm/client/preview/config-generated-config-entry.js", - "ROOT/app/web-components/dist/esm/client/docs/config-generated-config-entry.js", + "ROOT/renderers/web-components/preview.js-generated-config-entry.js", "ROOT/addons/docs/preview.js-generated-config-entry.js", "ROOT/addons/a11y/preview.js-generated-config-entry.js", "ROOT/addons/actions/preview.js-generated-config-entry.js", diff --git a/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-prod-posix b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-prod-posix index 0a9453609940..7496e3545bb0 100644 --- a/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-prod-posix +++ b/lib/core-server/src/__snapshots__/web-components-kitchen-sink_preview-prod-posix @@ -6,8 +6,7 @@ Object { "ROOT/lib/core-client/dist/esm/globals/polyfills.js", "ROOT/lib/core-client/dist/esm/globals/globals.js", "ROOT/storybook-init-framework-entry.js", - "ROOT/app/web-components/dist/esm/client/preview/config-generated-config-entry.js", - "ROOT/app/web-components/dist/esm/client/docs/config-generated-config-entry.js", + "ROOT/renderers/web-components/preview.js-generated-config-entry.js", "ROOT/addons/docs/preview.js-generated-config-entry.js", "ROOT/addons/a11y/preview.js-generated-config-entry.js", "ROOT/addons/actions/preview.js-generated-config-entry.js", diff --git a/nx.json b/nx.json index 5aff958594ab..32f1fc3d5b6d 100644 --- a/nx.json +++ b/nx.json @@ -88,6 +88,30 @@ "@storybook/preact": { "implicitDependencies": [] }, + "@storybook/renderer-html": { + "implicitDependencies": [] + }, + "@storybook/renderer-preact": { + "implicitDependencies": [] + }, + "@storybook/renderer-react": { + "implicitDependencies": [] + }, + "@storybook/renderer-server": { + "implicitDependencies": [] + }, + "@storybook/renderer-svelte": { + "implicitDependencies": [] + }, + "@storybook/renderer-vue": { + "implicitDependencies": [] + }, + "@storybook/renderer-vue3": { + "implicitDependencies": [] + }, + "@storybook/renderer-web-components": { + "implicitDependencies": [] + }, "@storybook/react": { "implicitDependencies": [] }, @@ -142,7 +166,6 @@ "@storybook/external-docs": { "implicitDependencies": [] }, - "server-kitchen-sink": { "implicitDependencies": [] }, diff --git a/package.json b/package.json index bbd54ca90307..17670ed3cd46 100644 --- a/package.json +++ b/package.json @@ -42,6 +42,7 @@ "addons/*", "addons/storyshots/*", "app/*", + "renderers/*", "examples-native/*", "examples/*", "!examples/web-components-kitchen-sink", @@ -177,6 +178,14 @@ "@storybook/preact": "workspace:*", "@storybook/preview-web": "workspace:*", "@storybook/react": "workspace:*", + "@storybook/renderer-html": "workspace:*", + "@storybook/renderer-preact": "workspace:*", + "@storybook/renderer-react": "workspace:*", + "@storybook/renderer-server": "workspace:*", + "@storybook/renderer-svelte": "workspace:*", + "@storybook/renderer-vue": "workspace:*", + "@storybook/renderer-vue3": "workspace:*", + "@storybook/renderer-web-components": "workspace:*", "@storybook/router": "workspace:*", "@storybook/semver": "^7.3.2", "@storybook/server": "workspace:*", diff --git a/renderers/html/README.md b/renderers/html/README.md new file mode 100644 index 000000000000..9a2be24ddae0 --- /dev/null +++ b/renderers/html/README.md @@ -0,0 +1 @@ +# Storybook HTML Renderer diff --git a/renderers/html/package.json b/renderers/html/package.json new file mode 100644 index 000000000000..7f8b3611ffda --- /dev/null +++ b/renderers/html/package.json @@ -0,0 +1,70 @@ +{ + "name": "@storybook/renderer-html", + "version": "6.5.0-rc.1", + "description": "Storybook HTML renderer", + "keywords": [ + "storybook" + ], + "homepage": "https://github.com/storybookjs/storybook/tree/main/renderers/html", + "bugs": { + "url": "https://github.com/storybookjs/storybook/issues" + }, + "repository": { + "type": "git", + "url": "https://github.com/storybookjs/storybook.git", + "directory": "renderers/html" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "license": "MIT", + "main": "dist/cjs/index.js", + "module": "dist/esm/index.js", + "types": "dist/ts3.9/index.d.ts", + "typesVersions": { + "<3.8": { + "dist/ts3.9/*": [ + "dist/ts3.4/*" + ] + } + }, + "files": [ + "dist/**/*", + "README.md", + "*.js", + "*.d.ts" + ], + "scripts": { + "prepare": "node ../../scripts/prepare.js" + }, + "dependencies": { + "@storybook/addons": "6.5.0-rc.1", + "@storybook/core-client": "6.5.0-rc.1", + "@storybook/csf": "0.0.2--canary.4566f4d.1", + "@storybook/docs-tools": "6.5.0-rc.1", + "@storybook/preview-web": "6.5.0-rc.1", + "@storybook/store": "6.5.0-rc.1", + "core-js": "^3.8.2", + "global": "^4.4.0", + "react": "16.14.0", + "react-dom": "16.14.0", + "regenerator-runtime": "^0.13.7", + "ts-dedent": "^2.0.0", + "webpack": ">=4.0.0 <6.0.0" + }, + "devDependencies": { + "webpack": "4" + }, + "peerDependencies": { + "@babel/core": "*" + }, + "engines": { + "node": ">=10.13.0" + }, + "publishConfig": { + "access": "public" + }, + "gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21", + "sbmodern": "dist/modern/index.js" +} diff --git a/renderers/html/preview.js b/renderers/html/preview.js new file mode 100644 index 000000000000..0d73a0b695f1 --- /dev/null +++ b/renderers/html/preview.js @@ -0,0 +1 @@ +export * from './dist/esm/config'; diff --git a/renderers/html/src/config.ts b/renderers/html/src/config.ts new file mode 100644 index 000000000000..678ce5de5d38 --- /dev/null +++ b/renderers/html/src/config.ts @@ -0,0 +1,5 @@ +import { parameters as docsParams } from './docs/config'; + +export const parameters = { framework: 'html', ...docsParams }; +export { decorators } from './docs/config'; +export * from './preview/config'; diff --git a/app/html/src/client/docs/config.ts b/renderers/html/src/docs/config.ts similarity index 100% rename from app/html/src/client/docs/config.ts rename to renderers/html/src/docs/config.ts diff --git a/app/html/src/client/docs/prepareForInline.tsx b/renderers/html/src/docs/prepareForInline.tsx similarity index 100% rename from app/html/src/client/docs/prepareForInline.tsx rename to renderers/html/src/docs/prepareForInline.tsx diff --git a/app/html/src/client/docs/sourceDecorator.test.ts b/renderers/html/src/docs/sourceDecorator.test.ts similarity index 100% rename from app/html/src/client/docs/sourceDecorator.test.ts rename to renderers/html/src/docs/sourceDecorator.test.ts diff --git a/app/html/src/client/docs/sourceDecorator.ts b/renderers/html/src/docs/sourceDecorator.ts similarity index 100% rename from app/html/src/client/docs/sourceDecorator.ts rename to renderers/html/src/docs/sourceDecorator.ts diff --git a/renderers/html/src/index.ts b/renderers/html/src/index.ts new file mode 100644 index 000000000000..620f2fae5cd0 --- /dev/null +++ b/renderers/html/src/index.ts @@ -0,0 +1,16 @@ +export { + storiesOf, + setAddon, + addDecorator, + addParameters, + configure, + getStorybook, + forceReRender, + raw, +} from './preview'; + +export * from './preview/types-6-0'; + +if (module && module.hot && module.hot.decline) { + module.hot.decline(); +} diff --git a/renderers/html/src/preview/config.ts b/renderers/html/src/preview/config.ts new file mode 100644 index 000000000000..060cf504b4fe --- /dev/null +++ b/renderers/html/src/preview/config.ts @@ -0,0 +1 @@ +export { renderToDOM } from './render'; diff --git a/app/html/src/client/preview/globals.ts b/renderers/html/src/preview/globals.ts similarity index 100% rename from app/html/src/client/preview/globals.ts rename to renderers/html/src/preview/globals.ts diff --git a/app/html/src/client/preview/index.ts b/renderers/html/src/preview/index.ts similarity index 100% rename from app/html/src/client/preview/index.ts rename to renderers/html/src/preview/index.ts diff --git a/app/html/src/client/preview/render.ts b/renderers/html/src/preview/render.ts similarity index 100% rename from app/html/src/client/preview/render.ts rename to renderers/html/src/preview/render.ts diff --git a/app/html/src/client/preview/types-6-0.ts b/renderers/html/src/preview/types-6-0.ts similarity index 100% rename from app/html/src/client/preview/types-6-0.ts rename to renderers/html/src/preview/types-6-0.ts diff --git a/app/html/src/client/preview/types-7-0.ts b/renderers/html/src/preview/types-7-0.ts similarity index 100% rename from app/html/src/client/preview/types-7-0.ts rename to renderers/html/src/preview/types-7-0.ts diff --git a/app/html/src/client/preview/types.ts b/renderers/html/src/preview/types.ts similarity index 100% rename from app/html/src/client/preview/types.ts rename to renderers/html/src/preview/types.ts diff --git a/renderers/html/src/typings.d.ts b/renderers/html/src/typings.d.ts new file mode 100644 index 000000000000..d8f7c6f660ad --- /dev/null +++ b/renderers/html/src/typings.d.ts @@ -0,0 +1,4 @@ +declare module 'global'; + +// will be provided by the webpack define plugin +declare var NODE_ENV: string | undefined; diff --git a/renderers/html/tsconfig.json b/renderers/html/tsconfig.json new file mode 100644 index 000000000000..6f7bff08af6b --- /dev/null +++ b/renderers/html/tsconfig.json @@ -0,0 +1,9 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "rootDir": "./src", + "types": [] + }, + "include": ["src/**/*"], + "exclude": ["src/**/*.test.*", "src/__tests__/**/*"] +} diff --git a/renderers/preact/README.md b/renderers/preact/README.md new file mode 100644 index 000000000000..406647a6dbb9 --- /dev/null +++ b/renderers/preact/README.md @@ -0,0 +1 @@ +# Storybook Preact renderer diff --git a/renderers/preact/package.json b/renderers/preact/package.json new file mode 100644 index 000000000000..ab084b4974e9 --- /dev/null +++ b/renderers/preact/package.json @@ -0,0 +1,67 @@ +{ + "name": "@storybook/renderer-preact", + "version": "6.5.0-rc.1", + "description": "Storybook Preact renderer", + "keywords": [ + "storybook" + ], + "homepage": "https://github.com/storybookjs/storybook/tree/main/renderers/preact", + "bugs": { + "url": "https://github.com/storybookjs/storybook/issues" + }, + "repository": { + "type": "git", + "url": "https://github.com/storybookjs/storybook.git", + "directory": "renderers/preact" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "license": "MIT", + "main": "dist/cjs/index.js", + "module": "dist/esm/index.js", + "types": "dist/ts3.9/index.d.ts", + "typesVersions": { + "<3.8": { + "dist/ts3.9/*": [ + "dist/ts3.4/*" + ] + } + }, + "files": [ + "dist/**/*", + "README.md", + "*.js", + "*.d.ts" + ], + "scripts": { + "prepare": "node ../../scripts/prepare.js" + }, + "dependencies": { + "@storybook/addons": "6.5.0-rc.1", + "@storybook/core-client": "6.5.0-rc.1", + "@storybook/csf": "0.0.2--canary.4566f4d.1", + "@storybook/store": "6.5.0-rc.1", + "core-js": "^3.8.2", + "global": "^4.4.0", + "react": "16.14.0", + "react-dom": "16.14.0", + "regenerator-runtime": "^0.13.7", + "ts-dedent": "^2.0.0" + }, + "devDependencies": { + "preact": "^10.5.13" + }, + "peerDependencies": { + "preact": "^8.0.0||^10.0.0" + }, + "engines": { + "node": ">=10.13.0" + }, + "publishConfig": { + "access": "public" + }, + "gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21", + "sbmodern": "dist/modern/index.js" +} diff --git a/renderers/preact/preview.js b/renderers/preact/preview.js new file mode 100644 index 000000000000..ccd5ae5ae416 --- /dev/null +++ b/renderers/preact/preview.js @@ -0,0 +1 @@ +export * from './dist/esm/preview/config'; diff --git a/renderers/preact/src/index.ts b/renderers/preact/src/index.ts new file mode 100644 index 000000000000..c679ef3a5670 --- /dev/null +++ b/renderers/preact/src/index.ts @@ -0,0 +1,12 @@ +export { + storiesOf, + setAddon, + addDecorator, + addParameters, + configure, + getStorybook, + forceReRender, + raw, +} from './preview'; + +export * from './preview/types-6-0'; diff --git a/app/preact/src/client/preview/config.ts b/renderers/preact/src/preview/config.ts similarity index 100% rename from app/preact/src/client/preview/config.ts rename to renderers/preact/src/preview/config.ts diff --git a/app/preact/src/client/preview/globals.ts b/renderers/preact/src/preview/globals.ts similarity index 100% rename from app/preact/src/client/preview/globals.ts rename to renderers/preact/src/preview/globals.ts diff --git a/app/preact/src/client/preview/index.ts b/renderers/preact/src/preview/index.ts similarity index 100% rename from app/preact/src/client/preview/index.ts rename to renderers/preact/src/preview/index.ts diff --git a/app/preact/src/client/preview/render.tsx b/renderers/preact/src/preview/render.tsx similarity index 100% rename from app/preact/src/client/preview/render.tsx rename to renderers/preact/src/preview/render.tsx diff --git a/app/preact/src/client/preview/types-6-0.ts b/renderers/preact/src/preview/types-6-0.ts similarity index 100% rename from app/preact/src/client/preview/types-6-0.ts rename to renderers/preact/src/preview/types-6-0.ts diff --git a/app/preact/src/client/preview/types-7-0.ts b/renderers/preact/src/preview/types-7-0.ts similarity index 100% rename from app/preact/src/client/preview/types-7-0.ts rename to renderers/preact/src/preview/types-7-0.ts diff --git a/app/preact/src/client/preview/types.ts b/renderers/preact/src/preview/types.ts similarity index 100% rename from app/preact/src/client/preview/types.ts rename to renderers/preact/src/preview/types.ts diff --git a/renderers/preact/src/typings.d.ts b/renderers/preact/src/typings.d.ts new file mode 100644 index 000000000000..2f4eb9cf4fd9 --- /dev/null +++ b/renderers/preact/src/typings.d.ts @@ -0,0 +1 @@ +declare module 'global'; diff --git a/renderers/preact/tsconfig.json b/renderers/preact/tsconfig.json new file mode 100644 index 000000000000..b704f2ec95c9 --- /dev/null +++ b/renderers/preact/tsconfig.json @@ -0,0 +1,9 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "rootDir": "./src", + "resolveJsonModule": true + }, + "include": ["src/**/*"], + "exclude": ["src/**/*.test.*"] +} diff --git a/renderers/react/README.md b/renderers/react/README.md new file mode 100644 index 000000000000..72971fe2cbc4 --- /dev/null +++ b/renderers/react/README.md @@ -0,0 +1 @@ +# Storybook React renderer diff --git a/renderers/react/package.json b/renderers/react/package.json new file mode 100644 index 000000000000..fac7b05a99cc --- /dev/null +++ b/renderers/react/package.json @@ -0,0 +1,88 @@ +{ + "name": "@storybook/renderer-react", + "version": "6.5.0-rc.1", + "description": "Storybook React renderer", + "keywords": [ + "storybook" + ], + "homepage": "https://github.com/storybookjs/storybook/tree/main/renderers/react", + "bugs": { + "url": "https://github.com/storybookjs/storybook/issues" + }, + "repository": { + "type": "git", + "url": "https://github.com/storybookjs/storybook.git", + "directory": "renderers/react" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "license": "MIT", + "main": "dist/cjs/index.js", + "module": "dist/esm/index.js", + "types": "dist/ts3.9/index.d.ts", + "typesVersions": { + "<3.8": { + "dist/ts3.9/*": [ + "dist/ts3.4/*" + ] + } + }, + "files": [ + "dist/**/*", + "types/**/*", + "README.md", + "*.js", + "*.d.ts" + ], + "scripts": { + "prepare": "node ../../scripts/prepare.js" + }, + "dependencies": { + "@storybook/addons": "6.5.0-rc.1", + "@storybook/client-logger": "6.5.0-rc.1", + "@storybook/core-client": "6.5.0-rc.1", + "@storybook/csf": "0.0.2--canary.4566f4d.1", + "@storybook/docs-tools": "6.5.0-rc.1", + "@storybook/store": "6.5.0-rc.1", + "@types/estree": "^0.0.51", + "@types/node": "^14.14.20 || ^16.0.0", + "acorn": "^7.4.1", + "acorn-jsx": "^5.3.1", + "acorn-walk": "^7.2.0", + "core-js": "^3.8.2", + "escodegen": "^2.0.0", + "global": "^4.4.0", + "html-tags": "^3.1.0", + "lodash": "^4.17.21", + "prop-types": "^15.7.2", + "react-element-to-jsx-string": "^14.3.4", + "regenerator-runtime": "^0.13.7", + "ts-dedent": "^2.0.0", + "util-deprecate": "^1.0.2" + }, + "devDependencies": { + "@babel/core": "^7.11.5", + "@types/util-deprecate": "^1.0.0" + }, + "peerDependencies": { + "jest-specific-snapshot": "^4.0.0", + "react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0", + "require-from-string": "^2.0.2" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + }, + "engines": { + "node": ">=10.13.0" + }, + "publishConfig": { + "access": "public" + }, + "gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21", + "sbmodern": "dist/modern/index.js" +} diff --git a/renderers/react/preview.js b/renderers/react/preview.js new file mode 100644 index 000000000000..0d73a0b695f1 --- /dev/null +++ b/renderers/react/preview.js @@ -0,0 +1 @@ +export * from './dist/esm/config'; diff --git a/renderers/react/src/config.ts b/renderers/react/src/config.ts new file mode 100644 index 000000000000..6a2fe62ad226 --- /dev/null +++ b/renderers/react/src/config.ts @@ -0,0 +1,5 @@ +import { parameters as docsParams } from './docs/config'; + +export const parameters = { framework: 'react', ...docsParams }; +export { decorators, argTypesEnhancers } from './docs/config'; +export * from './preview/config'; diff --git a/app/react/src/client/docs/__testfixtures__/10017-ts-union/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/10017-ts-union/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/10017-ts-union/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/10017-ts-union/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/10017-ts-union/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/10017-ts-union/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/10017-ts-union/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/10017-ts-union/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/10017-ts-union/input.tsx b/renderers/react/src/docs/__testfixtures__/10017-ts-union/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/10017-ts-union/input.tsx rename to renderers/react/src/docs/__testfixtures__/10017-ts-union/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/10017-ts-union/properties.snapshot b/renderers/react/src/docs/__testfixtures__/10017-ts-union/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/10017-ts-union/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/10017-ts-union/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/10278-ts-multiple-components/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/10278-ts-multiple-components/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/10278-ts-multiple-components/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/10278-ts-multiple-components/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/10278-ts-multiple-components/input.tsx b/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/10278-ts-multiple-components/input.tsx rename to renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/10278-ts-multiple-components/properties.snapshot b/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/10278-ts-multiple-components/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8140-js-prop-types-oneof/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8140-js-prop-types-oneof/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8140-js-prop-types-oneof/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8140-js-prop-types-oneof/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8140-js-prop-types-oneof/input.js b/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/input.js similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8140-js-prop-types-oneof/input.js rename to renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/input.js diff --git a/app/react/src/client/docs/__testfixtures__/8140-js-prop-types-oneof/properties.snapshot b/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8140-js-prop-types-oneof/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8143-ts-imported-types/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8143-ts-imported-types/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8143-ts-imported-types/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8143-ts-imported-types/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8143-ts-imported-types/input.tsx b/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8143-ts-imported-types/input.tsx rename to renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/8143-ts-imported-types/properties.snapshot b/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8143-ts-imported-types/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8143-ts-imported-types/types.ts b/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/types.ts similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8143-ts-imported-types/types.ts rename to renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/types.ts diff --git a/app/react/src/client/docs/__testfixtures__/8143-ts-react-fc-generics/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8143-ts-react-fc-generics/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8143-ts-react-fc-generics/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8143-ts-react-fc-generics/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8143-ts-react-fc-generics/input.tsx b/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8143-ts-react-fc-generics/input.tsx rename to renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/8143-ts-react-fc-generics/properties.snapshot b/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8143-ts-react-fc-generics/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8279-js-styled-docgen/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8279-js-styled-docgen/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8279-js-styled-docgen/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8279-js-styled-docgen/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8279-js-styled-docgen/input.js b/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/input.js similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8279-js-styled-docgen/input.js rename to renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/input.js diff --git a/app/react/src/client/docs/__testfixtures__/8279-js-styled-docgen/properties.snapshot b/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8279-js-styled-docgen/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8428-js-static-prop-types/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8428-js-static-prop-types/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8428-js-static-prop-types/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8428-js-static-prop-types/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8428-js-static-prop-types/input.js b/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/input.js similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8428-js-static-prop-types/input.js rename to renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/input.js diff --git a/app/react/src/client/docs/__testfixtures__/8428-js-static-prop-types/properties.snapshot b/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8428-js-static-prop-types/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8663-js-styled-components/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8663-js-styled-components/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/8663-js-styled-components/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8663-js-styled-components/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8663-js-styled-components/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/8663-js-styled-components/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8663-js-styled-components/input.js b/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/input.js similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8663-js-styled-components/input.js rename to renderers/react/src/docs/__testfixtures__/8663-js-styled-components/input.js diff --git a/app/react/src/client/docs/__testfixtures__/8663-js-styled-components/properties.snapshot b/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8663-js-styled-components/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/8663-js-styled-components/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8740-ts-multi-props/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8740-ts-multi-props/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8740-ts-multi-props/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8740-ts-multi-props/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8740-ts-multi-props/input.tsx b/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8740-ts-multi-props/input.tsx rename to renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/8740-ts-multi-props/properties.snapshot b/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8740-ts-multi-props/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8894-9511-ts-forward-ref/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8894-9511-ts-forward-ref/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8894-9511-ts-forward-ref/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8894-9511-ts-forward-ref/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/8894-9511-ts-forward-ref/input.tsx b/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8894-9511-ts-forward-ref/input.tsx rename to renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/8894-9511-ts-forward-ref/properties.snapshot b/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/8894-9511-ts-forward-ref/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9023-js-hoc/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/9023-js-hoc/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9023-js-hoc/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/9023-js-hoc/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9023-js-hoc/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/9023-js-hoc/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9023-js-hoc/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/9023-js-hoc/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9023-js-hoc/input.js b/renderers/react/src/docs/__testfixtures__/9023-js-hoc/input.js similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9023-js-hoc/input.js rename to renderers/react/src/docs/__testfixtures__/9023-js-hoc/input.js diff --git a/app/react/src/client/docs/__testfixtures__/9023-js-hoc/properties.snapshot b/renderers/react/src/docs/__testfixtures__/9023-js-hoc/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9023-js-hoc/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/9023-js-hoc/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9399-js-proptypes-shape/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9399-js-proptypes-shape/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9399-js-proptypes-shape/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9399-js-proptypes-shape/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9399-js-proptypes-shape/input.js b/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/input.js similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9399-js-proptypes-shape/input.js rename to renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/input.js diff --git a/app/react/src/client/docs/__testfixtures__/9399-js-proptypes-shape/properties.snapshot b/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9399-js-proptypes-shape/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9465-ts-type-props/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9465-ts-type-props/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/9465-ts-type-props/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9465-ts-type-props/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9465-ts-type-props/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/9465-ts-type-props/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9465-ts-type-props/input.tsx b/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9465-ts-type-props/input.tsx rename to renderers/react/src/docs/__testfixtures__/9465-ts-type-props/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/9465-ts-type-props/properties.snapshot b/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9465-ts-type-props/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/9465-ts-type-props/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9493-ts-display-name/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9493-ts-display-name/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/9493-ts-display-name/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9493-ts-display-name/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9493-ts-display-name/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/9493-ts-display-name/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9493-ts-display-name/input.tsx b/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9493-ts-display-name/input.tsx rename to renderers/react/src/docs/__testfixtures__/9493-ts-display-name/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/9493-ts-display-name/properties.snapshot b/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9493-ts-display-name/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/9493-ts-display-name/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9556-ts-react-default-exports/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9556-ts-react-default-exports/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9556-ts-react-default-exports/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9556-ts-react-default-exports/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9556-ts-react-default-exports/input.tsx b/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9556-ts-react-default-exports/input.tsx rename to renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/9556-ts-react-default-exports/properties.snapshot b/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9556-ts-react-default-exports/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9575-ts-camel-case/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9575-ts-camel-case/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9575-ts-camel-case/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9575-ts-camel-case/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9575-ts-camel-case/input.tsx b/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9575-ts-camel-case/input.tsx rename to renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/9575-ts-camel-case/properties.snapshot b/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9575-ts-camel-case/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9586-js-react-memo/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9586-js-react-memo/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/9586-js-react-memo/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9586-js-react-memo/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9586-js-react-memo/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/9586-js-react-memo/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9586-js-react-memo/input.js b/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/input.js similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9586-js-react-memo/input.js rename to renderers/react/src/docs/__testfixtures__/9586-js-react-memo/input.js diff --git a/app/react/src/client/docs/__testfixtures__/9586-js-react-memo/properties.snapshot b/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9586-js-react-memo/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/9586-js-react-memo/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9591-ts-import-types/Bar.tsx b/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/Bar.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9591-ts-import-types/Bar.tsx rename to renderers/react/src/docs/__testfixtures__/9591-ts-import-types/Bar.tsx diff --git a/app/react/src/client/docs/__testfixtures__/9591-ts-import-types/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9591-ts-import-types/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/9591-ts-import-types/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9591-ts-import-types/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9591-ts-import-types/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/9591-ts-import-types/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9591-ts-import-types/input.tsx b/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9591-ts-import-types/input.tsx rename to renderers/react/src/docs/__testfixtures__/9591-ts-import-types/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/9591-ts-import-types/properties.snapshot b/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9591-ts-import-types/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/9591-ts-import-types/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9592-ts-styled-props/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9592-ts-styled-props/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9592-ts-styled-props/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9592-ts-styled-props/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9592-ts-styled-props/input.tsx b/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9592-ts-styled-props/input.tsx rename to renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/9592-ts-styled-props/properties.snapshot b/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9592-ts-styled-props/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9626-js-default-values/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/9626-js-default-values/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9626-js-default-values/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/9626-js-default-values/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9626-js-default-values/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/9626-js-default-values/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9626-js-default-values/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/9626-js-default-values/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9626-js-default-values/input.js b/renderers/react/src/docs/__testfixtures__/9626-js-default-values/input.js similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9626-js-default-values/input.js rename to renderers/react/src/docs/__testfixtures__/9626-js-default-values/input.js diff --git a/app/react/src/client/docs/__testfixtures__/9626-js-default-values/properties.snapshot b/renderers/react/src/docs/__testfixtures__/9626-js-default-values/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9626-js-default-values/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/9626-js-default-values/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/input.js b/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/input.js similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/input.js rename to renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/input.js diff --git a/app/react/src/client/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/properties.snapshot b/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9721-ts-deprecated-jsdoc/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9721-ts-deprecated-jsdoc/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9721-ts-deprecated-jsdoc/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9721-ts-deprecated-jsdoc/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9721-ts-deprecated-jsdoc/input.tsx b/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9721-ts-deprecated-jsdoc/input.tsx rename to renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/9721-ts-deprecated-jsdoc/properties.snapshot b/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9721-ts-deprecated-jsdoc/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9764-ts-extend-props/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9764-ts-extend-props/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9764-ts-extend-props/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9764-ts-extend-props/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9764-ts-extend-props/input.tsx b/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9764-ts-extend-props/input.tsx rename to renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/9764-ts-extend-props/properties.snapshot b/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9764-ts-extend-props/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9827-ts-default-values/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9827-ts-default-values/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/9827-ts-default-values/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9827-ts-default-values/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9827-ts-default-values/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/9827-ts-default-values/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9827-ts-default-values/input.tsx b/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9827-ts-default-values/input.tsx rename to renderers/react/src/docs/__testfixtures__/9827-ts-default-values/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/9827-ts-default-values/properties.snapshot b/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9827-ts-default-values/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/9827-ts-default-values/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9832-ts-enum-export/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9832-ts-enum-export/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9832-ts-enum-export/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9832-ts-enum-export/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9832-ts-enum-export/input.tsx b/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9832-ts-enum-export/input.tsx rename to renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/9832-ts-enum-export/properties.snapshot b/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9832-ts-enum-export/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9922-ts-component-props/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9922-ts-component-props/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/9922-ts-component-props/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9922-ts-component-props/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9922-ts-component-props/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/9922-ts-component-props/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/9922-ts-component-props/input.tsx b/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9922-ts-component-props/input.tsx rename to renderers/react/src/docs/__testfixtures__/9922-ts-component-props/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/9922-ts-component-props/properties.snapshot b/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/9922-ts-component-props/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/9922-ts-component-props/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/imported.js b/renderers/react/src/docs/__testfixtures__/imported.js similarity index 100% rename from app/react/src/client/docs/__testfixtures__/imported.js rename to renderers/react/src/docs/__testfixtures__/imported.js diff --git a/app/react/src/client/docs/__testfixtures__/js-class-component/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/js-class-component/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/js-class-component/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/js-class-component/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/js-class-component/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/js-class-component/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/js-class-component/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/js-class-component/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/js-class-component/input.js b/renderers/react/src/docs/__testfixtures__/js-class-component/input.js similarity index 100% rename from app/react/src/client/docs/__testfixtures__/js-class-component/input.js rename to renderers/react/src/docs/__testfixtures__/js-class-component/input.js diff --git a/app/react/src/client/docs/__testfixtures__/js-class-component/properties.snapshot b/renderers/react/src/docs/__testfixtures__/js-class-component/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/js-class-component/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/js-class-component/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/input.js b/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/input.js similarity index 100% rename from app/react/src/client/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/input.js rename to renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/input.js diff --git a/app/react/src/client/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/properties.snapshot b/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults-no-propTypes/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/js-function-component-inline-defaults/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/js-function-component-inline-defaults/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/js-function-component-inline-defaults/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/js-function-component-inline-defaults/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/js-function-component-inline-defaults/input.js b/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults/input.js similarity index 100% rename from app/react/src/client/docs/__testfixtures__/js-function-component-inline-defaults/input.js rename to renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults/input.js diff --git a/app/react/src/client/docs/__testfixtures__/js-function-component-inline-defaults/properties.snapshot b/renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/js-function-component-inline-defaults/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/js-function-component-inline-defaults/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/js-function-component/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/js-function-component/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/js-function-component/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/js-function-component/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/js-function-component/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/js-function-component/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/js-function-component/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/js-function-component/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/js-function-component/input.js b/renderers/react/src/docs/__testfixtures__/js-function-component/input.js similarity index 100% rename from app/react/src/client/docs/__testfixtures__/js-function-component/input.js rename to renderers/react/src/docs/__testfixtures__/js-function-component/input.js diff --git a/app/react/src/client/docs/__testfixtures__/js-function-component/properties.snapshot b/renderers/react/src/docs/__testfixtures__/js-function-component/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/js-function-component/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/js-function-component/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/ts-function-component-inline-defaults/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/ts-function-component-inline-defaults/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/ts-function-component-inline-defaults/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/ts-function-component-inline-defaults/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/ts-function-component-inline-defaults/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/ts-function-component-inline-defaults/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/ts-function-component-inline-defaults/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/ts-function-component-inline-defaults/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/ts-function-component-inline-defaults/input.tsx b/renderers/react/src/docs/__testfixtures__/ts-function-component-inline-defaults/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/ts-function-component-inline-defaults/input.tsx rename to renderers/react/src/docs/__testfixtures__/ts-function-component-inline-defaults/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/ts-function-component-inline-defaults/properties.snapshot b/renderers/react/src/docs/__testfixtures__/ts-function-component-inline-defaults/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/ts-function-component-inline-defaults/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/ts-function-component-inline-defaults/properties.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/ts-function-component/argTypes.snapshot b/renderers/react/src/docs/__testfixtures__/ts-function-component/argTypes.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/ts-function-component/argTypes.snapshot rename to renderers/react/src/docs/__testfixtures__/ts-function-component/argTypes.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/ts-function-component/docgen.snapshot b/renderers/react/src/docs/__testfixtures__/ts-function-component/docgen.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/ts-function-component/docgen.snapshot rename to renderers/react/src/docs/__testfixtures__/ts-function-component/docgen.snapshot diff --git a/app/react/src/client/docs/__testfixtures__/ts-function-component/input.tsx b/renderers/react/src/docs/__testfixtures__/ts-function-component/input.tsx similarity index 100% rename from app/react/src/client/docs/__testfixtures__/ts-function-component/input.tsx rename to renderers/react/src/docs/__testfixtures__/ts-function-component/input.tsx diff --git a/app/react/src/client/docs/__testfixtures__/ts-function-component/properties.snapshot b/renderers/react/src/docs/__testfixtures__/ts-function-component/properties.snapshot similarity index 100% rename from app/react/src/client/docs/__testfixtures__/ts-function-component/properties.snapshot rename to renderers/react/src/docs/__testfixtures__/ts-function-component/properties.snapshot diff --git a/app/react/src/client/docs/config.ts b/renderers/react/src/docs/config.ts similarity index 100% rename from app/react/src/client/docs/config.ts rename to renderers/react/src/docs/config.ts diff --git a/app/react/src/client/docs/extractArgTypes.ts b/renderers/react/src/docs/extractArgTypes.ts similarity index 100% rename from app/react/src/client/docs/extractArgTypes.ts rename to renderers/react/src/docs/extractArgTypes.ts diff --git a/app/react/src/client/docs/extractProps.ts b/renderers/react/src/docs/extractProps.ts similarity index 100% rename from app/react/src/client/docs/extractProps.ts rename to renderers/react/src/docs/extractProps.ts diff --git a/app/react/src/client/docs/jsxDecorator.test.tsx b/renderers/react/src/docs/jsxDecorator.test.tsx similarity index 100% rename from app/react/src/client/docs/jsxDecorator.test.tsx rename to renderers/react/src/docs/jsxDecorator.test.tsx diff --git a/app/react/src/client/docs/jsxDecorator.tsx b/renderers/react/src/docs/jsxDecorator.tsx similarity index 100% rename from app/react/src/client/docs/jsxDecorator.tsx rename to renderers/react/src/docs/jsxDecorator.tsx diff --git a/app/react/src/client/docs/lib/captions.ts b/renderers/react/src/docs/lib/captions.ts similarity index 100% rename from app/react/src/client/docs/lib/captions.ts rename to renderers/react/src/docs/lib/captions.ts diff --git a/app/react/src/client/docs/lib/componentTypes.ts b/renderers/react/src/docs/lib/componentTypes.ts similarity index 100% rename from app/react/src/client/docs/lib/componentTypes.ts rename to renderers/react/src/docs/lib/componentTypes.ts diff --git a/app/react/src/client/docs/lib/defaultValues/createDefaultValue.ts b/renderers/react/src/docs/lib/defaultValues/createDefaultValue.ts similarity index 100% rename from app/react/src/client/docs/lib/defaultValues/createDefaultValue.ts rename to renderers/react/src/docs/lib/defaultValues/createDefaultValue.ts diff --git a/app/react/src/client/docs/lib/defaultValues/createFromRawDefaultProp.ts b/renderers/react/src/docs/lib/defaultValues/createFromRawDefaultProp.ts similarity index 100% rename from app/react/src/client/docs/lib/defaultValues/createFromRawDefaultProp.ts rename to renderers/react/src/docs/lib/defaultValues/createFromRawDefaultProp.ts diff --git a/app/react/src/client/docs/lib/defaultValues/generateArray.ts b/renderers/react/src/docs/lib/defaultValues/generateArray.ts similarity index 100% rename from app/react/src/client/docs/lib/defaultValues/generateArray.ts rename to renderers/react/src/docs/lib/defaultValues/generateArray.ts diff --git a/app/react/src/client/docs/lib/defaultValues/generateObject.ts b/renderers/react/src/docs/lib/defaultValues/generateObject.ts similarity index 100% rename from app/react/src/client/docs/lib/defaultValues/generateObject.ts rename to renderers/react/src/docs/lib/defaultValues/generateObject.ts diff --git a/app/react/src/client/docs/lib/defaultValues/index.ts b/renderers/react/src/docs/lib/defaultValues/index.ts similarity index 100% rename from app/react/src/client/docs/lib/defaultValues/index.ts rename to renderers/react/src/docs/lib/defaultValues/index.ts diff --git a/app/react/src/client/docs/lib/defaultValues/prettyIdentifier.ts b/renderers/react/src/docs/lib/defaultValues/prettyIdentifier.ts similarity index 100% rename from app/react/src/client/docs/lib/defaultValues/prettyIdentifier.ts rename to renderers/react/src/docs/lib/defaultValues/prettyIdentifier.ts diff --git a/app/react/src/client/docs/lib/generateCode.ts b/renderers/react/src/docs/lib/generateCode.ts similarity index 100% rename from app/react/src/client/docs/lib/generateCode.ts rename to renderers/react/src/docs/lib/generateCode.ts diff --git a/app/react/src/client/docs/lib/index.ts b/renderers/react/src/docs/lib/index.ts similarity index 100% rename from app/react/src/client/docs/lib/index.ts rename to renderers/react/src/docs/lib/index.ts diff --git a/app/react/src/client/docs/lib/inspection/acornParser.test.ts b/renderers/react/src/docs/lib/inspection/acornParser.test.ts similarity index 100% rename from app/react/src/client/docs/lib/inspection/acornParser.test.ts rename to renderers/react/src/docs/lib/inspection/acornParser.test.ts diff --git a/app/react/src/client/docs/lib/inspection/acornParser.ts b/renderers/react/src/docs/lib/inspection/acornParser.ts similarity index 100% rename from app/react/src/client/docs/lib/inspection/acornParser.ts rename to renderers/react/src/docs/lib/inspection/acornParser.ts diff --git a/app/react/src/client/docs/lib/inspection/index.ts b/renderers/react/src/docs/lib/inspection/index.ts similarity index 100% rename from app/react/src/client/docs/lib/inspection/index.ts rename to renderers/react/src/docs/lib/inspection/index.ts diff --git a/app/react/src/client/docs/lib/inspection/inspectValue.ts b/renderers/react/src/docs/lib/inspection/inspectValue.ts similarity index 100% rename from app/react/src/client/docs/lib/inspection/inspectValue.ts rename to renderers/react/src/docs/lib/inspection/inspectValue.ts diff --git a/app/react/src/client/docs/lib/inspection/types.ts b/renderers/react/src/docs/lib/inspection/types.ts similarity index 100% rename from app/react/src/client/docs/lib/inspection/types.ts rename to renderers/react/src/docs/lib/inspection/types.ts diff --git a/app/react/src/client/docs/lib/isHtmlTag.ts b/renderers/react/src/docs/lib/isHtmlTag.ts similarity index 100% rename from app/react/src/client/docs/lib/isHtmlTag.ts rename to renderers/react/src/docs/lib/isHtmlTag.ts diff --git a/app/react/src/client/docs/propTypes/createType.ts b/renderers/react/src/docs/propTypes/createType.ts similarity index 100% rename from app/react/src/client/docs/propTypes/createType.ts rename to renderers/react/src/docs/propTypes/createType.ts diff --git a/app/react/src/client/docs/propTypes/generateFuncSignature.test.ts b/renderers/react/src/docs/propTypes/generateFuncSignature.test.ts similarity index 100% rename from app/react/src/client/docs/propTypes/generateFuncSignature.test.ts rename to renderers/react/src/docs/propTypes/generateFuncSignature.test.ts diff --git a/app/react/src/client/docs/propTypes/generateFuncSignature.ts b/renderers/react/src/docs/propTypes/generateFuncSignature.ts similarity index 100% rename from app/react/src/client/docs/propTypes/generateFuncSignature.ts rename to renderers/react/src/docs/propTypes/generateFuncSignature.ts diff --git a/app/react/src/client/docs/propTypes/handleProp.test.tsx b/renderers/react/src/docs/propTypes/handleProp.test.tsx similarity index 100% rename from app/react/src/client/docs/propTypes/handleProp.test.tsx rename to renderers/react/src/docs/propTypes/handleProp.test.tsx diff --git a/app/react/src/client/docs/propTypes/handleProp.ts b/renderers/react/src/docs/propTypes/handleProp.ts similarity index 100% rename from app/react/src/client/docs/propTypes/handleProp.ts rename to renderers/react/src/docs/propTypes/handleProp.ts diff --git a/app/react/src/client/docs/propTypes/rawDefaultPropResolvers.ts b/renderers/react/src/docs/propTypes/rawDefaultPropResolvers.ts similarity index 100% rename from app/react/src/client/docs/propTypes/rawDefaultPropResolvers.ts rename to renderers/react/src/docs/propTypes/rawDefaultPropResolvers.ts diff --git a/app/react/src/client/docs/propTypes/sortProps.ts b/renderers/react/src/docs/propTypes/sortProps.ts similarity index 100% rename from app/react/src/client/docs/propTypes/sortProps.ts rename to renderers/react/src/docs/propTypes/sortProps.ts diff --git a/app/react/src/client/docs/react-argtypes.stories.tsx b/renderers/react/src/docs/react-argtypes.stories.tsx similarity index 100% rename from app/react/src/client/docs/react-argtypes.stories.tsx rename to renderers/react/src/docs/react-argtypes.stories.tsx diff --git a/app/react/src/client/docs/react-properties.test.ts b/renderers/react/src/docs/react-properties.test.ts similarity index 100% rename from app/react/src/client/docs/react-properties.test.ts rename to renderers/react/src/docs/react-properties.test.ts diff --git a/app/react/src/client/docs/typeScript/handleProp.test.tsx b/renderers/react/src/docs/typeScript/handleProp.test.tsx similarity index 100% rename from app/react/src/client/docs/typeScript/handleProp.test.tsx rename to renderers/react/src/docs/typeScript/handleProp.test.tsx diff --git a/app/react/src/client/docs/typeScript/handleProp.ts b/renderers/react/src/docs/typeScript/handleProp.ts similarity index 100% rename from app/react/src/client/docs/typeScript/handleProp.ts rename to renderers/react/src/docs/typeScript/handleProp.ts diff --git a/renderers/react/src/index.ts b/renderers/react/src/index.ts new file mode 100644 index 000000000000..141f7e7f43fc --- /dev/null +++ b/renderers/react/src/index.ts @@ -0,0 +1,18 @@ +export type { DecoratorFn } from './preview'; +export { + storiesOf, + setAddon, + addDecorator, + addParameters, + configure, + getStorybook, + raw, + forceReRender, +} from './preview'; +export * from './testing'; + +export * from './preview/types-6-3'; + +if (module && module.hot && module.hot.decline) { + module.hot.decline(); +} diff --git a/renderers/react/src/preview/config.ts b/renderers/react/src/preview/config.ts new file mode 100644 index 000000000000..990959477289 --- /dev/null +++ b/renderers/react/src/preview/config.ts @@ -0,0 +1 @@ +export { render, renderToDOM } from './render'; diff --git a/app/react/src/client/preview/globals.ts b/renderers/react/src/preview/globals.ts similarity index 100% rename from app/react/src/client/preview/globals.ts rename to renderers/react/src/preview/globals.ts diff --git a/app/react/src/client/preview/index.test.ts b/renderers/react/src/preview/index.test.ts similarity index 100% rename from app/react/src/client/preview/index.test.ts rename to renderers/react/src/preview/index.test.ts diff --git a/app/react/src/client/preview/index.tsx b/renderers/react/src/preview/index.tsx similarity index 100% rename from app/react/src/client/preview/index.tsx rename to renderers/react/src/preview/index.tsx diff --git a/app/react/src/client/preview/render.tsx b/renderers/react/src/preview/render.tsx similarity index 100% rename from app/react/src/client/preview/render.tsx rename to renderers/react/src/preview/render.tsx diff --git a/app/react/src/client/preview/types-6-0.ts b/renderers/react/src/preview/types-6-0.ts similarity index 100% rename from app/react/src/client/preview/types-6-0.ts rename to renderers/react/src/preview/types-6-0.ts diff --git a/app/react/src/client/preview/types-6-3.ts b/renderers/react/src/preview/types-6-3.ts similarity index 100% rename from app/react/src/client/preview/types-6-3.ts rename to renderers/react/src/preview/types-6-3.ts diff --git a/app/react/src/client/preview/types-7-0.ts b/renderers/react/src/preview/types-7-0.ts similarity index 100% rename from app/react/src/client/preview/types-7-0.ts rename to renderers/react/src/preview/types-7-0.ts diff --git a/app/react/src/client/preview/types.ts b/renderers/react/src/preview/types.ts similarity index 100% rename from app/react/src/client/preview/types.ts rename to renderers/react/src/preview/types.ts diff --git a/app/react/src/client/testing/index.ts b/renderers/react/src/testing/index.ts similarity index 100% rename from app/react/src/client/testing/index.ts rename to renderers/react/src/testing/index.ts diff --git a/renderers/react/src/typings.d.ts b/renderers/react/src/typings.d.ts new file mode 100644 index 000000000000..cd1929c868b2 --- /dev/null +++ b/renderers/react/src/typings.d.ts @@ -0,0 +1,44 @@ +declare module '@storybook/semver'; +declare module 'global'; + +// TODO: Replace, as soon as @types/react-dom 17.0.14 is used +// Source: https://github.com/DefinitelyTyped/DefinitelyTyped/blob/fb0f14b7a35cde26ffaa82e7536c062e593e9ae6/types/react-dom/client.d.ts +declare module 'react-dom/client' { + +import React = require('react'); + export interface HydrationOptions { + onHydrated?(suspenseInstance: Comment): void; + onDeleted?(suspenseInstance: Comment): void; + /** + * Prefix for `useId`. + */ + identifierPrefix?: string; + onRecoverableError?: (error: unknown) => void; + } + + export interface RootOptions { + /** + * Prefix for `useId`. + */ + identifierPrefix?: string; + onRecoverableError?: (error: unknown) => void; + } + + export interface Root { + render(children: React.ReactChild | Iterable): void; + unmount(): void; + } + + /** + * Replaces `ReactDOM.render` when the `.render` method is called and enables Concurrent Mode. + * + * @see https://reactjs.org/docs/concurrent-mode-reference.html#createroot + */ + export function createRoot(container: Element | Document | DocumentFragment | Comment, options?: RootOptions): Root; + + export function hydrateRoot( + container: Element | Document | DocumentFragment | Comment, + initialChildren: React.ReactChild | Iterable, + options?: HydrationOptions, + ): Root; +} diff --git a/renderers/react/tsconfig.json b/renderers/react/tsconfig.json new file mode 100644 index 000000000000..eb2b50f62b05 --- /dev/null +++ b/renderers/react/tsconfig.json @@ -0,0 +1,9 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "rootDir": "./src", + "resolveJsonModule": true + }, + "include": ["src/**/*"], + "exclude": ["src/**/*.test.*", "src/**/__testfixtures__/**"] +} diff --git a/renderers/server/README.md b/renderers/server/README.md new file mode 100644 index 000000000000..f4eb9407d8c1 --- /dev/null +++ b/renderers/server/README.md @@ -0,0 +1 @@ +# Storybook Server renderer diff --git a/renderers/server/package.json b/renderers/server/package.json new file mode 100644 index 000000000000..68df5eaaf74e --- /dev/null +++ b/renderers/server/package.json @@ -0,0 +1,62 @@ +{ + "name": "@storybook/renderer-server", + "version": "6.5.0-rc.1", + "description": "Storybook Server renderer", + "keywords": [ + "storybook" + ], + "homepage": "https://github.com/storybookjs/storybook/tree/main/renderers/server", + "bugs": { + "url": "https://github.com/storybookjs/storybook/issues" + }, + "repository": { + "type": "git", + "url": "https://github.com/storybookjs/storybook.git", + "directory": "renderers/server" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "license": "MIT", + "main": "dist/cjs/index.js", + "module": "dist/esm/index.js", + "types": "dist/ts3.9/index.d.ts", + "typesVersions": { + "<3.8": { + "dist/ts3.9/*": [ + "dist/ts3.4/*" + ] + } + }, + "files": [ + "dist/**/*", + "README.md", + "*.js", + "*.d.ts" + ], + "scripts": { + "prepare": "node ../../scripts/prepare.js" + }, + "dependencies": { + "@storybook/addons": "6.5.0-rc.1", + "@storybook/core-client": "6.5.0-rc.1", + "@storybook/csf": "0.0.2--canary.4566f4d.1", + "@storybook/preview-web": "6.5.0-rc.1", + "@storybook/store": "6.5.0-rc.1", + "core-js": "^3.8.2", + "global": "^4.4.0", + "react": "16.14.0", + "react-dom": "16.14.0", + "regenerator-runtime": "^0.13.7", + "ts-dedent": "^2.0.0" + }, + "engines": { + "node": ">=10.13.0" + }, + "publishConfig": { + "access": "public" + }, + "gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21", + "sbmodern": "dist/modern/index.js" +} diff --git a/renderers/server/preview.js b/renderers/server/preview.js new file mode 100644 index 000000000000..ccd5ae5ae416 --- /dev/null +++ b/renderers/server/preview.js @@ -0,0 +1 @@ +export * from './dist/esm/preview/config'; diff --git a/renderers/server/src/index.ts b/renderers/server/src/index.ts new file mode 100644 index 000000000000..8034a9d6433d --- /dev/null +++ b/renderers/server/src/index.ts @@ -0,0 +1,14 @@ +export { + storiesOf, + setAddon, + addDecorator, + addParameters, + configure, + getStorybook, + forceReRender, + raw, +} from './preview'; + +if (module && module.hot && module.hot.decline) { + module.hot.decline(); +} diff --git a/app/server/src/client/preview/config.ts b/renderers/server/src/preview/config.ts similarity index 100% rename from app/server/src/client/preview/config.ts rename to renderers/server/src/preview/config.ts diff --git a/app/server/src/client/preview/globals.ts b/renderers/server/src/preview/globals.ts similarity index 100% rename from app/server/src/client/preview/globals.ts rename to renderers/server/src/preview/globals.ts diff --git a/app/server/src/client/preview/index.ts b/renderers/server/src/preview/index.ts similarity index 100% rename from app/server/src/client/preview/index.ts rename to renderers/server/src/preview/index.ts diff --git a/app/server/src/client/preview/render.ts b/renderers/server/src/preview/render.ts similarity index 100% rename from app/server/src/client/preview/render.ts rename to renderers/server/src/preview/render.ts diff --git a/app/server/src/client/preview/types.ts b/renderers/server/src/preview/types.ts similarity index 100% rename from app/server/src/client/preview/types.ts rename to renderers/server/src/preview/types.ts diff --git a/renderers/server/src/typings.d.ts b/renderers/server/src/typings.d.ts new file mode 100644 index 000000000000..d8f7c6f660ad --- /dev/null +++ b/renderers/server/src/typings.d.ts @@ -0,0 +1,4 @@ +declare module 'global'; + +// will be provided by the webpack define plugin +declare var NODE_ENV: string | undefined; diff --git a/renderers/server/tsconfig.json b/renderers/server/tsconfig.json new file mode 100644 index 000000000000..9b69fbfdaed4 --- /dev/null +++ b/renderers/server/tsconfig.json @@ -0,0 +1,8 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "rootDir": "./src" + }, + "include": ["src/**/*"], + "exclude": ["src/__tests__/**/*"] +} diff --git a/renderers/svelte/README.md b/renderers/svelte/README.md new file mode 100644 index 000000000000..dfbcd58b9255 --- /dev/null +++ b/renderers/svelte/README.md @@ -0,0 +1 @@ +# Storybook Svelte renderer diff --git a/renderers/svelte/package.json b/renderers/svelte/package.json new file mode 100644 index 000000000000..f1761b438293 --- /dev/null +++ b/renderers/svelte/package.json @@ -0,0 +1,71 @@ +{ + "name": "@storybook/renderer-svelte", + "version": "6.5.0-rc.1", + "description": "Storybook Svelte renderer", + "keywords": [ + "storybook" + ], + "homepage": "https://github.com/storybookjs/storybook/tree/main/renderers/svelte", + "bugs": { + "url": "https://github.com/storybookjs/storybook/issues" + }, + "repository": { + "type": "git", + "url": "https://github.com/storybookjs/storybook.git", + "directory": "renderers/svelte" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "license": "MIT", + "main": "dist/cjs/index.js", + "module": "dist/esm/index.js", + "types": "dist/ts3.9/index.d.ts", + "typesVersions": { + "<3.8": { + "dist/ts3.9/*": [ + "dist/ts3.4/*" + ] + } + }, + "files": [ + "dist/**/*", + "templates/**/*", + "README.md", + "*.js", + "*.d.ts" + ], + "scripts": { + "prepare": "node ../../scripts/prepare.js" + }, + "dependencies": { + "@storybook/addons": "6.5.0-rc.1", + "@storybook/client-logger": "6.5.0-rc.1", + "@storybook/core-client": "6.5.0-rc.1", + "@storybook/csf": "0.0.2--canary.4566f4d.1", + "@storybook/docs-tools": "6.5.0-rc.1", + "@storybook/store": "6.5.0-rc.1", + "core-js": "^3.8.2", + "global": "^4.4.0", + "react": "16.14.0", + "react-dom": "16.14.0", + "regenerator-runtime": "^0.13.7", + "sveltedoc-parser": "4.1.0" + }, + "devDependencies": { + "svelte": "^3.31.2" + }, + "peerDependencies": { + "@babel/core": "*", + "svelte": "^3.1.0" + }, + "engines": { + "node": ">=10.13.0" + }, + "publishConfig": { + "access": "public" + }, + "gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21", + "sbmodern": "dist/modern/index.js" +} diff --git a/renderers/svelte/preview.js b/renderers/svelte/preview.js new file mode 100644 index 000000000000..0d73a0b695f1 --- /dev/null +++ b/renderers/svelte/preview.js @@ -0,0 +1 @@ +export * from './dist/esm/config'; diff --git a/renderers/svelte/src/config.ts b/renderers/svelte/src/config.ts new file mode 100644 index 000000000000..a31cdced623a --- /dev/null +++ b/renderers/svelte/src/config.ts @@ -0,0 +1,5 @@ +import { parameters as docsParams } from './docs/config'; + +export const parameters = { framework: 'svelte', ...docsParams }; +export { decorators, argTypesEnhancers } from './docs/config'; +export * from './preview/config'; diff --git a/app/svelte/src/client/docs/config.ts b/renderers/svelte/src/docs/config.ts similarity index 100% rename from app/svelte/src/client/docs/config.ts rename to renderers/svelte/src/docs/config.ts diff --git a/app/svelte/src/client/docs/extractArgTypes.test.ts b/renderers/svelte/src/docs/extractArgTypes.test.ts similarity index 100% rename from app/svelte/src/client/docs/extractArgTypes.test.ts rename to renderers/svelte/src/docs/extractArgTypes.test.ts diff --git a/app/svelte/src/client/docs/extractArgTypes.ts b/renderers/svelte/src/docs/extractArgTypes.ts similarity index 100% rename from app/svelte/src/client/docs/extractArgTypes.ts rename to renderers/svelte/src/docs/extractArgTypes.ts diff --git a/app/svelte/src/client/docs/extractComponentDescription.test.ts b/renderers/svelte/src/docs/extractComponentDescription.test.ts similarity index 100% rename from app/svelte/src/client/docs/extractComponentDescription.test.ts rename to renderers/svelte/src/docs/extractComponentDescription.test.ts diff --git a/app/svelte/src/client/docs/extractComponentDescription.ts b/renderers/svelte/src/docs/extractComponentDescription.ts similarity index 100% rename from app/svelte/src/client/docs/extractComponentDescription.ts rename to renderers/svelte/src/docs/extractComponentDescription.ts diff --git a/app/svelte/src/client/docs/prepareForInline.ts b/renderers/svelte/src/docs/prepareForInline.ts similarity index 100% rename from app/svelte/src/client/docs/prepareForInline.ts rename to renderers/svelte/src/docs/prepareForInline.ts diff --git a/app/svelte/src/client/docs/sample/MockButton.svelte b/renderers/svelte/src/docs/sample/MockButton.svelte similarity index 100% rename from app/svelte/src/client/docs/sample/MockButton.svelte rename to renderers/svelte/src/docs/sample/MockButton.svelte diff --git a/app/svelte/src/client/docs/sourceDecorator.test.ts b/renderers/svelte/src/docs/sourceDecorator.test.ts similarity index 100% rename from app/svelte/src/client/docs/sourceDecorator.test.ts rename to renderers/svelte/src/docs/sourceDecorator.test.ts diff --git a/app/svelte/src/client/docs/sourceDecorator.ts b/renderers/svelte/src/docs/sourceDecorator.ts similarity index 100% rename from app/svelte/src/client/docs/sourceDecorator.ts rename to renderers/svelte/src/docs/sourceDecorator.ts diff --git a/renderers/svelte/src/index.ts b/renderers/svelte/src/index.ts new file mode 100644 index 000000000000..8034a9d6433d --- /dev/null +++ b/renderers/svelte/src/index.ts @@ -0,0 +1,14 @@ +export { + storiesOf, + setAddon, + addDecorator, + addParameters, + configure, + getStorybook, + forceReRender, + raw, +} from './preview'; + +if (module && module.hot && module.hot.decline) { + module.hot.decline(); +} diff --git a/app/svelte/src/client/preview/config.ts b/renderers/svelte/src/preview/config.ts similarity index 64% rename from app/svelte/src/client/preview/config.ts rename to renderers/svelte/src/preview/config.ts index 88c2fe7b5a53..669c6e97f649 100644 --- a/app/svelte/src/client/preview/config.ts +++ b/renderers/svelte/src/preview/config.ts @@ -1,4 +1,2 @@ export { render, renderToDOM } from './render'; export { decorateStory } from './decorators'; - -export const parameters = { framework: 'svelte' }; diff --git a/app/svelte/src/client/preview/decorators.ts b/renderers/svelte/src/preview/decorators.ts similarity index 100% rename from app/svelte/src/client/preview/decorators.ts rename to renderers/svelte/src/preview/decorators.ts diff --git a/app/svelte/src/client/preview/globals.ts b/renderers/svelte/src/preview/globals.ts similarity index 100% rename from app/svelte/src/client/preview/globals.ts rename to renderers/svelte/src/preview/globals.ts diff --git a/app/svelte/src/client/preview/index.ts b/renderers/svelte/src/preview/index.ts similarity index 100% rename from app/svelte/src/client/preview/index.ts rename to renderers/svelte/src/preview/index.ts diff --git a/app/svelte/src/client/preview/render.ts b/renderers/svelte/src/preview/render.ts similarity index 100% rename from app/svelte/src/client/preview/render.ts rename to renderers/svelte/src/preview/render.ts diff --git a/app/svelte/src/client/preview/types.ts b/renderers/svelte/src/preview/types.ts similarity index 100% rename from app/svelte/src/client/preview/types.ts rename to renderers/svelte/src/preview/types.ts diff --git a/renderers/svelte/src/typings.d.ts b/renderers/svelte/src/typings.d.ts new file mode 100644 index 000000000000..153074abe8ca --- /dev/null +++ b/renderers/svelte/src/typings.d.ts @@ -0,0 +1,4 @@ +declare module 'global'; +declare module '@storybook/svelte/templates/SlotDecorator.svelte'; +declare module '@storybook/svelte/templates/PreviewRender.svelte'; +declare module '@storybook/svelte/templates/HOC.svelte'; diff --git a/renderers/svelte/templates/HOC.svelte b/renderers/svelte/templates/HOC.svelte new file mode 100644 index 000000000000..0b6c3618701e --- /dev/null +++ b/renderers/svelte/templates/HOC.svelte @@ -0,0 +1,7 @@ + + + \ No newline at end of file diff --git a/renderers/svelte/templates/PreviewRender.svelte b/renderers/svelte/templates/PreviewRender.svelte new file mode 100644 index 000000000000..40c027d6c803 --- /dev/null +++ b/renderers/svelte/templates/PreviewRender.svelte @@ -0,0 +1,37 @@ + + \ No newline at end of file diff --git a/renderers/svelte/templates/SlotDecorator.svelte b/renderers/svelte/templates/SlotDecorator.svelte new file mode 100644 index 000000000000..bd51e06f4271 --- /dev/null +++ b/renderers/svelte/templates/SlotDecorator.svelte @@ -0,0 +1,30 @@ + +{#if decorator} + + + +{:else} + +{/if} \ No newline at end of file diff --git a/renderers/svelte/tsconfig.json b/renderers/svelte/tsconfig.json new file mode 100644 index 000000000000..ea47a78eb476 --- /dev/null +++ b/renderers/svelte/tsconfig.json @@ -0,0 +1,17 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "rootDir": "./src", + "types": [ + "webpack-env", + "node" + ], + "resolveJsonModule": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "src/**/*.test.*" + ] +} \ No newline at end of file diff --git a/renderers/vue/README.md b/renderers/vue/README.md new file mode 100644 index 000000000000..af07be8486f4 --- /dev/null +++ b/renderers/vue/README.md @@ -0,0 +1 @@ +# Storybook Vue renderer diff --git a/renderers/vue/package.json b/renderers/vue/package.json new file mode 100644 index 000000000000..70c8245585f0 --- /dev/null +++ b/renderers/vue/package.json @@ -0,0 +1,72 @@ +{ + "name": "@storybook/renderer-vue", + "version": "6.5.0-rc.1", + "description": "Storybook Vue renderer", + "keywords": [ + "storybook" + ], + "homepage": "https://github.com/storybookjs/storybook/tree/main/renderers/vue", + "bugs": { + "url": "https://github.com/storybookjs/storybook/issues" + }, + "repository": { + "type": "git", + "url": "https://github.com/storybookjs/storybook.git", + "directory": "renderers/vue" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "license": "MIT", + "main": "dist/cjs/index.js", + "module": "dist/esm/index.js", + "types": "dist/ts3.9/index.d.ts", + "typesVersions": { + "<3.8": { + "dist/ts3.9/*": [ + "dist/ts3.4/*" + ] + } + }, + "files": [ + "dist/**/*", + "README.md", + "*.js", + "*.d.ts" + ], + "scripts": { + "prepare": "node ../../scripts/prepare.js" + }, + "dependencies": { + "@storybook/addons": "6.5.0-rc.1", + "@storybook/client-logger": "6.5.0-rc.1", + "@storybook/core-client": "6.5.0-rc.1", + "@storybook/csf": "0.0.2--canary.4566f4d.1", + "@storybook/docs-tools": "6.5.0-rc.1", + "@storybook/store": "6.5.0-rc.1", + "core-js": "^3.8.2", + "global": "^4.4.0", + "react": "16.14.0", + "react-dom": "16.14.0", + "regenerator-runtime": "^0.13.7", + "ts-dedent": "^2.0.0" + }, + "devDependencies": { + "vue": "^2.6.12" + }, + "peerDependencies": { + "@babel/core": "*", + "babel-loader": "^7.0.0 || ^8.0.0", + "css-loader": "*", + "vue": "^2.6.8" + }, + "engines": { + "node": ">=10.13.0" + }, + "publishConfig": { + "access": "public" + }, + "gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21", + "sbmodern": "dist/modern/index.js" +} diff --git a/renderers/vue/preview.js b/renderers/vue/preview.js new file mode 100644 index 000000000000..0d73a0b695f1 --- /dev/null +++ b/renderers/vue/preview.js @@ -0,0 +1 @@ +export * from './dist/esm/config'; diff --git a/renderers/vue/src/config.ts b/renderers/vue/src/config.ts new file mode 100644 index 000000000000..e96a09ba2452 --- /dev/null +++ b/renderers/vue/src/config.ts @@ -0,0 +1,5 @@ +import { parameters as docsParams } from './docs/config'; + +export const parameters = { framework: 'vue', ...docsParams }; +export { decorators, argTypesEnhancers } from './docs/config'; +export * from './preview/config'; diff --git a/app/vue/src/client/docs/config.ts b/renderers/vue/src/docs/config.ts similarity index 100% rename from app/vue/src/client/docs/config.ts rename to renderers/vue/src/docs/config.ts diff --git a/app/vue/src/client/docs/extractArgTypes.ts b/renderers/vue/src/docs/extractArgTypes.ts similarity index 100% rename from app/vue/src/client/docs/extractArgTypes.ts rename to renderers/vue/src/docs/extractArgTypes.ts diff --git a/app/vue/src/client/docs/prepareForInline.ts b/renderers/vue/src/docs/prepareForInline.ts similarity index 100% rename from app/vue/src/client/docs/prepareForInline.ts rename to renderers/vue/src/docs/prepareForInline.ts diff --git a/app/vue/src/client/docs/sourceDecorator.test.ts b/renderers/vue/src/docs/sourceDecorator.test.ts similarity index 100% rename from app/vue/src/client/docs/sourceDecorator.test.ts rename to renderers/vue/src/docs/sourceDecorator.test.ts diff --git a/app/vue/src/client/docs/sourceDecorator.ts b/renderers/vue/src/docs/sourceDecorator.ts similarity index 100% rename from app/vue/src/client/docs/sourceDecorator.ts rename to renderers/vue/src/docs/sourceDecorator.ts diff --git a/renderers/vue/src/index.ts b/renderers/vue/src/index.ts new file mode 100644 index 000000000000..620f2fae5cd0 --- /dev/null +++ b/renderers/vue/src/index.ts @@ -0,0 +1,16 @@ +export { + storiesOf, + setAddon, + addDecorator, + addParameters, + configure, + getStorybook, + forceReRender, + raw, +} from './preview'; + +export * from './preview/types-6-0'; + +if (module && module.hot && module.hot.decline) { + module.hot.decline(); +} diff --git a/renderers/vue/src/preview/config.ts b/renderers/vue/src/preview/config.ts new file mode 100644 index 000000000000..a72969cc2b89 --- /dev/null +++ b/renderers/vue/src/preview/config.ts @@ -0,0 +1,2 @@ +export { render, renderToDOM } from './render'; +export { decorateStory } from './decorateStory'; diff --git a/app/vue/src/client/preview/decorateStory.ts b/renderers/vue/src/preview/decorateStory.ts similarity index 100% rename from app/vue/src/client/preview/decorateStory.ts rename to renderers/vue/src/preview/decorateStory.ts diff --git a/app/vue/src/client/preview/globals.ts b/renderers/vue/src/preview/globals.ts similarity index 100% rename from app/vue/src/client/preview/globals.ts rename to renderers/vue/src/preview/globals.ts diff --git a/app/vue/src/client/preview/index.ts b/renderers/vue/src/preview/index.ts similarity index 100% rename from app/vue/src/client/preview/index.ts rename to renderers/vue/src/preview/index.ts diff --git a/app/vue/src/client/preview/render.ts b/renderers/vue/src/preview/render.ts similarity index 100% rename from app/vue/src/client/preview/render.ts rename to renderers/vue/src/preview/render.ts diff --git a/app/vue/src/client/preview/types-6-0.ts b/renderers/vue/src/preview/types-6-0.ts similarity index 100% rename from app/vue/src/client/preview/types-6-0.ts rename to renderers/vue/src/preview/types-6-0.ts diff --git a/app/vue/src/client/preview/types-7-0.ts b/renderers/vue/src/preview/types-7-0.ts similarity index 100% rename from app/vue/src/client/preview/types-7-0.ts rename to renderers/vue/src/preview/types-7-0.ts diff --git a/app/vue/src/client/preview/types.ts b/renderers/vue/src/preview/types.ts similarity index 100% rename from app/vue/src/client/preview/types.ts rename to renderers/vue/src/preview/types.ts diff --git a/app/vue/src/client/preview/util.ts b/renderers/vue/src/preview/util.ts similarity index 100% rename from app/vue/src/client/preview/util.ts rename to renderers/vue/src/preview/util.ts diff --git a/renderers/vue/src/typings.d.ts b/renderers/vue/src/typings.d.ts new file mode 100644 index 000000000000..2f4eb9cf4fd9 --- /dev/null +++ b/renderers/vue/src/typings.d.ts @@ -0,0 +1 @@ +declare module 'global'; diff --git a/renderers/vue/tsconfig.json b/renderers/vue/tsconfig.json new file mode 100644 index 000000000000..b704f2ec95c9 --- /dev/null +++ b/renderers/vue/tsconfig.json @@ -0,0 +1,9 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "rootDir": "./src", + "resolveJsonModule": true + }, + "include": ["src/**/*"], + "exclude": ["src/**/*.test.*"] +} diff --git a/renderers/vue3/README.md b/renderers/vue3/README.md new file mode 100644 index 000000000000..231d7cb27e13 --- /dev/null +++ b/renderers/vue3/README.md @@ -0,0 +1 @@ +# Storybook Vue3 renderer diff --git a/renderers/vue3/package.json b/renderers/vue3/package.json new file mode 100644 index 000000000000..f432c0de1bac --- /dev/null +++ b/renderers/vue3/package.json @@ -0,0 +1,71 @@ +{ + "name": "@storybook/renderer-vue3", + "version": "6.5.0-rc.1", + "description": "Storybook Vue 3 renderer", + "keywords": [ + "storybook" + ], + "homepage": "https://github.com/storybookjs/storybook/tree/main/renderers/vue3", + "bugs": { + "url": "https://github.com/storybookjs/storybook/issues" + }, + "repository": { + "type": "git", + "url": "https://github.com/storybookjs/storybook.git", + "directory": "renderers/vue3" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "license": "MIT", + "main": "dist/cjs/index.js", + "module": "dist/esm/index.js", + "types": "dist/ts3.9/index.d.ts", + "typesVersions": { + "<3.8": { + "dist/ts3.9/*": [ + "dist/ts3.4/*" + ] + } + }, + "files": [ + "bin/**/*", + "dist/**/*", + "README.md", + "*.js", + "*.d.ts" + ], + "scripts": { + "prepare": "node ../../scripts/prepare.js" + }, + "dependencies": { + "@storybook/addons": "6.5.0-rc.1", + "@storybook/core-client": "6.5.0-rc.1", + "@storybook/csf": "0.0.2--canary.4566f4d.1", + "@storybook/docs-tools": "6.5.0-rc.1", + "@storybook/store": "6.5.0-rc.1", + "core-js": "^3.8.2", + "global": "^4.4.0", + "react": "16.14.0", + "react-dom": "16.14.0", + "regenerator-runtime": "^0.13.7", + "ts-dedent": "^2.0.0" + }, + "devDependencies": { + "vue": "3.0.0" + }, + "peerDependencies": { + "@babel/core": "*", + "babel-loader": "^7.0.0 || ^8.0.0", + "vue": "^3.0.0" + }, + "engines": { + "node": ">=10.13.0" + }, + "publishConfig": { + "access": "public" + }, + "gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21", + "sbmodern": "dist/modern/index.js" +} diff --git a/renderers/vue3/preview.js b/renderers/vue3/preview.js new file mode 100644 index 000000000000..0d73a0b695f1 --- /dev/null +++ b/renderers/vue3/preview.js @@ -0,0 +1 @@ +export * from './dist/esm/config'; diff --git a/renderers/vue3/src/config.ts b/renderers/vue3/src/config.ts new file mode 100644 index 000000000000..a70c17e19b52 --- /dev/null +++ b/renderers/vue3/src/config.ts @@ -0,0 +1,5 @@ +import { parameters as docsParams } from './docs/config'; + +export const parameters = { framework: 'vue3', ...docsParams }; +export { argTypesEnhancers } from './docs/config'; +export * from './preview/config'; diff --git a/app/vue3/src/client/docs/config.ts b/renderers/vue3/src/docs/config.ts similarity index 100% rename from app/vue3/src/client/docs/config.ts rename to renderers/vue3/src/docs/config.ts diff --git a/app/vue3/src/client/docs/extractArgTypes.ts b/renderers/vue3/src/docs/extractArgTypes.ts similarity index 100% rename from app/vue3/src/client/docs/extractArgTypes.ts rename to renderers/vue3/src/docs/extractArgTypes.ts diff --git a/app/vue3/src/client/docs/prepareForInline.ts b/renderers/vue3/src/docs/prepareForInline.ts similarity index 100% rename from app/vue3/src/client/docs/prepareForInline.ts rename to renderers/vue3/src/docs/prepareForInline.ts diff --git a/renderers/vue3/src/index.ts b/renderers/vue3/src/index.ts new file mode 100644 index 000000000000..de13a1bc49ff --- /dev/null +++ b/renderers/vue3/src/index.ts @@ -0,0 +1,18 @@ +export { + storiesOf, + setAddon, + addDecorator, + addParameters, + configure, + getStorybook, + forceReRender, + raw, + app, + activeStoryComponent, +} from './preview'; + +export * from './preview/types-6-0'; + +if (module && module.hot && module.hot.decline) { + module.hot.decline(); +} diff --git a/renderers/vue3/src/preview/config.ts b/renderers/vue3/src/preview/config.ts new file mode 100644 index 000000000000..a72969cc2b89 --- /dev/null +++ b/renderers/vue3/src/preview/config.ts @@ -0,0 +1,2 @@ +export { render, renderToDOM } from './render'; +export { decorateStory } from './decorateStory'; diff --git a/app/vue3/src/client/preview/decorateStory.ts b/renderers/vue3/src/preview/decorateStory.ts similarity index 100% rename from app/vue3/src/client/preview/decorateStory.ts rename to renderers/vue3/src/preview/decorateStory.ts diff --git a/app/vue3/src/client/preview/globals.ts b/renderers/vue3/src/preview/globals.ts similarity index 100% rename from app/vue3/src/client/preview/globals.ts rename to renderers/vue3/src/preview/globals.ts diff --git a/app/vue3/src/client/preview/index.ts b/renderers/vue3/src/preview/index.ts similarity index 100% rename from app/vue3/src/client/preview/index.ts rename to renderers/vue3/src/preview/index.ts diff --git a/app/vue3/src/client/preview/render.ts b/renderers/vue3/src/preview/render.ts similarity index 100% rename from app/vue3/src/client/preview/render.ts rename to renderers/vue3/src/preview/render.ts diff --git a/app/vue3/src/client/preview/types-6-0.ts b/renderers/vue3/src/preview/types-6-0.ts similarity index 100% rename from app/vue3/src/client/preview/types-6-0.ts rename to renderers/vue3/src/preview/types-6-0.ts diff --git a/app/vue3/src/client/preview/types-7-0.ts b/renderers/vue3/src/preview/types-7-0.ts similarity index 100% rename from app/vue3/src/client/preview/types-7-0.ts rename to renderers/vue3/src/preview/types-7-0.ts diff --git a/app/vue3/src/client/preview/types.ts b/renderers/vue3/src/preview/types.ts similarity index 100% rename from app/vue3/src/client/preview/types.ts rename to renderers/vue3/src/preview/types.ts diff --git a/renderers/vue3/src/typings.d.ts b/renderers/vue3/src/typings.d.ts new file mode 100644 index 000000000000..4dd567187328 --- /dev/null +++ b/renderers/vue3/src/typings.d.ts @@ -0,0 +1,5 @@ +declare module 'global'; + +declare module 'vue-loader' { + export const VueLoaderPlugin: any +} diff --git a/renderers/vue3/tsconfig.json b/renderers/vue3/tsconfig.json new file mode 100644 index 000000000000..fa8810ab78ad --- /dev/null +++ b/renderers/vue3/tsconfig.json @@ -0,0 +1,10 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "rootDir": "./src", + "resolveJsonModule": true, + "skipLibCheck": true + }, + "include": ["src/**/*"], + "exclude": ["src/**/*.test.*"] +} diff --git a/renderers/web-components/README.md b/renderers/web-components/README.md new file mode 100644 index 000000000000..3bf7e926ac59 --- /dev/null +++ b/renderers/web-components/README.md @@ -0,0 +1 @@ +# Storybook web-components renderer diff --git a/renderers/web-components/package.json b/renderers/web-components/package.json new file mode 100644 index 000000000000..6b8865cd7a30 --- /dev/null +++ b/renderers/web-components/package.json @@ -0,0 +1,73 @@ +{ + "name": "@storybook/renderer-web-components", + "version": "6.5.0-rc.1", + "description": "Storybook web-components renderer", + "keywords": [ + "lit-html", + "storybook", + "web-components" + ], + "homepage": "https://github.com/storybookjs/storybook/tree/main/renderers/web-components", + "bugs": { + "url": "https://github.com/storybookjs/storybook/issues" + }, + "repository": { + "type": "git", + "url": "https://github.com/storybookjs/storybook.git", + "directory": "renderers/web-components" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "license": "MIT", + "main": "dist/cjs/index.js", + "module": "dist/esm/index.js", + "types": "dist/ts3.9/index.d.ts", + "typesVersions": { + "<3.8": { + "dist/ts3.9/*": [ + "dist/ts3.4/*" + ] + } + }, + "files": [ + "dist/**/*", + "README.md", + "*.js", + "*.d.ts" + ], + "scripts": { + "prepare": "node ../../scripts/prepare.js" + }, + "dependencies": { + "@storybook/addons": "6.5.0-rc.1", + "@storybook/api": "6.5.0-rc.1", + "@storybook/client-logger": "6.5.0-rc.1", + "@storybook/core-client": "6.5.0-rc.1", + "@storybook/csf": "0.0.2--canary.4566f4d.1", + "@storybook/docs-tools": "6.5.0-rc.1", + "@storybook/preview-web": "6.5.0-rc.1", + "@storybook/store": "6.5.0-rc.1", + "core-js": "^3.8.2", + "global": "^4.4.0", + "react": "16.14.0", + "react-dom": "16.14.0", + "regenerator-runtime": "^0.13.7", + "ts-dedent": "^2.0.0" + }, + "devDependencies": { + "lit-html": "2.0.2" + }, + "peerDependencies": { + "lit-html": "^1.4.1 || ^2.0.0" + }, + "engines": { + "node": ">=10.13.0" + }, + "publishConfig": { + "access": "public" + }, + "gitHead": "416f87dc715cae299c7b4f37f1c9db7f686d4d21", + "sbmodern": "dist/modern/index.js" +} diff --git a/renderers/web-components/preview.js b/renderers/web-components/preview.js new file mode 100644 index 000000000000..0d73a0b695f1 --- /dev/null +++ b/renderers/web-components/preview.js @@ -0,0 +1 @@ +export * from './dist/esm/config'; diff --git a/renderers/web-components/src/config.ts b/renderers/web-components/src/config.ts new file mode 100644 index 000000000000..c670320afefb --- /dev/null +++ b/renderers/web-components/src/config.ts @@ -0,0 +1,5 @@ +import { parameters as docsParams } from './docs/config'; + +export const parameters = { framework: 'web-components', ...docsParams }; +export { decorators, argTypesEnhancers } from './docs/config'; +export * from './preview/config'; diff --git a/app/web-components/src/client/customElements.ts b/renderers/web-components/src/customElements.ts similarity index 100% rename from app/web-components/src/client/customElements.ts rename to renderers/web-components/src/customElements.ts diff --git a/app/web-components/src/client/docs/__testfixtures__/custom-elements.json b/renderers/web-components/src/docs/__testfixtures__/custom-elements.json similarity index 100% rename from app/web-components/src/client/docs/__testfixtures__/custom-elements.json rename to renderers/web-components/src/docs/__testfixtures__/custom-elements.json diff --git a/app/web-components/src/client/docs/__testfixtures__/lit-element-demo-card/custom-elements.snapshot b/renderers/web-components/src/docs/__testfixtures__/lit-element-demo-card/custom-elements.snapshot similarity index 100% rename from app/web-components/src/client/docs/__testfixtures__/lit-element-demo-card/custom-elements.snapshot rename to renderers/web-components/src/docs/__testfixtures__/lit-element-demo-card/custom-elements.snapshot diff --git a/app/web-components/src/client/docs/__testfixtures__/lit-element-demo-card/input.js b/renderers/web-components/src/docs/__testfixtures__/lit-element-demo-card/input.js similarity index 100% rename from app/web-components/src/client/docs/__testfixtures__/lit-element-demo-card/input.js rename to renderers/web-components/src/docs/__testfixtures__/lit-element-demo-card/input.js diff --git a/app/web-components/src/client/docs/__testfixtures__/lit-element-demo-card/properties.snapshot b/renderers/web-components/src/docs/__testfixtures__/lit-element-demo-card/properties.snapshot similarity index 100% rename from app/web-components/src/client/docs/__testfixtures__/lit-element-demo-card/properties.snapshot rename to renderers/web-components/src/docs/__testfixtures__/lit-element-demo-card/properties.snapshot diff --git a/app/web-components/src/client/docs/__testfixtures__/lit-html-welcome/custom-elements.snapshot b/renderers/web-components/src/docs/__testfixtures__/lit-html-welcome/custom-elements.snapshot similarity index 100% rename from app/web-components/src/client/docs/__testfixtures__/lit-html-welcome/custom-elements.snapshot rename to renderers/web-components/src/docs/__testfixtures__/lit-html-welcome/custom-elements.snapshot diff --git a/app/web-components/src/client/docs/__testfixtures__/lit-html-welcome/input.js b/renderers/web-components/src/docs/__testfixtures__/lit-html-welcome/input.js similarity index 100% rename from app/web-components/src/client/docs/__testfixtures__/lit-html-welcome/input.js rename to renderers/web-components/src/docs/__testfixtures__/lit-html-welcome/input.js diff --git a/app/web-components/src/client/docs/__testfixtures__/lit-html-welcome/properties.snapshot b/renderers/web-components/src/docs/__testfixtures__/lit-html-welcome/properties.snapshot similarity index 100% rename from app/web-components/src/client/docs/__testfixtures__/lit-html-welcome/properties.snapshot rename to renderers/web-components/src/docs/__testfixtures__/lit-html-welcome/properties.snapshot diff --git a/app/web-components/src/client/docs/config.ts b/renderers/web-components/src/docs/config.ts similarity index 100% rename from app/web-components/src/client/docs/config.ts rename to renderers/web-components/src/docs/config.ts diff --git a/app/web-components/src/client/docs/custom-elements.test.ts b/renderers/web-components/src/docs/custom-elements.test.ts similarity index 100% rename from app/web-components/src/client/docs/custom-elements.test.ts rename to renderers/web-components/src/docs/custom-elements.test.ts diff --git a/app/web-components/src/client/docs/custom-elements.ts b/renderers/web-components/src/docs/custom-elements.ts similarity index 100% rename from app/web-components/src/client/docs/custom-elements.ts rename to renderers/web-components/src/docs/custom-elements.ts diff --git a/app/web-components/src/client/docs/prepareForInline.ts b/renderers/web-components/src/docs/prepareForInline.ts similarity index 100% rename from app/web-components/src/client/docs/prepareForInline.ts rename to renderers/web-components/src/docs/prepareForInline.ts diff --git a/app/web-components/src/client/docs/sourceDecorator.test.ts b/renderers/web-components/src/docs/sourceDecorator.test.ts similarity index 100% rename from app/web-components/src/client/docs/sourceDecorator.test.ts rename to renderers/web-components/src/docs/sourceDecorator.test.ts diff --git a/app/web-components/src/client/docs/sourceDecorator.ts b/renderers/web-components/src/docs/sourceDecorator.ts similarity index 100% rename from app/web-components/src/client/docs/sourceDecorator.ts rename to renderers/web-components/src/docs/sourceDecorator.ts diff --git a/app/web-components/src/client/docs/web-components-properties.test.ts b/renderers/web-components/src/docs/web-components-properties.test.ts similarity index 100% rename from app/web-components/src/client/docs/web-components-properties.test.ts rename to renderers/web-components/src/docs/web-components-properties.test.ts diff --git a/renderers/web-components/src/index.ts b/renderers/web-components/src/index.ts new file mode 100644 index 000000000000..d43a49b2fa31 --- /dev/null +++ b/renderers/web-components/src/index.ts @@ -0,0 +1,43 @@ +import global from 'global'; + +const { window, EventSource } = global; + +export { + storiesOf, + setAddon, + addDecorator, + addParameters, + configure, + getStorybook, + forceReRender, + raw, +} from './preview'; + +export { + getCustomElements, + setCustomElements, + setCustomElementsManifest, + isValidComponent, + isValidMetaData, +} from './customElements'; + +export * from './preview/types-6-0'; + +// TODO: disable HMR and do full page loads because of customElements.define +if (module && module.hot && module.hot.decline) { + module.hot.decline(); + + // forcing full reloads for customElements as elements can only be defined once per page + const hmr = new EventSource('__webpack_hmr'); + hmr.addEventListener('message', function fullPageReload(event: { data: string }) { + try { + // Only care for built events. Heartbeats are not parsable so we ignore those + const { action } = JSON.parse(event.data); + if (action === 'built') { + window.location.reload(); + } + } catch (error) { + // Most part we only get here from the data in the server-sent event not being parsable which is ok + } + }); +} diff --git a/renderers/web-components/src/preview/config.ts b/renderers/web-components/src/preview/config.ts new file mode 100644 index 000000000000..060cf504b4fe --- /dev/null +++ b/renderers/web-components/src/preview/config.ts @@ -0,0 +1 @@ +export { renderToDOM } from './render'; diff --git a/app/web-components/src/client/preview/globals.ts b/renderers/web-components/src/preview/globals.ts similarity index 100% rename from app/web-components/src/client/preview/globals.ts rename to renderers/web-components/src/preview/globals.ts diff --git a/app/web-components/src/client/preview/index.ts b/renderers/web-components/src/preview/index.ts similarity index 100% rename from app/web-components/src/client/preview/index.ts rename to renderers/web-components/src/preview/index.ts diff --git a/app/web-components/src/client/preview/render.ts b/renderers/web-components/src/preview/render.ts similarity index 100% rename from app/web-components/src/client/preview/render.ts rename to renderers/web-components/src/preview/render.ts diff --git a/app/web-components/src/client/preview/types-6-0.ts b/renderers/web-components/src/preview/types-6-0.ts similarity index 100% rename from app/web-components/src/client/preview/types-6-0.ts rename to renderers/web-components/src/preview/types-6-0.ts diff --git a/app/web-components/src/client/preview/types-7-0.ts b/renderers/web-components/src/preview/types-7-0.ts similarity index 100% rename from app/web-components/src/client/preview/types-7-0.ts rename to renderers/web-components/src/preview/types-7-0.ts diff --git a/app/web-components/src/client/preview/types.ts b/renderers/web-components/src/preview/types.ts similarity index 100% rename from app/web-components/src/client/preview/types.ts rename to renderers/web-components/src/preview/types.ts diff --git a/renderers/web-components/src/typings.d.ts b/renderers/web-components/src/typings.d.ts new file mode 100644 index 000000000000..d8f7c6f660ad --- /dev/null +++ b/renderers/web-components/src/typings.d.ts @@ -0,0 +1,4 @@ +declare module 'global'; + +// will be provided by the webpack define plugin +declare var NODE_ENV: string | undefined; diff --git a/renderers/web-components/tsconfig.json b/renderers/web-components/tsconfig.json new file mode 100644 index 000000000000..c4b475a389fc --- /dev/null +++ b/renderers/web-components/tsconfig.json @@ -0,0 +1,8 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "rootDir": "./src" + }, + "include": ["src/**/*"], + "exclude": ["src/**/*.test.*", "src/__tests__/**/*"] +} diff --git a/scripts/run-e2e.ts b/scripts/run-e2e.ts index 4516e2cd6c07..59d193e8c760 100644 --- a/scripts/run-e2e.ts +++ b/scripts/run-e2e.ts @@ -54,7 +54,7 @@ const overrideMainConfig = async ({ cwd, mainOverrides }: Options) => { const buildStorybook = async ({ cwd }: Options) => { await exec( - `yarn build-storybook --quiet`, + `npx sb build --quiet`, { cwd }, { startMessage: `👷 Building Storybook`, errorMessage: `🚨 Storybook build failed` } ); diff --git a/workspace.json b/workspace.json index 8ed393c05019..017b09a2254c 100644 --- a/workspace.json +++ b/workspace.json @@ -308,6 +308,38 @@ "@storybook/preview-web": { "root": "lib/preview-web", "type": "library" + }, + "@storybook/renderer-html": { + "root": "renderers/html", + "type": "library" + }, + "@storybook/renderer-preact": { + "root": "renderers/preact", + "type": "library" + }, + "@storybook/renderer-react": { + "root": "renderers/react", + "type": "library" + }, + "@storybook/renderer-server": { + "root": "renderers/server", + "type": "library" + }, + "@storybook/renderer-svelte": { + "root": "renderers/svelte", + "type": "library" + }, + "@storybook/renderer-vue": { + "root": "renderers/vue", + "type": "library" + }, + "@storybook/renderer-vue3": { + "root": "renderers/vue3", + "type": "library" + }, + "@storybook/renderer-web-components": { + "root": "renderers/web-components", + "type": "library" } } } diff --git a/yarn.lock b/yarn.lock index 573109de00e0..c12ca2433f30 100644 --- a/yarn.lock +++ b/yarn.lock @@ -457,6 +457,13 @@ __metadata: languageName: node linkType: hard +"@babel/compat-data@npm:^7.17.7": + version: 7.17.7 + resolution: "@babel/compat-data@npm:7.17.7" + checksum: 34c2e7ae3d1dc75c03976b035ba47cf9fd888bc881517911ee4b8f4de8c864c9f969a44ca8e41495d05d6c546100efadb3b28b5759deaa78d68126202bf25a17 + languageName: node + linkType: hard + "@babel/core@npm:7.12.10": version: 7.12.10 resolution: "@babel/core@npm:7.12.10" @@ -598,6 +605,29 @@ __metadata: languageName: node linkType: hard +"@babel/core@npm:^7.11.5": + version: 7.17.9 + resolution: "@babel/core@npm:7.17.9" + dependencies: + "@ampproject/remapping": ^2.1.0 + "@babel/code-frame": ^7.16.7 + "@babel/generator": ^7.17.9 + "@babel/helper-compilation-targets": ^7.17.7 + "@babel/helper-module-transforms": ^7.17.7 + "@babel/helpers": ^7.17.9 + "@babel/parser": ^7.17.9 + "@babel/template": ^7.16.7 + "@babel/traverse": ^7.17.9 + "@babel/types": ^7.17.0 + convert-source-map: ^1.7.0 + debug: ^4.1.0 + gensync: ^1.0.0-beta.2 + json5: ^2.2.1 + semver: ^6.3.0 + checksum: db9938ebb7194ae916c3316d82be846b69b3a61152265b1b4e02a1cde25f151a9e3e97719de78b04586dded6e8277239666e4698133de4b3813472c1a15b699f + languageName: node + linkType: hard + "@babel/generator@npm:7.12.11": version: 7.12.11 resolution: "@babel/generator@npm:7.12.11" @@ -620,6 +650,17 @@ __metadata: languageName: node linkType: hard +"@babel/generator@npm:^7.17.9": + version: 7.17.9 + resolution: "@babel/generator@npm:7.17.9" + dependencies: + "@babel/types": ^7.17.0 + jsesc: ^2.5.1 + source-map: ^0.5.0 + checksum: 795fdf08ff34d8887bbeeb10cd7fe1f4dee4f764c2754873bb3029e9ca3e06d32cd296009394c95c1b3498033f5ec650260bb21a6401d3209c40a34b8a2977d3 + languageName: node + linkType: hard + "@babel/helper-annotate-as-pure@npm:^7.16.0, @babel/helper-annotate-as-pure@npm:^7.16.7": version: 7.16.7 resolution: "@babel/helper-annotate-as-pure@npm:7.16.7" @@ -653,6 +694,20 @@ __metadata: languageName: node linkType: hard +"@babel/helper-compilation-targets@npm:^7.17.7": + version: 7.17.7 + resolution: "@babel/helper-compilation-targets@npm:7.17.7" + dependencies: + "@babel/compat-data": ^7.17.7 + "@babel/helper-validator-option": ^7.16.7 + browserslist: ^4.17.5 + semver: ^6.3.0 + peerDependencies: + "@babel/core": ^7.0.0 + checksum: dd8324c962f5142e18f3a7d2835e45db06ca72adfa3b9a6b5eb542ece4cac52cb118b6062d985dd3d15da8865622e249a9b0a1a2296abef5177179126ca067c9 + languageName: node + linkType: hard + "@babel/helper-create-class-features-plugin@npm:^7.16.10, @babel/helper-create-class-features-plugin@npm:^7.16.7, @babel/helper-create-class-features-plugin@npm:^7.17.1, @babel/helper-create-class-features-plugin@npm:^7.17.6, @babel/helper-create-class-features-plugin@npm:^7.8.3": version: 7.17.6 resolution: "@babel/helper-create-class-features-plugin@npm:7.17.6" @@ -747,6 +802,16 @@ __metadata: languageName: node linkType: hard +"@babel/helper-function-name@npm:^7.17.9": + version: 7.17.9 + resolution: "@babel/helper-function-name@npm:7.17.9" + dependencies: + "@babel/template": ^7.16.7 + "@babel/types": ^7.17.0 + checksum: 88a8690a88703bacff5e1be492d8e54f38415db82d403d071256f7dc9b6b02da3ecece2ca113911b6b9e6cdba1b1571d6a78c7d086195b0318dc8a87200971e5 + languageName: node + linkType: hard + "@babel/helper-get-function-arity@npm:^7.16.7": version: 7.16.7 resolution: "@babel/helper-get-function-arity@npm:7.16.7" @@ -799,6 +864,22 @@ __metadata: languageName: node linkType: hard +"@babel/helper-module-transforms@npm:^7.17.7": + version: 7.17.7 + resolution: "@babel/helper-module-transforms@npm:7.17.7" + dependencies: + "@babel/helper-environment-visitor": ^7.16.7 + "@babel/helper-module-imports": ^7.16.7 + "@babel/helper-simple-access": ^7.17.7 + "@babel/helper-split-export-declaration": ^7.16.7 + "@babel/helper-validator-identifier": ^7.16.7 + "@babel/template": ^7.16.7 + "@babel/traverse": ^7.17.3 + "@babel/types": ^7.17.0 + checksum: 9a2864f7f5f951f3406090d552071950d91de4a40184b758c3f0b152c46a990b5a363475cec865902b0e97c0230e17d89e18715a622b0b9e20a38426a6e502e7 + languageName: node + linkType: hard + "@babel/helper-optimise-call-expression@npm:^7.16.7": version: 7.16.7 resolution: "@babel/helper-optimise-call-expression@npm:7.16.7" @@ -855,6 +936,15 @@ __metadata: languageName: node linkType: hard +"@babel/helper-simple-access@npm:^7.17.7": + version: 7.17.7 + resolution: "@babel/helper-simple-access@npm:7.17.7" + dependencies: + "@babel/types": ^7.17.0 + checksum: 86b50d308771c23484bbccbb78c2e6729a90359da3e3d80f0aa7679d03ceb391857e48fc0ad7b7823f9ee5af7fc96bc4ff29fc6ed63da075665408d991cbf3f5 + languageName: node + linkType: hard + "@babel/helper-skip-transparent-expression-wrappers@npm:^7.16.0": version: 7.16.0 resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.16.0" @@ -910,6 +1000,17 @@ __metadata: languageName: node linkType: hard +"@babel/helpers@npm:^7.17.9": + version: 7.17.9 + resolution: "@babel/helpers@npm:7.17.9" + dependencies: + "@babel/template": ^7.16.7 + "@babel/traverse": ^7.17.9 + "@babel/types": ^7.17.0 + checksum: dc6c289d1f5226004f7b421a505f5aeaaa38b80afb4756efa5d78ce97a3d7e35becc1d880a55527ff2f813cf938aa0a911b970e4c43267610f7b8ba56314096b + languageName: node + linkType: hard + "@babel/highlight@npm:^7.10.4, @babel/highlight@npm:^7.16.7, @babel/highlight@npm:^7.8.3": version: 7.16.10 resolution: "@babel/highlight@npm:7.16.10" @@ -930,6 +1031,15 @@ __metadata: languageName: node linkType: hard +"@babel/parser@npm:^7.17.9": + version: 7.17.9 + resolution: "@babel/parser@npm:7.17.9" + bin: + parser: ./bin/babel-parser.js + checksum: a520c33deb47ec95edabecc12a5bf10a5619421bf1324e6762e4031ce11f52613a8617a341ee44a51361bad9bdc6fe140b5fd568594fe1120588d9f084298803 + languageName: node + linkType: hard + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.16.7": version: 7.16.7 resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.16.7" @@ -2536,6 +2646,24 @@ __metadata: languageName: node linkType: hard +"@babel/traverse@npm:^7.17.9": + version: 7.17.9 + resolution: "@babel/traverse@npm:7.17.9" + dependencies: + "@babel/code-frame": ^7.16.7 + "@babel/generator": ^7.17.9 + "@babel/helper-environment-visitor": ^7.16.7 + "@babel/helper-function-name": ^7.17.9 + "@babel/helper-hoist-variables": ^7.16.7 + "@babel/helper-split-export-declaration": ^7.16.7 + "@babel/parser": ^7.17.9 + "@babel/types": ^7.17.0 + debug: ^4.1.0 + globals: ^11.1.0 + checksum: adef927603bd4af2cb143dbf0868366de3b35eedb49b49e2b211fb466146935bc77dc8aebb83c764fd85d5872d34cdb549cedf6b9c6fa877b628520f5fa15966 + languageName: node + linkType: hard + "@babel/types@npm:^7.0.0, @babel/types@npm:^7.11.5, @babel/types@npm:^7.12.1, @babel/types@npm:^7.12.10, @babel/types@npm:^7.12.11, @babel/types@npm:^7.12.6, @babel/types@npm:^7.12.7, @babel/types@npm:^7.13.12, @babel/types@npm:^7.16.0, @babel/types@npm:^7.16.7, @babel/types@npm:^7.16.8, @babel/types@npm:^7.17.0, @babel/types@npm:^7.2.0, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.0, @babel/types@npm:^7.4.4, @babel/types@npm:^7.6.1, @babel/types@npm:^7.7.0, @babel/types@npm:^7.7.2, @babel/types@npm:^7.8.3, @babel/types@npm:^7.8.6, @babel/types@npm:^7.8.7, @babel/types@npm:^7.9.0, @babel/types@npm:^7.9.6": version: 7.17.0 resolution: "@babel/types@npm:7.17.0" @@ -7928,14 +8056,10 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/html@workspace:app/html" dependencies: - "@storybook/addons": 6.5.0-rc.1 - "@storybook/core-client": 6.5.0-rc.1 "@storybook/core-common": 6.5.0-rc.1 "@storybook/core-server": 6.5.0-rc.1 - "@storybook/csf": 0.0.2--canary.4566f4d.1 "@storybook/docs-tools": 6.5.0-rc.1 - "@storybook/preview-web": 6.5.0-rc.1 - "@storybook/store": 6.5.0-rc.1 + "@storybook/renderer-html": 6.5.0-rc.1 "@types/node": ^14.14.20 || ^16.0.0 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 @@ -7943,9 +8067,7 @@ __metadata: html-loader: ^1.3.2 react: 16.14.0 react-dom: 16.14.0 - read-pkg-up: ^7.0.1 regenerator-runtime: ^0.13.7 - ts-dedent: ^2.0.0 webpack: 4 peerDependencies: "@babel/core": "*" @@ -8193,12 +8315,9 @@ __metadata: resolution: "@storybook/preact@workspace:app/preact" dependencies: "@babel/plugin-transform-react-jsx": ^7.12.12 - "@storybook/addons": 6.5.0-rc.1 - "@storybook/core-client": 6.5.0-rc.1 "@storybook/core-common": 6.5.0-rc.1 "@storybook/core-server": 6.5.0-rc.1 - "@storybook/csf": 0.0.2--canary.4566f4d.1 - "@storybook/store": 6.5.0-rc.1 + "@storybook/renderer-preact": 6.5.0-rc.1 "@types/node": ^14.14.20 || ^16.0.0 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 @@ -8206,7 +8325,6 @@ __metadata: preact: ^10.5.13 react: 16.14.0 react-dom: 16.14.0 - read-pkg-up: ^7.0.1 regenerator-runtime: ^0.13.7 ts-dedent: ^2.0.0 webpack: 4 @@ -8298,37 +8416,23 @@ __metadata: "@babel/preset-flow": ^7.12.1 "@babel/preset-react": ^7.12.10 "@pmmmwh/react-refresh-webpack-plugin": ^0.5.3 - "@storybook/addons": 6.5.0-rc.1 - "@storybook/client-logger": 6.5.0-rc.1 - "@storybook/core-client": 6.5.0-rc.1 "@storybook/core-common": 6.5.0-rc.1 "@storybook/core-server": 6.5.0-rc.1 - "@storybook/csf": 0.0.2--canary.4566f4d.1 "@storybook/docs-tools": 6.5.0-rc.1 "@storybook/node-logger": 6.5.0-rc.1 "@storybook/react-docgen-typescript-plugin": 1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0 + "@storybook/renderer-react": 6.5.0-rc.1 "@storybook/semver": ^7.3.2 - "@storybook/store": 6.5.0-rc.1 - "@types/estree": ^0.0.51 "@types/node": ^14.14.20 || ^16.0.0 "@types/util-deprecate": ^1.0.0 "@types/webpack-env": ^1.16.0 - acorn: ^7.4.1 - acorn-jsx: ^5.3.1 - acorn-walk: ^7.2.0 babel-plugin-add-react-displayname: ^0.0.5 babel-plugin-react-docgen: ^4.2.1 core-js: ^3.8.2 - escodegen: ^2.0.0 fs-extra: ^9.0.1 global: ^4.4.0 - html-tags: ^3.1.0 jest-specific-snapshot: ^4.0.0 - lodash: ^4.17.21 - prop-types: ^15.7.2 - react-element-to-jsx-string: ^14.3.4 react-refresh: ^0.11.0 - read-pkg-up: ^7.0.1 regenerator-runtime: ^0.13.7 ts-dedent: ^2.0.0 util-deprecate: ^1.0.2 @@ -8354,6 +8458,199 @@ __metadata: languageName: unknown linkType: soft +"@storybook/renderer-html@6.5.0-rc.1, @storybook/renderer-html@workspace:*, @storybook/renderer-html@workspace:renderers/html": + version: 0.0.0-use.local + resolution: "@storybook/renderer-html@workspace:renderers/html" + dependencies: + "@storybook/addons": 6.5.0-rc.1 + "@storybook/core-client": 6.5.0-rc.1 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/docs-tools": 6.5.0-rc.1 + "@storybook/preview-web": 6.5.0-rc.1 + "@storybook/store": 6.5.0-rc.1 + core-js: ^3.8.2 + global: ^4.4.0 + react: 16.14.0 + react-dom: 16.14.0 + regenerator-runtime: ^0.13.7 + ts-dedent: ^2.0.0 + webpack: 4 + peerDependencies: + "@babel/core": "*" + languageName: unknown + linkType: soft + +"@storybook/renderer-preact@6.5.0-rc.1, @storybook/renderer-preact@workspace:*, @storybook/renderer-preact@workspace:renderers/preact": + version: 0.0.0-use.local + resolution: "@storybook/renderer-preact@workspace:renderers/preact" + dependencies: + "@storybook/addons": 6.5.0-rc.1 + "@storybook/core-client": 6.5.0-rc.1 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/store": 6.5.0-rc.1 + core-js: ^3.8.2 + global: ^4.4.0 + preact: ^10.5.13 + react: 16.14.0 + react-dom: 16.14.0 + regenerator-runtime: ^0.13.7 + ts-dedent: ^2.0.0 + peerDependencies: + preact: ^8.0.0||^10.0.0 + languageName: unknown + linkType: soft + +"@storybook/renderer-react@6.5.0-rc.1, @storybook/renderer-react@workspace:*, @storybook/renderer-react@workspace:renderers/react": + version: 0.0.0-use.local + resolution: "@storybook/renderer-react@workspace:renderers/react" + dependencies: + "@babel/core": ^7.11.5 + "@storybook/addons": 6.5.0-rc.1 + "@storybook/client-logger": 6.5.0-rc.1 + "@storybook/core-client": 6.5.0-rc.1 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/docs-tools": 6.5.0-rc.1 + "@storybook/store": 6.5.0-rc.1 + "@types/estree": ^0.0.51 + "@types/node": ^14.14.20 || ^16.0.0 + "@types/util-deprecate": ^1.0.0 + acorn: ^7.4.1 + acorn-jsx: ^5.3.1 + acorn-walk: ^7.2.0 + core-js: ^3.8.2 + escodegen: ^2.0.0 + global: ^4.4.0 + html-tags: ^3.1.0 + lodash: ^4.17.21 + prop-types: ^15.7.2 + react-element-to-jsx-string: ^14.3.4 + regenerator-runtime: ^0.13.7 + ts-dedent: ^2.0.0 + util-deprecate: ^1.0.2 + peerDependencies: + jest-specific-snapshot: ^4.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + require-from-string: ^2.0.2 + peerDependenciesMeta: + typescript: + optional: true + languageName: unknown + linkType: soft + +"@storybook/renderer-server@6.5.0-rc.1, @storybook/renderer-server@workspace:*, @storybook/renderer-server@workspace:renderers/server": + version: 0.0.0-use.local + resolution: "@storybook/renderer-server@workspace:renderers/server" + dependencies: + "@storybook/addons": 6.5.0-rc.1 + "@storybook/core-client": 6.5.0-rc.1 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/preview-web": 6.5.0-rc.1 + "@storybook/store": 6.5.0-rc.1 + core-js: ^3.8.2 + global: ^4.4.0 + react: 16.14.0 + react-dom: 16.14.0 + regenerator-runtime: ^0.13.7 + ts-dedent: ^2.0.0 + languageName: unknown + linkType: soft + +"@storybook/renderer-svelte@6.5.0-rc.1, @storybook/renderer-svelte@workspace:*, @storybook/renderer-svelte@workspace:renderers/svelte": + version: 0.0.0-use.local + resolution: "@storybook/renderer-svelte@workspace:renderers/svelte" + dependencies: + "@storybook/addons": 6.5.0-rc.1 + "@storybook/client-logger": 6.5.0-rc.1 + "@storybook/core-client": 6.5.0-rc.1 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/docs-tools": 6.5.0-rc.1 + "@storybook/store": 6.5.0-rc.1 + core-js: ^3.8.2 + global: ^4.4.0 + react: 16.14.0 + react-dom: 16.14.0 + regenerator-runtime: ^0.13.7 + svelte: ^3.31.2 + sveltedoc-parser: 4.1.0 + peerDependencies: + "@babel/core": "*" + svelte: ^3.1.0 + languageName: unknown + linkType: soft + +"@storybook/renderer-vue3@6.5.0-rc.1, @storybook/renderer-vue3@workspace:*, @storybook/renderer-vue3@workspace:renderers/vue3": + version: 0.0.0-use.local + resolution: "@storybook/renderer-vue3@workspace:renderers/vue3" + dependencies: + "@storybook/addons": 6.5.0-rc.1 + "@storybook/core-client": 6.5.0-rc.1 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/docs-tools": 6.5.0-rc.1 + "@storybook/store": 6.5.0-rc.1 + core-js: ^3.8.2 + global: ^4.4.0 + react: 16.14.0 + react-dom: 16.14.0 + regenerator-runtime: ^0.13.7 + ts-dedent: ^2.0.0 + vue: 3.0.0 + peerDependencies: + "@babel/core": "*" + babel-loader: ^7.0.0 || ^8.0.0 + vue: ^3.0.0 + languageName: unknown + linkType: soft + +"@storybook/renderer-vue@6.5.0-rc.1, @storybook/renderer-vue@workspace:*, @storybook/renderer-vue@workspace:renderers/vue": + version: 0.0.0-use.local + resolution: "@storybook/renderer-vue@workspace:renderers/vue" + dependencies: + "@storybook/addons": 6.5.0-rc.1 + "@storybook/client-logger": 6.5.0-rc.1 + "@storybook/core-client": 6.5.0-rc.1 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/docs-tools": 6.5.0-rc.1 + "@storybook/store": 6.5.0-rc.1 + core-js: ^3.8.2 + global: ^4.4.0 + react: 16.14.0 + react-dom: 16.14.0 + regenerator-runtime: ^0.13.7 + ts-dedent: ^2.0.0 + vue: ^2.6.12 + peerDependencies: + "@babel/core": "*" + babel-loader: ^7.0.0 || ^8.0.0 + css-loader: "*" + vue: ^2.6.8 + languageName: unknown + linkType: soft + +"@storybook/renderer-web-components@6.5.0-rc.1, @storybook/renderer-web-components@workspace:*, @storybook/renderer-web-components@workspace:renderers/web-components": + version: 0.0.0-use.local + resolution: "@storybook/renderer-web-components@workspace:renderers/web-components" + dependencies: + "@storybook/addons": 6.5.0-rc.1 + "@storybook/api": 6.5.0-rc.1 + "@storybook/client-logger": 6.5.0-rc.1 + "@storybook/core-client": 6.5.0-rc.1 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/docs-tools": 6.5.0-rc.1 + "@storybook/preview-web": 6.5.0-rc.1 + "@storybook/store": 6.5.0-rc.1 + core-js: ^3.8.2 + global: ^4.4.0 + lit-html: 2.0.2 + react: 16.14.0 + react-dom: 16.14.0 + regenerator-runtime: ^0.13.7 + ts-dedent: ^2.0.0 + peerDependencies: + lit-html: ^1.4.1 || ^2.0.0 + languageName: unknown + linkType: soft + "@storybook/root@workspace:.": version: 0.0.0-use.local resolution: "@storybook/root@workspace:." @@ -8433,6 +8730,14 @@ __metadata: "@storybook/preact": "workspace:*" "@storybook/preview-web": "workspace:*" "@storybook/react": "workspace:*" + "@storybook/renderer-html": "workspace:*" + "@storybook/renderer-preact": "workspace:*" + "@storybook/renderer-react": "workspace:*" + "@storybook/renderer-server": "workspace:*" + "@storybook/renderer-svelte": "workspace:*" + "@storybook/renderer-vue": "workspace:*" + "@storybook/renderer-vue3": "workspace:*" + "@storybook/renderer-web-components": "workspace:*" "@storybook/router": "workspace:*" "@storybook/semver": ^7.3.2 "@storybook/server": "workspace:*" @@ -8664,16 +8969,9 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/server@workspace:app/server" dependencies: - "@storybook/addons": 6.5.0-rc.1 - "@storybook/api": 6.5.0-rc.1 - "@storybook/client-api": 6.5.0-rc.1 - "@storybook/core-client": 6.5.0-rc.1 "@storybook/core-common": 6.5.0-rc.1 "@storybook/core-server": 6.5.0-rc.1 - "@storybook/csf": 0.0.2--canary.4566f4d.1 - "@storybook/node-logger": 6.5.0-rc.1 - "@storybook/preview-web": 6.5.0-rc.1 - "@storybook/store": 6.5.0-rc.1 + "@storybook/renderer-server": 6.5.0-rc.1 "@types/node": ^14.14.20 || ^16.0.0 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 @@ -8681,7 +8979,6 @@ __metadata: global: ^4.4.0 react: 16.14.0 react-dom: 16.14.0 - read-pkg-up: ^7.0.1 regenerator-runtime: ^0.13.7 safe-identifier: ^0.4.1 ts-dedent: ^2.0.0 @@ -8739,15 +9036,10 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/svelte@workspace:app/svelte" dependencies: - "@storybook/addons": 6.5.0-rc.1 - "@storybook/client-logger": 6.5.0-rc.1 - "@storybook/core-client": 6.5.0-rc.1 "@storybook/core-common": 6.5.0-rc.1 "@storybook/core-server": 6.5.0-rc.1 - "@storybook/csf": 0.0.2--canary.4566f4d.1 - "@storybook/docs-tools": 6.5.0-rc.1 "@storybook/node-logger": 6.5.0-rc.1 - "@storybook/store": 6.5.0-rc.1 + "@storybook/renderer-svelte": 6.5.0-rc.1 "@types/loader-utils": ^2.0.0 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 @@ -8755,7 +9047,6 @@ __metadata: loader-utils: ^2.0.0 react: 16.14.0 react-dom: 16.14.0 - read-pkg-up: ^7.0.1 regenerator-runtime: ^0.13.7 svelte: ^3.31.2 svelte-loader: ^3.0.0 @@ -8907,13 +9198,10 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/vue3@workspace:app/vue3" dependencies: - "@storybook/addons": 6.5.0-rc.1 - "@storybook/core-client": 6.5.0-rc.1 "@storybook/core-common": 6.5.0-rc.1 "@storybook/core-server": 6.5.0-rc.1 - "@storybook/csf": 0.0.2--canary.4566f4d.1 "@storybook/docs-tools": 6.5.0-rc.1 - "@storybook/store": 6.5.0-rc.1 + "@storybook/renderer-vue3": 6.5.0-rc.1 "@types/node": ^14.14.20 || ^16.0.0 "@types/webpack-env": ^1.16.0 "@vue/compiler-sfc": 3.0.0 @@ -8921,7 +9209,6 @@ __metadata: global: ^4.4.0 react: 16.14.0 react-dom: 16.14.0 - read-pkg-up: ^7.0.1 regenerator-runtime: ^0.13.7 ts-dedent: ^2.0.0 ts-loader: ^8.0.14 @@ -8942,21 +9229,16 @@ __metadata: version: 0.0.0-use.local resolution: "@storybook/vue@workspace:app/vue" dependencies: - "@storybook/addons": 6.5.0-rc.1 - "@storybook/client-logger": 6.5.0-rc.1 - "@storybook/core-client": 6.5.0-rc.1 "@storybook/core-common": 6.5.0-rc.1 "@storybook/core-server": 6.5.0-rc.1 - "@storybook/csf": 0.0.2--canary.4566f4d.1 "@storybook/docs-tools": 6.5.0-rc.1 - "@storybook/store": 6.5.0-rc.1 + "@storybook/renderer-vue": 6.5.0-rc.1 "@types/node": ^14.14.20 || ^16.0.0 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 global: ^4.4.0 react: 16.14.0 react-dom: 16.14.0 - read-pkg-up: ^7.0.1 regenerator-runtime: ^0.13.7 ts-dedent: ^2.0.0 ts-loader: ^8.0.14 @@ -8983,16 +9265,10 @@ __metadata: "@babel/plugin-syntax-dynamic-import": ^7.8.3 "@babel/plugin-syntax-import-meta": ^7.10.4 "@babel/preset-env": ^7.12.11 - "@storybook/addons": 6.5.0-rc.1 - "@storybook/client-api": 6.5.0-rc.1 - "@storybook/client-logger": 6.5.0-rc.1 - "@storybook/core-client": 6.5.0-rc.1 "@storybook/core-common": 6.5.0-rc.1 "@storybook/core-server": 6.5.0-rc.1 - "@storybook/csf": 0.0.2--canary.4566f4d.1 "@storybook/docs-tools": 6.5.0-rc.1 - "@storybook/preview-web": 6.5.0-rc.1 - "@storybook/store": 6.5.0-rc.1 + "@storybook/renderer-web-components": 6.5.0-rc.1 "@types/node": ^14.14.20 || ^16.0.0 "@types/webpack-env": ^1.16.0 babel-plugin-bundled-import-meta: ^0.3.1 @@ -9001,7 +9277,6 @@ __metadata: lit-html: 2.0.2 react: 16.14.0 react-dom: 16.14.0 - read-pkg-up: ^7.0.1 regenerator-runtime: ^0.13.7 ts-dedent: ^2.0.0 peerDependencies: @@ -29342,6 +29617,15 @@ __metadata: languageName: node linkType: hard +"json5@npm:^2.2.1": + version: 2.2.1 + resolution: "json5@npm:2.2.1" + bin: + json5: lib/cli.js + checksum: a7174bc4e146613750a04a8a7fe2bc4ab6f4cad20486f8d7026cc4546b3ee1dc3762fc5e7377557ae99414745aac782486e409f31c363084a455e05cb495ce7a + languageName: node + linkType: hard + "jsonc-parser@npm:3.0.0, jsonc-parser@npm:^3.0.0": version: 3.0.0 resolution: "jsonc-parser@npm:3.0.0"