@storybook/cli 7.0.0-alpha.29 → 7.0.0-alpha.31

package/dist/cjs/generators/PREACT/index.js

@@ -8,9 +8,7 @@ exports.default = void 0;
 var _baseGenerator = require("../baseGenerator");
 
 const generator = async (packageManager, npmOptions, options) => {
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'preact', {
-    extraPackages: ['core-js']
-  });
+  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'preact');
 };
 
 var _default = generator;

package/dist/cjs/versions.js

@@ -6,84 +6,84 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 // auto generated file, do not edit
 var _default = {
-  '@storybook/addon-a11y': '7.0.0-alpha.29',
-  '@storybook/addon-actions': '7.0.0-alpha.29',
-  '@storybook/addon-backgrounds': '7.0.0-alpha.29',
-  '@storybook/addon-controls': '7.0.0-alpha.29',
-  '@storybook/addon-docs': '7.0.0-alpha.29',
-  '@storybook/addon-essentials': '7.0.0-alpha.29',
-  '@storybook/addon-highlight': '7.0.0-alpha.29',
-  '@storybook/addon-interactions': '7.0.0-alpha.29',
-  '@storybook/addon-jest': '7.0.0-alpha.29',
-  '@storybook/addon-links': '7.0.0-alpha.29',
-  '@storybook/addon-measure': '7.0.0-alpha.29',
-  '@storybook/addon-outline': '7.0.0-alpha.29',
-  '@storybook/addon-storyshots': '7.0.0-alpha.29',
-  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.29',
-  '@storybook/addon-storysource': '7.0.0-alpha.29',
-  '@storybook/addon-toolbars': '7.0.0-alpha.29',
-  '@storybook/addon-viewport': '7.0.0-alpha.29',
-  '@storybook/addons': '7.0.0-alpha.29',
-  '@storybook/angular': '7.0.0-alpha.29',
-  '@storybook/api': '7.0.0-alpha.29',
-  '@storybook/blocks': '7.0.0-alpha.29',
-  '@storybook/builder-manager': '7.0.0-alpha.29',
-  '@storybook/builder-vite': '7.0.0-alpha.29',
-  '@storybook/builder-webpack5': '7.0.0-alpha.29',
-  '@storybook/channel-postmessage': '7.0.0-alpha.29',
-  '@storybook/channel-websocket': '7.0.0-alpha.29',
-  '@storybook/channels': '7.0.0-alpha.29',
-  '@storybook/cli': '7.0.0-alpha.29',
-  '@storybook/client-api': '7.0.0-alpha.29',
-  '@storybook/client-logger': '7.0.0-alpha.29',
-  '@storybook/codemod': '7.0.0-alpha.29',
-  '@storybook/components': '7.0.0-alpha.29',
-  '@storybook/core-client': '7.0.0-alpha.29',
-  '@storybook/core-common': '7.0.0-alpha.29',
-  '@storybook/core-events': '7.0.0-alpha.29',
-  '@storybook/core-server': '7.0.0-alpha.29',
-  '@storybook/core-webpack': '7.0.0-alpha.29',
-  '@storybook/csf-tools': '7.0.0-alpha.29',
-  '@storybook/docs-tools': '7.0.0-alpha.29',
-  '@storybook/ember': '7.0.0-alpha.29',
-  '@storybook/html': '7.0.0-alpha.29',
-  '@storybook/html-webpack5': '7.0.0-alpha.29',
-  '@storybook/instrumenter': '7.0.0-alpha.29',
-  '@storybook/node-logger': '7.0.0-alpha.29',
-  '@storybook/postinstall': '7.0.0-alpha.29',
-  '@storybook/preact': '7.0.0-alpha.29',
-  '@storybook/preact-webpack5': '7.0.0-alpha.29',
-  '@storybook/preset-html-webpack': '7.0.0-alpha.29',
-  '@storybook/preset-preact-webpack': '7.0.0-alpha.29',
-  '@storybook/preset-react-webpack': '7.0.0-alpha.29',
-  '@storybook/preset-server-webpack': '7.0.0-alpha.29',
-  '@storybook/preset-svelte-webpack': '7.0.0-alpha.29',
-  '@storybook/preset-vue-webpack': '7.0.0-alpha.29',
-  '@storybook/preset-vue3-webpack': '7.0.0-alpha.29',
-  '@storybook/preset-web-components-webpack': '7.0.0-alpha.29',
-  '@storybook/preview-web': '7.0.0-alpha.29',
-  '@storybook/react': '7.0.0-alpha.29',
-  '@storybook/react-vite': '7.0.0-alpha.29',
-  '@storybook/react-webpack5': '7.0.0-alpha.29',
-  '@storybook/router': '7.0.0-alpha.29',
-  '@storybook/server': '7.0.0-alpha.29',
-  '@storybook/server-webpack5': '7.0.0-alpha.29',
-  '@storybook/source-loader': '7.0.0-alpha.29',
-  '@storybook/store': '7.0.0-alpha.29',
-  '@storybook/svelte': '7.0.0-alpha.29',
-  '@storybook/svelte-vite': '7.0.0-alpha.29',
-  '@storybook/svelte-webpack5': '7.0.0-alpha.29',
-  '@storybook/telemetry': '7.0.0-alpha.29',
-  '@storybook/theming': '7.0.0-alpha.29',
-  '@storybook/ui': '7.0.0-alpha.29',
-  '@storybook/vue': '7.0.0-alpha.29',
-  '@storybook/vue-webpack5': '7.0.0-alpha.29',
-  '@storybook/vue3': '7.0.0-alpha.29',
-  '@storybook/vue3-vite': '7.0.0-alpha.29',
-  '@storybook/vue3-webpack5': '7.0.0-alpha.29',
-  '@storybook/web-components': '7.0.0-alpha.29',
-  '@storybook/web-components-webpack5': '7.0.0-alpha.29',
-  sb: '7.0.0-alpha.29',
-  storybook: '7.0.0-alpha.29'
+  '@storybook/addon-a11y': '7.0.0-alpha.31',
+  '@storybook/addon-actions': '7.0.0-alpha.31',
+  '@storybook/addon-backgrounds': '7.0.0-alpha.31',
+  '@storybook/addon-controls': '7.0.0-alpha.31',
+  '@storybook/addon-docs': '7.0.0-alpha.31',
+  '@storybook/addon-essentials': '7.0.0-alpha.31',
+  '@storybook/addon-highlight': '7.0.0-alpha.31',
+  '@storybook/addon-interactions': '7.0.0-alpha.31',
+  '@storybook/addon-jest': '7.0.0-alpha.31',
+  '@storybook/addon-links': '7.0.0-alpha.31',
+  '@storybook/addon-measure': '7.0.0-alpha.31',
+  '@storybook/addon-outline': '7.0.0-alpha.31',
+  '@storybook/addon-storyshots': '7.0.0-alpha.31',
+  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.31',
+  '@storybook/addon-storysource': '7.0.0-alpha.31',
+  '@storybook/addon-toolbars': '7.0.0-alpha.31',
+  '@storybook/addon-viewport': '7.0.0-alpha.31',
+  '@storybook/addons': '7.0.0-alpha.31',
+  '@storybook/angular': '7.0.0-alpha.31',
+  '@storybook/api': '7.0.0-alpha.31',
+  '@storybook/blocks': '7.0.0-alpha.31',
+  '@storybook/builder-manager': '7.0.0-alpha.31',
+  '@storybook/builder-vite': '7.0.0-alpha.31',
+  '@storybook/builder-webpack5': '7.0.0-alpha.31',
+  '@storybook/channel-postmessage': '7.0.0-alpha.31',
+  '@storybook/channel-websocket': '7.0.0-alpha.31',
+  '@storybook/channels': '7.0.0-alpha.31',
+  '@storybook/cli': '7.0.0-alpha.31',
+  '@storybook/client-api': '7.0.0-alpha.31',
+  '@storybook/client-logger': '7.0.0-alpha.31',
+  '@storybook/codemod': '7.0.0-alpha.31',
+  '@storybook/components': '7.0.0-alpha.31',
+  '@storybook/core-client': '7.0.0-alpha.31',
+  '@storybook/core-common': '7.0.0-alpha.31',
+  '@storybook/core-events': '7.0.0-alpha.31',
+  '@storybook/core-server': '7.0.0-alpha.31',
+  '@storybook/core-webpack': '7.0.0-alpha.31',
+  '@storybook/csf-tools': '7.0.0-alpha.31',
+  '@storybook/docs-tools': '7.0.0-alpha.31',
+  '@storybook/ember': '7.0.0-alpha.31',
+  '@storybook/html': '7.0.0-alpha.31',
+  '@storybook/html-webpack5': '7.0.0-alpha.31',
+  '@storybook/instrumenter': '7.0.0-alpha.31',
+  '@storybook/node-logger': '7.0.0-alpha.31',
+  '@storybook/postinstall': '7.0.0-alpha.31',
+  '@storybook/preact': '7.0.0-alpha.31',
+  '@storybook/preact-webpack5': '7.0.0-alpha.31',
+  '@storybook/preset-html-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-preact-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-react-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-server-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-svelte-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-vue-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-vue3-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-web-components-webpack': '7.0.0-alpha.31',
+  '@storybook/preview-web': '7.0.0-alpha.31',
+  '@storybook/react': '7.0.0-alpha.31',
+  '@storybook/react-vite': '7.0.0-alpha.31',
+  '@storybook/react-webpack5': '7.0.0-alpha.31',
+  '@storybook/router': '7.0.0-alpha.31',
+  '@storybook/server': '7.0.0-alpha.31',
+  '@storybook/server-webpack5': '7.0.0-alpha.31',
+  '@storybook/source-loader': '7.0.0-alpha.31',
+  '@storybook/store': '7.0.0-alpha.31',
+  '@storybook/svelte': '7.0.0-alpha.31',
+  '@storybook/svelte-vite': '7.0.0-alpha.31',
+  '@storybook/svelte-webpack5': '7.0.0-alpha.31',
+  '@storybook/telemetry': '7.0.0-alpha.31',
+  '@storybook/theming': '7.0.0-alpha.31',
+  '@storybook/ui': '7.0.0-alpha.31',
+  '@storybook/vue': '7.0.0-alpha.31',
+  '@storybook/vue-webpack5': '7.0.0-alpha.31',
+  '@storybook/vue3': '7.0.0-alpha.31',
+  '@storybook/vue3-vite': '7.0.0-alpha.31',
+  '@storybook/vue3-webpack5': '7.0.0-alpha.31',
+  '@storybook/web-components': '7.0.0-alpha.31',
+  '@storybook/web-components-webpack5': '7.0.0-alpha.31',
+  sb: '7.0.0-alpha.31',
+  storybook: '7.0.0-alpha.31'
 };
 exports.default = _default;

package/dist/esm/generators/PREACT/index.js

@@ -1,9 +1,7 @@
 import { baseGenerator } from '../baseGenerator';
 
 const generator = async (packageManager, npmOptions, options) => {
-  await baseGenerator(packageManager, npmOptions, options, 'preact', {
-    extraPackages: ['core-js']
-  });
+  await baseGenerator(packageManager, npmOptions, options, 'preact');
 };
 
 export default generator;

package/dist/esm/versions.js

@@ -1,82 +1,82 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '7.0.0-alpha.29',
-  '@storybook/addon-actions': '7.0.0-alpha.29',
-  '@storybook/addon-backgrounds': '7.0.0-alpha.29',
-  '@storybook/addon-controls': '7.0.0-alpha.29',
-  '@storybook/addon-docs': '7.0.0-alpha.29',
-  '@storybook/addon-essentials': '7.0.0-alpha.29',
-  '@storybook/addon-highlight': '7.0.0-alpha.29',
-  '@storybook/addon-interactions': '7.0.0-alpha.29',
-  '@storybook/addon-jest': '7.0.0-alpha.29',
-  '@storybook/addon-links': '7.0.0-alpha.29',
-  '@storybook/addon-measure': '7.0.0-alpha.29',
-  '@storybook/addon-outline': '7.0.0-alpha.29',
-  '@storybook/addon-storyshots': '7.0.0-alpha.29',
-  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.29',
-  '@storybook/addon-storysource': '7.0.0-alpha.29',
-  '@storybook/addon-toolbars': '7.0.0-alpha.29',
-  '@storybook/addon-viewport': '7.0.0-alpha.29',
-  '@storybook/addons': '7.0.0-alpha.29',
-  '@storybook/angular': '7.0.0-alpha.29',
-  '@storybook/api': '7.0.0-alpha.29',
-  '@storybook/blocks': '7.0.0-alpha.29',
-  '@storybook/builder-manager': '7.0.0-alpha.29',
-  '@storybook/builder-vite': '7.0.0-alpha.29',
-  '@storybook/builder-webpack5': '7.0.0-alpha.29',
-  '@storybook/channel-postmessage': '7.0.0-alpha.29',
-  '@storybook/channel-websocket': '7.0.0-alpha.29',
-  '@storybook/channels': '7.0.0-alpha.29',
-  '@storybook/cli': '7.0.0-alpha.29',
-  '@storybook/client-api': '7.0.0-alpha.29',
-  '@storybook/client-logger': '7.0.0-alpha.29',
-  '@storybook/codemod': '7.0.0-alpha.29',
-  '@storybook/components': '7.0.0-alpha.29',
-  '@storybook/core-client': '7.0.0-alpha.29',
-  '@storybook/core-common': '7.0.0-alpha.29',
-  '@storybook/core-events': '7.0.0-alpha.29',
-  '@storybook/core-server': '7.0.0-alpha.29',
-  '@storybook/core-webpack': '7.0.0-alpha.29',
-  '@storybook/csf-tools': '7.0.0-alpha.29',
-  '@storybook/docs-tools': '7.0.0-alpha.29',
-  '@storybook/ember': '7.0.0-alpha.29',
-  '@storybook/html': '7.0.0-alpha.29',
-  '@storybook/html-webpack5': '7.0.0-alpha.29',
-  '@storybook/instrumenter': '7.0.0-alpha.29',
-  '@storybook/node-logger': '7.0.0-alpha.29',
-  '@storybook/postinstall': '7.0.0-alpha.29',
-  '@storybook/preact': '7.0.0-alpha.29',
-  '@storybook/preact-webpack5': '7.0.0-alpha.29',
-  '@storybook/preset-html-webpack': '7.0.0-alpha.29',
-  '@storybook/preset-preact-webpack': '7.0.0-alpha.29',
-  '@storybook/preset-react-webpack': '7.0.0-alpha.29',
-  '@storybook/preset-server-webpack': '7.0.0-alpha.29',
-  '@storybook/preset-svelte-webpack': '7.0.0-alpha.29',
-  '@storybook/preset-vue-webpack': '7.0.0-alpha.29',
-  '@storybook/preset-vue3-webpack': '7.0.0-alpha.29',
-  '@storybook/preset-web-components-webpack': '7.0.0-alpha.29',
-  '@storybook/preview-web': '7.0.0-alpha.29',
-  '@storybook/react': '7.0.0-alpha.29',
-  '@storybook/react-vite': '7.0.0-alpha.29',
-  '@storybook/react-webpack5': '7.0.0-alpha.29',
-  '@storybook/router': '7.0.0-alpha.29',
-  '@storybook/server': '7.0.0-alpha.29',
-  '@storybook/server-webpack5': '7.0.0-alpha.29',
-  '@storybook/source-loader': '7.0.0-alpha.29',
-  '@storybook/store': '7.0.0-alpha.29',
-  '@storybook/svelte': '7.0.0-alpha.29',
-  '@storybook/svelte-vite': '7.0.0-alpha.29',
-  '@storybook/svelte-webpack5': '7.0.0-alpha.29',
-  '@storybook/telemetry': '7.0.0-alpha.29',
-  '@storybook/theming': '7.0.0-alpha.29',
-  '@storybook/ui': '7.0.0-alpha.29',
-  '@storybook/vue': '7.0.0-alpha.29',
-  '@storybook/vue-webpack5': '7.0.0-alpha.29',
-  '@storybook/vue3': '7.0.0-alpha.29',
-  '@storybook/vue3-vite': '7.0.0-alpha.29',
-  '@storybook/vue3-webpack5': '7.0.0-alpha.29',
-  '@storybook/web-components': '7.0.0-alpha.29',
-  '@storybook/web-components-webpack5': '7.0.0-alpha.29',
-  sb: '7.0.0-alpha.29',
-  storybook: '7.0.0-alpha.29'
+  '@storybook/addon-a11y': '7.0.0-alpha.31',
+  '@storybook/addon-actions': '7.0.0-alpha.31',
+  '@storybook/addon-backgrounds': '7.0.0-alpha.31',
+  '@storybook/addon-controls': '7.0.0-alpha.31',
+  '@storybook/addon-docs': '7.0.0-alpha.31',
+  '@storybook/addon-essentials': '7.0.0-alpha.31',
+  '@storybook/addon-highlight': '7.0.0-alpha.31',
+  '@storybook/addon-interactions': '7.0.0-alpha.31',
+  '@storybook/addon-jest': '7.0.0-alpha.31',
+  '@storybook/addon-links': '7.0.0-alpha.31',
+  '@storybook/addon-measure': '7.0.0-alpha.31',
+  '@storybook/addon-outline': '7.0.0-alpha.31',
+  '@storybook/addon-storyshots': '7.0.0-alpha.31',
+  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.31',
+  '@storybook/addon-storysource': '7.0.0-alpha.31',
+  '@storybook/addon-toolbars': '7.0.0-alpha.31',
+  '@storybook/addon-viewport': '7.0.0-alpha.31',
+  '@storybook/addons': '7.0.0-alpha.31',
+  '@storybook/angular': '7.0.0-alpha.31',
+  '@storybook/api': '7.0.0-alpha.31',
+  '@storybook/blocks': '7.0.0-alpha.31',
+  '@storybook/builder-manager': '7.0.0-alpha.31',
+  '@storybook/builder-vite': '7.0.0-alpha.31',
+  '@storybook/builder-webpack5': '7.0.0-alpha.31',
+  '@storybook/channel-postmessage': '7.0.0-alpha.31',
+  '@storybook/channel-websocket': '7.0.0-alpha.31',
+  '@storybook/channels': '7.0.0-alpha.31',
+  '@storybook/cli': '7.0.0-alpha.31',
+  '@storybook/client-api': '7.0.0-alpha.31',
+  '@storybook/client-logger': '7.0.0-alpha.31',
+  '@storybook/codemod': '7.0.0-alpha.31',
+  '@storybook/components': '7.0.0-alpha.31',
+  '@storybook/core-client': '7.0.0-alpha.31',
+  '@storybook/core-common': '7.0.0-alpha.31',
+  '@storybook/core-events': '7.0.0-alpha.31',
+  '@storybook/core-server': '7.0.0-alpha.31',
+  '@storybook/core-webpack': '7.0.0-alpha.31',
+  '@storybook/csf-tools': '7.0.0-alpha.31',
+  '@storybook/docs-tools': '7.0.0-alpha.31',
+  '@storybook/ember': '7.0.0-alpha.31',
+  '@storybook/html': '7.0.0-alpha.31',
+  '@storybook/html-webpack5': '7.0.0-alpha.31',
+  '@storybook/instrumenter': '7.0.0-alpha.31',
+  '@storybook/node-logger': '7.0.0-alpha.31',
+  '@storybook/postinstall': '7.0.0-alpha.31',
+  '@storybook/preact': '7.0.0-alpha.31',
+  '@storybook/preact-webpack5': '7.0.0-alpha.31',
+  '@storybook/preset-html-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-preact-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-react-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-server-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-svelte-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-vue-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-vue3-webpack': '7.0.0-alpha.31',
+  '@storybook/preset-web-components-webpack': '7.0.0-alpha.31',
+  '@storybook/preview-web': '7.0.0-alpha.31',
+  '@storybook/react': '7.0.0-alpha.31',
+  '@storybook/react-vite': '7.0.0-alpha.31',
+  '@storybook/react-webpack5': '7.0.0-alpha.31',
+  '@storybook/router': '7.0.0-alpha.31',
+  '@storybook/server': '7.0.0-alpha.31',
+  '@storybook/server-webpack5': '7.0.0-alpha.31',
+  '@storybook/source-loader': '7.0.0-alpha.31',
+  '@storybook/store': '7.0.0-alpha.31',
+  '@storybook/svelte': '7.0.0-alpha.31',
+  '@storybook/svelte-vite': '7.0.0-alpha.31',
+  '@storybook/svelte-webpack5': '7.0.0-alpha.31',
+  '@storybook/telemetry': '7.0.0-alpha.31',
+  '@storybook/theming': '7.0.0-alpha.31',
+  '@storybook/ui': '7.0.0-alpha.31',
+  '@storybook/vue': '7.0.0-alpha.31',
+  '@storybook/vue-webpack5': '7.0.0-alpha.31',
+  '@storybook/vue3': '7.0.0-alpha.31',
+  '@storybook/vue3-vite': '7.0.0-alpha.31',
+  '@storybook/vue3-webpack5': '7.0.0-alpha.31',
+  '@storybook/web-components': '7.0.0-alpha.31',
+  '@storybook/web-components-webpack5': '7.0.0-alpha.31',
+  sb: '7.0.0-alpha.31',
+  storybook: '7.0.0-alpha.31'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "7.0.0-alpha.29",
+  "version": "7.0.0-alpha.31",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -29,25 +29,26 @@
   "files": [
     "bin/**/*",
     "dist/**/*",
+    "rendererAssets/**/*",
     "README.md",
     "*.js",
     "*.d.ts"
   ],
   "scripts": {
     "check": "tsc --noEmit",
-    "prepare": "node ../../../scripts/prepare.js",
+    "prep": "node ../../../scripts/prepare.js",
     "test": "jest test/**/*.test.js"
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@babel/preset-env": "^7.12.11",
-    "@storybook/codemod": "7.0.0-alpha.29",
-    "@storybook/core-common": "7.0.0-alpha.29",
-    "@storybook/core-server": "7.0.0-alpha.29",
-    "@storybook/csf-tools": "7.0.0-alpha.29",
-    "@storybook/node-logger": "7.0.0-alpha.29",
+    "@storybook/codemod": "7.0.0-alpha.31",
+    "@storybook/core-common": "7.0.0-alpha.31",
+    "@storybook/core-server": "7.0.0-alpha.31",
+    "@storybook/csf-tools": "7.0.0-alpha.31",
+    "@storybook/node-logger": "7.0.0-alpha.31",
     "@storybook/semver": "^7.3.2",
-    "@storybook/telemetry": "7.0.0-alpha.29",
+    "@storybook/telemetry": "7.0.0-alpha.31",
     "boxen": "^5.1.2",
     "chalk": "^4.1.0",
     "commander": "^6.2.1",
@@ -61,9 +62,7 @@
     "fs-extra": "^9.0.1",
     "get-port": "^5.1.1",
     "globby": "^11.0.2",
-    "js-yaml": "^3.14.1",
     "jscodeshift": "^0.13.1",
-    "json5": "^2.1.3",
     "leven": "^3.1.0",
     "prompts": "^2.4.0",
     "puppeteer-core": "^2.1.1",
@@ -74,7 +73,7 @@
     "update-notifier": "^5.0.1"
   },
   "devDependencies": {
-    "@storybook/client-api": "7.0.0-alpha.29",
+    "@storybook/client-api": "7.0.0-alpha.31",
     "@types/cross-spawn": "^6.0.2",
     "@types/degit": "^2.8.3",
     "@types/prompts": "^2.0.9",
@@ -89,5 +88,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "87ce9b91ce2c7e35a716d2254768fb1a34e777c7"
+  "gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
 }

package/rendererAssets/.eslintrc.json

@@ -0,0 +1,11 @@
+{
+  "rules": {
+    "no-undef": "off",
+    "@typescript-eslint/ban-types": "off",
+    "react/prop-types": "off",
+    "react/react-in-jsx-scope": "off",
+    "import/extensions": "off",
+    "import/no-unresolved": "off",
+    "import/no-extraneous-dependencies": "off"
+  }
+}

package/rendererAssets/angular/Button.stories.ts

@@ -0,0 +1,43 @@
+import type { Meta, StoryFn } from '@storybook/angular';
+import Button from './button.component';
+
+// More on default export: https://storybook.js.org/docs/angular/writing-stories/introduction#default-export
+export default {
+  title: 'Example/Button',
+  component: Button,
+  // More on argTypes: https://storybook.js.org/docs/angular/api/argtypes
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+} as Meta;
+
+// More on component templates: https://storybook.js.org/docs/angular/writing-stories/introduction#using-args
+const Template: StoryFn<Button> = (args: Button) => {
+  return {
+    props: { backgroundColor: null, ...args },
+  };
+};
+
+export const Primary = Template.bind({});
+// More on args: https://storybook.js.org/docs/angular/writing-stories/args
+Primary.args = {
+  primary: true,
+  label: 'Button',
+};
+
+export const Secondary = Template.bind({});
+Secondary.args = {
+  label: 'Button',
+};
+
+export const Large = Template.bind({});
+Large.args = {
+  size: 'large',
+  label: 'Button',
+};
+
+export const Small = Template.bind({});
+Small.args = {
+  size: 'small',
+  label: 'Button',
+};

package/rendererAssets/angular/Header.stories.ts

@@ -0,0 +1,35 @@
+import { moduleMetadata } from '@storybook/angular';
+import { CommonModule } from '@angular/common';
+import type { Meta, StoryFn } from '@storybook/angular';
+
+import Button from './button.component';
+import Header from './header.component';
+
+export default {
+  title: 'Example/Header',
+  component: Header,
+  decorators: [
+    moduleMetadata({
+      declarations: [Button],
+      imports: [CommonModule],
+    }),
+  ],
+  parameters: {
+    // More on Story layout: https://storybook.js.org/docs/angular/configure/story-layout
+    layout: 'fullscreen',
+  },
+} as Meta;
+
+const Template: StoryFn<Header> = (args: Header) => ({
+  props: args,
+});
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  user: {
+    name: 'Jane Doe',
+  },
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {};

package/rendererAssets/angular/Page.stories.ts

@@ -0,0 +1,36 @@
+import { moduleMetadata, StoryFn, Meta } from '@storybook/angular';
+import { within, userEvent } from '@storybook/testing-library';
+import { CommonModule } from '@angular/common';
+
+import Button from './button.component';
+import Header from './header.component';
+import Page from './page.component';
+
+export default {
+  title: 'Example/Page',
+  component: Page,
+  parameters: {
+    // More on StoryFn layout: https://storybook.js.org/docs/angular/configure/story-layout
+    layout: 'fullscreen',
+  },
+  decorators: [
+    moduleMetadata({
+      declarations: [Button, Header],
+      imports: [CommonModule],
+    }),
+  ],
+} as Meta;
+
+const Template: StoryFn<Page> = (args: Page) => ({
+  props: args,
+});
+
+export const LoggedOut = Template.bind({});
+
+// More on interaction testing: https://storybook.js.org/docs/angular/writing-tests/interaction-testing
+export const LoggedIn = Template.bind({});
+LoggedIn.play = async ({ canvasElement }) => {
+  const canvas = within(canvasElement);
+  const loginButton = await canvas.getByRole('button', { name: /Log in/i });
+  await userEvent.click(loginButton);
+};

package/rendererAssets/angular/User.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface User {}

package/rendererAssets/angular/button.component.ts

@@ -0,0 +1,53 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+
+@Component({
+  selector: 'storybook-button',
+  template: ` <button
+    type="button"
+    (click)="onClick.emit($event)"
+    [ngClass]="classes"
+    [ngStyle]="{ 'background-color': backgroundColor }"
+  >
+    {{ label }}
+  </button>`,
+  styleUrls: ['./button.css'],
+})
+export default class ButtonComponent {
+  /**
+   * Is this the principal call to action on the page?
+   */
+  @Input()
+  primary = false;
+
+  /**
+   * What background color to use
+   */
+  @Input()
+  backgroundColor?: string;
+
+  /**
+   * How large should the button be?
+   */
+  @Input()
+  size: 'small' | 'medium' | 'large' = 'medium';
+
+  /**
+   * Button contents
+   *
+   * @required
+   */
+  @Input()
+  label = 'Button';
+
+  /**
+   * Optional click handler
+   */
+  @Output()
+  onClick = new EventEmitter<Event>();
+
+  public get classes(): string[] {
+    const mode = this.primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+
+    return ['storybook-button', `storybook-button--${this.size}`, mode];
+  }
+}