mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-05 16:11:33 +08:00
Michael Shilman
GitHub
commit
6f8c7e7805
@ -79,9 +79,6 @@ jobs:
|
||||
- run:
|
||||
name: Run chromatic on the pre-built mithril-kitchen-sink example
|
||||
command: yarn chromatic --storybook-build-dir="built-storybooks/mithril-kitchen-sink" --app-code="8adgm46jzk8"
|
||||
- run:
|
||||
name: Run chromatic on the pre-built polymer-cli example
|
||||
command: yarn chromatic --storybook-build-dir="built-storybooks/polymer-cli" --app-code="o6jl9kmh0qd"
|
||||
- run:
|
||||
name: Run chromatic on the pre-built preact-kitchen-sink example
|
||||
command: yarn chromatic --storybook-build-dir="built-storybooks/preact-kitchen-sink" --app-code="ls0ikhnwqt"
|
||||
@ -194,11 +191,6 @@ jobs:
|
||||
command: |
|
||||
cd examples/ember-cli
|
||||
yarn storybook --smoke-test --quiet
|
||||
- run:
|
||||
name: Run polymer-cli (smoke test)
|
||||
command: |
|
||||
cd examples/polymer-cli
|
||||
yarn storybook --smoke-test --quiet
|
||||
- run:
|
||||
name: Run marko-cli (smoke test)
|
||||
command: |
|
||||
|
||||
2
.github/CODEOWNERS
vendored
2
.github/CODEOWNERS
vendored
@ -18,7 +18,6 @@
|
||||
/addons/viewport/ @saponifi3d
|
||||
|
||||
/app/angular/ @alterx @igor-dv
|
||||
/app/polymer/ @ndelangen @naipath @leonrodenburg
|
||||
/app/react/ @xavcz @shilman @thomasbertet
|
||||
/app/react-native/ @rmevans9 @Gongreg @tmeasday
|
||||
/app/vue/ @thomasbertet @kazupon
|
||||
@ -30,7 +29,6 @@
|
||||
/examples/cra-kitchen-sink/ @ndelangen @UsulPro
|
||||
/examples/cra-ts-kitchen-sink/ @mucsi96
|
||||
/examples/official-storybook/ @UsulPro
|
||||
/examples/polymer-cli/ @naipath @igor-dv
|
||||
/examples/vue-kitchen-sink/ @igor-dv @alexandrebodin
|
||||
/examples/svelte-kitchen-sink/ @plumpNation
|
||||
|
||||
|
||||
1
.github/autolabeler.yml
vendored
1
.github/autolabeler.yml
vendored
@ -13,7 +13,6 @@
|
||||
'addon: storyshots': ["addons/storyshots/**"]
|
||||
'addon: viewport': ["addons/viewport/**"]
|
||||
'app: angular': ["app/angular/**"]
|
||||
'app: polymer ': ["app/polymer/**"]
|
||||
'app: preact': ["app/preact/**"]
|
||||
'app: rax': ["app/rax/**"]
|
||||
'app: react-native': ["app/react-native/**"]
|
||||
|
||||
1
.github/automention.yml
vendored
1
.github/automention.yml
vendored
@ -2,7 +2,6 @@
|
||||
'app: ember': ['gabrielcsapo']
|
||||
'app: html': ['Hypnosphi']
|
||||
'app: marko': ['nm123github']
|
||||
'app: polymer': ['stijnkoopal', 'ndelangen']
|
||||
'app: preact': ['BartWaardenburg']
|
||||
'app: rax': ['SoloJiang']
|
||||
'app: react-native': ['benoitdion', 'gongreg']
|
||||
|
||||
@ -1,25 +1,25 @@
|
||||
## Addon / Framework Support Table
|
||||
|
||||
| | [React](app/react) | [React Native](app/react-native) | [Vue](app/vue) | [Angular](app/angular) | [Polymer](app/polymer) | [Mithril](app/mithril) | [HTML](app/html) | [Marko](app/marko) | [Svelte](app/svelte) | [Riot](app/riot) | [Ember](app/ember) | [Preact](app/preact) | [Rax](app/rax) |
|
||||
| ------------------------------------------- | :----------------: | :------------------------------: | :------------: | :--------------------: | :--------------------: | :--------------------: | :--------------: | :----------------: | :------------------: | :--------------: | :----------------: | :------------------: | -------------- |
|
||||
| [a11y](addons/a11y) | + | | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| [actions](addons/actions) | + | +\* | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| [backgrounds](addons/backgrounds) | + | \* | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| [centered](addons/centered) | + | | + | + | | + | + | | + | | + | + | + |
|
||||
| [contexts](addons/contexts) | + | | + | | | | | | | | | + | + |
|
||||
| [events](addons/events) | + | | + | + | + | + | + | + | | | + | + | + |
|
||||
| [design assets](addons/design-assets) | + | | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| [graphql](addons/graphql) | + | | | | | | | | | | | | |
|
||||
| [google-analytics](addons/google-analytics) | + | + | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| [info](addons/info) | + | | | | | | | | | | | | |
|
||||
| [jest](addons/jest) | + | + | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| [knobs](addons/knobs) | + | +\* | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| [links](addons/links) | + | + | + | + | + | + | + | | + | + | + | + | + |
|
||||
| [notes](addons/notes) | + | +\* | + | + | + | + | + | | + | + | + | + | + |
|
||||
| [options](addons/options) | + | + | + | + | + | + | + | | + | + | + | + | + |
|
||||
| [cssresources](addons/cssresources) | + | | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| [storyshots](addons/storyshots) | + | + | + | + | | | + | | + | + | | + | + |
|
||||
| [storysource](addons/storysource) | + | | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| [viewport](addons/viewport) | + | | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| | [React](app/react) | [React Native](app/react-native) | [Vue](app/vue) | [Angular](app/angular) | [Mithril](app/mithril) | [HTML](app/html) | [Marko](app/marko) | [Svelte](app/svelte) | [Riot](app/riot) | [Ember](app/ember) | [Preact](app/preact) | [Rax](app/rax) |
|
||||
| ------------------------------------------- | :----------------: | :------------------------------: | :------------: | :--------------------: | :--------------------: | :--------------: | :----------------: | :------------------: | :--------------: | :----------------: | :------------------: | -------------- |
|
||||
| [a11y](addons/a11y) | + | | + | + | + | + | + | + | + | + | + | + |
|
||||
| [actions](addons/actions) | + | +\* | + | + | + | + | + | + | + | + | + | + |
|
||||
| [backgrounds](addons/backgrounds) | + | \* | + | + | + | + | + | + | + | + | + | + |
|
||||
| [centered](addons/centered) | + | | + | + | + | + | | + | | + | + | + |
|
||||
| [contexts](addons/contexts) | + | | + | | | | | | | | + | + |
|
||||
| [events](addons/events) | + | | + | + | + | + | + | | | + | + | + |
|
||||
| [design assets](addons/design-assets) | + | | + | + | + | + | + | + | + | + | + | + |
|
||||
| [graphql](addons/graphql) | + | | | | | | | | | | | |
|
||||
| [google-analytics](addons/google-analytics) | + | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| [info](addons/info) | + | | | | | | | | | | | |
|
||||
| [jest](addons/jest) | + | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| [knobs](addons/knobs) | + | +\* | + | + | + | + | + | + | + | + | + | + |
|
||||
| [links](addons/links) | + | + | + | + | + | + | | + | + | + | + | + |
|
||||
| [notes](addons/notes) | + | +\* | + | + | + | + | | + | + | + | + | + |
|
||||
| [options](addons/options) | + | + | + | + | + | + | | + | + | + | + | + |
|
||||
| [cssresources](addons/cssresources) | + | | + | + | + | + | + | + | + | + | + | + |
|
||||
| [storyshots](addons/storyshots) | + | + | + | + | | + | | + | + | | + | + |
|
||||
| [storysource](addons/storysource) | + | | + | + | + | + | + | + | + | + | + | + |
|
||||
| [viewport](addons/viewport) | + | | + | + | + | + | + | + | + | + | + | + |
|
||||
|
||||
`*` - React Native on device addon (addons/onDevice-\<name>)
|
||||
|
||||
@ -115,7 +115,6 @@ For additional help, join us [in our Discord](https://discord.gg/sMFvFsG) or [Sl
|
||||
| [React Native](app/react-native) | - | [](app/react-native) |
|
||||
| [Vue](app/vue) | [v5.1.0](https://storybooks-vue.netlify.com/) | [](app/vue) |
|
||||
| [Angular](app/angular) | [v5.1.0](https://storybooks-angular.netlify.com/) | [](app/angular) |
|
||||
| [Polymer](app/polymer) | [v5.1.0](https://storybooks-polymer.netlify.com/) | [](app/polymer) |
|
||||
| [Marionette.js](app/marionette) | - | [](app/marionette) |
|
||||
| [Mithril](app/mithril) | [v5.1.0](https://storybooks-mithril.netlify.com/) | [](app/mithril) |
|
||||
| [Marko](app/marko) | [v5.1.0](https://storybooks-marko.netlify.com/) | [](app/marko) |
|
||||
|
||||
@ -9,7 +9,6 @@
|
||||
+ [Add a playground addon](#add-a-playground-addon)
|
||||
+ [See multiple (or all) stories in 1 preview.](#see-multiple--or-all--stories-in-1-preview)
|
||||
* [Supporting other frameworks and libraries](#supporting-other-frameworks-and-libraries)
|
||||
+ [Polymer & Webcomponents](#polymer---webcomponents)
|
||||
+ [Aurelia](#aurelia)
|
||||
* [Breaking changes](#breaking-changes)
|
||||
+ [Addon API](#addon-api)
|
||||
@ -60,10 +59,6 @@ Unfortunately, if you choose anything not from the list of [supported frameworks
|
||||
|
||||
We want you to be able to use storybook with the framework / library of your choice.
|
||||
|
||||
### Polymer & Webcomponents
|
||||
|
||||
Storybook for Polymer is currently in development and will support custom elements and plain HTML.
|
||||
|
||||
### Aurelia
|
||||
|
||||
We're reaching out to the Aurelia maintainers to cooperate on this.
|
||||
|
||||
@ -77,16 +77,16 @@ For more information on `MDX`, see the [`MDX` reference](./docs/mdx.md).
|
||||
|
||||
Storybook Docs supports all view layers that Storybook supports except for React Native (currently). There are some framework-specific features as well, such as props tables and inline story rendering. This chart captures the current state of support:
|
||||
|
||||
| | React | Vue | Angular | Ember | Web Components | HTML | Svelte | Preact | Polymer | Riot | Mithril | Marko |
|
||||
| ----------------- | :---: | :-: | :-----: | :---: | :------------: | :--: | :----: | :----: | :-----: | :--: | :-----: | :---: |
|
||||
| MDX stories | + | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| CSF stories | + | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| StoriesOf stories | + | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| Source | + | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| Notes / Info | + | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| Props table | + | + | + | + | + | | | | | | | |
|
||||
| Description | + | + | + | + | + | | | | | | | |
|
||||
| Inline stories | + | + | | | + | | | | | | | |
|
||||
| | React | Vue | Angular | Ember | Web Components | HTML | Svelte | Preact | Riot | Mithril | Marko |
|
||||
| ----------------- | :---: | :-: | :-----: | :---: | :------------: | :--: | :----: | :----: | :--: | :-----: | :---: |
|
||||
| MDX stories | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| CSF stories | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| StoriesOf stories | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| Source | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| Notes / Info | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| Props table | + | + | + | + | + | | | | | | |
|
||||
| Description | + | + | + | + | + | | | | | | |
|
||||
| Inline stories | + | + | | | + | | | | | | |
|
||||
|
||||
**Note:** `#` = WIP support
|
||||
|
||||
|
||||
@ -10,7 +10,7 @@ You've read the [Storybook Docs README](../README.md). You're already familiar w
|
||||
|
||||
## Does Docs support framework X?
|
||||
|
||||
Docs does not currently support [React Native](https://github.com/storybooks/storybook/tree/next/app/react-native). Otherwise, [it supports all frameworks that Storybook supports](../README.md#framework-support), including React, Vue, Angular, Ember, Svelte, Polymer, and others.
|
||||
Docs does not currently support [React Native](https://github.com/storybooks/storybook/tree/next/app/react-native). Otherwise, [it supports all frameworks that Storybook supports](../README.md#framework-support), including React, Vue, Angular, Ember, Svelte, and others.
|
||||
|
||||
## How does Docs interact with existing addons?
|
||||
|
||||
|
||||
@ -1,31 +0,0 @@
|
||||
# Storybook for Polymer
|
||||
|
||||
Storybook for polymer is a UI development environment for your Polymer components.
|
||||
With it, you can visualize different states of your UI components and develop them interactively.
|
||||
|
||||
> Storybook for Polymer is at the **EXPERIMENTAL** stage!
|
||||
|
||||
|
||||
|
||||
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-polymer-app
|
||||
npx -p @storybook/cli 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/addons/introduction) and a great API to customize as you wish.
|
||||
You can also build a [static version](https://storybook.js.org/basics/exporting-storybook) of your storybook and deploy it anywhere you want.
|
||||
|
||||
## Polymer Notes
|
||||
|
||||
- This is super super experimental, if you want to use this, expect some bugs, and missing features.
|
||||
- We're looking for help to support this. If you're a member of the Polymer community and like this project, please help us!
|
||||
If you need any onboarding from us, we're happy to help you in any way!
|
||||
@ -1,4 +0,0 @@
|
||||
#!/usr/bin/env node
|
||||
|
||||
process.env.NODE_ENV = process.env.NODE_ENV || 'production';
|
||||
require('../dist/server/build');
|
||||
@ -1,3 +0,0 @@
|
||||
#!/usr/bin/env node
|
||||
|
||||
require('../dist/server');
|
||||
@ -1,61 +0,0 @@
|
||||
{
|
||||
"name": "@storybook/polymer",
|
||||
"version": "6.0.0-alpha.0",
|
||||
"description": "Storybook for Polymer: Develop Polymer components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
],
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/master/app/polymer",
|
||||
"bugs": {
|
||||
"url": "https://github.com/storybookjs/storybook/issues"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/storybookjs/storybook.git",
|
||||
"directory": "app/polymer"
|
||||
},
|
||||
"license": "MIT",
|
||||
"files": [
|
||||
"bin/**/*",
|
||||
"dist/**/*",
|
||||
"README.md",
|
||||
"*.js",
|
||||
"*.d.ts"
|
||||
],
|
||||
"main": "dist/client/index.js",
|
||||
"types": "dist/client/index.d.ts",
|
||||
"bin": {
|
||||
"build-storybook": "./bin/build.js",
|
||||
"start-storybook": "./bin/index.js",
|
||||
"storybook-server": "./bin/index.js"
|
||||
},
|
||||
"scripts": {
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-alpha.0",
|
||||
"@storybook/core": "6.0.0-alpha.0",
|
||||
"@webcomponents/webcomponentsjs": "^1.2.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
"ts-dedent": "^1.1.0",
|
||||
"webpack": "^4.33.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"lit-html": "^1.0.0",
|
||||
"polymer-webpack-loader": "^2.0.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"babel-loader": "^7.0.0 || ^8.0.0",
|
||||
"lit-html": "^1.0.0",
|
||||
"polymer-webpack-loader": "^2.0.2"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=8.0.0"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
|
||||
}
|
||||
@ -1,16 +0,0 @@
|
||||
export {
|
||||
storiesOf,
|
||||
setAddon,
|
||||
addDecorator,
|
||||
addParameters,
|
||||
configure,
|
||||
getStorybook,
|
||||
forceReRender,
|
||||
raw,
|
||||
} from './preview';
|
||||
|
||||
// tsc wants to use NodeModule instead of WebpackModule
|
||||
declare const module: any;
|
||||
if (module && module.hot && module.hot.decline) {
|
||||
module.hot.decline();
|
||||
}
|
||||
@ -1,6 +0,0 @@
|
||||
import '@webcomponents/webcomponentsjs/webcomponents-lite';
|
||||
import '@webcomponents/webcomponentsjs/custom-elements-es5-adapter';
|
||||
|
||||
import { window } from 'global';
|
||||
|
||||
window.STORYBOOK_ENV = 'polymer';
|
||||
@ -1,23 +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 = 'polymer';
|
||||
|
||||
export const storiesOf = (...args: any[]) =>
|
||||
clientApi.storiesOf(...args).addParameters({ framework });
|
||||
export const configure = (...args: any[]) => coreConfigure(...args, framework);
|
||||
|
||||
export { forceReRender };
|
||||
@ -1,46 +0,0 @@
|
||||
import { document } from 'global';
|
||||
import dedent from 'ts-dedent';
|
||||
import { render, TemplateResult } from 'lit-html';
|
||||
import { RenderMainArgs } from './types';
|
||||
|
||||
const rootElement = document.getElementById('root');
|
||||
|
||||
export default function renderMain({
|
||||
storyFn,
|
||||
selectedKind,
|
||||
selectedStory,
|
||||
showMain,
|
||||
showError,
|
||||
forceRender,
|
||||
}: RenderMainArgs) {
|
||||
const element = storyFn();
|
||||
|
||||
if (!element) {
|
||||
showError({
|
||||
title: `Expecting a Polymer component from the story: "${selectedStory}" of "${selectedKind}".`,
|
||||
description: dedent`
|
||||
Did you forget to return the Polymer component from the story?
|
||||
Use "() => '<your-component-name></your-component-name\>'" when defining the story.
|
||||
`,
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
showMain();
|
||||
if (typeof element === 'string') {
|
||||
rootElement.innerHTML = element;
|
||||
} else if (element instanceof TemplateResult) {
|
||||
// `render` stores the TemplateInstance in the Node and tries to update based on that.
|
||||
// Since we reuse `rootElement` for all stories, remove the stored instance first.
|
||||
// But forceRender means that it's the same story, so we want too keep the state in that case.
|
||||
if (!forceRender || !rootElement.querySelector('[id="root-inner"]')) {
|
||||
rootElement.innerHTML = '<div id="root-inner"></div>';
|
||||
}
|
||||
const renderTo = rootElement.querySelector('[id="root-inner"]');
|
||||
|
||||
render(element, renderTo);
|
||||
} else {
|
||||
rootElement.innerHTML = '';
|
||||
rootElement.appendChild(element);
|
||||
}
|
||||
}
|
||||
@ -1,28 +0,0 @@
|
||||
import { TemplateResult } from 'lit-html';
|
||||
|
||||
export interface IStorybookSection {
|
||||
kind: string;
|
||||
stories: IStorybookStory[];
|
||||
}
|
||||
|
||||
export interface IStorybookStory {
|
||||
name: string;
|
||||
render: () => any;
|
||||
}
|
||||
|
||||
export type StoryFnPolymerReturnType = string | Node | TemplateResult;
|
||||
|
||||
export interface ShowErrorArgs {
|
||||
title: string;
|
||||
description: string;
|
||||
}
|
||||
|
||||
export interface RenderMainArgs {
|
||||
storyFn: (...args: any[]) => StoryFnPolymerReturnType;
|
||||
selectedKind: string;
|
||||
selectedStory: string;
|
||||
showMain: () => void;
|
||||
showError: (args: ShowErrorArgs) => void;
|
||||
showException: (err: Error) => void;
|
||||
forceRender: boolean;
|
||||
}
|
||||
@ -1,4 +0,0 @@
|
||||
import { buildStatic } from '@storybook/core/server';
|
||||
import options from './options';
|
||||
|
||||
buildStatic(options);
|
||||
@ -1,28 +0,0 @@
|
||||
import { Configuration, IgnorePlugin, RuleSetUseItem } from 'webpack';
|
||||
|
||||
export function webpack(config: Configuration) {
|
||||
return {
|
||||
...config,
|
||||
module: {
|
||||
...config.module,
|
||||
rules: [
|
||||
...config.module.rules,
|
||||
{
|
||||
test: /\.html$/,
|
||||
use: [
|
||||
...(config.module.rules[0].use as RuleSetUseItem[]),
|
||||
{
|
||||
loader: require.resolve('polymer-webpack-loader'),
|
||||
options: { processStyleLinks: true },
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
plugins: [
|
||||
...config.plugins,
|
||||
// See https://github.com/webcomponents/webcomponentsjs/issues/794#issuecomment-386554298
|
||||
new IgnorePlugin(/^vertx$/),
|
||||
],
|
||||
};
|
||||
}
|
||||
@ -1,4 +0,0 @@
|
||||
import { buildDev } from '@storybook/core/server';
|
||||
import options from './options';
|
||||
|
||||
buildDev(options);
|
||||
@ -1,7 +0,0 @@
|
||||
const packageJson = require('../../package.json');
|
||||
|
||||
export default {
|
||||
packageJson,
|
||||
framework: 'polymer',
|
||||
frameworkPresets: [require.resolve('./framework-preset-polymer.js')],
|
||||
};
|
||||
5
app/polymer/src/typings.d.ts
vendored
5
app/polymer/src/typings.d.ts
vendored
@ -1,5 +0,0 @@
|
||||
declare module '@storybook/core/*';
|
||||
declare module 'global';
|
||||
|
||||
// will be provided by the webpack define plugin
|
||||
declare var NODE_ENV: string | undefined;
|
||||
@ -1,8 +0,0 @@
|
||||
const build = require('@storybook/core/standalone');
|
||||
const frameworkOptions = require('./dist/server/options').default;
|
||||
|
||||
async function buildStandalone(options) {
|
||||
return build(options, frameworkOptions);
|
||||
}
|
||||
|
||||
module.exports = buildStandalone;
|
||||
@ -1,10 +0,0 @@
|
||||
{
|
||||
"extends": "../../tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"rootDir": "./src",
|
||||
"types": []
|
||||
},
|
||||
"include": [
|
||||
"src/**/*"
|
||||
]
|
||||
}
|
||||
@ -37,7 +37,7 @@ export const url = {
|
||||
mithril: `${npmApiBase}/@storybook/mithril`,
|
||||
marko: `${npmApiBase}/@storybook/marko`,
|
||||
riot: `${npmApiBase}/@storybook/riot`,
|
||||
polymer: `${npmApiBase}/@storybook/polymer`,
|
||||
'web-components': `${npmApiBase}/@storybook/web-components`,
|
||||
preact: `${npmApiBase}/@storybook/preact`,
|
||||
},
|
||||
|
||||
|
||||
@ -8,7 +8,6 @@ title: 'Live Examples'
|
||||
- [React Official](https://storybookjs-next.now.sh/official-storybook/)
|
||||
- [Vue](https://storybookjs-next.now.sh/vue-kitchen-sink/)
|
||||
- [Angular](https://storybookjs-next.now.sh/angular-cli/)
|
||||
- [Polymer](https://storybookjs-next.now.sh/polymer-cli/)
|
||||
- [Mithril](https://storybookjs-next.now.sh/mithril-kitchen-sink/)
|
||||
- [Marko](https://storybookjs-next.now.sh/marko-cli/)
|
||||
- [HTML](https://storybookjs-next.now.sh/html-kitchen-sink/)
|
||||
@ -23,7 +22,6 @@ title: 'Live Examples'
|
||||
- [React Official](https://storybookjs.now.sh/official-storybook/)
|
||||
- [Vue](https://storybookjs.now.sh/vue-kitchen-sink/)
|
||||
- [Angular](https://storybookjs.now.sh/angular-cli/)
|
||||
- [Polymer](https://storybookjs.now.sh/polymer-cli/)
|
||||
- [Mithril](https://storybookjs.now.sh/mithril-kitchen-sink/)
|
||||
- [Marko](https://storybookjs.now.sh/marko-cli/)
|
||||
- [HTML](https://storybookjs.now.sh/html-kitchen-sink/)
|
||||
|
||||
@ -1 +0,0 @@
|
||||
STORYBOOK_EXAMPLE_APP=true
|
||||
@ -1,7 +0,0 @@
|
||||
module.exports = {
|
||||
globals: {
|
||||
Polymer: true,
|
||||
customElements: true,
|
||||
CustomEvent: true,
|
||||
},
|
||||
};
|
||||
@ -1,27 +0,0 @@
|
||||
const path = require('path');
|
||||
const webpack = require('webpack');
|
||||
|
||||
module.exports = {
|
||||
stories: ['../src/stories/**/*.stories.js'],
|
||||
addons: [
|
||||
'@storybook/addon-storysource',
|
||||
'@storybook/addon-actions',
|
||||
'@storybook/addon-backgrounds',
|
||||
'@storybook/addon-notes',
|
||||
'@storybook/addon-knobs',
|
||||
'@storybook/addon-links',
|
||||
'@storybook/addon-viewport',
|
||||
'@storybook/addon-options',
|
||||
'@storybook/addon-a11y',
|
||||
],
|
||||
webpackFinal: async config => {
|
||||
config.module.rules.push({
|
||||
test: [/\.stories\.js$/, /index\.js$/],
|
||||
loaders: [require.resolve('@storybook/source-loader')],
|
||||
include: [path.resolve(__dirname, '../src')],
|
||||
enforce: 'pre',
|
||||
});
|
||||
config.plugins.push(new webpack.IgnorePlugin(/vertx/));
|
||||
return config;
|
||||
},
|
||||
};
|
||||
@ -1,5 +0,0 @@
|
||||
import { addons } from '@storybook/addons';
|
||||
|
||||
addons.setConfig({
|
||||
showRoots: true,
|
||||
});
|
||||
@ -1,4 +0,0 @@
|
||||
import { addDecorator } from '@storybook/polymer';
|
||||
import { withA11y } from '@storybook/addon-a11y';
|
||||
|
||||
addDecorator(withA11y);
|
||||
@ -1,8 +0,0 @@
|
||||
# Polymer kitchen sink example
|
||||
|
||||
This project was generated with [Polymer CLI](https://github.com/Polymer/polymer-cli) version 1.5.2.
|
||||
|
||||
## Development server
|
||||
|
||||
Run `yarn start` for a dev server. Navigate to `http://127.0.0.1:8081/components/polymer-cli/`.
|
||||
The app will automatically reload if you change any of the source files.
|
||||
@ -1,14 +0,0 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
|
||||
<base href="/">
|
||||
<title>Storybook for Polymer!</title>
|
||||
<script src="webcomponents-loader.js"></script>
|
||||
<script src="custom-elements-es5-adapter.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<polymer-playground-app title="Polymer playground app"}></polymer-playground-app>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,35 +0,0 @@
|
||||
{
|
||||
"name": "polymer-cli",
|
||||
"version": "6.0.0-alpha.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook",
|
||||
"start": "webpack-dev-server",
|
||||
"storybook": "start-storybook -p 9001 -c .storybook"
|
||||
},
|
||||
"dependencies": {
|
||||
"@polymer/polymer": "^2.6.0",
|
||||
"@storybook/addon-a11y": "6.0.0-alpha.0",
|
||||
"@storybook/addon-actions": "6.0.0-alpha.0",
|
||||
"@storybook/addon-backgrounds": "6.0.0-alpha.0",
|
||||
"@storybook/addon-knobs": "6.0.0-alpha.0",
|
||||
"@storybook/addon-links": "6.0.0-alpha.0",
|
||||
"@storybook/addon-notes": "6.0.0-alpha.0",
|
||||
"@storybook/addon-options": "6.0.0-alpha.0",
|
||||
"@storybook/addon-storysource": "6.0.0-alpha.0",
|
||||
"@storybook/addon-viewport": "6.0.0-alpha.0",
|
||||
"@storybook/addons": "6.0.0-alpha.0",
|
||||
"@storybook/polymer": "6.0.0-alpha.0",
|
||||
"@storybook/source-loader": "6.0.0-alpha.0",
|
||||
"@webcomponents/webcomponentsjs": "^1.2.0",
|
||||
"global": "^4.3.2",
|
||||
"lit-html": "^1.0.0",
|
||||
"polymer-webpack-loader": "^2.0.3",
|
||||
"webpack": "^4.33.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"copy-webpack-plugin": "^5.0.0",
|
||||
"html-webpack-plugin": "^4.0.0-beta.2",
|
||||
"webpack-dev-server": "^3.8.2"
|
||||
}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<svg width="256" height="178" viewBox="0 0 256 178" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><g fill="none"><path d="M153.6 177.98L51.194.605H102.4L204.807 177.98H153.6z" fill="#FF4081"/><path d="M153.6 177.98l25.6-44.344 25.607 44.344H153.6z" fill-opacity=".2" fill="#FFF"/><path d="M128 133.636l25.6 44.344 25.6-44.344H128z" fill-opacity=".1" fill="#FFF"/><path d="M102.4 89.292l25.6 44.344 25.6-44.344h-51.2z" fill-opacity=".1" fill="#000"/><path d="M102.4 89.292L128 44.948l25.6 44.344h-51.2z" fill-opacity=".2" fill="#000"/><path d="M76.8 44.948l25.6 44.344 25.601-44.344h-51.2z" fill-opacity=".3" fill="#000"/><path d="M76.8 44.948L102.4.605l25.601 44.343h-51.2z" fill-opacity=".4" fill="#000"/><path d="M51.194.605L76.8 44.948 102.4.605H51.195z" fill-opacity=".5" fill="#000"/><path d="M51.194 177.98L-.013 89.292l25.606-44.344L102.4 177.98H51.193z" fill="#536DFE"/><path d="M51.194 177.98L76.8 133.636l25.6 44.344H51.195z" fill-opacity=".2" fill="#FFF"/><path d="M25.593 133.636l25.6 44.344L76.8 133.636H25.593z" fill-opacity=".1" fill="#FFF"/><path d="M25.593 133.636l25.6-44.344L76.8 133.636H25.593z"/><path d="M-.013 89.292l25.606 44.344 25.6-44.344H-.012z" fill-opacity=".1" fill="#000"/><path d="M-.013 89.292l25.606-44.344 25.6 44.344H-.012z" fill-opacity=".2" fill="#000"/><path d="M51.194 89.292l-25.6-44.344L51.193.605 76.8 44.948 51.194 89.292z" fill="#303F9F"/><path d="M76.8 44.948L51.194.605l-25.6 44.343H76.8z" fill-opacity=".2" fill="#000"/><path d="M204.806 177.98L179.2 133.636l25.606-44.344 25.6 44.344-25.6 44.344z" fill="#3F51B5"/><path d="M230.407 133.636l-25.6 44.344-25.607-44.344h51.207z" fill-opacity=".2" fill="#000"/><path d="M230.407 133.636L153.6.605h51.207l51.207 88.687-25.606 44.344h-.001z" fill="#7986CB"/><path d="M204.806 89.292l25.6 44.344 25.607-44.344h-51.207z" fill-opacity=".2" fill="#FFF"/><path d="M204.806 89.292l25.6-44.344 25.607 44.344h-51.207z" fill-opacity=".1" fill="#FFF"/><path d="M179.2 44.948L204.806.605l25.6 44.343H179.2z" fill-opacity=".1" fill="#000"/><path d="M153.6.605l25.6 44.343L204.808.605H153.6z" fill-opacity=".2" fill="#000"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 2.1 KiB |
@ -1,48 +0,0 @@
|
||||
<link rel="import" href="../../../node_modules/@polymer/polymer/polymer-element.html">
|
||||
|
||||
<dom-module id="playground-button">
|
||||
<template>
|
||||
<style>
|
||||
.square {
|
||||
border: 1px solid #3c763d;
|
||||
background-color: #5cb85c;
|
||||
padding: 10px;
|
||||
}
|
||||
.rounded {
|
||||
border-radius: 5px;
|
||||
border: 1px solid #1b6d85;
|
||||
background-color: #5bc0de;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
<button on-click="handleTap"
|
||||
class$="[[computedClass]]">
|
||||
[[title]] [[counter]]
|
||||
</button>
|
||||
</template>
|
||||
<script>
|
||||
class PlaygroundButton extends Polymer.Element {
|
||||
static get is() {
|
||||
return 'playground-button';
|
||||
}
|
||||
|
||||
static get properties() {
|
||||
return {
|
||||
title: { type: String, value: 'Click me:' },
|
||||
counter: { type: Number, value: 0 },
|
||||
isSquare: { type: Boolean, value: false },
|
||||
computedClass: { type: String, computed: '_computeClass(isSquare)' },
|
||||
};
|
||||
}
|
||||
|
||||
handleTap() {
|
||||
this.counter += 1;
|
||||
}
|
||||
|
||||
_computeClass(isSquare) {
|
||||
return isSquare ? 'square' : 'rounded';
|
||||
}
|
||||
}
|
||||
customElements.define(PlaygroundButton.is, PlaygroundButton);
|
||||
</script>
|
||||
</dom-module>
|
||||
@ -1,22 +0,0 @@
|
||||
<link rel="import" href="../../../node_modules/@polymer/polymer/polymer-element.html">
|
||||
<link rel="import" href="playground-button.html">
|
||||
|
||||
<dom-module id="polymer-playground-app">
|
||||
<template>
|
||||
<h2>[[title]]</h2>
|
||||
<p>Hello [[prop1]]!</p>
|
||||
<playground-button></playground-button>
|
||||
</template>
|
||||
<script>
|
||||
class PolymerPlaygroundApp extends Polymer.Element {
|
||||
static get is() {
|
||||
return 'polymer-playground-app';
|
||||
}
|
||||
|
||||
static get properties() {
|
||||
return { prop1: { type: String, value: 'polymer-playground-app' }, title: String };
|
||||
}
|
||||
}
|
||||
customElements.define(PolymerPlaygroundApp.is, PolymerPlaygroundApp);
|
||||
</script>
|
||||
</dom-module>
|
||||
@ -1,15 +0,0 @@
|
||||
<link rel="import" href="../../../../node_modules/@polymer/polymer/polymer-element.html">
|
||||
|
||||
<dom-module id="separated-button">
|
||||
<template>
|
||||
<button on-click="handleTap">
|
||||
[[title]] [[counter]]
|
||||
</button>
|
||||
</template>
|
||||
<script>
|
||||
import { separatedButton } from './separated-button';
|
||||
|
||||
class PlaygroundButton extends separatedButton(Polymer.Element) {}
|
||||
customElements.define(PlaygroundButton.is, PlaygroundButton);
|
||||
</script>
|
||||
</dom-module>
|
||||
@ -1,26 +0,0 @@
|
||||
import { uselessMixin } from './useless-mixin';
|
||||
|
||||
export const separatedButton = superClass =>
|
||||
class SeparatedButton extends uselessMixin(superClass) {
|
||||
static get is() {
|
||||
return 'separated-button';
|
||||
}
|
||||
|
||||
static get properties() {
|
||||
return {
|
||||
title: {
|
||||
type: String,
|
||||
value: 'Click me:',
|
||||
},
|
||||
counter: {
|
||||
type: Number,
|
||||
value: 0,
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
async handleTap() {
|
||||
this.counter += await Promise.resolve(1);
|
||||
this.someMethod();
|
||||
}
|
||||
};
|
||||
@ -1,12 +0,0 @@
|
||||
export const uselessMixin = superClass =>
|
||||
class UselessMixin extends superClass {
|
||||
constructor() {
|
||||
super();
|
||||
|
||||
this.eventType = 'test';
|
||||
}
|
||||
|
||||
someMethod() {
|
||||
this.dispatchEvent(new CustomEvent(this.eventType, { detail: 'test' }));
|
||||
}
|
||||
};
|
||||
@ -1,31 +0,0 @@
|
||||
<link rel="import" href="../../../node_modules/@polymer/polymer/polymer-element.html">
|
||||
|
||||
<dom-module id="simple-button">
|
||||
<template>
|
||||
<style>
|
||||
.simpleButton {
|
||||
border: 1px solid black;
|
||||
background-color: white;
|
||||
}
|
||||
</style>
|
||||
<button on-click="handleClick" class="simpleButton">
|
||||
[[title]]
|
||||
</button>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
class SimpleButton extends Polymer.Element {
|
||||
static get is() {
|
||||
return 'simple-button';
|
||||
}
|
||||
|
||||
static get properties() {
|
||||
return {
|
||||
title: { type: String, value: 'Button' },
|
||||
handleClick: { type: Function, value: () => {} },
|
||||
};
|
||||
}
|
||||
}
|
||||
customElements.define(SimpleButton.is, SimpleButton);
|
||||
</script>
|
||||
</dom-module>
|
||||
@ -1,28 +0,0 @@
|
||||
import { action } from '@storybook/addon-actions';
|
||||
import { document } from 'global';
|
||||
|
||||
import '../simple-button.html';
|
||||
|
||||
export default {
|
||||
title: 'Addon/Actions',
|
||||
};
|
||||
|
||||
export const ActionOnly = () => {
|
||||
const el = document.createElement('simple-button');
|
||||
el.addEventListener('click', action('log1'));
|
||||
return el;
|
||||
};
|
||||
|
||||
ActionOnly.story = {
|
||||
name: 'Action only',
|
||||
};
|
||||
|
||||
export const ActionAndMethod = () => {
|
||||
const el = document.createElement('simple-button');
|
||||
el.addEventListener('click', e => action('log2')(e.target));
|
||||
return el;
|
||||
};
|
||||
|
||||
ActionAndMethod.story = {
|
||||
name: 'Action and method',
|
||||
};
|
||||
@ -1,16 +0,0 @@
|
||||
export default {
|
||||
title: 'Addon/Backgrounds',
|
||||
|
||||
parameters: {
|
||||
backgrounds: [
|
||||
{ name: 'light', value: '#eeeeee' },
|
||||
{ name: 'dark', value: '#222222', default: true },
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
export const ButtonWithText = () => '<button>Click me</button>';
|
||||
|
||||
ButtonWithText.story = {
|
||||
name: 'button with text',
|
||||
};
|
||||
@ -1,68 +0,0 @@
|
||||
import { storiesOf } from '@storybook/polymer';
|
||||
import { action } from '@storybook/addon-actions';
|
||||
import { document } from 'global';
|
||||
import { html } from 'lit-html';
|
||||
|
||||
import {
|
||||
withKnobs,
|
||||
text,
|
||||
button,
|
||||
number,
|
||||
select,
|
||||
date,
|
||||
color,
|
||||
array,
|
||||
boolean,
|
||||
} from '@storybook/addon-knobs';
|
||||
|
||||
storiesOf('Addon/Knobs', module)
|
||||
.addDecorator(withKnobs)
|
||||
.add('simple', () => {
|
||||
const title = text('Button title', 'Hello');
|
||||
const el = document.createElement('playground-button');
|
||||
el.setAttribute('title', title);
|
||||
button('callback', () => el.setAttribute('title', 'testing'));
|
||||
return el;
|
||||
})
|
||||
.add('lit-html', () => {
|
||||
const title = text('Button title', 'Hello');
|
||||
return html`
|
||||
<playground-button title="${title}"></playground-button>
|
||||
`;
|
||||
})
|
||||
.add('complex', () => {
|
||||
const name = text('Name', 'Jane');
|
||||
const stock = number('Stock', 20, { range: true, min: 0, max: 30, step: 5 });
|
||||
const fruits = {
|
||||
Apple: 'apples',
|
||||
Banana: 'bananas',
|
||||
Cherry: 'cherries',
|
||||
};
|
||||
const fruit = select('Fruit', fruits, 'apples');
|
||||
const price = number('Price', 2.25);
|
||||
const colour = color('Border', 'deeppink');
|
||||
const today = date('Today', new Date('Jan 20 2017 GMT+0'));
|
||||
const items = array('Items', ['Laptop', 'Book', 'Whiskey']);
|
||||
const nice = boolean('Nice', true);
|
||||
|
||||
const stockMessage = stock
|
||||
? `I have a stock of ${stock} ${fruit}, costing $${price} each.`
|
||||
: `I'm out of ${fruit}${nice ? ', Sorry!' : '.'}`;
|
||||
const dateOptions = { year: 'numeric', month: 'long', day: 'numeric', timeZone: 'UTC' };
|
||||
|
||||
button('Arbitrary action', action('You clicked it!'));
|
||||
|
||||
return `
|
||||
<div style="border:2px dotted ${colour}; padding: 8px 22px; border-radius: 8px">
|
||||
<h1>My name is ${name},</h1>
|
||||
<h3>today is ${new Date(today).toLocaleDateString('en-US', dateOptions)}</h3>
|
||||
<p>${stockMessage}</p>
|
||||
<p>Also, I have:</p>
|
||||
<ul>
|
||||
${items.map(item => `<li>${item}</li>`).join('')}
|
||||
</ul>
|
||||
<p>${nice ? 'Nice to meet you!' : 'Leave me alone!'}</p>
|
||||
</div>
|
||||
`;
|
||||
})
|
||||
.add('XSS safety', () => text('Rendered string', '<img src=x onerror="alert(\'XSS Attack\')" >'));
|
||||
@ -1,19 +0,0 @@
|
||||
import { linkTo } from '@storybook/addon-links';
|
||||
import { document } from 'global';
|
||||
|
||||
import '../simple-button.html';
|
||||
|
||||
export default {
|
||||
title: 'Addon/Links',
|
||||
};
|
||||
|
||||
export const WithCreateElement = () => {
|
||||
const el = document.createElement('simple-button');
|
||||
el.title = 'Go to welcome';
|
||||
el.handleClick = linkTo('Welcome');
|
||||
return el;
|
||||
};
|
||||
|
||||
WithCreateElement.story = {
|
||||
name: 'With Create Element',
|
||||
};
|
||||
@ -1,28 +0,0 @@
|
||||
export default {
|
||||
title: 'Addon/Notes',
|
||||
};
|
||||
|
||||
export const SimpleNote = () =>
|
||||
'<p><strong>Etiam vulputate elit eu venenatis eleifend. Duis nec lectus augue. Morbi egestas diam sed vulputate mollis. Fusce egestas pretium vehicula. Integer sed neque diam. Donec consectetur velit vitae enim varius, ut placerat arcu imperdiet. Praesent sed faucibus arcu. Nullam sit amet nibh a enim eleifend rhoncus. Donec pretium elementum leo at fermentum. Nulla sollicitudin, mauris quis semper tempus, sem metus tristique diam, efficitur pulvinar mi urna id urna.</strong></p>';
|
||||
|
||||
SimpleNote.story = {
|
||||
name: 'Simple note',
|
||||
parameters: {
|
||||
notes: 'My notes on some bold text',
|
||||
},
|
||||
};
|
||||
|
||||
export const NoteWithHtml = () => '<p>🤔😳😯😮<br/>😄😩😓😱<br/>🤓😑😶😊</p>';
|
||||
|
||||
NoteWithHtml.story = {
|
||||
name: 'Note with HTML',
|
||||
parameters: {
|
||||
notes: `
|
||||
<h2>My notes on emojies</h2>
|
||||
|
||||
<em>It's not all that important to be honest, but..</em>
|
||||
|
||||
Emojis are great, I love emojis, in fact I like using them in my Component notes too! 😇
|
||||
`,
|
||||
},
|
||||
};
|
||||
@ -1,11 +0,0 @@
|
||||
import '../../polymer-playground-app.html';
|
||||
|
||||
export default {
|
||||
title: 'App',
|
||||
};
|
||||
|
||||
export const FullApp = () =>
|
||||
'<polymer-playground-app title="Storybook for Polymer"></polymer-playground-app>';
|
||||
FullApp.story = {
|
||||
name: 'full app',
|
||||
};
|
||||
@ -1,8 +0,0 @@
|
||||
import '../../playground-button.html';
|
||||
|
||||
export default {
|
||||
title: 'Button',
|
||||
};
|
||||
|
||||
export const Rounded = () => '<playground-button></playground-button>';
|
||||
export const Square = () => '<playground-button is-square></playground-button>';
|
||||
@ -1,14 +0,0 @@
|
||||
import { linkTo } from '@storybook/addon-links';
|
||||
import { document } from 'global';
|
||||
|
||||
import '../storybook-welcome-to-polymer.html';
|
||||
|
||||
export default {
|
||||
title: 'Welcome',
|
||||
};
|
||||
|
||||
export const Welcome = () => {
|
||||
const el = document.createElement('storybook-welcome-to-polymer');
|
||||
el.goToButton = linkTo('Button');
|
||||
return el;
|
||||
};
|
||||
@ -1,26 +0,0 @@
|
||||
import { addParameters } from '@storybook/polymer';
|
||||
|
||||
const globalParameter = 'globalParameter';
|
||||
const chapterParameter = 'chapterParameter';
|
||||
const storyParameter = 'storyParameter';
|
||||
|
||||
addParameters({ globalParameter });
|
||||
|
||||
export default {
|
||||
title: 'Core/Parameters',
|
||||
|
||||
parameters: {
|
||||
chapterParameter,
|
||||
},
|
||||
};
|
||||
|
||||
export const PassedToStory = ({ parameters: { fileName, ...parameters } }) =>
|
||||
`<div>Parameters are ${JSON.stringify(parameters)}</div>`;
|
||||
|
||||
PassedToStory.story = {
|
||||
name: 'passed to story',
|
||||
|
||||
parameters: {
|
||||
storyParameter,
|
||||
},
|
||||
};
|
||||
@ -1,23 +0,0 @@
|
||||
import { document } from 'global';
|
||||
|
||||
export default {
|
||||
title: 'Custom/Decorator',
|
||||
|
||||
decorators: [
|
||||
storyFn => {
|
||||
const el = storyFn();
|
||||
el.setAttribute('title', `${el.getAttribute('title')} - decorated`);
|
||||
return el;
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export const ExampleDecoration = () => {
|
||||
const el = document.createElement('playground-button');
|
||||
el.setAttribute('title', 'An example title');
|
||||
return el;
|
||||
};
|
||||
|
||||
ExampleDecoration.story = {
|
||||
name: 'example decoration',
|
||||
};
|
||||
@ -1,23 +0,0 @@
|
||||
import { storiesOf } from '@storybook/polymer';
|
||||
import { document } from 'global';
|
||||
import { html } from 'lit-html';
|
||||
import { StringTemplateButton } from '../string-template-button';
|
||||
|
||||
import '../separated-button/separated-button.html';
|
||||
|
||||
storiesOf('Custom/Methods for rendering', module)
|
||||
.add('html string', () => '<div>Rendered with string</div>')
|
||||
.add('html with custom elements', () => '<separated-button title="Click me!"></separated-button>')
|
||||
.add('document.createElement', () => {
|
||||
const el = document.createElement('playground-button');
|
||||
el.setAttribute('title', 'Rendered with document.createElement');
|
||||
return el;
|
||||
})
|
||||
.add('Polymer instance', () => new StringTemplateButton())
|
||||
.add(
|
||||
'Lit html',
|
||||
() =>
|
||||
html`
|
||||
<separated-button title="yes!"></separated-button>
|
||||
`
|
||||
);
|
||||
@ -1,88 +0,0 @@
|
||||
<link rel="import" href="../../../../node_modules/@polymer/polymer/polymer-element.html">
|
||||
|
||||
<dom-module id="storybook-welcome-to-polymer">
|
||||
<template>
|
||||
<style>
|
||||
.main {
|
||||
margin: 15px;
|
||||
max-width: 600px;
|
||||
line-height: 1.4;
|
||||
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.code {
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
padding: 2px 5px;
|
||||
border: 1px solid #eae9e9;
|
||||
border-radius: 4px;
|
||||
background-color: #f3f2f2;
|
||||
color: #3a3a3a;
|
||||
}
|
||||
|
||||
.note {
|
||||
opacity: 0.5;
|
||||
}
|
||||
</style>
|
||||
<div class="main">
|
||||
<h1>Welcome to Storybook for Polymer</h1>
|
||||
<p>This is a UI component dev environment for your polymer app.</p>
|
||||
<p>
|
||||
We've added some basic stories inside the <code class="code">src/stories</code> directory.
|
||||
<br />
|
||||
A story is a single state of one or more UI components. You can have as many stories as you want.
|
||||
<br />
|
||||
(Basically a story is like a visual test case.)
|
||||
</p>
|
||||
<p>
|
||||
See these sample <a class="link" href="#" on-click="goToButtonWrapper">stories</a> for a component called <code class="code">playground-button</code>
|
||||
</p>
|
||||
|
||||
<p style="text-align:center"><img src="../logo.svg" class="logo" /></p>
|
||||
<p>
|
||||
Just like that, you can add your own components as stories.
|
||||
<br />
|
||||
You can also edit those components and see changes right away.
|
||||
<br />
|
||||
(Try editing the <code class="code">playground-button</code> stories
|
||||
located at <code class="code">src/playground-button.html</code>.)
|
||||
</p>
|
||||
<p>
|
||||
Usually we create stories with smaller UI components in the app.<br />
|
||||
Have a look at the
|
||||
<a class="link" href="https://storybook.js.org/basics/writing-stories" target="_blank">
|
||||
Writing Stories
|
||||
</a>
|
||||
section in our documentation.
|
||||
</p>
|
||||
<p class="note">
|
||||
<b>NOTE:</b>
|
||||
<br />
|
||||
Have a look at the
|
||||
<code class="code">.storybook/webpack.config.js</code>
|
||||
to add webpack loaders and plugins you are using in this project.
|
||||
</p>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
class StorybookWelcomeToPolymer extends Polymer.Element {
|
||||
static get is() {
|
||||
return 'storybook-welcome-to-polymer';
|
||||
}
|
||||
|
||||
static get properties() {
|
||||
return { goToButton: { type: Function, value: () => {} } };
|
||||
}
|
||||
|
||||
goToButtonWrapper(e) {
|
||||
e.preventDefault();
|
||||
this.goToButton();
|
||||
}
|
||||
}
|
||||
customElements.define(StorybookWelcomeToPolymer.is, StorybookWelcomeToPolymer);
|
||||
</script>
|
||||
</dom-module>
|
||||
@ -1,28 +0,0 @@
|
||||
export class StringTemplateButton extends Polymer.Element {
|
||||
static get is() {
|
||||
return 'string-template-button';
|
||||
}
|
||||
|
||||
static get properties() {
|
||||
return {
|
||||
title: {
|
||||
type: String,
|
||||
value: 'Wow, I am inline',
|
||||
},
|
||||
counter: {
|
||||
type: Number,
|
||||
value: 0,
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
static get template() {
|
||||
return '<button on-click="handleTap">[[title]]: [[counter]]</button>';
|
||||
}
|
||||
|
||||
handleTap() {
|
||||
this.counter += 1;
|
||||
}
|
||||
}
|
||||
|
||||
customElements.define(StringTemplateButton.is, StringTemplateButton);
|
||||
@ -1,31 +0,0 @@
|
||||
const path = require('path');
|
||||
const CopyWebpackPlugin = require('copy-webpack-plugin');
|
||||
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
||||
|
||||
module.exports = {
|
||||
entry: './src/polymer-playground-app.html',
|
||||
output: {
|
||||
path: path.resolve(__dirname, './dist'),
|
||||
filename: '[name].[chunkhash:8].js',
|
||||
},
|
||||
module: {
|
||||
loaders: [
|
||||
{
|
||||
test: /\.html$/,
|
||||
exclude: require.resolve('./index.html'),
|
||||
use: [{ loader: 'babel-loader' }, { loader: 'polymer-webpack-loader' }],
|
||||
},
|
||||
],
|
||||
},
|
||||
plugins: [
|
||||
new HtmlWebpackPlugin({
|
||||
template: 'index.html',
|
||||
}),
|
||||
new CopyWebpackPlugin([
|
||||
{ from: require.resolve('@webcomponents/webcomponentsjs/webcomponents-lite.js') },
|
||||
{ from: require.resolve('@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js') },
|
||||
]),
|
||||
],
|
||||
devServer: { historyApiFallback: true },
|
||||
devtool: 'eval-source-map',
|
||||
};
|
||||
@ -1,40 +0,0 @@
|
||||
import {
|
||||
getVersions,
|
||||
retrievePackageJson,
|
||||
writePackageJson,
|
||||
getBabelDependencies,
|
||||
installDependencies,
|
||||
copyTemplate,
|
||||
} from '../../lib/helpers';
|
||||
|
||||
export default async (npmOptions, { storyFormat = 'csf' }) => {
|
||||
const [storybookVersion, polymerLoaderVarion] = await getVersions(
|
||||
npmOptions,
|
||||
'@storybook/polymer',
|
||||
'polymer-webpack-loader'
|
||||
);
|
||||
copyTemplate(__dirname, storyFormat);
|
||||
|
||||
const packageJson = await retrievePackageJson();
|
||||
|
||||
packageJson.dependencies = packageJson.dependencies || {};
|
||||
packageJson.devDependencies = packageJson.devDependencies || {};
|
||||
|
||||
packageJson.scripts = packageJson.scripts || {};
|
||||
packageJson.scripts.storybook = 'start-storybook -p 6006';
|
||||
packageJson.scripts['build-storybook'] = 'build-storybook';
|
||||
|
||||
writePackageJson(packageJson);
|
||||
|
||||
const devDependencies = [`@storybook/polymer@${storybookVersion}`];
|
||||
if (
|
||||
!packageJson.dependencies['polymer-webpack-loader'] &&
|
||||
!packageJson.devDependencies['polymer-webpack-loader']
|
||||
) {
|
||||
devDependencies.push(`polymer-webpack-loader@${polymerLoaderVarion}`);
|
||||
}
|
||||
|
||||
const babelDependencies = await getBabelDependencies(npmOptions, packageJson);
|
||||
|
||||
installDependencies({ ...npmOptions, packageJson }, [...devDependencies, ...babelDependencies]);
|
||||
};
|
||||
@ -1,3 +0,0 @@
|
||||
module.exports = {
|
||||
stories: ['../src/**/*.stories.js'],
|
||||
};
|
||||
@ -1 +0,0 @@
|
||||
// TODO: add demo stories
|
||||
@ -74,15 +74,6 @@ function detectFramework(dependencies) {
|
||||
return types.ANGULAR;
|
||||
}
|
||||
|
||||
if (
|
||||
(dependencies.dependencies && dependencies.dependencies['@polymer/polymer']) ||
|
||||
(dependencies.devDependencies && dependencies.devDependencies['@polymer/polymer']) ||
|
||||
(dependencies.dependencies && dependencies.dependencies.polymer) ||
|
||||
(dependencies.devDependencies && dependencies.devDependencies.polymer)
|
||||
) {
|
||||
return types.POLYMER;
|
||||
}
|
||||
|
||||
if (
|
||||
(dependencies.dependencies && dependencies.dependencies['lit-element']) ||
|
||||
(dependencies.devDependencies && dependencies.devDependencies['lit-element'])
|
||||
|
||||
@ -20,7 +20,6 @@ import reactScriptsGenerator from '../generators/REACT_SCRIPTS';
|
||||
import sfcVueGenerator from '../generators/SFC_VUE';
|
||||
import updateOrganisationsGenerator from '../generators/UPDATE_PACKAGE_ORGANIZATIONS';
|
||||
import vueGenerator from '../generators/VUE';
|
||||
import polymerGenerator from '../generators/POLYMER';
|
||||
import webpackReactGenerator from '../generators/WEBPACK_REACT';
|
||||
import mithrilGenerator from '../generators/MITHRIL';
|
||||
import marionetteGenerator from '../generators/MARIONETTE';
|
||||
@ -154,11 +153,6 @@ const installStorybook = (projectType, options) => {
|
||||
.then(commandLog('Adding storybook support to your "Ember" app'))
|
||||
.then(end);
|
||||
|
||||
case types.POLYMER:
|
||||
return polymerGenerator(npmOptions, generatorOptions)
|
||||
.then(commandLog('Adding storybook support to your "Polymer" app'))
|
||||
.then(end);
|
||||
|
||||
case types.MITHRIL:
|
||||
return mithrilGenerator(npmOptions, generatorOptions)
|
||||
.then(commandLog('Adding storybook support to your "Mithril" app'))
|
||||
|
||||
@ -12,7 +12,6 @@ const projectTypes = {
|
||||
EMBER: 'EMBER',
|
||||
ALREADY_HAS_STORYBOOK: 'ALREADY_HAS_STORYBOOK',
|
||||
UPDATE_PACKAGE_ORGANIZATIONS: 'UPDATE_PACKAGE_ORGANIZATIONS',
|
||||
POLYMER: 'POLYMER',
|
||||
WEB_COMPONENTS: 'WEB_COMPONENTS',
|
||||
MITHRIL: 'MITHRIL',
|
||||
MARIONETTE: 'MARIONETTE',
|
||||
@ -31,7 +30,6 @@ export const supportedFrameworks = [
|
||||
'react-native',
|
||||
'vue',
|
||||
'angular',
|
||||
'polymer',
|
||||
'mithril',
|
||||
'riot',
|
||||
'ember',
|
||||
|
||||
@ -77,7 +77,6 @@
|
||||
"@storybook/marionette": "6.0.0-alpha.0",
|
||||
"@storybook/marko": "6.0.0-alpha.0",
|
||||
"@storybook/mithril": "6.0.0-alpha.0",
|
||||
"@storybook/polymer": "6.0.0-alpha.0",
|
||||
"@storybook/preact": "6.0.0-alpha.0",
|
||||
"@storybook/rax": "6.0.0-alpha.0",
|
||||
"@storybook/react": "6.0.0-alpha.0",
|
||||
|
||||
13
lib/cli/test/fixtures/polymer/package.json
vendored
13
lib/cli/test/fixtures/polymer/package.json
vendored
@ -1,13 +0,0 @@
|
||||
{
|
||||
"name": "polymer-fixture",
|
||||
"version": "1.0.0",
|
||||
"license": "MIT",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"build": "webpack -p dist"
|
||||
},
|
||||
"dependencies": {
|
||||
"@polymer/polymer": "^2.2.0"
|
||||
},
|
||||
"devDependencies": {}
|
||||
}
|
||||
@ -43,7 +43,7 @@ do
|
||||
yarn sb init --skip-install --yes
|
||||
;;
|
||||
mdx)
|
||||
if [[ $dir =~ (react_native*|angular-cli-v6|ember-cli|marko|meteor|mithril|polymer|riot|react_babel_6) ]]
|
||||
if [[ $dir =~ (react_native*|angular-cli-v6|ember-cli|marko|meteor|mithril|riot|react_babel_6) ]]
|
||||
then
|
||||
yarn sb init --skip-install --yes
|
||||
else
|
||||
|
||||
@ -76,13 +76,13 @@ A basic table:
|
||||
|
||||
Let's throw in a crazy table, because why not?
|
||||
|
||||
| | [React](app/react) | [React Native](app/react-native) | [Vue](app/vue) | [Angular](app/angular) | [Polymer](app/polymer) | [Mithril](app/mithril) | [HTML](app/html) | [Marko](app/marko) | [Svelte](app/svelte) | [Riot](app/riot) | [Ember](app/ember) | [Preact](app/preact) |
|
||||
| --------------------------------- | :----------------: | :------------------------------: | :------------: | :--------------------: | :--------------------: | :--------------------: | :--------------: | :----------------: | :------------------: | :--------------: | :----------------: | :------------------: |
|
||||
| [a11y](addons/a11y) | + | | + | + | + | + | + | + | | | + | + |
|
||||
| [actions](addons/actions) | + | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| [backgrounds](addons/backgrounds) | + | \* | + | + | + | + | + | + | + | + | + | + |
|
||||
| [centered](addons/centered) | + | | + | + | | + | + | | + | | + | + |
|
||||
| [contexts](addons/contexts) | + | | + | | | | | | | | | + |
|
||||
| | [React](app/react) | [React Native](app/react-native) | [Vue](app/vue) | [Angular](app/angular) | [Mithril](app/mithril) | [HTML](app/html) | [Marko](app/marko) | [Svelte](app/svelte) | [Riot](app/riot) | [Ember](app/ember) | [Preact](app/preact) |
|
||||
| --------------------------------- | :----------------: | :------------------------------: | :------------: | :--------------------: | :--------------------: | :--------------: | :----------------: | :------------------: | :--------------: | :----------------: | :------------------: |
|
||||
| [a11y](addons/a11y) | + | | + | + | + | + | + | | | + | + |
|
||||
| [actions](addons/actions) | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| [backgrounds](addons/backgrounds) | + | \* | + | + | + | + | + | + | + | + | + |
|
||||
| [centered](addons/centered) | + | | + | + | + | + | | + | | + | + |
|
||||
| [contexts](addons/contexts) | + | | + | | | | | | | | + |
|
||||
|
||||
## Code
|
||||
|
||||
|
||||
@ -76,13 +76,13 @@ A basic table:
|
||||
|
||||
Let's throw in a crazy table, because why not?
|
||||
|
||||
| | [React](app/react) | [React Native](app/react-native) | [Vue](app/vue) | [Angular](app/angular) | [Polymer](app/polymer) | [Mithril](app/mithril) | [HTML](app/html) | [Marko](app/marko) | [Svelte](app/svelte) | [Riot](app/riot) | [Ember](app/ember) | [Preact](app/preact) |
|
||||
| --------------------------------- | :----------------: | :------------------------------: | :------------: | :--------------------: | :--------------------: | :--------------------: | :--------------: | :----------------: | :------------------: | :--------------: | :----------------: | :------------------: |
|
||||
| [a11y](addons/a11y) | + | | + | + | + | + | + | + | | | + | + |
|
||||
| [actions](addons/actions) | + | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| [backgrounds](addons/backgrounds) | + | \* | + | + | + | + | + | + | + | + | + | + |
|
||||
| [centered](addons/centered) | + | | + | + | | + | + | | + | | + | + |
|
||||
| [contexts](addons/contexts) | + | | + | | | | | | | | | + |
|
||||
| | [React](app/react) | [React Native](app/react-native) | [Vue](app/vue) | [Angular](app/angular) | [Mithril](app/mithril) | [HTML](app/html) | [Marko](app/marko) | [Svelte](app/svelte) | [Riot](app/riot) | [Ember](app/ember) | [Preact](app/preact) |
|
||||
| --------------------------------- | :----------------: | :------------------------------: | :------------: | :--------------------: | :--------------------: | :--------------: | :----------------: | :------------------: | :--------------: | :----------------: | :------------------: |
|
||||
| [a11y](addons/a11y) | + | | + | + | + | + | + | | | + | + |
|
||||
| [actions](addons/actions) | + | + | + | + | + | + | + | + | + | + | + |
|
||||
| [backgrounds](addons/backgrounds) | + | \* | + | + | + | + | + | + | + | + | + |
|
||||
| [centered](addons/centered) | + | | + | + | + | + | | + | | + | + |
|
||||
| [contexts](addons/contexts) | + | | + | | | | | | | | + |
|
||||
|
||||
## Code
|
||||
|
||||
|
||||
@ -10,7 +10,6 @@ const FRAMEWORKS = [
|
||||
'html',
|
||||
'marko',
|
||||
'mithril',
|
||||
'polymer',
|
||||
'preact',
|
||||
'rax',
|
||||
'react',
|
||||
|
||||
100
yarn.lock
100
yarn.lock
@ -3934,11 +3934,6 @@
|
||||
"@parcel/utils" "^1.11.0"
|
||||
physical-cpu-count "^2.0.0"
|
||||
|
||||
"@polymer/polymer@^2.6.0":
|
||||
version "2.8.0"
|
||||
resolved "https://registry.yarnpkg.com/@polymer/polymer/-/polymer-2.8.0.tgz#dad7ecbf8ae5933df8f4e1af1bbfe57c88a2c7b3"
|
||||
integrity sha512-R3LXHDmHG8f3wxIFKyCVRutlWggJBrjHVytOr+6ZTnLedKFke7i9SQRBtunl/w+NgnkN45a2S9jG+wtHV2pY+Q==
|
||||
|
||||
"@reach/router@^1.2.1":
|
||||
version "1.2.1"
|
||||
resolved "https://registry.yarnpkg.com/@reach/router/-/router-1.2.1.tgz#34ae3541a5ac44fa7796e5506a5d7274a162be4e"
|
||||
@ -4379,11 +4374,6 @@
|
||||
resolved "https://registry.yarnpkg.com/@types/cli-table/-/cli-table-0.3.0.tgz#f1857156bf5fd115c6a2db260ba0be1f8fc5671c"
|
||||
integrity sha512-QnZUISJJXyhyD6L1e5QwXDV/A5i2W1/gl6D6YMc8u0ncPepbv/B4w3S+izVvtAg60m6h+JP09+Y/0zF2mojlFQ==
|
||||
|
||||
"@types/clone@^0.1.29":
|
||||
version "0.1.30"
|
||||
resolved "https://registry.yarnpkg.com/@types/clone/-/clone-0.1.30.tgz#e7365648c1b42136a59c7d5040637b3b5c83b614"
|
||||
integrity sha1-5zZWSMG0ITalnH1QQGN7O1yDthQ=
|
||||
|
||||
"@types/color-name@^1.1.1":
|
||||
version "1.1.1"
|
||||
resolved "https://registry.yarnpkg.com/@types/color-name/-/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
|
||||
@ -4617,11 +4607,6 @@
|
||||
resolved "https://registry.yarnpkg.com/@types/node/-/node-12.12.25.tgz#792c0afb798f1dd681dce9c4b4c431f7245a0a42"
|
||||
integrity sha512-nf1LMGZvgFX186geVZR1xMZKKblJiRfiASTHw85zED2kI1yDKHDwTKMdkaCbTlXoRKlGKaDfYywt+V0As30q3w==
|
||||
|
||||
"@types/node@^6.0.0":
|
||||
version "6.14.9"
|
||||
resolved "https://registry.yarnpkg.com/@types/node/-/node-6.14.9.tgz#733583e21ef0eab85a9737dfafbaa66345a92ef0"
|
||||
integrity sha512-leP/gxHunuazPdZaCvsCefPQxinqUDsCxCR5xaDUrY2MkYxQRFZZwU5e7GojyYsGB7QVtCi7iVEl/hoFXQYc+w==
|
||||
|
||||
"@types/node@^9.4.6":
|
||||
version "9.6.55"
|
||||
resolved "https://registry.yarnpkg.com/@types/node/-/node-9.6.55.tgz#7cc1358c9c18e71f6c020e410962971863232cf5"
|
||||
@ -4642,13 +4627,6 @@
|
||||
resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
|
||||
integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
|
||||
|
||||
"@types/parse5@^2.2.32":
|
||||
version "2.2.34"
|
||||
resolved "https://registry.yarnpkg.com/@types/parse5/-/parse5-2.2.34.tgz#e3870a10e82735a720f62d71dcd183ba78ef3a9d"
|
||||
integrity sha1-44cKEOgnNacg9i1x3NGDunjvOp0=
|
||||
dependencies:
|
||||
"@types/node" "*"
|
||||
|
||||
"@types/pretty-hrtime@^1.0.0":
|
||||
version "1.0.0"
|
||||
resolved "https://registry.yarnpkg.com/@types/pretty-hrtime/-/pretty-hrtime-1.0.0.tgz#c5a2d644a135e988b2932f99737e67b3c62528d0"
|
||||
@ -5172,11 +5150,6 @@
|
||||
"@webassemblyjs/wast-parser" "1.8.5"
|
||||
"@xtuc/long" "4.2.2"
|
||||
|
||||
"@webcomponents/webcomponentsjs@^1.2.0":
|
||||
version "1.3.3"
|
||||
resolved "https://registry.yarnpkg.com/@webcomponents/webcomponentsjs/-/webcomponentsjs-1.3.3.tgz#5bb82a0d3210c836bd4623e13a4a93145cb9dc27"
|
||||
integrity sha512-eLH04VBMpuZGzBIhOnUjECcQPEPcmfhWEijW9u1B5I+2PPYdWf3vWUExdDxu4Y3GljRSTCOlWnGtS9tpzmXMyQ==
|
||||
|
||||
"@webpack-contrib/schema-utils@^1.0.0-beta.0":
|
||||
version "1.0.0-beta.0"
|
||||
resolved "https://registry.yarnpkg.com/@webpack-contrib/schema-utils/-/schema-utils-1.0.0-beta.0.tgz#bf9638c9464d177b48209e84209e23bee2eb4f65"
|
||||
@ -5293,13 +5266,6 @@ acorn-globals@^4.1.0, acorn-globals@^4.3.0, acorn-globals@^4.3.2:
|
||||
acorn "^6.0.1"
|
||||
acorn-walk "^6.0.1"
|
||||
|
||||
acorn-jsx@^3.0.0:
|
||||
version "3.0.1"
|
||||
resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-3.0.1.tgz#afdf9488fb1ecefc8348f6fb22f464e32a58b36b"
|
||||
integrity sha1-r9+UiPsezvyDSPb7IvRk4ypYs2s=
|
||||
dependencies:
|
||||
acorn "^3.0.4"
|
||||
|
||||
acorn-jsx@^5.0.0, acorn-jsx@^5.1.0:
|
||||
version "5.1.0"
|
||||
resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.1.0.tgz#294adb71b57398b0680015f0a38c563ee1db5384"
|
||||
@ -5324,7 +5290,7 @@ acorn-walk@^7.0.0:
|
||||
resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.0.0.tgz#c8ba6f0f1aac4b0a9e32d1f0af12be769528f36b"
|
||||
integrity sha512-7Bv1We7ZGuU79zZbb6rRqcpxo3OY+zrdtloZWoyD8fmGX+FeXRjE+iuGkZjSXLVovLzrsvMGMy0EkwA0E0umxg==
|
||||
|
||||
acorn@^3.0.4, acorn@^3.1.0:
|
||||
acorn@^3.1.0:
|
||||
version "3.3.0"
|
||||
resolved "https://registry.yarnpkg.com/acorn/-/acorn-3.3.0.tgz#45e37fb39e8da3f25baee3ff5369e2bb5f22017a"
|
||||
integrity sha1-ReN/s56No/JbruP/U2niu18iAXo=
|
||||
@ -5334,7 +5300,7 @@ acorn@^4.0.4, acorn@~4.0.2:
|
||||
resolved "https://registry.yarnpkg.com/acorn/-/acorn-4.0.13.tgz#105495ae5361d697bd195c825192e1ad7f253787"
|
||||
integrity sha1-EFSVrlNh1pe9GVyCUZLhrX8lN4c=
|
||||
|
||||
acorn@^5.0.0, acorn@^5.5.0, acorn@^5.5.3:
|
||||
acorn@^5.0.0, acorn@^5.5.3:
|
||||
version "5.7.3"
|
||||
resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.3.tgz#67aa231bf8812974b85235a96771eb6bd07ea279"
|
||||
integrity sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==
|
||||
@ -9713,7 +9679,7 @@ clone@^1.0.1, clone@^1.0.2:
|
||||
resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
|
||||
integrity sha1-2jCcwmPfFZlMaIypAheco8fNfH4=
|
||||
|
||||
clone@^2.0.0, clone@^2.1.0, clone@^2.1.1, clone@^2.1.2:
|
||||
clone@^2.0.0, clone@^2.1.1, clone@^2.1.2:
|
||||
version "2.1.2"
|
||||
resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f"
|
||||
integrity sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=
|
||||
@ -10396,7 +10362,7 @@ copy-webpack-plugin@5.0.0:
|
||||
serialize-javascript "^1.4.0"
|
||||
webpack-log "^2.0.0"
|
||||
|
||||
copy-webpack-plugin@5.1.1, copy-webpack-plugin@^5.0.0, copy-webpack-plugin@^5.0.4:
|
||||
copy-webpack-plugin@5.1.1, copy-webpack-plugin@^5.0.4:
|
||||
version "5.1.1"
|
||||
resolved "https://registry.yarnpkg.com/copy-webpack-plugin/-/copy-webpack-plugin-5.1.1.tgz#5481a03dea1123d88a988c6ff8b78247214f0b88"
|
||||
integrity sha512-P15M5ZC8dyCjQHWwd4Ia/dm0SgVvZJMYeykVIVYXbGyqO4dWB5oyPHp9i7wjwo5LhtlhKbiBCdS2NvM07Wlybg==
|
||||
@ -11813,17 +11779,6 @@ dom-walk@^0.1.0:
|
||||
resolved "https://registry.yarnpkg.com/dom-walk/-/dom-walk-0.1.1.tgz#672226dc74c8f799ad35307df936aba11acd6018"
|
||||
integrity sha1-ZyIm3HTI95mtNTB9+TaroRrNYBg=
|
||||
|
||||
dom5@^2.3.0:
|
||||
version "2.3.0"
|
||||
resolved "https://registry.yarnpkg.com/dom5/-/dom5-2.3.0.tgz#f8204975bd0dacbbe5b58a8a93ffc1fed0ffcd2a"
|
||||
integrity sha1-+CBJdb0NrLvltYqKk//B/tD/zSo=
|
||||
dependencies:
|
||||
"@types/clone" "^0.1.29"
|
||||
"@types/node" "^6.0.0"
|
||||
"@types/parse5" "^2.2.32"
|
||||
clone "^2.1.0"
|
||||
parse5 "^2.2.2"
|
||||
|
||||
domain-browser@^1.1.1, domain-browser@^1.2.0:
|
||||
version "1.2.0"
|
||||
resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
|
||||
@ -12063,9 +12018,9 @@ ejs@^2.6.1, ejs@^2.7.4:
|
||||
integrity sha512-7vmuyh5+kuUyJKePhQfRQBhXV5Ce+RnaeeQArKu1EAMpL3WbgMt5WG6uQZpEVvYSSsxMXRKOewtDk9RaTKXRlA==
|
||||
|
||||
electron-to-chromium@^1.3.191, electron-to-chromium@^1.3.247, electron-to-chromium@^1.3.306, electron-to-chromium@^1.3.322, electron-to-chromium@^1.3.338, electron-to-chromium@^1.3.47:
|
||||
version "1.3.339"
|
||||
resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.339.tgz#ff7b56c4bc58159f0d6623591116e4414e7a618b"
|
||||
integrity sha512-C1i/vH6/kQx9YV8RddMkmW216GwW4pTrnYIlKmDFIqXA4fPwqDxIdGyHsuG+fgurHoljRz7/oaD+tztcryW/9g==
|
||||
version "1.3.340"
|
||||
resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.340.tgz#5d4fe78e984d4211194cf5a52e08069543da146f"
|
||||
integrity sha512-hRFBAglhcj5iVYH+o8QU0+XId1WGoc0VGowJB1cuJAt3exHGrivZvWeAO5BRgBZqwZtwxjm8a5MQeGoT/Su3ww==
|
||||
|
||||
elegant-spinner@^1.0.1:
|
||||
version "1.0.1"
|
||||
@ -13398,14 +13353,6 @@ esm@3.2.25, esm@^3.2.25, esm@^3.2.4:
|
||||
resolved "https://registry.yarnpkg.com/esm/-/esm-3.2.25.tgz#342c18c29d56157688ba5ce31f8431fbb795cc10"
|
||||
integrity sha512-U1suiZ2oDVWv4zPO56S0NcR5QriEahGtdN2OR6FiOG4WJvcjBVFB0qI4+eKoWFH483PKGuLuu6V8Z4T5g63UVA==
|
||||
|
||||
espree@^3.4.3:
|
||||
version "3.5.4"
|
||||
resolved "https://registry.yarnpkg.com/espree/-/espree-3.5.4.tgz#b0f447187c8a8bed944b815a660bddf5deb5d1a7"
|
||||
integrity sha512-yAcIQxtmMiB/jL32dzEp2enBeidsB7xWPLNiw3IIkpVds1P+h7qF9YwJq1yUNzp2OKXgAprs4F61ih66UsoD1A==
|
||||
dependencies:
|
||||
acorn "^5.5.0"
|
||||
acorn-jsx "^3.0.0"
|
||||
|
||||
espree@^5.0.1:
|
||||
version "5.0.1"
|
||||
resolved "https://registry.yarnpkg.com/espree/-/espree-5.0.1.tgz#5d6526fa4fc7f0788a5cf75b15f30323e2f81f7a"
|
||||
@ -16647,7 +16594,7 @@ html-escaper@^2.0.0:
|
||||
resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.0.tgz#71e87f931de3fe09e56661ab9a29aadec707b491"
|
||||
integrity sha512-a4u9BeERWGu/S8JiWEAQcdrg9v4QArtP9keViQjGMdff20fBdd8waotXaNmODqBe6uZ3Nafi7K/ho4gCQHV3Ig==
|
||||
|
||||
html-loader@^0.5.1, html-loader@^0.5.5:
|
||||
html-loader@^0.5.5:
|
||||
version "0.5.5"
|
||||
resolved "https://registry.yarnpkg.com/html-loader/-/html-loader-0.5.5.tgz#6356dbeb0c49756d8ebd5ca327f16ff06ab5faea"
|
||||
integrity sha512-7hIW7YinOYUpo//kSYcPB6dCKoceKLmOwjEMmhIobHuWGDVl0Nwe4l68mdG/Ru0wcUxQjVMEoZpkalZ/SE7zog==
|
||||
@ -24064,13 +24011,6 @@ parse-url@^5.0.0:
|
||||
parse-path "^4.0.0"
|
||||
protocols "^1.4.0"
|
||||
|
||||
parse5-utils@^2.0.0:
|
||||
version "2.0.0"
|
||||
resolved "https://registry.yarnpkg.com/parse5-utils/-/parse5-utils-2.0.0.tgz#c926c1764e2431a450a5941f302db9beaec9d78a"
|
||||
integrity sha1-ySbBdk4kMaRQpZQfMC25vq7J14o=
|
||||
dependencies:
|
||||
parse5 "^2.2.1"
|
||||
|
||||
parse5@4.0.0:
|
||||
version "4.0.0"
|
||||
resolved "https://registry.yarnpkg.com/parse5/-/parse5-4.0.0.tgz#6d78656e3da8d78b4ec0b906f7c08ef1dfe3f608"
|
||||
@ -24081,12 +24021,7 @@ parse5@5.1.0:
|
||||
resolved "https://registry.yarnpkg.com/parse5/-/parse5-5.1.0.tgz#c59341c9723f414c452975564c7c00a68d58acd2"
|
||||
integrity sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ==
|
||||
|
||||
parse5@^2.2.1, parse5@^2.2.2:
|
||||
version "2.2.3"
|
||||
resolved "https://registry.yarnpkg.com/parse5/-/parse5-2.2.3.tgz#0c4fc41c1000c5e6b93d48b03f8083837834e9f6"
|
||||
integrity sha1-DE/EHBAAxea5PUiwP4CDg3g06fY=
|
||||
|
||||
parse5@^3.0.1, parse5@^3.0.2:
|
||||
parse5@^3.0.1:
|
||||
version "3.0.3"
|
||||
resolved "https://registry.yarnpkg.com/parse5/-/parse5-3.0.3.tgz#042f792ffdd36851551cf4e9e066b3874ab45b5c"
|
||||
integrity sha512-rgO9Zg5LLLkfJF9E6CCmXlSE4UVceloys8JrFqCcHloC3usd/kJCyPDwH2SOlzix2j3xaP9sUX3e8+kvkuleAA==
|
||||
@ -24541,21 +24476,6 @@ polished@^3.3.1:
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.6.3"
|
||||
|
||||
polymer-webpack-loader@^2.0.3:
|
||||
version "2.0.3"
|
||||
resolved "https://registry.yarnpkg.com/polymer-webpack-loader/-/polymer-webpack-loader-2.0.3.tgz#2a2d1c2ef05bff372b573d3b761628a3b4ad3e7f"
|
||||
integrity sha512-3SR+/qVAGeVKltvsSMA+euGdLwj8ZZJnwd5NvXRvbdQ7yO57sdcTpRw3d34pTc9YTZxncW/kozuI/9bHjr/rdg==
|
||||
dependencies:
|
||||
css-selector-tokenizer "^0.7.0"
|
||||
dom5 "^2.3.0"
|
||||
espree "^3.4.3"
|
||||
html-loader "^0.5.1"
|
||||
loader-utils "^1.1.0"
|
||||
parse5 "^3.0.2"
|
||||
parse5-utils "^2.0.0"
|
||||
postcss "^6.0.9"
|
||||
source-map "^0.5.6"
|
||||
|
||||
popper.js@^1.14.4, popper.js@^1.14.7:
|
||||
version "1.16.1"
|
||||
resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.16.1.tgz#2a223cb3dc7b6213d740e40372be40de43e65b1b"
|
||||
@ -25389,7 +25309,7 @@ postcss@7.x.x, postcss@^7, postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.11, post
|
||||
source-map "^0.6.1"
|
||||
supports-color "^6.1.0"
|
||||
|
||||
postcss@^6.0.1, postcss@^6.0.9:
|
||||
postcss@^6.0.1:
|
||||
version "6.0.23"
|
||||
resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
|
||||
integrity sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user