mirror of
https://github.com/storybookjs/storybook.git
synced 2025-03-20 05:02:37 +08:00
Merge branch 'next' into 14796-split-outaurelia
This commit is contained in:
Michael Shilman
commit
18661c5178
@ -6,7 +6,7 @@ executors:
|
||||
class:
|
||||
description: The Resource class
|
||||
type: enum
|
||||
enum: [ 'small', 'medium', 'large', 'xlarge' ]
|
||||
enum: ['small', 'medium', 'large', 'xlarge']
|
||||
default: 'medium'
|
||||
working_directory: /tmp/storybook
|
||||
docker:
|
||||
@ -177,12 +177,12 @@ jobs:
|
||||
condition:
|
||||
and:
|
||||
- not:
|
||||
equal: [ master, << pipeline.git.branch >> ]
|
||||
equal: [master, << pipeline.git.branch >>]
|
||||
- not:
|
||||
equal: [ next, << pipeline.git.branch >> ]
|
||||
equal: [next, << pipeline.git.branch >>]
|
||||
steps:
|
||||
- ensure-pr-is-labeled-with:
|
||||
label: "run e2e extended test suite"
|
||||
label: 'run e2e extended test suite'
|
||||
- git-shallow-clone/checkout_advanced:
|
||||
clone_options: '--depth 1 --verbose'
|
||||
- attach_workspace:
|
||||
@ -347,33 +347,18 @@ jobs:
|
||||
command: |
|
||||
cd examples/ember-cli
|
||||
yarn storybook --smoke-test --quiet
|
||||
- run:
|
||||
name: Run marko-cli (smoke test)
|
||||
command: |
|
||||
cd examples/marko-cli
|
||||
yarn storybook --smoke-test --quiet
|
||||
- run:
|
||||
name: Run official-storybook (smoke test)
|
||||
command: |
|
||||
cd examples/official-storybook
|
||||
yarn storybook --smoke-test --quiet
|
||||
- run:
|
||||
name: Run mithril kitchen-sink (smoke test)
|
||||
command: |
|
||||
cd examples/mithril-kitchen-sink
|
||||
yarn storybook --smoke-test --quiet
|
||||
- run:
|
||||
name: Run riot kitchen-sink (smoke test)
|
||||
command: |
|
||||
cd examples/riot-kitchen-sink
|
||||
yarn storybook --smoke-test --quiet
|
||||
- run:
|
||||
name: Run preact kitchen-sink (smoke test)
|
||||
command: |
|
||||
cd examples/preact-kitchen-sink
|
||||
yarn storybook --smoke-test --quiet
|
||||
- run:
|
||||
name: Run cra reac15 (smoke test)
|
||||
name: Run cra react15 (smoke test)
|
||||
command: |
|
||||
cd examples/cra-react15
|
||||
yarn storybook --smoke-test --quiet
|
||||
|
||||
@ -20,7 +20,6 @@ examples/cra-ts-kitchen-sink/*.json
|
||||
examples/cra-ts-kitchen-sink/public/*
|
||||
examples/cra-ts-essentials/*.json
|
||||
examples/cra-ts-essentials/public/*
|
||||
examples/rax-kitchen-sink/src/document/*
|
||||
ember-output
|
||||
.yarn
|
||||
!.remarkrc.js
|
||||
|
||||
9
.teamcity/settings.kts
vendored
9
.teamcity/settings.kts
vendored
@ -388,18 +388,9 @@ object SmokeTests : BuildType({
|
||||
cd ../ember-cli
|
||||
yarn storybook --smoke-test --quiet
|
||||
|
||||
cd ../marko-cli
|
||||
yarn storybook --smoke-test --quiet
|
||||
|
||||
cd ../official-storybook
|
||||
yarn storybook --smoke-test --quiet
|
||||
|
||||
cd ../mithril-kitchen-sink
|
||||
yarn storybook --smoke-test --quiet
|
||||
|
||||
cd ../riot-kitchen-sink
|
||||
yarn storybook --smoke-test --quiet
|
||||
|
||||
cd ../preact-kitchen-sink
|
||||
yarn storybook --smoke-test --quiet
|
||||
|
||||
|
||||
16
CHANGELOG.md
16
CHANGELOG.md
@ -1,3 +1,19 @@
|
||||
## 6.3.0-alpha.20 (May 6, 2021)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Vue3: Fix components in decorators ([#14809](https://github.com/storybookjs/storybook/pull/14809))
|
||||
- Accessibility: Adds title to close button on settings page ([#14808](https://github.com/storybookjs/storybook/pull/14808))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- Refactor marionette into its own repo ([#14802](https://github.com/storybookjs/storybook/pull/14802))
|
||||
- Refactor rax to its own repo ([#14799](https://github.com/storybookjs/storybook/pull/14799))
|
||||
- Refactor marko into its own repo ([#14803](https://github.com/storybookjs/storybook/pull/14803))
|
||||
- Refactor mithril into its own repo ([#14804](https://github.com/storybookjs/storybook/pull/14804))
|
||||
- Refactor riot to its own repo ([#14800](https://github.com/storybookjs/storybook/pull/14800))
|
||||
- UI: Styling updates ([#14820](https://github.com/storybookjs/storybook/pull/14820))
|
||||
|
||||
## 6.3.0-alpha.19 (May 3, 2021)
|
||||
|
||||
### Features
|
||||
|
||||
10
MIGRATION.md
10
MIGRATION.md
@ -6,6 +6,7 @@
|
||||
- [New Angular storyshots format](#new-angular-storyshots-format)
|
||||
- [Deprecated Angular story component](#deprecated-angular-story-component)
|
||||
- [New Angular renderer](#new-angular-renderer)
|
||||
- [Packages now available as ESModules](#packages-now-available-as-esmodules)
|
||||
- [6.2 Deprecations](#62-deprecations)
|
||||
- [Deprecated implicit PostCSS loader](#deprecated-implicit-postcss-loader)
|
||||
- [Deprecated default PostCSS plugins](#deprecated-default-postcss-plugins)
|
||||
@ -202,6 +203,15 @@ export const parameters = {
|
||||
|
||||
Please also file an issue if you need to opt out. We plan to remove the legacy renderer in 7.0.
|
||||
|
||||
### Packages now available as ESModules
|
||||
|
||||
Many Storybook packages are now available as ESModules in addition to CommonJS. If your jest tests stop working, this is likely why. To fix, you can configure jest to transform the packages like so ([more info](https://jestjs.io/docs/configuration#transformignorepatterns-arraystring)):
|
||||
|
||||
```js
|
||||
// In your jest config
|
||||
transformIgnorePatterns: ['/node_modules/(?!@storybook)']
|
||||
```
|
||||
|
||||
### 6.2 Deprecations
|
||||
|
||||
#### Deprecated implicit PostCSS loader
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-a11y",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "Test component compliance with web accessibility standards",
|
||||
"keywords": [
|
||||
"a11y",
|
||||
@ -45,14 +45,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/api": "6.3.0-alpha.19",
|
||||
"@storybook/channels": "6.3.0-alpha.19",
|
||||
"@storybook/client-api": "6.3.0-alpha.19",
|
||||
"@storybook/client-logger": "6.3.0-alpha.19",
|
||||
"@storybook/components": "6.3.0-alpha.19",
|
||||
"@storybook/core-events": "6.3.0-alpha.19",
|
||||
"@storybook/theming": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/api": "6.3.0-alpha.20",
|
||||
"@storybook/channels": "6.3.0-alpha.20",
|
||||
"@storybook/client-api": "6.3.0-alpha.20",
|
||||
"@storybook/client-logger": "6.3.0-alpha.20",
|
||||
"@storybook/components": "6.3.0-alpha.20",
|
||||
"@storybook/core-events": "6.3.0-alpha.20",
|
||||
"@storybook/theming": "6.3.0-alpha.20",
|
||||
"axe-core": "^4.2.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -81,7 +81,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d",
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1",
|
||||
"storybook": {
|
||||
"displayName": "Accessibility",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png",
|
||||
|
||||
@ -24,7 +24,10 @@ const HighlightToggleElement = styled.span({
|
||||
fontWeight: 'normal',
|
||||
alignSelf: 'center',
|
||||
paddingRight: 15,
|
||||
input: { margin: 0 },
|
||||
input: {
|
||||
margin: 0,
|
||||
display: 'block',
|
||||
},
|
||||
});
|
||||
|
||||
interface ElementProps {
|
||||
|
||||
@ -33,6 +33,7 @@ const Icon = styled<any, any>(Icons)(({ theme }) => ({
|
||||
const HeaderBar = styled.div<{}>(({ theme }) => ({
|
||||
padding: theme.layoutMargin,
|
||||
paddingLeft: theme.layoutMargin - 3,
|
||||
lineHeight: '20px',
|
||||
background: 'none',
|
||||
color: 'inherit',
|
||||
textAlign: 'left',
|
||||
@ -51,7 +52,10 @@ const HighlightToggleElement = styled.span({
|
||||
float: 'right',
|
||||
marginRight: 15,
|
||||
alignSelf: 'center',
|
||||
input: { margin: 0 },
|
||||
input: {
|
||||
margin: 0,
|
||||
display: 'block',
|
||||
},
|
||||
});
|
||||
|
||||
interface ItemProps {
|
||||
|
||||
@ -18,30 +18,29 @@ const Container = styled.div({
|
||||
const HighlightToggleLabel = styled.label<{}>(({ theme }) => ({
|
||||
cursor: 'pointer',
|
||||
userSelect: 'none',
|
||||
marginBottom: 3,
|
||||
marginRight: 3,
|
||||
color: theme.color.dark,
|
||||
}));
|
||||
|
||||
const GlobalToggle = styled.div<{ elementWidth: number }>(({ elementWidth }) => {
|
||||
const GlobalToggle = styled.div<{ elementWidth: number }>(({ elementWidth, theme }) => {
|
||||
const maxWidthBeforeBreak = 450;
|
||||
return {
|
||||
cursor: 'pointer',
|
||||
fontSize: '14px',
|
||||
padding: elementWidth > maxWidthBeforeBreak ? '12px 15px 10px 0' : '12px 0px 3px 12px',
|
||||
fontSize: 13,
|
||||
lineHeight: '20px',
|
||||
padding: elementWidth > maxWidthBeforeBreak ? '10px 15px 10px 0' : '10px 0px 10px 15px',
|
||||
height: '40px',
|
||||
border: 'none',
|
||||
marginTop: elementWidth > maxWidthBeforeBreak ? -40 : 0,
|
||||
float: elementWidth > maxWidthBeforeBreak ? 'right' : 'left',
|
||||
display: elementWidth > maxWidthBeforeBreak ? 'flex' : 'block',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
width: elementWidth > maxWidthBeforeBreak ? 'auto' : '100%',
|
||||
borderBottom: elementWidth > maxWidthBeforeBreak ? 'none' : '1px solid rgba(0,0,0,.1)',
|
||||
borderBottom: elementWidth > maxWidthBeforeBreak ? 'none' : `1px solid ${theme.appBorderColor}`,
|
||||
|
||||
input: {
|
||||
marginLeft: 10,
|
||||
marginRight: 0,
|
||||
marginTop: 0,
|
||||
marginTop: -1,
|
||||
marginBottom: 0,
|
||||
},
|
||||
};
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"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.3.0-alpha.19",
|
||||
"@storybook/api": "6.3.0-alpha.19",
|
||||
"@storybook/client-api": "6.3.0-alpha.19",
|
||||
"@storybook/components": "6.3.0-alpha.19",
|
||||
"@storybook/core-events": "6.3.0-alpha.19",
|
||||
"@storybook/theming": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/api": "6.3.0-alpha.20",
|
||||
"@storybook/client-api": "6.3.0-alpha.20",
|
||||
"@storybook/components": "6.3.0-alpha.20",
|
||||
"@storybook/core-events": "6.3.0-alpha.20",
|
||||
"@storybook/theming": "6.3.0-alpha.20",
|
||||
"core-js": "^3.8.2",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
"global": "^4.4.0",
|
||||
@ -78,7 +78,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d",
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1",
|
||||
"storybook": {
|
||||
"displayName": "Actions",
|
||||
"unsupportedFrameworks": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-backgrounds",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "Switch backgrounds to view components in different settings",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,12 +45,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/api": "6.3.0-alpha.19",
|
||||
"@storybook/client-logger": "6.3.0-alpha.19",
|
||||
"@storybook/components": "6.3.0-alpha.19",
|
||||
"@storybook/core-events": "6.3.0-alpha.19",
|
||||
"@storybook/theming": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/api": "6.3.0-alpha.20",
|
||||
"@storybook/client-logger": "6.3.0-alpha.20",
|
||||
"@storybook/components": "6.3.0-alpha.20",
|
||||
"@storybook/core-events": "6.3.0-alpha.20",
|
||||
"@storybook/theming": "6.3.0-alpha.20",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"memoizerific": "^1.11.3",
|
||||
@ -76,7 +76,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d",
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1",
|
||||
"storybook": {
|
||||
"displayName": "Backgrounds",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-controls",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "Interact with component inputs dynamically in the Storybook UI",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,12 +45,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/api": "6.3.0-alpha.19",
|
||||
"@storybook/client-api": "6.3.0-alpha.19",
|
||||
"@storybook/components": "6.3.0-alpha.19",
|
||||
"@storybook/node-logger": "6.3.0-alpha.19",
|
||||
"@storybook/theming": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/api": "6.3.0-alpha.20",
|
||||
"@storybook/client-api": "6.3.0-alpha.20",
|
||||
"@storybook/components": "6.3.0-alpha.20",
|
||||
"@storybook/node-logger": "6.3.0-alpha.20",
|
||||
"@storybook/theming": "6.3.0-alpha.20",
|
||||
"core-js": "^3.8.2",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
@ -69,7 +69,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d",
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1",
|
||||
"storybook": {
|
||||
"displayName": "Controls",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-cssresources",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "A storybook addon to switch between css resources at runtime for your story",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -44,11 +44,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/api": "6.3.0-alpha.19",
|
||||
"@storybook/components": "6.3.0-alpha.19",
|
||||
"@storybook/core-events": "6.3.0-alpha.19",
|
||||
"@storybook/theming": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/api": "6.3.0-alpha.20",
|
||||
"@storybook/components": "6.3.0-alpha.20",
|
||||
"@storybook/core-events": "6.3.0-alpha.20",
|
||||
"@storybook/theming": "6.3.0-alpha.20",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"regenerator-runtime": "^0.13.7"
|
||||
@ -71,7 +71,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d",
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1",
|
||||
"storybook": {
|
||||
"displayName": "CSS Resources",
|
||||
"unsupportedFrameworks": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-design-assets",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "Design asset preview for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,12 +45,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/api": "6.3.0-alpha.19",
|
||||
"@storybook/client-logger": "6.3.0-alpha.19",
|
||||
"@storybook/components": "6.3.0-alpha.19",
|
||||
"@storybook/core-events": "6.3.0-alpha.19",
|
||||
"@storybook/theming": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/api": "6.3.0-alpha.20",
|
||||
"@storybook/client-logger": "6.3.0-alpha.20",
|
||||
"@storybook/components": "6.3.0-alpha.20",
|
||||
"@storybook/core-events": "6.3.0-alpha.20",
|
||||
"@storybook/theming": "6.3.0-alpha.20",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
@ -72,7 +72,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d",
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1",
|
||||
"storybook": {
|
||||
"displayName": "Design assets",
|
||||
"unsupportedFrameworks": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-docs",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "Document component usage and properties in Markdown",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -62,19 +62,19 @@
|
||||
"@mdx-js/loader": "^1.6.22",
|
||||
"@mdx-js/mdx": "^1.6.22",
|
||||
"@mdx-js/react": "^1.6.22",
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/api": "6.3.0-alpha.19",
|
||||
"@storybook/builder-webpack4": "6.3.0-alpha.19",
|
||||
"@storybook/client-api": "6.3.0-alpha.19",
|
||||
"@storybook/client-logger": "6.3.0-alpha.19",
|
||||
"@storybook/components": "6.3.0-alpha.19",
|
||||
"@storybook/core": "6.3.0-alpha.19",
|
||||
"@storybook/core-events": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/api": "6.3.0-alpha.20",
|
||||
"@storybook/builder-webpack4": "6.3.0-alpha.20",
|
||||
"@storybook/client-api": "6.3.0-alpha.20",
|
||||
"@storybook/client-logger": "6.3.0-alpha.20",
|
||||
"@storybook/components": "6.3.0-alpha.20",
|
||||
"@storybook/core": "6.3.0-alpha.20",
|
||||
"@storybook/core-events": "6.3.0-alpha.20",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/node-logger": "6.3.0-alpha.19",
|
||||
"@storybook/postinstall": "6.3.0-alpha.19",
|
||||
"@storybook/source-loader": "6.3.0-alpha.19",
|
||||
"@storybook/theming": "6.3.0-alpha.19",
|
||||
"@storybook/node-logger": "6.3.0-alpha.20",
|
||||
"@storybook/postinstall": "6.3.0-alpha.20",
|
||||
"@storybook/source-loader": "6.3.0-alpha.20",
|
||||
"@storybook/theming": "6.3.0-alpha.20",
|
||||
"acorn": "^7.4.1",
|
||||
"acorn-jsx": "^5.3.1",
|
||||
"acorn-walk": "^7.2.0",
|
||||
@ -101,10 +101,10 @@
|
||||
"@babel/core": "^7.12.10",
|
||||
"@emotion/core": "^10.1.1",
|
||||
"@emotion/styled": "^10.0.27",
|
||||
"@storybook/angular": "6.3.0-alpha.19",
|
||||
"@storybook/react": "6.3.0-alpha.19",
|
||||
"@storybook/vue": "6.3.0-alpha.19",
|
||||
"@storybook/web-components": "6.3.0-alpha.19",
|
||||
"@storybook/angular": "6.3.0-alpha.20",
|
||||
"@storybook/react": "6.3.0-alpha.20",
|
||||
"@storybook/vue": "6.3.0-alpha.20",
|
||||
"@storybook/web-components": "6.3.0-alpha.20",
|
||||
"@types/cross-spawn": "^6.0.2",
|
||||
"@types/doctrine": "^0.0.3",
|
||||
"@types/enzyme": "^3.10.8",
|
||||
@ -134,10 +134,10 @@
|
||||
"zone.js": "^0.11.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/angular": "6.3.0-alpha.19",
|
||||
"@storybook/vue": "6.3.0-alpha.19",
|
||||
"@storybook/vue3": "6.3.0-alpha.19",
|
||||
"@storybook/web-components": "6.3.0-alpha.19",
|
||||
"@storybook/angular": "6.3.0-alpha.20",
|
||||
"@storybook/vue": "6.3.0-alpha.20",
|
||||
"@storybook/vue3": "6.3.0-alpha.20",
|
||||
"@storybook/web-components": "6.3.0-alpha.20",
|
||||
"lit-html": "^1.0.0",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
"react-dom": "^16.8.0 || ^17.0.0",
|
||||
@ -184,7 +184,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d",
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1",
|
||||
"storybook": {
|
||||
"displayName": "Docs",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-essentials",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "Curated addons to bring out the best of Storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -39,29 +39,29 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-actions": "6.3.0-alpha.19",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.19",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.19",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.19",
|
||||
"@storybook/addon-toolbars": "6.3.0-alpha.19",
|
||||
"@storybook/addon-viewport": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/api": "6.3.0-alpha.19",
|
||||
"@storybook/node-logger": "6.3.0-alpha.19",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.20",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.20",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.20",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.20",
|
||||
"@storybook/addon-toolbars": "6.3.0-alpha.20",
|
||||
"@storybook/addon-viewport": "6.3.0-alpha.20",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/api": "6.3.0-alpha.20",
|
||||
"@storybook/node-logger": "6.3.0-alpha.20",
|
||||
"core-js": "^3.8.2",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/vue": "6.3.0-alpha.19",
|
||||
"@storybook/vue": "6.3.0-alpha.20",
|
||||
"@types/jest": "^26.0.16",
|
||||
"@types/webpack-env": "^1.16.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@storybook/vue": "6.3.0-alpha.19",
|
||||
"@storybook/web-components": "6.3.0-alpha.19",
|
||||
"@storybook/vue": "6.3.0-alpha.20",
|
||||
"@storybook/web-components": "6.3.0-alpha.20",
|
||||
"babel-loader": "^8.0.0",
|
||||
"lit-html": "^1.0.0",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
@ -91,5 +91,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d"
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-events",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "Add events to your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -43,11 +43,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/api": "6.3.0-alpha.19",
|
||||
"@storybook/client-api": "6.3.0-alpha.19",
|
||||
"@storybook/core-events": "6.3.0-alpha.19",
|
||||
"@storybook/theming": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/api": "6.3.0-alpha.20",
|
||||
"@storybook/client-api": "6.3.0-alpha.20",
|
||||
"@storybook/core-events": "6.3.0-alpha.20",
|
||||
"@storybook/theming": "6.3.0-alpha.20",
|
||||
"core-js": "^3.8.2",
|
||||
"format-json": "^1.0.3",
|
||||
"lodash": "^4.17.20",
|
||||
@ -74,7 +74,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d",
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1",
|
||||
"storybook": {
|
||||
"displayName": "Events",
|
||||
"unsupportedFrameworks": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-google-analytics",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "Storybook addon for google analytics",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -35,8 +35,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/core-events": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/core-events": "6.3.0-alpha.20",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react-ga": "^2.7.0",
|
||||
@ -57,7 +57,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d",
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1",
|
||||
"storybook": {
|
||||
"displayName": "Google Analytics",
|
||||
"icon": "https://pbs.twimg.com/profile_images/1021848775885651968/cU74ahCn_400x400.jpg",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-graphql",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "Storybook addon to display the GraphiQL IDE",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -43,8 +43,8 @@
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@babel/plugin-transform-classes": "^7.12.1",
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/api": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/api": "6.3.0-alpha.20",
|
||||
"babel-loader": "^8.2.2",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -69,7 +69,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d",
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1",
|
||||
"storybook": {
|
||||
"displayName": "GraphiQL IDE",
|
||||
"icon": "https://pbs.twimg.com/profile_images/618131103509909504/VQLBJ0TR_400x400.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-jest",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "React storybook addon that show component jest report",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -47,11 +47,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/api": "6.3.0-alpha.19",
|
||||
"@storybook/components": "6.3.0-alpha.19",
|
||||
"@storybook/core-events": "6.3.0-alpha.19",
|
||||
"@storybook/theming": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/api": "6.3.0-alpha.20",
|
||||
"@storybook/components": "6.3.0-alpha.20",
|
||||
"@storybook/core-events": "6.3.0-alpha.20",
|
||||
"@storybook/theming": "6.3.0-alpha.20",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react-sizeme": "^3.0.1",
|
||||
@ -76,7 +76,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d",
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1",
|
||||
"storybook": {
|
||||
"displayName": "Jest",
|
||||
"icon": "https://pbs.twimg.com/profile_images/821713465245102080/mMtKIMax_400x400.jpg",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-knobs",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "Storybook addon prop editor component",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -41,13 +41,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/api": "6.3.0-alpha.19",
|
||||
"@storybook/channels": "6.3.0-alpha.19",
|
||||
"@storybook/client-api": "6.3.0-alpha.19",
|
||||
"@storybook/components": "6.3.0-alpha.19",
|
||||
"@storybook/core-events": "6.3.0-alpha.19",
|
||||
"@storybook/theming": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/api": "6.3.0-alpha.20",
|
||||
"@storybook/channels": "6.3.0-alpha.20",
|
||||
"@storybook/client-api": "6.3.0-alpha.20",
|
||||
"@storybook/components": "6.3.0-alpha.20",
|
||||
"@storybook/core-events": "6.3.0-alpha.20",
|
||||
"@storybook/theming": "6.3.0-alpha.20",
|
||||
"copy-to-clipboard": "^3.3.1",
|
||||
"core-js": "^3.8.2",
|
||||
"escape-html": "^1.0.3",
|
||||
@ -84,7 +84,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d",
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1",
|
||||
"storybook": {
|
||||
"displayName": "Knobs",
|
||||
"unsupportedFrameworks": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"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.3.0-alpha.19",
|
||||
"@storybook/client-logger": "6.3.0-alpha.19",
|
||||
"@storybook/core-events": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/client-logger": "6.3.0-alpha.20",
|
||||
"@storybook/core-events": "6.3.0-alpha.20",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/router": "6.3.0-alpha.19",
|
||||
"@storybook/router": "6.3.0-alpha.20",
|
||||
"@types/qs": "^6.9.5",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -72,7 +72,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d",
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1",
|
||||
"storybook": {
|
||||
"displayName": "Links",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-queryparams",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "parameter addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -42,12 +42,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/api": "6.3.0-alpha.19",
|
||||
"@storybook/client-logger": "6.3.0-alpha.19",
|
||||
"@storybook/components": "6.3.0-alpha.19",
|
||||
"@storybook/core-events": "6.3.0-alpha.19",
|
||||
"@storybook/theming": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/api": "6.3.0-alpha.20",
|
||||
"@storybook/client-logger": "6.3.0-alpha.20",
|
||||
"@storybook/components": "6.3.0-alpha.20",
|
||||
"@storybook/core-events": "6.3.0-alpha.20",
|
||||
"@storybook/theming": "6.3.0-alpha.20",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"qs": "^6.10.0",
|
||||
@ -72,7 +72,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d",
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1",
|
||||
"storybook": {
|
||||
"displayName": "Query params",
|
||||
"unsupportedFrameworks": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "Take a code snapshot of every story automatically with Jest",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,10 +45,10 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@jest/transform": "^26.6.2",
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/client-api": "6.3.0-alpha.19",
|
||||
"@storybook/core": "6.3.0-alpha.19",
|
||||
"@storybook/core-common": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/client-api": "6.3.0-alpha.20",
|
||||
"@storybook/core": "6.3.0-alpha.20",
|
||||
"@storybook/core-common": "6.3.0-alpha.20",
|
||||
"@types/glob": "^7.1.3",
|
||||
"@types/jest": "^26.0.16",
|
||||
"@types/jest-specific-snapshot": "^0.5.3",
|
||||
@ -67,11 +67,11 @@
|
||||
"devDependencies": {
|
||||
"@angular/core": "^11.2.0",
|
||||
"@angular/platform-browser-dynamic": "^11.2.0",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.19",
|
||||
"@storybook/angular": "6.3.0-alpha.19",
|
||||
"@storybook/react": "6.3.0-alpha.19",
|
||||
"@storybook/vue": "6.3.0-alpha.19",
|
||||
"@storybook/vue3": "6.3.0-alpha.19",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.20",
|
||||
"@storybook/angular": "6.3.0-alpha.20",
|
||||
"@storybook/react": "6.3.0-alpha.20",
|
||||
"@storybook/vue": "6.3.0-alpha.20",
|
||||
"@storybook/vue3": "6.3.0-alpha.20",
|
||||
"babel-loader": "^8.2.2",
|
||||
"enzyme": "^3.11.0",
|
||||
"enzyme-to-json": "^3.6.1",
|
||||
@ -139,7 +139,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d",
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1",
|
||||
"storybook": {
|
||||
"displayName": "Storyshots",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots-puppeteer",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "Image snapshots addition to StoryShots based on puppeteer",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -41,7 +41,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/node-logger": "6.3.0-alpha.19",
|
||||
"@storybook/node-logger": "6.3.0-alpha.20",
|
||||
"@types/jest-image-snapshot": "^4.1.3",
|
||||
"@wordpress/jest-puppeteer-axe": "^3.0.3",
|
||||
"core-js": "^3.8.2",
|
||||
@ -53,7 +53,7 @@
|
||||
"@types/puppeteer": "^5.4.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.19",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.20",
|
||||
"puppeteer": "^2.0.0 || ^3.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
@ -64,5 +64,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d"
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storysource",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"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.3.0-alpha.19",
|
||||
"@storybook/api": "6.3.0-alpha.19",
|
||||
"@storybook/client-logger": "6.3.0-alpha.19",
|
||||
"@storybook/components": "6.3.0-alpha.19",
|
||||
"@storybook/router": "6.3.0-alpha.19",
|
||||
"@storybook/source-loader": "6.3.0-alpha.19",
|
||||
"@storybook/theming": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/api": "6.3.0-alpha.20",
|
||||
"@storybook/client-logger": "6.3.0-alpha.20",
|
||||
"@storybook/components": "6.3.0-alpha.20",
|
||||
"@storybook/router": "6.3.0-alpha.20",
|
||||
"@storybook/source-loader": "6.3.0-alpha.20",
|
||||
"@storybook/theming": "6.3.0-alpha.20",
|
||||
"core-js": "^3.8.2",
|
||||
"estraverse": "^5.2.0",
|
||||
"loader-utils": "^2.0.0",
|
||||
@ -75,7 +75,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d",
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1",
|
||||
"storybook": {
|
||||
"displayName": "Storysource",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991675-48cdf300-3c7c-11eb-9400-58de5ac6daa7.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-toolbars",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"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.3.0-alpha.19",
|
||||
"@storybook/api": "6.3.0-alpha.19",
|
||||
"@storybook/client-api": "6.3.0-alpha.19",
|
||||
"@storybook/components": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/api": "6.3.0-alpha.20",
|
||||
"@storybook/client-api": "6.3.0-alpha.20",
|
||||
"@storybook/components": "6.3.0-alpha.20",
|
||||
"core-js": "^3.8.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
@ -66,7 +66,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d",
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1",
|
||||
"storybook": {
|
||||
"displayName": "Toolbars",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991677-48cdf300-3c7c-11eb-93b4-19b0e3366959.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-viewport",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"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.3.0-alpha.19",
|
||||
"@storybook/api": "6.3.0-alpha.19",
|
||||
"@storybook/client-logger": "6.3.0-alpha.19",
|
||||
"@storybook/components": "6.3.0-alpha.19",
|
||||
"@storybook/core-events": "6.3.0-alpha.19",
|
||||
"@storybook/theming": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/api": "6.3.0-alpha.20",
|
||||
"@storybook/client-logger": "6.3.0-alpha.20",
|
||||
"@storybook/components": "6.3.0-alpha.20",
|
||||
"@storybook/core-events": "6.3.0-alpha.20",
|
||||
"@storybook/theming": "6.3.0-alpha.20",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"memoizerific": "^1.11.3",
|
||||
@ -69,7 +69,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d",
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1",
|
||||
"storybook": {
|
||||
"displayName": "Viewport",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991678-48cdf300-3c7c-11eb-9764-f8af293c1b28.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/angular",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,11 +45,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/api": "6.3.0-alpha.19",
|
||||
"@storybook/core": "6.3.0-alpha.19",
|
||||
"@storybook/core-common": "6.3.0-alpha.19",
|
||||
"@storybook/node-logger": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/api": "6.3.0-alpha.20",
|
||||
"@storybook/core": "6.3.0-alpha.20",
|
||||
"@storybook/core-common": "6.3.0-alpha.20",
|
||||
"@storybook/node-logger": "6.3.0-alpha.20",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"autoprefixer": "^9.8.6",
|
||||
"core-js": "^3.8.2",
|
||||
@ -124,5 +124,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d"
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ember",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember",
|
||||
"bugs": {
|
||||
@ -43,8 +43,8 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@ember/test-helpers": "^2.1.4",
|
||||
"@storybook/core": "6.3.0-alpha.19",
|
||||
"@storybook/core-common": "6.3.0-alpha.19",
|
||||
"@storybook/core": "6.3.0-alpha.20",
|
||||
"@storybook/core-common": "6.3.0-alpha.20",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react": "16.14.0",
|
||||
@ -65,5 +65,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d"
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,10 +45,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/client-api": "6.3.0-alpha.19",
|
||||
"@storybook/core": "6.3.0-alpha.19",
|
||||
"@storybook/core-common": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/client-api": "6.3.0-alpha.20",
|
||||
"@storybook/core": "6.3.0-alpha.20",
|
||||
"@storybook/core-common": "6.3.0-alpha.20",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -68,5 +68,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d"
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1"
|
||||
}
|
||||
|
||||
@ -1,25 +0,0 @@
|
||||
# Storybook for Marionette.js
|
||||
|
||||
---
|
||||
|
||||
Storybook for Marionette.js is a UI development environment for your Marionette.js components.
|
||||
With it, you can visualize different states of your UI components and develop them interactively.
|
||||
|
||||
|
||||
|
||||
Storybook runs outside of your app.
|
||||
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
|
||||
|
||||
## Getting Started
|
||||
|
||||
```sh
|
||||
cd my-app
|
||||
npx sb init
|
||||
```
|
||||
|
||||
For more information visit: [storybook.js.org](https://storybook.js.org)
|
||||
|
||||
---
|
||||
|
||||
Storybook also comes with a lot of [addons](https://storybook.js.org/docs/marionette/configure/storybook-addons) and a great API to customize as you wish.
|
||||
You can also build a [static version](https://storybook.js.org/docs/marionette/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
|
||||
@ -1,4 +0,0 @@
|
||||
#!/usr/bin/env node
|
||||
|
||||
process.env.NODE_ENV = process.env.NODE_ENV || 'production';
|
||||
require('../dist/cjs/server/build');
|
||||
@ -1,3 +0,0 @@
|
||||
#!/usr/bin/env node
|
||||
|
||||
require('../dist/cjs/server');
|
||||
@ -1,70 +0,0 @@
|
||||
{
|
||||
"name": "@storybook/marionette",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"description": "Storybook for Marionette: Develop Marionette.js component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
],
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/master/app/marionette",
|
||||
"bugs": {
|
||||
"url": "https://github.com/storybookjs/storybook/issues"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/storybookjs/storybook.git",
|
||||
"directory": "app/marionette"
|
||||
},
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/storybook"
|
||||
},
|
||||
"license": "MIT",
|
||||
"main": "dist/cjs/client/index.js",
|
||||
"module": "dist/esm/client/index.js",
|
||||
"types": "dist/ts3.9/client/index.d.ts",
|
||||
"typesVersions": {
|
||||
"<3.8": {
|
||||
"*": [
|
||||
"dist/ts3.4/*"
|
||||
]
|
||||
}
|
||||
},
|
||||
"bin": {
|
||||
"build-storybook": "./bin/build.js",
|
||||
"start-storybook": "./bin/index.js",
|
||||
"storybook-server": "./bin/index.js"
|
||||
},
|
||||
"scripts": {
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "6.3.0-alpha.19",
|
||||
"@storybook/core-common": "6.3.0-alpha.19",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"html-loader": "^1.3.2",
|
||||
"react": "16.14.0",
|
||||
"react-dom": "16.14.0",
|
||||
"read-pkg-up": "^7.0.1",
|
||||
"regenerator-runtime": "^0.13.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/backbone.marionette": "^3.3.12",
|
||||
"@types/common-tags": "^1.8.0",
|
||||
"backbone.marionette": "*"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@babel/core": "*",
|
||||
"backbone": "*",
|
||||
"backbone.marionette": "*",
|
||||
"underscore": "*"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=10.13.0"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d"
|
||||
}
|
||||
@ -1,14 +0,0 @@
|
||||
export {
|
||||
storiesOf,
|
||||
setAddon,
|
||||
addDecorator,
|
||||
addParameters,
|
||||
configure,
|
||||
getStorybook,
|
||||
forceReRender,
|
||||
raw,
|
||||
} from './preview';
|
||||
|
||||
if (module && module.hot && module.hot.decline) {
|
||||
module.hot.decline();
|
||||
}
|
||||
@ -1,20 +0,0 @@
|
||||
import Marionette from 'backbone.marionette';
|
||||
|
||||
const allMarionetteViewConstructors = [
|
||||
'View',
|
||||
'CompositeView',
|
||||
'CollectionView',
|
||||
'NextCollectionView',
|
||||
];
|
||||
const viewConstructorsSupportedByMarionette = allMarionetteViewConstructors
|
||||
.filter((constructorName) => constructorName in Marionette)
|
||||
.map((constructorName) => (Marionette as any)[constructorName]);
|
||||
|
||||
// accepts an element and return true if renderable else return false
|
||||
const isMarionetteRenderable = (element: any) => {
|
||||
return viewConstructorsSupportedByMarionette.find(
|
||||
(Constructor) => element instanceof Constructor
|
||||
);
|
||||
};
|
||||
|
||||
export default isMarionetteRenderable;
|
||||
@ -1,3 +0,0 @@
|
||||
import { window as globalWindow } from 'global';
|
||||
|
||||
globalWindow.STORYBOOK_ENV = 'marionette';
|
||||
@ -1,22 +0,0 @@
|
||||
import { start } from '@storybook/core/client';
|
||||
|
||||
import './globals';
|
||||
import render from './render';
|
||||
|
||||
const { configure: coreConfigure, clientApi, forceReRender } = start(render);
|
||||
|
||||
export const {
|
||||
setAddon,
|
||||
addDecorator,
|
||||
addParameters,
|
||||
clearDecorators,
|
||||
getStorybook,
|
||||
raw,
|
||||
} = clientApi;
|
||||
|
||||
const framework = 'marionette';
|
||||
export const storiesOf = (kind: string, m: any) =>
|
||||
clientApi.storiesOf(kind, m).addParameters({ framework });
|
||||
export const configure = (loadable: any, m: any) => coreConfigure(framework, loadable, m);
|
||||
|
||||
export { forceReRender };
|
||||
@ -1,52 +0,0 @@
|
||||
import { document } from 'global';
|
||||
import { stripIndents } from 'common-tags';
|
||||
import Marionette, { View } from 'backbone.marionette';
|
||||
import isMarionetteRenderable from './element_check';
|
||||
|
||||
const rootEl = document.getElementById('root');
|
||||
const rootRegion = new Marionette.Region({ el: rootEl });
|
||||
|
||||
function render(view: View<any>) {
|
||||
rootRegion.show(view);
|
||||
}
|
||||
|
||||
export default function renderMain({
|
||||
storyFn,
|
||||
kind,
|
||||
name,
|
||||
showMain,
|
||||
showError,
|
||||
}: {
|
||||
storyFn: any;
|
||||
kind: string;
|
||||
name: string;
|
||||
showMain: () => any;
|
||||
showError: (options: { title: string; description: string }) => void;
|
||||
}) {
|
||||
const element = storyFn();
|
||||
|
||||
if (!element) {
|
||||
showError({
|
||||
title: `Expecting a Marionette View from the story: "${name}" of "${kind}".`,
|
||||
description: stripIndents`
|
||||
Did you forget to return the React element from the story?
|
||||
Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
|
||||
`,
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (!isMarionetteRenderable(element)) {
|
||||
showError({
|
||||
title: `Expecting a valid Marionette View from the story: "${name}" of "${kind}".`,
|
||||
description: stripIndents`
|
||||
Seems like you are not returning a correct Marionette View from the story.
|
||||
Could you double check that?
|
||||
`,
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
render(element);
|
||||
showMain();
|
||||
}
|
||||
@ -1,4 +0,0 @@
|
||||
import { buildStatic } from '@storybook/core/server';
|
||||
import options from './options';
|
||||
|
||||
buildStatic(options);
|
||||
@ -1,6 +0,0 @@
|
||||
// eslint-disable-next-line import/no-extraneous-dependencies
|
||||
import { Configuration } from 'webpack';
|
||||
|
||||
export function webpack(config: Configuration): Configuration {
|
||||
return config;
|
||||
}
|
||||
@ -1,4 +0,0 @@
|
||||
import { buildDev } from '@storybook/core/server';
|
||||
import options from './options';
|
||||
|
||||
buildDev(options);
|
||||
@ -1,8 +0,0 @@
|
||||
import { sync } from 'read-pkg-up';
|
||||
import { LoadOptions } from '@storybook/core-common';
|
||||
|
||||
export default {
|
||||
packageJson: sync({ cwd: __dirname }).packageJson,
|
||||
framework: 'marionette',
|
||||
frameworkPresets: [require.resolve('./framework-preset-marionette.js')],
|
||||
} as LoadOptions;
|
||||
1
app/marionette/src/typings.d.ts
vendored
1
app/marionette/src/typings.d.ts
vendored
@ -1 +0,0 @@
|
||||
declare module 'global';
|
||||
@ -1,8 +0,0 @@
|
||||
const build = require('@storybook/core/standalone');
|
||||
const frameworkOptions = require('./dist/cjs/server/options').default;
|
||||
|
||||
async function buildStandalone(options) {
|
||||
return build(options, frameworkOptions);
|
||||
}
|
||||
|
||||
module.exports = buildStandalone;
|
||||
@ -1,14 +0,0 @@
|
||||
{
|
||||
"extends": "../../tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"rootDir": "./src",
|
||||
"types": ["webpack-env", "node"],
|
||||
"resolveJsonModule": true
|
||||
},
|
||||
"include": [
|
||||
"src/**/*"
|
||||
],
|
||||
"exclude": [
|
||||
"src/**/*.test.*"
|
||||
]
|
||||
}
|
||||
@ -1,31 +0,0 @@
|
||||
# Storybook for Marko
|
||||
|
||||
Storybook for Marko is a UI development environment for your Marko components.
|
||||
With it, you can visualize different states of your UI components and develop them interactively.
|
||||
|
||||
|
||||
|
||||
Storybook runs outside of your app.
|
||||
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
|
||||
|
||||
## Getting Started
|
||||
|
||||
```sh
|
||||
cd my-marko-app
|
||||
npx sb init
|
||||
```
|
||||
|
||||
For more information visit: [storybook.js.org](https://storybook.js.org)
|
||||
|
||||
---
|
||||
|
||||
Storybook also comes with a lot of [addons](https://storybook.js.org/docs/marko/configure/storybook-addons) and a great API to customize as you wish.
|
||||
You can also build a [static version](https://storybook.js.org/docs/marko/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
|
||||
|
||||
Here are some featured storybooks that you can reference to see how Storybook works:
|
||||
|
||||
## Docs
|
||||
|
||||
- [Basics](https://storybook.js.org/docs/marko/get-started/introduction)
|
||||
- [Configurations](https://storybook.js.org/docs/marko/configure/overview)
|
||||
- [Addons](https://storybook.js.org/docs/marko/configure/storybook-addons)
|
||||
@ -1,4 +0,0 @@
|
||||
#!/usr/bin/env node
|
||||
|
||||
process.env.NODE_ENV = process.env.NODE_ENV || 'production';
|
||||
require('../dist/cjs/server/build');
|
||||
@ -1,3 +0,0 @@
|
||||
#!/usr/bin/env node
|
||||
|
||||
require('../dist/cjs/server');
|
||||
@ -1,73 +0,0 @@
|
||||
{
|
||||
"name": "@storybook/marko",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
],
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/master/app/marko",
|
||||
"bugs": {
|
||||
"url": "https://github.com/storybookjs/storybook/issues"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/storybookjs/storybook.git",
|
||||
"directory": "app/marko"
|
||||
},
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/storybook"
|
||||
},
|
||||
"license": "MIT",
|
||||
"main": "dist/cjs/client/index.js",
|
||||
"module": "dist/esm/client/index.js",
|
||||
"types": "dist/ts3.9/client/index.d.ts",
|
||||
"typesVersions": {
|
||||
"<3.8": {
|
||||
"*": [
|
||||
"dist/ts3.4/*"
|
||||
]
|
||||
}
|
||||
},
|
||||
"bin": {
|
||||
"build-storybook": "./bin/build.js",
|
||||
"start-storybook": "./bin/index.js",
|
||||
"storybook-server": "./bin/index.js"
|
||||
},
|
||||
"files": [
|
||||
"bin/**/*",
|
||||
"dist/**/*",
|
||||
"README.md",
|
||||
"*.js",
|
||||
"*.d.ts"
|
||||
],
|
||||
"scripts": {
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@marko/webpack": "^6.2.10",
|
||||
"@storybook/client-logger": "6.3.0-alpha.19",
|
||||
"@storybook/core": "6.3.0-alpha.19",
|
||||
"@storybook/core-common": "6.3.0-alpha.19",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react": "16.14.0",
|
||||
"react-dom": "16.14.0",
|
||||
"read-pkg-up": "^7.0.1",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@babel/core": "*",
|
||||
"marko": "^4.15.2 || ^5.0.0-next || ^5",
|
||||
"webpack": "*"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=10.13.0"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d"
|
||||
}
|
||||
@ -1,14 +0,0 @@
|
||||
export {
|
||||
storiesOf,
|
||||
setAddon,
|
||||
addDecorator,
|
||||
addParameters,
|
||||
configure,
|
||||
getStorybook,
|
||||
forceReRender,
|
||||
raw,
|
||||
} from './preview';
|
||||
|
||||
if (module && module.hot && module.hot.decline) {
|
||||
module.hot.decline();
|
||||
}
|
||||
@ -1,3 +0,0 @@
|
||||
import { window as globalWindow } from 'global';
|
||||
|
||||
globalWindow.STORYBOOK_ENV = 'marko';
|
||||
@ -1,22 +0,0 @@
|
||||
import { start } from '@storybook/core/client';
|
||||
|
||||
import './globals';
|
||||
import render from './render';
|
||||
|
||||
const { configure: coreConfigure, clientApi, forceReRender } = start(render);
|
||||
|
||||
export const {
|
||||
setAddon,
|
||||
addDecorator,
|
||||
addParameters,
|
||||
clearDecorators,
|
||||
getStorybook,
|
||||
raw,
|
||||
} = clientApi;
|
||||
|
||||
const framework = 'marko';
|
||||
export const storiesOf = (kind: string, m: any) =>
|
||||
clientApi.storiesOf(kind, m).addParameters({ framework });
|
||||
export const configure = (loadable: any, m: any) => coreConfigure(framework, loadable, m);
|
||||
|
||||
export { forceReRender };
|
||||
@ -1,71 +0,0 @@
|
||||
import { document } from 'global';
|
||||
import dedent from 'ts-dedent';
|
||||
|
||||
import { logger } from '@storybook/client-logger';
|
||||
|
||||
const rootEl = document.getElementById('root');
|
||||
let activeComponent: any = null; // currently loaded marko component.
|
||||
let activeTemplate: any = null; // template for the currently loaded component.
|
||||
let activeStoryFn: any = null; // used to determine if we've switched stories.
|
||||
|
||||
export default function renderMain({
|
||||
storyFn,
|
||||
kind,
|
||||
name,
|
||||
showMain,
|
||||
showError,
|
||||
parameters,
|
||||
}: // forceRender,
|
||||
{
|
||||
storyFn: Function;
|
||||
kind: string;
|
||||
name: string;
|
||||
showMain: () => any;
|
||||
showError: (input: { title: string; description: string }) => void;
|
||||
parameters: any;
|
||||
}) {
|
||||
const isSameStory = activeStoryFn === storyFn;
|
||||
const config = storyFn();
|
||||
activeStoryFn = storyFn;
|
||||
|
||||
if (!config || !(config.appendTo || config.component || parameters.component)) {
|
||||
showError({
|
||||
title: `Expecting an object with a component property to be returned from the story: "${name}" of "${kind}".`,
|
||||
description: dedent`
|
||||
Did you forget to return the component from the story?
|
||||
Use "() => ({ component: MyComponent, input: { hello: 'world' } })" when defining the story.
|
||||
`,
|
||||
});
|
||||
|
||||
return;
|
||||
}
|
||||
if (config.appendTo) {
|
||||
logger.warn(
|
||||
'@storybook/marko: returning a rendered component for a story is deprecated, return an object with `{ component, input }` instead.'
|
||||
);
|
||||
|
||||
// The deprecated API always destroys the previous component instance.
|
||||
if (activeComponent) {
|
||||
activeComponent.destroy();
|
||||
}
|
||||
|
||||
activeComponent = config.appendTo(rootEl).getComponent();
|
||||
} else {
|
||||
const template = config.component || parameters.component;
|
||||
|
||||
if (isSameStory && activeTemplate === template) {
|
||||
// When rendering the same template with new input, we reuse the same instance.
|
||||
activeComponent.input = config.input;
|
||||
activeComponent.update();
|
||||
} else {
|
||||
if (activeComponent) {
|
||||
activeComponent.destroy();
|
||||
}
|
||||
|
||||
activeTemplate = template;
|
||||
activeComponent = activeTemplate.renderSync(config.input).appendTo(rootEl).getComponent();
|
||||
}
|
||||
}
|
||||
|
||||
showMain();
|
||||
}
|
||||
@ -1,9 +0,0 @@
|
||||
class {
|
||||
handleStartClick() {
|
||||
alert('hi')
|
||||
}
|
||||
}
|
||||
|
||||
<div>
|
||||
<button type="button" on-click("handleStartClick")>Hello!</button>
|
||||
</div>
|
||||
@ -1,32 +0,0 @@
|
||||
<style>
|
||||
#app {
|
||||
font-family: 'Avenir', Helvetica, Arial, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-align: center;
|
||||
color: #2c3e50;
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #42b983;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="app">
|
||||
<h1>Welcome to storybook</h1>
|
||||
</div>
|
||||
@ -1,4 +0,0 @@
|
||||
import { buildStatic } from '@storybook/core/server';
|
||||
import options from './options';
|
||||
|
||||
buildStatic(options);
|
||||
@ -1,21 +0,0 @@
|
||||
import type { Configuration } from 'webpack';
|
||||
|
||||
export function webpack(config: Configuration): Configuration {
|
||||
return {
|
||||
...config,
|
||||
module: {
|
||||
...config.module,
|
||||
rules: [
|
||||
...config.module.rules,
|
||||
{
|
||||
test: /\.marko$/,
|
||||
loader: require.resolve('@marko/webpack/loader'),
|
||||
},
|
||||
],
|
||||
},
|
||||
resolve: {
|
||||
...config.resolve,
|
||||
extensions: [...config.resolve.extensions, '.marko'],
|
||||
},
|
||||
};
|
||||
}
|
||||
@ -1,4 +0,0 @@
|
||||
import { buildDev } from '@storybook/core/server';
|
||||
import options from './options';
|
||||
|
||||
buildDev(options);
|
||||
@ -1,7 +0,0 @@
|
||||
import { sync } from 'read-pkg-up';
|
||||
|
||||
export default {
|
||||
packageJson: sync({ cwd: __dirname }).packageJson,
|
||||
framework: 'marko',
|
||||
frameworkPresets: [require.resolve('./framework-preset-marko.js')],
|
||||
};
|
||||
1
app/marko/src/typings.d.ts
vendored
1
app/marko/src/typings.d.ts
vendored
@ -1 +0,0 @@
|
||||
declare module 'global';
|
||||
@ -1,8 +0,0 @@
|
||||
const build = require('@storybook/core/standalone');
|
||||
const frameworkOptions = require('./dist/cjs/server/options').default;
|
||||
|
||||
async function buildStandalone(options) {
|
||||
return build(options, frameworkOptions);
|
||||
}
|
||||
|
||||
module.exports = buildStandalone;
|
||||
@ -1,14 +0,0 @@
|
||||
{
|
||||
"extends": "../../tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"rootDir": "./src",
|
||||
"types": ["webpack-env", "node"],
|
||||
"resolveJsonModule": true
|
||||
},
|
||||
"include": [
|
||||
"src/**/*"
|
||||
],
|
||||
"exclude": [
|
||||
"src/**/*.test.*"
|
||||
]
|
||||
}
|
||||
@ -1,23 +0,0 @@
|
||||
# Storybook for Mithril
|
||||
|
||||
Storybook for Mithril is a UI development environment for your Mithril components.
|
||||
With it, you can visualize different states of your UI components and develop them interactively.
|
||||
|
||||
|
||||
|
||||
Storybook runs outside of your app.
|
||||
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
|
||||
|
||||
## Getting Started
|
||||
|
||||
```sh
|
||||
cd my-mithril-app
|
||||
npx sb init
|
||||
```
|
||||
|
||||
For more information visit: [storybook.js.org](https://storybook.js.org)
|
||||
|
||||
---
|
||||
|
||||
Storybook also comes with a lot of [addons](https://storybook.js.org/docs/mithril/configure/storybook-addons) and a great API to customize as you wish.
|
||||
You can also build a [static version](https://storybook.js.org/docs/mithril/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
|
||||
@ -1,4 +0,0 @@
|
||||
#!/usr/bin/env node
|
||||
|
||||
process.env.NODE_ENV = process.env.NODE_ENV || 'production';
|
||||
require('../dist/cjs/server/build');
|
||||
@ -1,3 +0,0 @@
|
||||
#!/usr/bin/env node
|
||||
|
||||
require('../dist/cjs/server');
|
||||
@ -1,77 +0,0 @@
|
||||
{
|
||||
"name": "@storybook/mithril",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"description": "Storybook for Mithril: Develop Mithril Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
],
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/master/app/mithril",
|
||||
"bugs": {
|
||||
"url": "https://github.com/storybookjs/storybook/issues"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/storybookjs/storybook.git",
|
||||
"directory": "app/mithril"
|
||||
},
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/storybook"
|
||||
},
|
||||
"license": "MIT",
|
||||
"main": "dist/cjs/client/index.js",
|
||||
"module": "dist/esm/client/index.js",
|
||||
"types": "dist/ts3.9/client/index.d.ts",
|
||||
"typesVersions": {
|
||||
"<3.8": {
|
||||
"*": [
|
||||
"dist/ts3.4/*"
|
||||
]
|
||||
}
|
||||
},
|
||||
"bin": {
|
||||
"build-storybook": "./bin/build.js",
|
||||
"start-storybook": "./bin/index.js",
|
||||
"storybook-server": "./bin/index.js"
|
||||
},
|
||||
"files": [
|
||||
"bin/**/*",
|
||||
"dist/**/*",
|
||||
"README.md",
|
||||
"*.js",
|
||||
"*.d.ts"
|
||||
],
|
||||
"scripts": {
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@babel/plugin-transform-react-jsx": "^7.12.12",
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/core": "6.3.0-alpha.19",
|
||||
"@storybook/core-common": "6.3.0-alpha.19",
|
||||
"@types/mithril": "^2.0.6",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react": "16.14.0",
|
||||
"react-dom": "16.14.0",
|
||||
"read-pkg-up": "^7.0.1",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"mithril": "^1.1.7"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@babel/core": "*",
|
||||
"mithril": "^1.1.6 || ^2.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=10.13.0"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d"
|
||||
}
|
||||
@ -1,14 +0,0 @@
|
||||
export {
|
||||
storiesOf,
|
||||
setAddon,
|
||||
addDecorator,
|
||||
addParameters,
|
||||
configure,
|
||||
getStorybook,
|
||||
forceReRender,
|
||||
raw,
|
||||
} from './preview';
|
||||
|
||||
if (module && module.hot && module.hot.decline) {
|
||||
module.hot.decline();
|
||||
}
|
||||
@ -1,3 +0,0 @@
|
||||
import { window as globalWindow } from 'global';
|
||||
|
||||
globalWindow.STORYBOOK_ENV = 'mithril';
|
||||
@ -1,34 +0,0 @@
|
||||
import { start } from '@storybook/core/client';
|
||||
|
||||
import './globals';
|
||||
import { ClientStoryApi, Loadable } from '@storybook/addons';
|
||||
import render from './render';
|
||||
|
||||
import { IStorybookSection, StoryFnMithrilReturnType } from './types';
|
||||
|
||||
const { configure: coreConfigure, clientApi, forceReRender } = start(render);
|
||||
|
||||
const framework = 'mithril';
|
||||
|
||||
interface ClientApi extends ClientStoryApi<StoryFnMithrilReturnType> {
|
||||
setAddon(addon: any): void;
|
||||
configure(loader: Loadable, module: NodeModule): void;
|
||||
getStorybook(): IStorybookSection[];
|
||||
clearDecorators(): void;
|
||||
forceReRender(): void;
|
||||
raw: () => any; // todo add type
|
||||
}
|
||||
|
||||
export const storiesOf: ClientApi['storiesOf'] = (kind, m) =>
|
||||
(clientApi.storiesOf(kind, m) as ReturnType<ClientApi['storiesOf']>).addParameters({ framework });
|
||||
|
||||
export const configure: ClientApi['configure'] = (...args) => coreConfigure(framework, ...args);
|
||||
|
||||
export const { setAddon } = clientApi;
|
||||
export const { addDecorator } = clientApi;
|
||||
export const { addParameters } = clientApi;
|
||||
export const { clearDecorators } = clientApi;
|
||||
export const { getStorybook } = clientApi;
|
||||
export const { raw } = clientApi;
|
||||
|
||||
export { forceReRender };
|
||||
@ -1,28 +0,0 @@
|
||||
import { document } from 'global';
|
||||
/** @jsx m */
|
||||
|
||||
import m from 'mithril';
|
||||
import dedent from 'ts-dedent';
|
||||
|
||||
import { RenderContext } from './types';
|
||||
|
||||
const rootEl = document.getElementById('root');
|
||||
|
||||
export default function renderMain({ storyFn, kind, name, showMain, showError }: RenderContext) {
|
||||
const element = storyFn();
|
||||
|
||||
if (!element) {
|
||||
const error = {
|
||||
title: `Expecting a Mithril element from the story: "${name}" of "${kind}".`,
|
||||
description: dedent`
|
||||
Did you forget to return the Mithril element from the story?
|
||||
Use "() => MyComp" or "() => { return MyComp; }" when defining the story.
|
||||
`,
|
||||
};
|
||||
showError(error);
|
||||
return;
|
||||
}
|
||||
|
||||
showMain();
|
||||
m.mount(rootEl, { view: () => m(element) });
|
||||
}
|
||||
@ -1,20 +0,0 @@
|
||||
import m from 'mithril';
|
||||
|
||||
export type { RenderContext } from '@storybook/core';
|
||||
|
||||
export interface IStorybookStory {
|
||||
name: string;
|
||||
render: () => any;
|
||||
}
|
||||
|
||||
export interface IStorybookSection {
|
||||
kind: string;
|
||||
stories: IStorybookStory[];
|
||||
}
|
||||
|
||||
export type StoryFnMithrilReturnType = m.Component<unknown>;
|
||||
|
||||
export interface ShowErrorArgs {
|
||||
title: string;
|
||||
description: string;
|
||||
}
|
||||
@ -1,4 +0,0 @@
|
||||
import { buildStatic } from '@storybook/core/server';
|
||||
import options from './options';
|
||||
|
||||
buildStatic(options);
|
||||
@ -1,11 +0,0 @@
|
||||
import { TransformOptions } from '@babel/core';
|
||||
|
||||
export function babelDefault(config: TransformOptions) {
|
||||
return {
|
||||
...config,
|
||||
plugins: [
|
||||
...config.plugins,
|
||||
[require.resolve('@babel/plugin-transform-react-jsx'), {}, 'preset'],
|
||||
],
|
||||
};
|
||||
}
|
||||
@ -1,4 +0,0 @@
|
||||
import { buildDev } from '@storybook/core/server';
|
||||
import options from './options';
|
||||
|
||||
buildDev(options);
|
||||
@ -1,8 +0,0 @@
|
||||
import { sync } from 'read-pkg-up';
|
||||
import { LoadOptions } from '@storybook/core-common';
|
||||
|
||||
export default {
|
||||
packageJson: sync({ cwd: __dirname }).packageJson,
|
||||
framework: 'mithril',
|
||||
frameworkPresets: [require.resolve('./framework-preset-mithril.js')],
|
||||
} as LoadOptions;
|
||||
1
app/mithril/src/typings.d.ts
vendored
1
app/mithril/src/typings.d.ts
vendored
@ -1 +0,0 @@
|
||||
declare module 'global';
|
||||
@ -1,8 +0,0 @@
|
||||
const build = require('@storybook/core/standalone');
|
||||
const frameworkOptions = require('./dist/cjs/server/options').default;
|
||||
|
||||
async function buildStandalone(options) {
|
||||
return build(options, frameworkOptions);
|
||||
}
|
||||
|
||||
module.exports = buildStandalone;
|
||||
@ -1,15 +0,0 @@
|
||||
{
|
||||
"extends": "../../tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"rootDir": ".",
|
||||
"types": ["webpack-env", "node"],
|
||||
"resolveJsonModule": true
|
||||
},
|
||||
"include": [
|
||||
"src/**/*",
|
||||
"package.json"
|
||||
],
|
||||
"exclude": [
|
||||
"src/**/*.test.*"
|
||||
]
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "Storybook for Preact: Develop Preact Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -46,9 +46,9 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/plugin-transform-react-jsx": "^7.12.12",
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/core": "6.3.0-alpha.19",
|
||||
"@storybook/core-common": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/core": "6.3.0-alpha.20",
|
||||
"@storybook/core-common": "6.3.0-alpha.20",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -72,5 +72,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d"
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1"
|
||||
}
|
||||
|
||||
@ -1,29 +0,0 @@
|
||||
# Storybook for Rax
|
||||
|
||||
Storybook for Rax is a UI development environment for your Rax components.
|
||||
With it, you can visualize different states of your UI components and develop them interactively.
|
||||
|
||||
|
||||
|
||||
Storybook runs outside of your app.
|
||||
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
|
||||
|
||||
## Getting Started
|
||||
|
||||
```sh
|
||||
cd my-rax-app
|
||||
npx sb init
|
||||
```
|
||||
|
||||
For more information visit: [storybook.js.org](https://storybook.js.org)
|
||||
|
||||
---
|
||||
|
||||
Storybook also comes with a lot of [addons](https://storybook.js.org/docs/rax/configure/storybook-addons) and a great API to customize as you wish.
|
||||
You can also build a [static version](https://storybook.js.org/docs/rax/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
|
||||
|
||||
## Docs
|
||||
|
||||
- [Basics](https://storybook.js.org/docs/rax/get-started/introduction)
|
||||
- [Configurations](https://storybook.js.org/docs/rax/configure/overview)
|
||||
- [Addons](https://storybook.js.org/docs/rax/configure/storybook-addons)
|
||||
@ -1,4 +0,0 @@
|
||||
#!/usr/bin/env node
|
||||
|
||||
process.env.NODE_ENV = process.env.NODE_ENV || 'production';
|
||||
require('../dist/cjs/server/build');
|
||||
@ -1,3 +0,0 @@
|
||||
#!/usr/bin/env node
|
||||
|
||||
require('../dist/cjs/server');
|
||||
@ -1,73 +0,0 @@
|
||||
{
|
||||
"name": "@storybook/rax",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"description": "Storybook for Rax: Develop Rax Component in isolation.",
|
||||
"keywords": [
|
||||
"rax",
|
||||
"storybook"
|
||||
],
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/master/app/rax",
|
||||
"bugs": {
|
||||
"url": "https://github.com/storybookjs/storybook/issues"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/storybookjs/storybook.git",
|
||||
"directory": "app/rax"
|
||||
},
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/storybook"
|
||||
},
|
||||
"license": "MIT",
|
||||
"main": "dist/cjs/client/index.js",
|
||||
"module": "dist/esm/client/index.js",
|
||||
"types": "dist/ts3.9/client/index.d.ts",
|
||||
"typesVersions": {
|
||||
"<3.8": {
|
||||
"*": [
|
||||
"dist/ts3.4/*"
|
||||
]
|
||||
}
|
||||
},
|
||||
"bin": {
|
||||
"build-storybook": "./bin/build.js",
|
||||
"start-storybook": "./bin/index.js",
|
||||
"storybook-server": "./bin/index.js"
|
||||
},
|
||||
"files": [
|
||||
"bin/**/*",
|
||||
"dist/**/*",
|
||||
"README.md",
|
||||
"*.js",
|
||||
"*.d.ts"
|
||||
],
|
||||
"scripts": {
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "6.3.0-alpha.19",
|
||||
"@storybook/core-common": "6.3.0-alpha.19",
|
||||
"babel-preset-rax": "^1.0.0-beta.0",
|
||||
"core-js": "^3.8.2",
|
||||
"driver-dom": "^2.2.0",
|
||||
"global": "^4.4.0",
|
||||
"react": "16.14.0",
|
||||
"react-dom": "16.14.0",
|
||||
"read-pkg-up": "^7.0.1",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/rax": "^1.0.2",
|
||||
"rax": "^1.2.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@babel/core": "*",
|
||||
"rax": "^0.4.0 || ^1.0.0"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d"
|
||||
}
|
||||
@ -1,10 +0,0 @@
|
||||
export {
|
||||
storiesOf,
|
||||
setAddon,
|
||||
addDecorator,
|
||||
addParameters,
|
||||
configure,
|
||||
getStorybook,
|
||||
forceReRender,
|
||||
raw,
|
||||
} from './preview';
|
||||
@ -1,5 +0,0 @@
|
||||
import { window as globalWindow } from 'global';
|
||||
|
||||
if (globalWindow) {
|
||||
globalWindow.STORYBOOK_ENV = 'rax';
|
||||
}
|
||||
@ -1,22 +0,0 @@
|
||||
import { start } from '@storybook/core/client';
|
||||
|
||||
import './globals';
|
||||
import render from './render';
|
||||
|
||||
const { configure: coreConfigure, clientApi, forceReRender } = start(render);
|
||||
|
||||
export const {
|
||||
setAddon,
|
||||
addDecorator,
|
||||
addParameters,
|
||||
clearDecorators,
|
||||
getStorybook,
|
||||
raw,
|
||||
} = clientApi;
|
||||
|
||||
const framework = 'rax';
|
||||
export const storiesOf = (kind: string, m: any) =>
|
||||
clientApi.storiesOf(kind, m).addParameters({ framework });
|
||||
export const configure = (loadable: any, m: any) => coreConfigure(framework, loadable, m);
|
||||
|
||||
export { forceReRender };
|
||||
@ -1,45 +0,0 @@
|
||||
import { createElement, render } from 'rax';
|
||||
import * as DriverDOM from 'driver-dom';
|
||||
|
||||
import { document } from 'global';
|
||||
import dedent from 'ts-dedent';
|
||||
|
||||
const rootElement = document ? document.getElementById('root') : null;
|
||||
|
||||
export default function renderMain({
|
||||
storyFn,
|
||||
kind,
|
||||
name,
|
||||
showMain,
|
||||
showError,
|
||||
}: {
|
||||
storyFn: Function;
|
||||
kind: string;
|
||||
name: string;
|
||||
showMain: () => any;
|
||||
showError: (input: { title: string; description: string }) => void;
|
||||
}) {
|
||||
const Element = storyFn;
|
||||
|
||||
if (!Element) {
|
||||
showError({
|
||||
title: `Expecting a Rax element from the story: "${name}" of "${kind}".`,
|
||||
description: dedent`
|
||||
Did you forget to return the Rax element from the story?
|
||||
Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
|
||||
`,
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
showMain();
|
||||
|
||||
// There is something miscellaneous here, for now, more precisely on L23,
|
||||
// as we are using the storyFn directly and not calling it, so `Element` is a
|
||||
// function but according to `createElement` types, there is no signature
|
||||
// taking a function as input.
|
||||
// @ts-expect-error
|
||||
render(createElement(Element), rootElement, {
|
||||
driver: DriverDOM,
|
||||
});
|
||||
}
|
||||
@ -1,4 +0,0 @@
|
||||
import { buildStatic } from '@storybook/core/server';
|
||||
import options from './options';
|
||||
|
||||
buildStatic(options);
|
||||
@ -1,14 +0,0 @@
|
||||
import { TransformOptions } from '@babel/core';
|
||||
|
||||
export function babelDefault(config: TransformOptions) {
|
||||
return {
|
||||
...config,
|
||||
presets: [
|
||||
...config.presets,
|
||||
[
|
||||
require.resolve('babel-preset-rax'),
|
||||
{ development: process.env.BABEL_ENV === 'development' },
|
||||
],
|
||||
],
|
||||
};
|
||||
}
|
||||
@ -1,4 +0,0 @@
|
||||
import { buildDev } from '@storybook/core/server';
|
||||
import options from './options';
|
||||
|
||||
buildDev(options);
|
||||
@ -1,7 +0,0 @@
|
||||
import { sync } from 'read-pkg-up';
|
||||
|
||||
export default {
|
||||
packageJson: sync({ cwd: __dirname }).packageJson,
|
||||
framework: 'rax',
|
||||
frameworkPresets: [require.resolve('./framework-preset-rax.js')],
|
||||
};
|
||||
1
app/rax/src/typings.d.ts
vendored
1
app/rax/src/typings.d.ts
vendored
@ -1 +0,0 @@
|
||||
declare module 'global';
|
||||
@ -1,8 +0,0 @@
|
||||
const build = require('@storybook/core/standalone');
|
||||
const frameworkOptions = require('./dist/cjs/server/options').default;
|
||||
|
||||
async function buildStandalone(options) {
|
||||
return build(options, frameworkOptions);
|
||||
}
|
||||
|
||||
module.exports = buildStandalone;
|
||||
@ -1,7 +0,0 @@
|
||||
{
|
||||
"extends": "../../tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"rootDir": "src",
|
||||
"types": ["webpack-env", "node"]
|
||||
}
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react",
|
||||
"version": "6.3.0-alpha.19",
|
||||
"version": "6.3.0-alpha.20",
|
||||
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -49,10 +49,10 @@
|
||||
"@babel/preset-flow": "^7.12.1",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
|
||||
"@storybook/addons": "6.3.0-alpha.19",
|
||||
"@storybook/core": "6.3.0-alpha.19",
|
||||
"@storybook/core-common": "6.3.0-alpha.19",
|
||||
"@storybook/node-logger": "6.3.0-alpha.19",
|
||||
"@storybook/addons": "6.3.0-alpha.20",
|
||||
"@storybook/core": "6.3.0-alpha.20",
|
||||
"@storybook/core-common": "6.3.0-alpha.20",
|
||||
"@storybook/node-logger": "6.3.0-alpha.20",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"babel-plugin-add-react-displayname": "^0.0.5",
|
||||
@ -71,7 +71,7 @@
|
||||
"webpack": "4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/client-api": "6.3.0-alpha.19",
|
||||
"@storybook/client-api": "6.3.0-alpha.20",
|
||||
"@types/node": "^14.14.20",
|
||||
"@types/prompts": "^2.0.9"
|
||||
},
|
||||
@ -94,5 +94,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "8ba485343b31df4e65fce2494a5f615d6d6c661d"
|
||||
"gitHead": "fedb50ac466a65a406e65bbabb95141315ae22c1"
|
||||
}
|
||||
|
||||
@ -1,25 +0,0 @@
|
||||
# Storybook for Riot
|
||||
|
||||
---
|
||||
|
||||
Storybook for Riot is a UI development environment for the components written with riot.js.
|
||||
With it, you can visualize different states of your UI components and develop them interactively.
|
||||
|
||||
|
||||
|
||||
Storybook runs outside of your app.
|
||||
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
|
||||
|
||||
## Getting Started
|
||||
|
||||
```sh
|
||||
cd my-riot-app
|
||||
npx sb init
|
||||
```
|
||||
|
||||
For more information visit: [storybook.js.org](https://storybook.js.org)
|
||||
|
||||
---
|
||||
|
||||
Storybook also comes with a lot of [addons](https://storybook.js.org/docs/riot/configure/storybook-addons) and a great API to customize as you wish.
|
||||
You can also build a [static version](https://storybook.js.org/docs/riot/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
|
||||
@ -1,4 +0,0 @@
|
||||
#!/usr/bin/env node
|
||||
|
||||
process.env.NODE_ENV = process.env.NODE_ENV || 'production';
|
||||
require('../dist/cjs/server/build');
|
||||
@ -1,3 +0,0 @@
|
||||
#!/usr/bin/env node
|
||||
|
||||
require('../dist/cjs/server');
|
||||
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