@storybook/cli 7.0.0-beta.6 → 7.0.0-beta.61

package/dist/index.mjs

@@ -0,0 +1,12 @@
+import {
+  JsPackageManager,
+  JsPackageManagerFactory,
+  getPackageDetails,
+  useNpmWarning
+} from "./chunk-HBVTX4IN.mjs";
+export {
+  JsPackageManager,
+  JsPackageManagerFactory,
+  getPackageDetails,
+  useNpmWarning
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "7.0.0-beta.6",
+  "version": "7.0.0-beta.61",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -22,6 +22,19 @@
   },
   "license": "MIT",
   "author": "Storybook Team",
+  "exports": {
+    ".": {
+      "node": "./dist/index.js",
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./package.json": "./package.json",
+    "./bin/index": "./bin/index.js"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "bin": {
     "getstorybook": "./bin/index.js",
     "sb": "./bin/index.js"
@@ -43,13 +56,14 @@
   "dependencies": {
     "@babel/core": "^7.20.2",
     "@babel/preset-env": "^7.20.2",
-    "@storybook/codemod": "7.0.0-beta.6",
-    "@storybook/core-common": "7.0.0-beta.6",
-    "@storybook/core-server": "7.0.0-beta.6",
-    "@storybook/csf-tools": "7.0.0-beta.6",
-    "@storybook/node-logger": "7.0.0-beta.6",
-    "@storybook/telemetry": "7.0.0-beta.6",
-    "@storybook/types": "7.0.0-beta.6",
+    "@ndelangen/get-tarball": "^3.0.7",
+    "@storybook/codemod": "7.0.0-beta.61",
+    "@storybook/core-common": "7.0.0-beta.61",
+    "@storybook/core-server": "7.0.0-beta.61",
+    "@storybook/csf-tools": "7.0.0-beta.61",
+    "@storybook/node-logger": "7.0.0-beta.61",
+    "@storybook/telemetry": "7.0.0-beta.61",
+    "@storybook/types": "7.0.0-beta.61",
     "@types/semver": "^7.3.4",
     "boxen": "^5.1.2",
     "chalk": "^4.1.0",
@@ -60,43 +74,45 @@
     "execa": "^5.0.0",
     "express": "^4.17.3",
     "find-up": "^5.0.0",
-    "fs-extra": "^9.0.1",
+    "fs-extra": "^11.1.0",
+    "get-npm-tarball-url": "^2.0.3",
     "get-port": "^5.1.1",
     "giget": "^1.0.0",
     "globby": "^11.0.2",
-    "jscodeshift": "^0.13.1",
+    "jscodeshift": "^0.14.0",
     "leven": "^3.1.0",
+    "prettier": "^2.8.0",
     "prompts": "^2.4.0",
     "puppeteer-core": "^2.1.1",
     "read-pkg-up": "^7.0.1",
     "semver": "^7.3.7",
     "shelljs": "^0.8.5",
+    "simple-update-notifier": "^1.0.0",
     "strip-json-comments": "^3.0.1",
+    "tempy": "^1.0.1",
     "ts-dedent": "^2.0.0",
-    "update-notifier": "^6.0.2",
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@storybook/client-api": "7.0.0-beta.6",
+    "@storybook/client-api": "7.0.0-beta.61",
     "@types/cross-spawn": "^6.0.2",
     "@types/prompts": "^2.0.9",
     "@types/puppeteer-core": "^2.1.0",
     "@types/semver": "^7.3.4",
     "@types/shelljs": "^0.8.7",
-    "@types/update-notifier": "^6.0.1",
     "@types/util-deprecate": "^1.0.0",
     "strip-json-comments": "^3.1.1",
-    "typescript": "~4.9.3",
-    "update-notifier": "^6.0.2"
+    "typescript": "~4.9.3"
   },
   "publishConfig": {
     "access": "public"
   },
   "bundler": {
     "entries": [
-      "./src/generate.ts"
+      "./src/generate.ts",
+      "./src/index.ts"
     ],
     "platform": "node"
   },
-  "gitHead": "edcda9c064bcb77c903263fafcaee2bd369f429a"
+  "gitHead": "c4707c66fa1b173da15d232f35e03dd647aa6a42"
 }

package/rendererAssets/common/Introduction.mdx

@@ -14,7 +14,7 @@ import StackAlt from './assets/stackalt.svg';
   {`
     .subheading {
       --mediumdark: '#999999';
-      font-weight: 900;
+      font-weight: 700;
       font-size: 13px;
       color: #999;
       letter-spacing: 6px;

package/rendererAssets/common/header.css

@@ -13,7 +13,7 @@ svg {
 }
 
 h1 {
-  font-weight: 900;
+  font-weight: 700;
   font-size: 20px;
   line-height: 1;
   margin: 6px 0 6px 10px;

package/rendererAssets/common/page.css

@@ -9,7 +9,7 @@ section {
 }
 
 section h2 {
-  font-weight: 900;
+  font-weight: 700;
   font-size: 32px;
   line-height: 1;
   margin: 0 0 4px;

package/templates/angular/template-csf/.storybook/tsconfig.json

@@ -1,10 +1,11 @@
 {
-  "extends": "%SET_DURING_SB_INIT%",
+  "extends": "../tsconfig.app.json",
   "compilerOptions": {
     "types": ["node"],
-    "allowSyntheticDefaultImports": true
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true
   },
-  "exclude": ["../src/test.ts", "../src/**/*.spec.ts", "../projects/**/*.spec.ts"],
-  "include": ["../src/**/*", "../projects/**/*"],
+  "exclude": ["../src/test.ts", "../src/**/*.spec.ts"],
+  "include": ["../src/**/*", "./preview.ts"],
   "files": ["./typings.d.ts"]
 }

package/templates/react-native/template-csf/storybook/addons.js

@@ -1,3 +0,0 @@
-import '@storybook/addon-actions/register';
-import '@storybook/addon-links/register';
-import '@storybook/addon-knobs/register';

package/templates/react-native/template-csf/storybook/index.js

@@ -1,29 +0,0 @@
-// if you use expo remove this line
-import { AppRegistry } from 'react-native';
-
-import { getStorybookUI, configure, addDecorator } from '@storybook/react-native';
-import { withKnobs } from '@storybook/addon-knobs';
-
-import './rn-addons';
-
-// enables knobs for all stories
-addDecorator(withKnobs);
-
-// import stories
-configure(
-  () => {
-    require('./stories');
-  },
-  module,
-  false
-);
-
-// Refer to https://github.com/storybookjs/react-native/tree/master/app/react-native#getstorybookui-options
-// To find allowed options for getStorybookUI
-const StorybookUIRoot = getStorybookUI({});
-
-// If you are using React Native vanilla and after installation you don't see your app name here, write it manually.
-// If you use Expo you should remove this line.
-AppRegistry.registerComponent('%APP_NAME%', () => StorybookUIRoot);
-
-export default StorybookUIRoot;

package/templates/react-native/template-csf/storybook/rn-addons.js

@@ -1,2 +0,0 @@
-import '@storybook/addon-ondevice-actions/register';
-import '@storybook/addon-ondevice-knobs/register';

package/templates/react-native/template-csf/storybook/stories/Button/Button.stories.js

@@ -1,20 +0,0 @@
-import { action } from '@storybook/addon-actions';
-import { text } from '@storybook/addon-knobs';
-import { storiesOf } from '@storybook/react-native';
-import React from 'react';
-import { Text } from 'react-native';
-import Button from '.';
-import CenterView from '../CenterView';
-
-storiesOf('Button', module)
-  .addDecorator((getStory) => <CenterView>{getStory()}</CenterView>)
-  .add('with text', () => (
-    <Button onPress={action('clicked-text')}>
-      <Text>{text('Button text', 'Hello Button')}</Text>
-    </Button>
-  ))
-  .add('with some emoji', () => (
-    <Button onPress={action('clicked-emoji')}>
-      <Text>😀 😎 👍 💯</Text>
-    </Button>
-  ));

package/templates/react-native/template-csf/storybook/stories/Button/index.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { TouchableHighlight } from 'react-native';
-
-export default function Button({ onPress, label }) {
-  return <TouchableHighlight onPress={onPress}>{label}</TouchableHighlight>;
-}
-
-Button.defaultProps = {
-  label: null,
-  onPress: () => {},
-};
-
-Button.propTypes = {
-  label: PropTypes.node,
-  onPress: PropTypes.func,
-};

package/templates/react-native/template-csf/storybook/stories/CenterView/index.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { View } from 'react-native';
-import style from './style';
-
-export default function CenterView({ label }) {
-  return <View style={style.main}>{label}</View>;
-}
-
-CenterView.defaultProps = {
-  label: null,
-};
-
-CenterView.propTypes = {
-  label: PropTypes.node,
-};

package/templates/react-native/template-csf/storybook/stories/CenterView/style.js

@@ -1,8 +0,0 @@
-export default {
-  main: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#F5FCFF',
-  },
-};

package/templates/react-native/template-csf/storybook/stories/Welcome/Welcome.stories.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import { linkTo } from '@storybook/addon-links';
-import { storiesOf } from '@storybook/react-native';
-import Welcome from '.';
-
-storiesOf('Welcome', module).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);

package/templates/react-native/template-csf/storybook/stories/Welcome/index.js

@@ -1,57 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { View, Text } from 'react-native';
-
-export default class Welcome extends React.Component {
-  styles = {
-    wrapper: {
-      flex: 1,
-      padding: 24,
-      justifyContent: 'center',
-    },
-    header: {
-      fontSize: 18,
-      marginBottom: 18,
-    },
-    content: {
-      fontSize: 12,
-      marginBottom: 10,
-      lineHeight: 18,
-    },
-  };
-
-  showApp = (event) => {
-    const { showApp } = this.props;
-    event.preventDefault();
-
-    if (showApp) {
-      showApp();
-    }
-  };
-
-  render() {
-    return (
-      <View style={this.styles.wrapper}>
-        <Text style={this.styles.header}>Welcome to React Native Storybook</Text>
-        <Text style={this.styles.content}>
-          This is a UI Component development environment for your React Native app. Here you can
-          display and interact with your UI components as stories. A story is a single state of one
-          or more UI components. You can have as many stories as you want. In other words a story is
-          like a visual test case.
-        </Text>
-        <Text style={this.styles.content}>
-          We have added some stories inside the "storybook/stories" directory for examples. Try
-          editing the "storybook/stories/Welcome.js" file to edit this message.
-        </Text>
-      </View>
-    );
-  }
-}
-
-Welcome.defaultProps = {
-  showApp: null,
-};
-
-Welcome.propTypes = {
-  showApp: PropTypes.func,
-};

package/templates/react-native/template-csf/storybook/stories/index.js

@@ -1,2 +0,0 @@
-import './Button/Button.stories';
-import './Welcome/Welcome.stories';

package/templates/server/template-csf/.storybook/preview.js

@@ -1,5 +0,0 @@
-export const parameters = {
-  server: {
-    url: 'http://storybook-server-demo.netlify.app/api',
-  },
-};