mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-05 06:41:17 +08:00
Merge branch 'next' into emotion11
# Conflicts: # addons/docs/package.json # addons/storyshots/storyshots-core/package.json # lib/ui/src/containers/menu.tsx # yarn.lock
This commit is contained in:
Mateusz Burzyński
commit
1d761c25fa
46
CHANGELOG.md
46
CHANGELOG.md
@ -1,3 +1,49 @@
|
||||
## 6.5.0-alpha.49 (March 17, 2022)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Addon-docs/Svelte: Fix `HOC.svelte` reference ([#17731](https://github.com/storybookjs/storybook/pull/17731))
|
||||
- UI: Fix composition support in safari ([#17679](https://github.com/storybookjs/storybook/pull/17679))
|
||||
|
||||
## 6.5.0-alpha.48 (March 14, 2022)
|
||||
|
||||
### Features
|
||||
|
||||
- Addon-docs: Auto-disable docs presets if docs/controls unused ([#17697](https://github.com/storybookjs/storybook/pull/17697))
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Web-components: Fix CSS class usage in CLI template ([#17702](https://github.com/storybookjs/storybook/pull/17702))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- Addon-docs: Refactor docs support into individual framework packages ([#17695](https://github.com/storybookjs/storybook/pull/17695))
|
||||
|
||||
## 6.5.0-alpha.47 (March 10, 2022)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Webpack4: Fix useExports for angular-cli ([#17674](https://github.com/storybookjs/storybook/pull/17674))
|
||||
- Core: Ensure that we do not render a story twice if re-rendered during preparing ([#17599](https://github.com/storybookjs/storybook/pull/17599))
|
||||
- Addon-docs: DocsPage story order should match the index ([#17669](https://github.com/storybookjs/storybook/pull/17669))
|
||||
- Core: Fix staticDirs path issue on Windows ([#17641](https://github.com/storybookjs/storybook/pull/17641))
|
||||
- Angular: Set ForkTsCheckerWebpackPlugin to async ([#17389](https://github.com/storybookjs/storybook/pull/17389))
|
||||
- Core: Fix core.builder check ([#17606](https://github.com/storybookjs/storybook/pull/17606))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- Examples: Build stories.json for examples that support it ([#17670](https://github.com/storybookjs/storybook/pull/17670))
|
||||
- Core: Refactor preview rendering out of `PreviewWeb` ([#17598](https://github.com/storybookjs/storybook/pull/17598))
|
||||
- Prevent lint hook from running on all files ([#17662](https://github.com/storybookjs/storybook/pull/17662))
|
||||
- TypeScript: Change imports of types to be prefixed ([#17627](https://github.com/storybookjs/storybook/pull/17627))
|
||||
- Build: Give linting sub-commands a directory to run against ([#17545](https://github.com/storybookjs/storybook/pull/17545))
|
||||
- TypeScript: remove unnecessary 'as any' ([#17595](https://github.com/storybookjs/storybook/pull/17595))
|
||||
|
||||
### Dependency Upgrades
|
||||
|
||||
- Update shelljs dependency version ([#17602](https://github.com/storybookjs/storybook/pull/17602))
|
||||
- Remove unused `uuid` that's also deprecated ([#17615](https://github.com/storybookjs/storybook/pull/17615))
|
||||
|
||||
## 6.5.0-alpha.46 (March 5, 2022)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
<h1>Migration</h1>
|
||||
|
||||
- [From version 6.4.x to 6.5.0](#from-version-64x-to-650)
|
||||
- [Docs framework refactor for React](#docs-framework-refactor-for-react)
|
||||
- [Opt-in MDX2 support](#opt-in-mdx2-support)
|
||||
- [CSF3 auto-title improvements](#csf3-auto-title-improvements)
|
||||
- [Auto-title filename case](#auto-title-filename-case)
|
||||
@ -195,6 +196,14 @@
|
||||
|
||||
## From version 6.4.x to 6.5.0
|
||||
|
||||
### Docs framework refactor for React
|
||||
|
||||
SB6.5 moves framework specializations (e.g. ArgType inference, dynamic snippet rendering) out of `@storybook/addon-docs` and into the specific framework packages to which they apply (e.g. `@storybook/react`).
|
||||
|
||||
This change should not require any specific migrations on your part if you are using the docs addon as described in the documentation. However, if you are using `react-docgen` or `react-docgen-typescript` information in some custom way outside of `addon-docs`, you should be aware of this change.
|
||||
|
||||
In SB6.4, `@storybook/react` added `react-docgen` to its babel settings and `react-docgen-typescript` to its webpack settings. In SB6.5, this only happens if you are using `addon-docs` or `addon-controls`, either directly or indirectly through `addon-essentials`. If you're not using either of those addons, but require that information for some other addon, please configure that manually in your `.storybook/main.js` configuration. You can see the docs configuration here: https://github.com/storybookjs/storybook/blob/next/app/react/src/server/framework-preset-react-docs.ts
|
||||
|
||||
### Opt-in MDX2 support
|
||||
|
||||
SB6.5 adds experimental opt-in support for MDXv2. To install:
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-a11y",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "Test component compliance with web accessibility standards",
|
||||
"keywords": [
|
||||
"a11y",
|
||||
@ -45,14 +45,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.5.0-alpha.46",
|
||||
"@storybook/api": "6.5.0-alpha.46",
|
||||
"@storybook/channels": "6.5.0-alpha.46",
|
||||
"@storybook/client-logger": "6.5.0-alpha.46",
|
||||
"@storybook/components": "6.5.0-alpha.46",
|
||||
"@storybook/core-events": "6.5.0-alpha.46",
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/api": "6.5.0-alpha.49",
|
||||
"@storybook/channels": "6.5.0-alpha.49",
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/theming": "6.5.0-alpha.46",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
"axe-core": "^4.2.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -81,7 +81,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48",
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Accessibility",
|
||||
|
||||
@ -10,8 +10,8 @@ const List = styled.div({
|
||||
paddingBottom: 4,
|
||||
paddingRight: 4,
|
||||
paddingTop: 4,
|
||||
fontWeight: '400',
|
||||
} as any);
|
||||
fontWeight: 400,
|
||||
});
|
||||
|
||||
const Item = styled.div<{ elementWidth: number }>(({ elementWidth }) => {
|
||||
const maxWidthBeforeBreak = 407;
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { AnyFramework, DecoratorFunction } from '@storybook/csf';
|
||||
import type { AnyFramework, DecoratorFunction } from '@storybook/csf';
|
||||
import deprecate from 'util-deprecate';
|
||||
import dedent from 'ts-dedent';
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "Get UI feedback when an action is performed on an interactive element",
|
||||
"keywords": [
|
||||
"storybook",
|
||||
@ -41,12 +41,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.5.0-alpha.46",
|
||||
"@storybook/api": "6.5.0-alpha.46",
|
||||
"@storybook/components": "6.5.0-alpha.46",
|
||||
"@storybook/core-events": "6.5.0-alpha.46",
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/api": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/theming": "6.5.0-alpha.46",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
"core-js": "^3.8.2",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
"global": "^4.4.0",
|
||||
@ -79,7 +79,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48",
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Actions",
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
import React, { Fragment } from 'react';
|
||||
import { styled, withTheme, Theme } from '@storybook/theming';
|
||||
import { styled, withTheme } from '@storybook/theming';
|
||||
import type { Theme } from '@storybook/theming';
|
||||
|
||||
import Inspector from 'react-inspector';
|
||||
import { ActionBar, ScrollArea } from '@storybook/components';
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { StoryContext } from '@storybook/addons';
|
||||
import type { StoryContext } from '@storybook/addons';
|
||||
import { inferActionsFromArgTypesRegex, addActionsFromArgTypes } from './addArgsHelpers';
|
||||
|
||||
describe('actions parameter enhancers', () => {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-backgrounds",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "Switch backgrounds to view components in different settings",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,13 +45,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.5.0-alpha.46",
|
||||
"@storybook/api": "6.5.0-alpha.46",
|
||||
"@storybook/client-logger": "6.5.0-alpha.46",
|
||||
"@storybook/components": "6.5.0-alpha.46",
|
||||
"@storybook/core-events": "6.5.0-alpha.46",
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/api": "6.5.0-alpha.49",
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/theming": "6.5.0-alpha.46",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"memoizerific": "^1.11.3",
|
||||
@ -77,7 +77,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48",
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Backgrounds",
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { useMemo, useEffect } from '@storybook/addons';
|
||||
import { AnyFramework, PartialStoryFn as StoryFunction, StoryContext } from '@storybook/csf';
|
||||
import type { AnyFramework, PartialStoryFn as StoryFunction, StoryContext } from '@storybook/csf';
|
||||
|
||||
import { PARAM_KEY as BACKGROUNDS_PARAM_KEY } from '../constants';
|
||||
import {
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
import dedent from 'ts-dedent';
|
||||
import deprecate from 'util-deprecate';
|
||||
import { useMemo, useEffect } from '@storybook/addons';
|
||||
import { AnyFramework, PartialStoryFn as StoryFunction, StoryContext } from '@storybook/csf';
|
||||
import type { AnyFramework, PartialStoryFn as StoryFunction, StoryContext } from '@storybook/csf';
|
||||
|
||||
import { clearStyles, addGridStyle } from '../helpers';
|
||||
import { PARAM_KEY as BACKGROUNDS_PARAM_KEY } from '../constants';
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-controls",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "Interact with component inputs dynamically in the Storybook UI",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,15 +45,15 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.5.0-alpha.46",
|
||||
"@storybook/api": "6.5.0-alpha.46",
|
||||
"@storybook/client-logger": "6.5.0-alpha.46",
|
||||
"@storybook/components": "6.5.0-alpha.46",
|
||||
"@storybook/core-common": "6.5.0-alpha.46",
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/api": "6.5.0-alpha.49",
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/node-logger": "6.5.0-alpha.46",
|
||||
"@storybook/store": "6.5.0-alpha.46",
|
||||
"@storybook/theming": "6.5.0-alpha.46",
|
||||
"@storybook/node-logger": "6.5.0-alpha.49",
|
||||
"@storybook/store": "6.5.0-alpha.49",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
"core-js": "^3.8.2",
|
||||
"lodash": "^4.17.21",
|
||||
"ts-dedent": "^2.0.0"
|
||||
@ -73,7 +73,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48",
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
|
||||
"sbmodern": "dist/modern/register.js",
|
||||
"storybook": {
|
||||
"displayName": "Controls",
|
||||
|
||||
2
addons/docs/angular/index.d.ts
vendored
2
addons/docs/angular/index.d.ts
vendored
@ -1 +1 @@
|
||||
export * from '../dist/ts3.9/frameworks/angular/index.d';
|
||||
export declare const setCompodocJson: (compodocJson: any) => void;
|
||||
|
||||
8
addons/docs/angular/index.js
vendored
8
addons/docs/angular/index.js
vendored
@ -1 +1,7 @@
|
||||
module.exports = require('../dist/esm/frameworks/angular/index');
|
||||
/* eslint-disable no-underscore-dangle */
|
||||
/* global window */
|
||||
|
||||
export const setCompodocJson = (compodocJson) => {
|
||||
// @ts-ignore
|
||||
window.__STORYBOOK_COMPODOC_JSON__ = compodocJson;
|
||||
};
|
||||
|
||||
@ -1,19 +0,0 @@
|
||||
function managerEntries(entry = [], options) {
|
||||
return [...entry, require.resolve('./dist/esm/register')];
|
||||
}
|
||||
|
||||
function config(entry = [], options = {}) {
|
||||
const { framework } = options;
|
||||
const docsConfig = [require.resolve('./dist/esm/frameworks/common/config')];
|
||||
try {
|
||||
docsConfig.push(require.resolve(`./dist/esm/frameworks/${framework}/config`));
|
||||
} catch (err) {
|
||||
// there is no custom config for the user's framework, do nothing
|
||||
}
|
||||
return [...docsConfig, ...entry];
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
managerEntries,
|
||||
config,
|
||||
};
|
||||
@ -1 +1,6 @@
|
||||
module.exports = require('../dist/esm/frameworks/ember');
|
||||
/* eslint-disable no-underscore-dangle */
|
||||
/* global window */
|
||||
|
||||
export const setJSONDoc = (jsondoc) => {
|
||||
window.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
|
||||
};
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-docs",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "Document component usage and properties in Markdown",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -55,157 +55,62 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@babel/generator": "^7.12.11",
|
||||
"@babel/parser": "^7.12.11",
|
||||
"@babel/plugin-transform-react-jsx": "^7.12.12",
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@jest/transform": "^26.6.2",
|
||||
"@mdx-js/react": "^1.6.22",
|
||||
"@storybook/addons": "6.5.0-alpha.46",
|
||||
"@storybook/api": "6.5.0-alpha.46",
|
||||
"@storybook/builder-webpack4": "6.5.0-alpha.46",
|
||||
"@storybook/client-logger": "6.5.0-alpha.46",
|
||||
"@storybook/components": "6.5.0-alpha.46",
|
||||
"@storybook/core": "6.5.0-alpha.46",
|
||||
"@storybook/core-events": "6.5.0-alpha.46",
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/api": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf-tools": "6.5.0-alpha.46",
|
||||
"@storybook/docs-tools": "6.5.0-alpha.49",
|
||||
"@storybook/mdx1-csf": "canary",
|
||||
"@storybook/node-logger": "6.5.0-alpha.46",
|
||||
"@storybook/postinstall": "6.5.0-alpha.46",
|
||||
"@storybook/preview-web": "6.5.0-alpha.46",
|
||||
"@storybook/source-loader": "6.5.0-alpha.46",
|
||||
"@storybook/store": "6.5.0-alpha.46",
|
||||
"@storybook/theming": "6.5.0-alpha.46",
|
||||
"acorn": "^7.4.1",
|
||||
"acorn-jsx": "^5.3.1",
|
||||
"acorn-walk": "^7.2.0",
|
||||
"@storybook/node-logger": "6.5.0-alpha.49",
|
||||
"@storybook/postinstall": "6.5.0-alpha.49",
|
||||
"@storybook/preview-web": "6.5.0-alpha.49",
|
||||
"@storybook/source-loader": "6.5.0-alpha.49",
|
||||
"@storybook/store": "6.5.0-alpha.49",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
"core-js": "^3.8.2",
|
||||
"doctrine": "^3.0.0",
|
||||
"escodegen": "^2.0.0",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
"global": "^4.4.0",
|
||||
"html-tags": "^3.1.0",
|
||||
"loader-utils": "^2.0.0",
|
||||
"lodash": "^4.17.21",
|
||||
"nanoid": "^3.1.23",
|
||||
"p-limit": "^3.1.0",
|
||||
"prettier": ">=2.2.1 <=2.3.0",
|
||||
"prop-types": "^15.7.2",
|
||||
"react-element-to-jsx-string": "^14.3.4",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
"remark-external-links": "^8.0.0",
|
||||
"remark-slug": "^6.0.0",
|
||||
"ts-dedent": "^2.0.0",
|
||||
"util-deprecate": "^1.0.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@angular/core": "^11.2.14",
|
||||
"@babel/core": "^7.12.10",
|
||||
"@emotion/react": "^11.8.1",
|
||||
"@emotion/styled": "^11.8.1",
|
||||
"@storybook/angular": "6.5.0-alpha.46",
|
||||
"@storybook/html": "6.5.0-alpha.46",
|
||||
"@storybook/mdx2-csf": "canary",
|
||||
"@storybook/react": "6.5.0-alpha.46",
|
||||
"@storybook/vue": "6.5.0-alpha.46",
|
||||
"@storybook/web-components": "6.5.0-alpha.46",
|
||||
"@types/cross-spawn": "^6.0.2",
|
||||
"@types/doctrine": "^0.0.3",
|
||||
"@types/estree": "^0.0.44",
|
||||
"@types/loader-utils": "^2.0.0",
|
||||
"@types/prop-types": "^15.7.3",
|
||||
"@types/tmp": "^0.2.0",
|
||||
"@types/util-deprecate": "^1.0.0",
|
||||
"babel-loader": "^8.0.0",
|
||||
"babel-plugin-react-docgen": "^4.2.1",
|
||||
"cross-spawn": "^7.0.3",
|
||||
"jest": "^26.6.3",
|
||||
"jest-specific-snapshot": "^4.0.0",
|
||||
"lit-element": "^3.0.2",
|
||||
"lit-html": "^2.0.2",
|
||||
"require-from-string": "^2.0.2",
|
||||
"rxjs": "^6.6.3",
|
||||
"styled-components": "^5.2.1",
|
||||
"sveltedoc-parser": "4.1.0",
|
||||
"tmp": "^0.2.1",
|
||||
"vue": "^2.6.10",
|
||||
"webpack": "4",
|
||||
"zone.js": "^0.11.3"
|
||||
"webpack": "4"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/angular": "6.5.0-alpha.46",
|
||||
"@storybook/html": "6.5.0-alpha.46",
|
||||
"@storybook/mdx2-csf": "*",
|
||||
"@storybook/react": "6.5.0-alpha.46",
|
||||
"@storybook/vue": "6.5.0-alpha.46",
|
||||
"@storybook/vue3": "6.5.0-alpha.46",
|
||||
"@storybook/web-components": "6.5.0-alpha.46",
|
||||
"lit": "^2.0.0",
|
||||
"lit-html": "^1.4.1 || ^2.0.0",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
"react-dom": "^16.8.0 || ^17.0.0",
|
||||
"svelte": "^3.31.2",
|
||||
"sveltedoc-parser": "^4.1.0",
|
||||
"vue": "^2.6.10 || ^3.0.0",
|
||||
"webpack": "*"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@storybook/angular": {
|
||||
"optional": true
|
||||
},
|
||||
"@storybook/builder-webpack4": {
|
||||
"optional": true
|
||||
},
|
||||
"@storybook/builder-webpack5": {
|
||||
"optional": true
|
||||
},
|
||||
"@storybook/html": {
|
||||
"optional": true
|
||||
},
|
||||
"@storybook/manager-webpack4": {
|
||||
"optional": true
|
||||
},
|
||||
"@storybook/manager-webpack5": {
|
||||
"optional": true
|
||||
},
|
||||
"@storybook/mdx2-csf": {
|
||||
"optional": true
|
||||
},
|
||||
"@storybook/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@storybook/vue": {
|
||||
"optional": true
|
||||
},
|
||||
"@storybook/vue3": {
|
||||
"optional": true
|
||||
},
|
||||
"@storybook/web-components": {
|
||||
"optional": true
|
||||
},
|
||||
"lit": {
|
||||
"optional": true
|
||||
},
|
||||
"lit-html": {
|
||||
"optional": true
|
||||
},
|
||||
"react": {
|
||||
"optional": true
|
||||
},
|
||||
"react-dom": {
|
||||
"optional": true
|
||||
},
|
||||
"svelte": {
|
||||
"optional": true
|
||||
},
|
||||
"sveltedoc-parser": {
|
||||
"optional": true
|
||||
},
|
||||
"vue": {
|
||||
"optional": true
|
||||
},
|
||||
"webpack": {
|
||||
"optional": true
|
||||
}
|
||||
@ -213,7 +118,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48",
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Docs",
|
||||
|
||||
@ -1,16 +1,16 @@
|
||||
const getFrameworkPresets = (framework) => {
|
||||
try {
|
||||
return [require.resolve(`./dist/cjs/frameworks/${framework}/preset`)];
|
||||
} catch (err) {
|
||||
// there is no custom config for the user's framework, do nothing
|
||||
return [];
|
||||
}
|
||||
};
|
||||
const { findDistEsm } = require('@storybook/core-common');
|
||||
const { webpack } = require('./dist/cjs/frameworks/common/preset');
|
||||
|
||||
module.exports = (storybookOptions, presetOptions) => {
|
||||
return [
|
||||
{ name: require.resolve('./common-preset'), options: presetOptions },
|
||||
{ name: require.resolve('./dist/cjs/frameworks/common/preset'), options: presetOptions },
|
||||
...getFrameworkPresets(storybookOptions.framework),
|
||||
];
|
||||
function managerEntries(entry = [], options) {
|
||||
return [...entry, findDistEsm(__dirname, 'register')];
|
||||
}
|
||||
|
||||
function config(entry = [], options = {}) {
|
||||
return [findDistEsm(__dirname, 'frameworks/common/config'), ...entry];
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
webpack,
|
||||
managerEntries,
|
||||
config,
|
||||
};
|
||||
|
||||
@ -7,6 +7,7 @@ import {
|
||||
SortType,
|
||||
TabbedArgsTable,
|
||||
} from '@storybook/components';
|
||||
import { ArgTypesExtractor } from '@storybook/docs-tools';
|
||||
import { addons } from '@storybook/addons';
|
||||
import { filterArgTypes, PropDescriptor } from '@storybook/store';
|
||||
import Events from '@storybook/core-events';
|
||||
@ -15,7 +16,6 @@ import { StrictArgTypes, Args } from '@storybook/csf';
|
||||
import { DocsContext, DocsContextProps } from './DocsContext';
|
||||
import { Component, CURRENT_SELECTION, PRIMARY_STORY } from './types';
|
||||
import { getComponentName } from './utils';
|
||||
import { ArgTypesExtractor } from '../lib/docgen/types';
|
||||
import { lookupStoryId } from './Story';
|
||||
import { useStory } from './useStory';
|
||||
|
||||
|
||||
@ -1,8 +1,9 @@
|
||||
import React, { FunctionComponent, useContext } from 'react';
|
||||
import { Description, DescriptionProps as PureDescriptionProps } from '@storybook/components';
|
||||
import { str } from '@storybook/docs-tools';
|
||||
|
||||
import { DocsContext, DocsContextProps } from './DocsContext';
|
||||
import { Component, CURRENT_SELECTION } from './types';
|
||||
import { str } from '../lib/docgen';
|
||||
|
||||
export enum DescriptionType {
|
||||
INFO = 'info',
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
import { Context, createContext } from 'react';
|
||||
import { window as globalWindow } from 'global';
|
||||
|
||||
import { DocsContextProps } from '@storybook/preview-web';
|
||||
import { AnyFramework } from '@storybook/csf';
|
||||
import type { DocsContextProps } from '@storybook/preview-web';
|
||||
import type { AnyFramework } from '@storybook/csf';
|
||||
|
||||
export type { DocsContextProps };
|
||||
|
||||
|
||||
@ -130,25 +130,8 @@ const Story: FunctionComponent<StoryProps> = (props) => {
|
||||
useEffect(() => {
|
||||
let cleanup: () => void;
|
||||
if (story && storyRef.current) {
|
||||
const { componentId, id, title, name } = story;
|
||||
const renderContext = {
|
||||
componentId,
|
||||
title,
|
||||
kind: title,
|
||||
id,
|
||||
name,
|
||||
story: name,
|
||||
// TODO what to do when these fail?
|
||||
showMain: () => {},
|
||||
showError: () => {},
|
||||
showException: () => {},
|
||||
};
|
||||
cleanup = context.renderStoryToElement({
|
||||
story,
|
||||
renderContext,
|
||||
element: storyRef.current as HTMLElement,
|
||||
viewMode: 'docs',
|
||||
});
|
||||
const element = storyRef.current as HTMLElement;
|
||||
cleanup = context.renderStoryToElement(story, element);
|
||||
setShowLoader(false);
|
||||
}
|
||||
return () => cleanup && cleanup();
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { StoryContext } from '@storybook/addons';
|
||||
import type { StoryContext } from '@storybook/addons';
|
||||
import { enhanceSource } from './enhanceSource';
|
||||
|
||||
const emptyContext: StoryContext = {
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
import { Parameters } from '@storybook/addons';
|
||||
import { Story, combineParameters } from '@storybook/store';
|
||||
import type { Parameters } from '@storybook/addons';
|
||||
import type { Story } from '@storybook/store';
|
||||
import { combineParameters } from '@storybook/store';
|
||||
|
||||
// ============================================================
|
||||
// START @storybook/source-loader/extract-source
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { useState, useEffect } from 'react';
|
||||
import { StoryId, AnyFramework } from '@storybook/csf';
|
||||
import { Story } from '@storybook/store';
|
||||
import type { StoryId, AnyFramework } from '@storybook/csf';
|
||||
import type { Story } from '@storybook/store';
|
||||
|
||||
import { DocsContextProps } from './DocsContext';
|
||||
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
import { enhanceArgTypes } from './enhanceArgTypes';
|
||||
|
||||
export const parameters = {
|
||||
docs: {
|
||||
inlineStories: false,
|
||||
@ -8,5 +6,3 @@ export const parameters = {
|
||||
iframeHeight: 100,
|
||||
},
|
||||
};
|
||||
|
||||
export const argTypesEnhancers = [enhanceArgTypes];
|
||||
|
||||
@ -4,8 +4,7 @@ import remarkExternalLinks from 'remark-external-links';
|
||||
import global from 'global';
|
||||
|
||||
import type { BuilderConfig, Options } from '@storybook/core-common';
|
||||
|
||||
const { log } = console;
|
||||
import { logger } from '@storybook/node-logger';
|
||||
|
||||
// for frameworks that are not working with react, we need to configure
|
||||
// the jsx to transpile mdx, for now there will be a flag for that
|
||||
@ -68,7 +67,7 @@ export async function webpack(
|
||||
};
|
||||
|
||||
const mdxVersion = global.FEATURES?.previewMdx2 ? 'MDX2' : 'MDX1';
|
||||
log(`Addon-docs: using ${mdxVersion}`);
|
||||
logger.info(`Addon-docs: using ${mdxVersion}`);
|
||||
|
||||
const mdxLoader = global.FEATURES?.previewMdx2
|
||||
? require.resolve('@storybook/mdx2-csf/loader')
|
||||
|
||||
@ -1 +0,0 @@
|
||||
export * from './utils';
|
||||
1
addons/docs/src/typings.d.ts
vendored
1
addons/docs/src/typings.d.ts
vendored
@ -8,7 +8,6 @@ declare module 'require-from-string';
|
||||
declare module 'styled-components';
|
||||
declare module 'acorn-jsx';
|
||||
declare module 'vue/dist/vue';
|
||||
declare module '@storybook/addon-docs/svelte/HOC.svelte';
|
||||
|
||||
declare module 'sveltedoc-parser' {
|
||||
export function parse(options: any): Promise<any>;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-essentials",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "Curated addons to bring out the best of Storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -39,25 +39,25 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-actions": "6.5.0-alpha.46",
|
||||
"@storybook/addon-backgrounds": "6.5.0-alpha.46",
|
||||
"@storybook/addon-controls": "6.5.0-alpha.46",
|
||||
"@storybook/addon-docs": "6.5.0-alpha.46",
|
||||
"@storybook/addon-measure": "6.5.0-alpha.46",
|
||||
"@storybook/addon-outline": "6.5.0-alpha.46",
|
||||
"@storybook/addon-toolbars": "6.5.0-alpha.46",
|
||||
"@storybook/addon-viewport": "6.5.0-alpha.46",
|
||||
"@storybook/addons": "6.5.0-alpha.46",
|
||||
"@storybook/api": "6.5.0-alpha.46",
|
||||
"@storybook/core-common": "6.5.0-alpha.46",
|
||||
"@storybook/node-logger": "6.5.0-alpha.46",
|
||||
"@storybook/addon-actions": "6.5.0-alpha.49",
|
||||
"@storybook/addon-backgrounds": "6.5.0-alpha.49",
|
||||
"@storybook/addon-controls": "6.5.0-alpha.49",
|
||||
"@storybook/addon-docs": "6.5.0-alpha.49",
|
||||
"@storybook/addon-measure": "6.5.0-alpha.49",
|
||||
"@storybook/addon-outline": "6.5.0-alpha.49",
|
||||
"@storybook/addon-toolbars": "6.5.0-alpha.49",
|
||||
"@storybook/addon-viewport": "6.5.0-alpha.49",
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/api": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/node-logger": "6.5.0-alpha.49",
|
||||
"core-js": "^3.8.2",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/vue": "6.5.0-alpha.46",
|
||||
"@storybook/vue": "6.5.0-alpha.49",
|
||||
"@types/jest": "^26.0.16",
|
||||
"@types/webpack-env": "^1.16.0"
|
||||
},
|
||||
@ -120,6 +120,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48",
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -4,9 +4,14 @@ import { serverRequire } from '@storybook/core-common';
|
||||
|
||||
interface PresetOptions {
|
||||
configDir?: string;
|
||||
backgrounds?: any;
|
||||
viewport?: any;
|
||||
docs?: any;
|
||||
docs?: boolean;
|
||||
controls?: boolean;
|
||||
actions?: boolean;
|
||||
backgrounds?: boolean;
|
||||
viewport?: boolean;
|
||||
toolbars?: boolean;
|
||||
measure?: boolean;
|
||||
outline?: boolean;
|
||||
}
|
||||
|
||||
const requireMain = (configDir: string) => {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-interactions",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "Automate, test and debug user interactions",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
@ -41,14 +41,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.5.0-alpha.46",
|
||||
"@storybook/api": "6.5.0-alpha.46",
|
||||
"@storybook/components": "6.5.0-alpha.46",
|
||||
"@storybook/core-common": "6.5.0-alpha.46",
|
||||
"@storybook/core-events": "6.5.0-alpha.46",
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/api": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/instrumenter": "6.5.0-alpha.46",
|
||||
"@storybook/theming": "6.5.0-alpha.46",
|
||||
"@storybook/instrumenter": "6.5.0-alpha.49",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"jest-mock": "^27.0.6",
|
||||
@ -75,7 +75,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48",
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Interactions",
|
||||
|
||||
@ -1,12 +1,11 @@
|
||||
import { addons } from '@storybook/addons';
|
||||
import type { Args } from '@storybook/addons';
|
||||
import { window as globalWindow } from 'global';
|
||||
import { FORCE_REMOUNT, STORY_RENDER_PHASE_CHANGED } from '@storybook/core-events';
|
||||
import { AnyFramework, ArgsEnhancer } from '@storybook/csf';
|
||||
import type { AnyFramework, ArgsEnhancer } from '@storybook/csf';
|
||||
import { instrument } from '@storybook/instrumenter';
|
||||
import { ModuleMocker } from 'jest-mock';
|
||||
|
||||
const JestMock = new ModuleMocker(globalWindow);
|
||||
const JestMock = new ModuleMocker(global);
|
||||
const fn = JestMock.fn.bind(JestMock);
|
||||
|
||||
// Aliasing `fn` to `action` here, so we get a more descriptive label in the UI.
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-jest",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "React storybook addon that show component jest report",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -47,11 +47,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.5.0-alpha.46",
|
||||
"@storybook/api": "6.5.0-alpha.46",
|
||||
"@storybook/components": "6.5.0-alpha.46",
|
||||
"@storybook/core-events": "6.5.0-alpha.46",
|
||||
"@storybook/theming": "6.5.0-alpha.46",
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/api": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react-sizeme": "^3.0.1",
|
||||
@ -76,7 +76,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48",
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Jest",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "Link stories together to build demos and prototypes with your UI components",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -41,11 +41,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.5.0-alpha.46",
|
||||
"@storybook/client-logger": "6.5.0-alpha.46",
|
||||
"@storybook/core-events": "6.5.0-alpha.46",
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/router": "6.5.0-alpha.46",
|
||||
"@storybook/router": "6.5.0-alpha.49",
|
||||
"@types/qs": "^6.9.5",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -72,7 +72,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48",
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Links",
|
||||
|
||||
@ -2,7 +2,8 @@ import global from 'global';
|
||||
import qs from 'qs';
|
||||
import { addons, makeDecorator } from '@storybook/addons';
|
||||
import { STORY_CHANGED, SELECT_STORY } from '@storybook/core-events';
|
||||
import { toId, StoryId, StoryName, ComponentTitle } from '@storybook/csf';
|
||||
import type { StoryId, StoryName, ComponentTitle } from '@storybook/csf';
|
||||
import { toId } from '@storybook/csf';
|
||||
import { PARAM_KEY } from './constants';
|
||||
|
||||
const { document, HTMLElement } = global;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-measure",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "Inspect layouts by visualizing the box model",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
@ -44,11 +44,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.5.0-alpha.46",
|
||||
"@storybook/api": "6.5.0-alpha.46",
|
||||
"@storybook/client-logger": "6.5.0-alpha.46",
|
||||
"@storybook/components": "6.5.0-alpha.46",
|
||||
"@storybook/core-events": "6.5.0-alpha.46",
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/api": "6.5.0-alpha.49",
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0"
|
||||
@ -71,7 +71,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48",
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Measure",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
/* eslint-env browser */
|
||||
import { useEffect } from '@storybook/addons';
|
||||
import { AnyFramework, PartialStoryFn as StoryFunction, StoryContext } from '@storybook/csf';
|
||||
import type { AnyFramework, PartialStoryFn as StoryFunction, StoryContext } from '@storybook/csf';
|
||||
import { drawSelectedElement } from './box-model/visualizer';
|
||||
import { init, rescale, destroy } from './box-model/canvas';
|
||||
import { deepElementFromPoint } from './util';
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-outline",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "Outline all elements with CSS to help with layout placement and alignment",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
@ -47,11 +47,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.5.0-alpha.46",
|
||||
"@storybook/api": "6.5.0-alpha.46",
|
||||
"@storybook/client-logger": "6.5.0-alpha.46",
|
||||
"@storybook/components": "6.5.0-alpha.46",
|
||||
"@storybook/core-events": "6.5.0-alpha.46",
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/api": "6.5.0-alpha.49",
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -76,7 +76,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48",
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Outline",
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { useMemo, useEffect } from '@storybook/addons';
|
||||
import { AnyFramework, PartialStoryFn as StoryFunction, StoryContext } from '@storybook/csf';
|
||||
import type { AnyFramework, PartialStoryFn as StoryFunction, StoryContext } from '@storybook/csf';
|
||||
|
||||
import { clearStyles, addOutlineStyles } from './helpers';
|
||||
import { PARAM_KEY } from './constants';
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "Take a code snapshot of every story automatically with Jest",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,12 +45,12 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@jest/transform": "^26.6.2",
|
||||
"@storybook/addons": "6.5.0-alpha.46",
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/babel-plugin-require-context-hook": "1.0.1",
|
||||
"@storybook/client-api": "6.5.0-alpha.46",
|
||||
"@storybook/core": "6.5.0-alpha.46",
|
||||
"@storybook/core-client": "6.5.0-alpha.46",
|
||||
"@storybook/core-common": "6.5.0-alpha.46",
|
||||
"@storybook/client-api": "6.5.0-alpha.49",
|
||||
"@storybook/core": "6.5.0-alpha.49",
|
||||
"@storybook/core-client": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@types/glob": "^7.1.3",
|
||||
"@types/jest": "^26.0.16",
|
||||
@ -70,11 +70,11 @@
|
||||
"@angular/core": "^11.2.0",
|
||||
"@angular/platform-browser-dynamic": "^11.2.0",
|
||||
"@emotion/jest": "^11.8.0",
|
||||
"@storybook/addon-docs": "6.5.0-alpha.46",
|
||||
"@storybook/angular": "6.5.0-alpha.46",
|
||||
"@storybook/react": "6.5.0-alpha.46",
|
||||
"@storybook/vue": "6.5.0-alpha.46",
|
||||
"@storybook/vue3": "6.5.0-alpha.46",
|
||||
"@storybook/addon-docs": "6.5.0-alpha.49",
|
||||
"@storybook/angular": "6.5.0-alpha.49",
|
||||
"@storybook/react": "6.5.0-alpha.49",
|
||||
"@storybook/vue": "6.5.0-alpha.49",
|
||||
"@storybook/vue3": "6.5.0-alpha.49",
|
||||
"babel-loader": "^8.0.0",
|
||||
"enzyme": "^3.11.0",
|
||||
"enzyme-to-json": "^3.6.1",
|
||||
@ -151,7 +151,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48",
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
|
||||
"storybook": {
|
||||
"displayName": "Storyshots",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
import { AnyFramework } from '@storybook/csf';
|
||||
import { ClientStoryApi, Loadable } from '@storybook/addons';
|
||||
import type { AnyFramework } from '@storybook/csf';
|
||||
import type { ClientStoryApi, Loadable } from '@storybook/addons';
|
||||
import { ClientApi as ClientApiClass } from '@storybook/client-api';
|
||||
import { StoryshotsOptions } from '../api/StoryshotsOptions';
|
||||
import { SupportedFramework } from './SupportedFramework';
|
||||
import type { StoryshotsOptions } from '../api/StoryshotsOptions';
|
||||
import type { SupportedFramework } from './SupportedFramework';
|
||||
|
||||
export type RenderTree = (story: any, context?: any, options?: any) => any;
|
||||
|
||||
|
||||
@ -1,17 +1,18 @@
|
||||
import fs from 'fs';
|
||||
import path from 'path';
|
||||
import {
|
||||
toRequireContext,
|
||||
StoriesEntry,
|
||||
normalizeStoriesEntry,
|
||||
NormalizedStoriesSpecifier,
|
||||
} from '@storybook/core-common';
|
||||
import type { NormalizedStoriesSpecifier, StoriesEntry } from '@storybook/core-common';
|
||||
import { toRequireContext, normalizeStoriesEntry } from '@storybook/core-common';
|
||||
import registerRequireContextHook from '@storybook/babel-plugin-require-context-hook/register';
|
||||
import global from 'global';
|
||||
import { AnyFramework, ArgsEnhancer, ArgTypesEnhancer, DecoratorFunction } from '@storybook/csf';
|
||||
import type {
|
||||
AnyFramework,
|
||||
ArgsEnhancer,
|
||||
ArgTypesEnhancer,
|
||||
DecoratorFunction,
|
||||
} from '@storybook/csf';
|
||||
|
||||
import { ClientApi } from './Loader';
|
||||
import { StoryshotsOptions } from '../api/StoryshotsOptions';
|
||||
import type { StoryshotsOptions } from '../api/StoryshotsOptions';
|
||||
|
||||
registerRequireContextHook();
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots-puppeteer",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "Image snapshots addition to StoryShots based on puppeteer",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -42,7 +42,7 @@
|
||||
"dependencies": {
|
||||
"@axe-core/puppeteer": "^4.2.0",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/node-logger": "6.5.0-alpha.46",
|
||||
"@storybook/node-logger": "6.5.0-alpha.49",
|
||||
"@types/jest-image-snapshot": "^4.1.3",
|
||||
"core-js": "^3.8.2",
|
||||
"jest-image-snapshot": "^4.3.0",
|
||||
@ -53,7 +53,7 @@
|
||||
"@types/puppeteer": "^5.4.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/addon-storyshots": "6.5.0-alpha.46",
|
||||
"@storybook/addon-storyshots": "6.5.0-alpha.49",
|
||||
"puppeteer": "^2.0.0 || ^3.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
@ -64,5 +64,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48"
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storysource",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "View a story’s source code to see how it works and paste into your app",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -41,13 +41,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.5.0-alpha.46",
|
||||
"@storybook/api": "6.5.0-alpha.46",
|
||||
"@storybook/client-logger": "6.5.0-alpha.46",
|
||||
"@storybook/components": "6.5.0-alpha.46",
|
||||
"@storybook/router": "6.5.0-alpha.46",
|
||||
"@storybook/source-loader": "6.5.0-alpha.46",
|
||||
"@storybook/theming": "6.5.0-alpha.46",
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/api": "6.5.0-alpha.49",
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/router": "6.5.0-alpha.49",
|
||||
"@storybook/source-loader": "6.5.0-alpha.49",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
"core-js": "^3.8.2",
|
||||
"estraverse": "^5.2.0",
|
||||
"loader-utils": "^2.0.0",
|
||||
@ -75,7 +75,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48",
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Storysource",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-toolbars",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "Create your own toolbar items that control story rendering",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,10 +45,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.5.0-alpha.46",
|
||||
"@storybook/api": "6.5.0-alpha.46",
|
||||
"@storybook/components": "6.5.0-alpha.46",
|
||||
"@storybook/theming": "6.5.0-alpha.46",
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/api": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
"core-js": "^3.8.2",
|
||||
"regenerator-runtime": "^0.13.7"
|
||||
},
|
||||
@ -67,7 +67,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48",
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
|
||||
"sbmodern": "dist/modern/register.js",
|
||||
"storybook": {
|
||||
"displayName": "Toolbars",
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { IconsProps } from '@storybook/components';
|
||||
import { ArgType } from '@storybook/api';
|
||||
import type { IconsProps } from '@storybook/components';
|
||||
import type { ArgType } from '@storybook/api';
|
||||
|
||||
export type ToolbarShortcutType = 'next' | 'previous' | 'reset';
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-viewport",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -42,12 +42,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.5.0-alpha.46",
|
||||
"@storybook/api": "6.5.0-alpha.46",
|
||||
"@storybook/client-logger": "6.5.0-alpha.46",
|
||||
"@storybook/components": "6.5.0-alpha.46",
|
||||
"@storybook/core-events": "6.5.0-alpha.46",
|
||||
"@storybook/theming": "6.5.0-alpha.46",
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/api": "6.5.0-alpha.49",
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"memoizerific": "^1.11.3",
|
||||
@ -69,7 +69,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48",
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
|
||||
"sbmodern": "dist/modern/preview.js",
|
||||
"storybook": {
|
||||
"displayName": "Viewport",
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { API } from '@storybook/api';
|
||||
import type { API } from '@storybook/api';
|
||||
import { ADDON_ID } from './constants';
|
||||
|
||||
const getCurrentViewportIndex = (viewportsKeys: string[], current: string): number =>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/angular",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,15 +45,17 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.5.0-alpha.46",
|
||||
"@storybook/api": "6.5.0-alpha.46",
|
||||
"@storybook/core": "6.5.0-alpha.46",
|
||||
"@storybook/core-common": "6.5.0-alpha.46",
|
||||
"@storybook/core-events": "6.5.0-alpha.46",
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/api": "6.5.0-alpha.49",
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/core": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/node-logger": "6.5.0-alpha.46",
|
||||
"@storybook/docs-tools": "6.5.0-alpha.49",
|
||||
"@storybook/node-logger": "6.5.0-alpha.49",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/store": "6.5.0-alpha.46",
|
||||
"@storybook/store": "6.5.0-alpha.49",
|
||||
"@types/node": "^14.14.20 || ^16.0.0",
|
||||
"@types/react": "^16.14.23",
|
||||
"@types/react-dom": "^16.9.14",
|
||||
@ -63,15 +65,17 @@
|
||||
"find-up": "^5.0.0",
|
||||
"fork-ts-checker-webpack-plugin": "^4.1.6",
|
||||
"global": "^4.4.0",
|
||||
"nanoid": "^3.1.23",
|
||||
"p-limit": "^3.1.0",
|
||||
"postcss": "^7.0.36",
|
||||
"postcss-loader": "^4.2.0",
|
||||
"prettier": ">=2.2.1 <=2.3.0",
|
||||
"raw-loader": "^4.0.2",
|
||||
"react": "^16.14.0",
|
||||
"react-dom": "^16.14.0",
|
||||
"read-pkg-up": "^7.0.1",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
"sass-loader": "^10.1.0",
|
||||
"strip-json-comments": "3.1.1",
|
||||
"telejson": "^5.3.3",
|
||||
"ts-dedent": "^2.0.0",
|
||||
"ts-loader": "^8.0.14",
|
||||
@ -93,10 +97,12 @@
|
||||
"@angular/platform-browser-dynamic": "^11.2.14",
|
||||
"@nrwl/workspace": "^11.6.3",
|
||||
"@types/autoprefixer": "^9.7.2",
|
||||
"@types/jest": "^26.0.16",
|
||||
"@types/tmp": "^0.2.3",
|
||||
"cross-spawn": "^7.0.3",
|
||||
"jest": "^26.6.3",
|
||||
"jest-preset-angular": "^8.3.2",
|
||||
"ts-jest": "^26.4.4"
|
||||
"jest-specific-snapshot": "^4.0.0",
|
||||
"tmp": "^0.2.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@angular-devkit/architect": ">=0.8.9",
|
||||
@ -131,5 +137,5 @@
|
||||
"access": "public"
|
||||
},
|
||||
"builders": "dist/ts3.9/builders/builders.json",
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48"
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee"
|
||||
}
|
||||
|
||||
@ -7,17 +7,17 @@ import {
|
||||
} from '@angular-devkit/architect';
|
||||
import { JsonObject } from '@angular-devkit/core';
|
||||
import { from, Observable, of, throwError } from 'rxjs';
|
||||
import { CLIOptions } from '@storybook/core-common';
|
||||
import type { CLIOptions } from '@storybook/core-common';
|
||||
import { catchError, map, mapTo, switchMap } from 'rxjs/operators';
|
||||
import { sync as findUpSync } from 'find-up';
|
||||
|
||||
// eslint-disable-next-line import/no-extraneous-dependencies
|
||||
import buildStandalone, { StandaloneOptions } from '@storybook/angular/standalone';
|
||||
import {
|
||||
BrowserBuilderOptions,
|
||||
ExtraEntryPoint,
|
||||
StylePreprocessorOptions,
|
||||
} from '@angular-devkit/build-angular';
|
||||
|
||||
// eslint-disable-next-line import/no-extraneous-dependencies
|
||||
import buildStandalone, { StandaloneOptions } from '@storybook/angular/standalone';
|
||||
import { runCompodoc } from '../utils/run-compodoc';
|
||||
import { buildStandaloneErrorHandler } from '../utils/build-standalone-errors-handler';
|
||||
|
||||
|
||||
@ -12,7 +12,7 @@ import {
|
||||
StylePreprocessorOptions,
|
||||
} from '@angular-devkit/build-angular';
|
||||
import { from, Observable, of } from 'rxjs';
|
||||
import { CLIOptions } from '@storybook/core-common';
|
||||
import type { CLIOptions } from '@storybook/core-common';
|
||||
import { map, switchMap, mapTo } from 'rxjs/operators';
|
||||
import { sync as findUpSync } from 'find-up';
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -6,6 +6,7 @@ import { sync as spawnSync } from 'cross-spawn';
|
||||
|
||||
import { findComponentByName, extractArgTypesFromData } from './compodoc';
|
||||
|
||||
// @ts-ignore
|
||||
const { SNAPSHOT_OS } = global;
|
||||
|
||||
// File hierarchy: __testfixtures__ / some-test-case / input.*
|
||||
@ -1,9 +1,9 @@
|
||||
/* eslint-disable no-underscore-dangle */
|
||||
/* global window */
|
||||
|
||||
import { ArgType, ArgTypes } from '@storybook/api';
|
||||
import type { ArgType, ArgTypes } from '@storybook/api';
|
||||
import { logger } from '@storybook/client-logger';
|
||||
import {
|
||||
import type {
|
||||
Argument,
|
||||
Class,
|
||||
CompodocJson,
|
||||
@ -1,4 +1,4 @@
|
||||
import { SourceType } from '../../shared';
|
||||
import { SourceType, enhanceArgTypes } from '@storybook/docs-tools';
|
||||
import { extractArgTypes, extractComponentDescription } from './compodoc';
|
||||
import { sourceDecorator } from './sourceDecorator';
|
||||
import { prepareForInline } from './prepareForInline';
|
||||
@ -18,3 +18,5 @@ export const parameters = {
|
||||
};
|
||||
|
||||
export const decorators = [sourceDecorator];
|
||||
|
||||
export const argTypesEnhancers = [enhanceArgTypes];
|
||||
@ -2,9 +2,9 @@ import React from 'react';
|
||||
import pLimit from 'p-limit';
|
||||
import { nanoid } from 'nanoid';
|
||||
|
||||
import { AngularFramework, StoryContext } from '@storybook/angular';
|
||||
import { rendererFactory } from '@storybook/angular/renderer';
|
||||
import { PartialStoryFn } from '@storybook/csf';
|
||||
import { AngularFramework, StoryContext } from '..';
|
||||
import { rendererFactory } from '../../renderer';
|
||||
|
||||
const limit = pLimit(1);
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
import { addons, useEffect } from '@storybook/addons';
|
||||
import { PartialStoryFn } from '@storybook/csf';
|
||||
import { StoryContext, AngularFramework } from '@storybook/angular';
|
||||
import { computesTemplateSourceFromComponent } from '@storybook/angular/renderer';
|
||||
import { SNIPPET_RENDERED, SourceType } from '../../shared';
|
||||
import type { PartialStoryFn } from '@storybook/csf';
|
||||
import { SNIPPET_RENDERED, SourceType } from '@storybook/docs-tools';
|
||||
import { StoryContext, AngularFramework } from '..';
|
||||
import { computesTemplateSourceFromComponent } from '../../renderer';
|
||||
|
||||
export const skipSourceRender = (context: StoryContext) => {
|
||||
const sourceParams = context?.parameters.docs?.source;
|
||||
@ -1,5 +1,5 @@
|
||||
import { Component } from '@angular/core';
|
||||
import { ArgTypes } from '@storybook/api';
|
||||
import type { ArgTypes } from '@storybook/api';
|
||||
import { computesTemplateSourceFromComponent } from './ComputesTemplateFromComponent';
|
||||
import { ButtonAccent, InputComponent, ISomeInterface } from './__testfixtures__/input.component';
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { Type } from '@angular/core';
|
||||
import { ArgType, ArgTypes } from '@storybook/api';
|
||||
import { ICollection } from '../types';
|
||||
import type { Type } from '@angular/core';
|
||||
import type { ArgType, ArgTypes } from '@storybook/api';
|
||||
import type { ICollection } from '../types';
|
||||
import {
|
||||
ComponentInputsOutputs,
|
||||
getComponentDecoratorMetadata,
|
||||
|
||||
@ -5,11 +5,11 @@ import { FormsModule } from '@angular/forms';
|
||||
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
||||
import { BrowserModule } from '@angular/platform-browser';
|
||||
import { Observable, ReplaySubject, Subscriber } from 'rxjs';
|
||||
import { PartialStoryFn } from '@storybook/csf';
|
||||
import type { PartialStoryFn } from '@storybook/csf';
|
||||
import { AppComponent } from './components/app.component';
|
||||
import { STORY } from './app.token';
|
||||
import { NgModuleMetadata, StoryFnAngularReturnType } from '../types';
|
||||
import { AngularFramework } from '../types-6-0';
|
||||
import type { NgModuleMetadata, StoryFnAngularReturnType } from '../types';
|
||||
import type { AngularFramework } from '../types-6-0';
|
||||
|
||||
const { document } = global;
|
||||
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { Component, Input, Output } from '@angular/core';
|
||||
import { DecoratorFunction, StoryContext } from '@storybook/addons';
|
||||
import type { DecoratorFunction, StoryContext } from '@storybook/addons';
|
||||
import { componentWrapperDecorator } from './decorators';
|
||||
|
||||
import decorateStory from './decorateStory';
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
import { DecoratorFunction, LegacyStoryFn, StoryContext } from '@storybook/csf';
|
||||
import type { DecoratorFunction, LegacyStoryFn, StoryContext } from '@storybook/csf';
|
||||
import { sanitizeStoryContextUpdate } from '@storybook/store';
|
||||
import { computesTemplateFromComponent } from './angular-beta/ComputesTemplateFromComponent';
|
||||
|
||||
import { AngularFramework } from './types-6-0';
|
||||
import type { AngularFramework } from './types-6-0';
|
||||
|
||||
export default function decorateStory(
|
||||
mainStoryFn: LegacyStoryFn<AngularFramework>,
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
import { addons, mockChannel, StoryContext } from '@storybook/addons';
|
||||
import { addons, mockChannel } from '@storybook/addons';
|
||||
import type { StoryContext } from '@storybook/addons';
|
||||
|
||||
import { Component } from '@angular/core';
|
||||
import { moduleMetadata } from './decorators';
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
/* eslint-disable no-param-reassign */
|
||||
import { Type } from '@angular/core';
|
||||
import { DecoratorFunction, StoryContext } from '@storybook/csf';
|
||||
import type { Type } from '@angular/core';
|
||||
import type { DecoratorFunction, StoryContext } from '@storybook/csf';
|
||||
import { computesTemplateFromComponent } from './angular-beta/ComputesTemplateFromComponent';
|
||||
import { isComponent } from './angular-beta/utils/NgComponentAnalyzer';
|
||||
import { ICollection, NgModuleMetadata } from './types';
|
||||
import { AngularFramework } from './types-6-0';
|
||||
import type { ICollection, NgModuleMetadata } from './types';
|
||||
import type { AngularFramework } from './types-6-0';
|
||||
|
||||
// We use `any` here as the default type rather than `Args` because we need something that is
|
||||
// castable to any component-specific args type when the user is being careful.
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
/* eslint-disable prefer-destructuring */
|
||||
import { ClientStoryApi, Loadable } from '@storybook/addons';
|
||||
import type { ClientStoryApi, Loadable } from '@storybook/addons';
|
||||
import { start } from '@storybook/core/client';
|
||||
import './globals';
|
||||
import { renderToDOM, render } from './render';
|
||||
import decorateStory from './decorateStory';
|
||||
import { IStorybookSection } from './types';
|
||||
import { AngularFramework } from './types-6-0';
|
||||
import type { IStorybookSection } from './types';
|
||||
import type { AngularFramework } from './types-6-0';
|
||||
|
||||
const framework = 'angular';
|
||||
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
import { RenderContext } from '@storybook/store';
|
||||
import { ArgsStoryFn } from '@storybook/csf';
|
||||
import type { RenderContext } from '@storybook/store';
|
||||
import type { ArgsStoryFn } from '@storybook/csf';
|
||||
|
||||
import { renderNgApp } from './angular/helpers';
|
||||
import { AngularFramework } from './types-6-0';
|
||||
import type { AngularFramework } from './types-6-0';
|
||||
|
||||
import { RendererFactory } from './angular-beta/RendererFactory';
|
||||
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import {
|
||||
import type {
|
||||
Args,
|
||||
Parameters as DefaultParameters,
|
||||
StoryContext as DefaultStoryContext,
|
||||
@ -7,7 +7,7 @@ import {
|
||||
AnnotatedStoryFn,
|
||||
} from '@storybook/csf';
|
||||
|
||||
import { StoryFnAngularReturnType } from './types';
|
||||
import type { StoryFnAngularReturnType } from './types';
|
||||
|
||||
export type { Args, ArgTypes } from '@storybook/csf';
|
||||
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
import { Args } from '@storybook/csf';
|
||||
|
||||
import type { Args } from '@storybook/csf';
|
||||
import type { StoryObj } from './types-6-0';
|
||||
|
||||
export type { StoryFn, StoryObj, Meta } from './types-6-0';
|
||||
|
||||
@ -8,7 +8,7 @@ export default function (tsLoaderOptions: Partial<Options>) {
|
||||
if (tsLoaderOptions && tsLoaderOptions.configFile) {
|
||||
return new ForkTsCheckerWebpackPlugin({
|
||||
tsconfig: tsLoaderOptions.configFile,
|
||||
async: false,
|
||||
async: true,
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import path from 'path';
|
||||
import { Configuration } from 'webpack';
|
||||
import type { Configuration } from 'webpack';
|
||||
import { logger } from '@storybook/node-logger';
|
||||
import { normalize, getSystemPath } from '@angular-devkit/core';
|
||||
import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
|
||||
|
||||
8
app/angular/src/server/framework-preset-angular-docs.ts
Normal file
8
app/angular/src/server/framework-preset-angular-docs.ts
Normal file
@ -0,0 +1,8 @@
|
||||
import path from 'path';
|
||||
import { StorybookConfig } from '@storybook/core-common';
|
||||
import { hasDocsOrControls } from '@storybook/docs-tools';
|
||||
|
||||
export const config: StorybookConfig['config'] = (entry = [], options) => {
|
||||
if (!hasDocsOrControls(options)) return entry;
|
||||
return [...entry, path.join(__dirname, '../../../dist/ts3.9/client/docs/config')];
|
||||
};
|
||||
@ -1,5 +1,5 @@
|
||||
import { sync } from 'read-pkg-up';
|
||||
import { LoadOptions, Options as CoreOptions } from '@storybook/core-common';
|
||||
import type { LoadOptions, Options as CoreOptions } from '@storybook/core-common';
|
||||
|
||||
import { BuilderContext } from '@angular-devkit/architect';
|
||||
import { ExtraEntryPoint, StylePreprocessorOptions } from '@angular-devkit/build-angular';
|
||||
|
||||
@ -9,4 +9,5 @@ export const addons: StorybookConfig['addons'] = [
|
||||
require.resolve('./framework-preset-angular'),
|
||||
require.resolve('./framework-preset-angular-cli'),
|
||||
require.resolve('./framework-preset-angular-ivy'),
|
||||
require.resolve('./framework-preset-angular-docs'),
|
||||
];
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { StorybookConfig as BaseConfig } from '@storybook/core-common';
|
||||
import type { StorybookConfig as BaseConfig } from '@storybook/core-common';
|
||||
|
||||
export interface StorybookConfig extends BaseConfig {
|
||||
angularOptions?: {
|
||||
|
||||
4
app/angular/standalone.d.ts
vendored
4
app/angular/standalone.d.ts
vendored
@ -1,5 +1,5 @@
|
||||
import { CLIOptions, LoadOptions, BuilderOptions } from '@storybook/core-common';
|
||||
import { BuilderContext } from '@angular-devkit/architect';
|
||||
import type { CLIOptions, LoadOptions, BuilderOptions } from '@storybook/core-common';
|
||||
import type { BuilderContext } from '@angular-devkit/architect';
|
||||
|
||||
export type StandaloneOptions = Partial<
|
||||
CLIOptions &
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ember",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/main/app/ember",
|
||||
"bugs": {
|
||||
@ -42,10 +42,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@ember/test-helpers": "^2.1.4",
|
||||
"@storybook/core": "6.5.0-alpha.46",
|
||||
"@storybook/core-common": "6.5.0-alpha.46",
|
||||
"@storybook/store": "6.5.0-alpha.46",
|
||||
"@storybook/core": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/docs-tools": "6.5.0-alpha.49",
|
||||
"@storybook/store": "6.5.0-alpha.49",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react": "16.14.0",
|
||||
@ -66,6 +66,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48",
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1 +1 @@
|
||||
module.exports = require('./dist/cjs/server/framework-preset-babel-ember');
|
||||
module.exports = require('./dist/cjs/server/preset');
|
||||
|
||||
12
app/ember/src/client/docs/config.js
Normal file
12
app/ember/src/client/docs/config.js
Normal file
@ -0,0 +1,12 @@
|
||||
import { enhanceArgTypes } from '@storybook/docs-tools';
|
||||
import { extractArgTypes, extractComponentDescription } from './jsondoc';
|
||||
|
||||
export const parameters = {
|
||||
docs: {
|
||||
iframeHeight: 80,
|
||||
extractArgTypes,
|
||||
extractComponentDescription,
|
||||
},
|
||||
};
|
||||
|
||||
export const argTypesEnhancers = [enhanceArgTypes];
|
||||
1
app/ember/src/client/preview/docs/index.js
Normal file
1
app/ember/src/client/preview/docs/index.js
Normal file
@ -0,0 +1 @@
|
||||
export { setJSONDoc } from './jsondoc';
|
||||
50
app/ember/src/client/preview/docs/jsondoc.js
Normal file
50
app/ember/src/client/preview/docs/jsondoc.js
Normal file
@ -0,0 +1,50 @@
|
||||
/* eslint-disable no-underscore-dangle */
|
||||
/* global window */
|
||||
|
||||
export const setJSONDoc = (jsondoc) => {
|
||||
window.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
|
||||
};
|
||||
export const getJSONDoc = () => {
|
||||
return window.__EMBER_GENERATED_DOC_JSON__;
|
||||
};
|
||||
|
||||
export const extractArgTypes = (componentName) => {
|
||||
const json = getJSONDoc();
|
||||
if (!(json && json.included)) {
|
||||
return null;
|
||||
}
|
||||
const componentDoc = json.included.find((doc) => doc.attributes.name === componentName);
|
||||
|
||||
if (!componentDoc) {
|
||||
return null;
|
||||
}
|
||||
return componentDoc.attributes.arguments.reduce((acc, prop) => {
|
||||
acc[prop.name] = {
|
||||
name: prop.name,
|
||||
defaultValue: prop.defaultValue,
|
||||
description: prop.description,
|
||||
table: {
|
||||
defaultValue: { summary: prop.defaultValue },
|
||||
type: {
|
||||
summary: prop.type,
|
||||
required: prop.tags.length ? prop.tags.some((tag) => tag.name === 'required') : false,
|
||||
},
|
||||
},
|
||||
};
|
||||
return acc;
|
||||
}, {});
|
||||
};
|
||||
|
||||
export const extractComponentDescription = (componentName) => {
|
||||
const json = getJSONDoc();
|
||||
if (!(json && json.included)) {
|
||||
return null;
|
||||
}
|
||||
const componentDoc = json.included.find((doc) => doc.attributes.name === componentName);
|
||||
|
||||
if (!componentDoc) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return componentDoc.attributes.description;
|
||||
};
|
||||
@ -1,6 +1,7 @@
|
||||
import { TransformOptions } from '@babel/core';
|
||||
import type { TransformOptions } from '@babel/core';
|
||||
import { precompile } from 'ember-source/dist/ember-template-compiler';
|
||||
import { findDistEsm, StorybookConfig, Options } from '@storybook/core-common';
|
||||
import { findDistEsm } from '@storybook/core-common';
|
||||
import type { StorybookConfig, Options } from '@storybook/core-common';
|
||||
|
||||
let emberOptions: any;
|
||||
|
||||
|
||||
8
app/ember/src/server/framework-preset-ember-docs.ts
Normal file
8
app/ember/src/server/framework-preset-ember-docs.ts
Normal file
@ -0,0 +1,8 @@
|
||||
import type { StorybookConfig } from '@storybook/core-common';
|
||||
import { findDistEsm } from '@storybook/core-common';
|
||||
import { hasDocsOrControls } from '@storybook/docs-tools';
|
||||
|
||||
export const config: StorybookConfig['config'] = (entry = [], options) => {
|
||||
if (!hasDocsOrControls(options)) return entry;
|
||||
return [...entry, findDistEsm(__dirname, 'client/docs/config')];
|
||||
};
|
||||
@ -1,8 +1,8 @@
|
||||
import { sync } from 'read-pkg-up';
|
||||
import { LoadOptions } from '@storybook/core-common';
|
||||
import type { LoadOptions } from '@storybook/core-common';
|
||||
|
||||
export default {
|
||||
packageJson: sync({ cwd: __dirname }).packageJson,
|
||||
framework: 'ember',
|
||||
frameworkPresets: [require.resolve('./framework-preset-babel-ember.js')],
|
||||
frameworkPresets: [require.resolve('./preset')],
|
||||
} as LoadOptions;
|
||||
|
||||
6
app/ember/src/server/preset.ts
Normal file
6
app/ember/src/server/preset.ts
Normal file
@ -0,0 +1,6 @@
|
||||
import type { StorybookConfig } from '@storybook/core-common';
|
||||
|
||||
export const addons: StorybookConfig['addons'] = [
|
||||
require.resolve('./framework-preset-babel-ember'),
|
||||
require.resolve('./framework-preset-ember-docs'),
|
||||
];
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html",
|
||||
"version": "6.5.0-alpha.46",
|
||||
"version": "6.5.0-alpha.49",
|
||||
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,13 +45,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.5.0-alpha.46",
|
||||
"@storybook/client-api": "6.5.0-alpha.46",
|
||||
"@storybook/core": "6.5.0-alpha.46",
|
||||
"@storybook/core-common": "6.5.0-alpha.46",
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/core": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/preview-web": "6.5.0-alpha.46",
|
||||
"@storybook/store": "6.5.0-alpha.46",
|
||||
"@storybook/docs-tools": "6.5.0-alpha.49",
|
||||
"@storybook/preview-web": "6.5.0-alpha.49",
|
||||
"@storybook/store": "6.5.0-alpha.49",
|
||||
"@types/node": "^14.14.20 || ^16.0.0",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
@ -61,7 +61,8 @@
|
||||
"react-dom": "16.14.0",
|
||||
"read-pkg-up": "^7.0.1",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
"ts-dedent": "^2.0.0"
|
||||
"ts-dedent": "^2.0.0",
|
||||
"webpack": "4"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@babel/core": "*"
|
||||
@ -72,6 +73,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a64dc8426d21a70970728878c3bba0ac0a377a48",
|
||||
"gitHead": "5cd3cd92ff4ab3dce81726f0d3913d7077926bee",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1 +1 @@
|
||||
module.exports = require('./dist/cjs/server/framework-preset-html');
|
||||
module.exports = require('./dist/cjs/server/preset');
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { SourceType } from '@storybook/docs-tools';
|
||||
import { sourceDecorator } from './sourceDecorator';
|
||||
import { prepareForInline } from './prepareForInline';
|
||||
import { SourceType } from '../../shared';
|
||||
|
||||
export const decorators = [sourceDecorator];
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user