Addon-docs: Source loader library (#7117)

Addon-docs: Source loader library
storybookjs · Jun 25, 2019 · 6668d32 · 6668d32
2 parents 79fb587 + ca2dc93
commit 6668d32
Show file tree

Hide file tree

Showing 42 changed files with 2,148 additions and 13 deletions.
diff --git a/.babelrc.js b/.babelrc.js
@@ -54,6 +54,7 @@ module.exports = {
     },
     {
       test: './lib',
+      exclude: './addons/storysource/src/loader',
       presets: [
         ['@babel/preset-env', { shippedProposals: true, useBuiltIns: 'usage', corejs: '3' }],
         '@babel/preset-react',
@@ -77,6 +78,7 @@ module.exports = {
         './lib/core/src/server',
         './lib/node-logger',
         './lib/codemod',
+        './lib/source-loader/src',
         './addons/storyshots',
         './addons/storysource/src/loader',
         './app/**/src/server/**',

diff --git a/examples/angular-cli/.storybook/webpack.config.ts b/examples/angular-cli/.storybook/webpack.config.ts
@@ -5,7 +5,7 @@ module.exports = async ({ config }: { config: any }) => {
     test: [/\.stories\.tsx?$/, /index\.ts$/],
     loaders: [
       {
-        loader: require.resolve('@storybook/addon-storysource/loader'),
+        loader: require.resolve('@storybook/source-loader'),
         options: {
           parser: 'typescript',
         },

diff --git a/examples/ember-cli/.storybook/webpack.config.js b/examples/ember-cli/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../')],
     enforce: 'pre',
   });

diff --git a/examples/ember-cli/package.json b/examples/ember-cli/package.json
@@ -27,6 +27,7 @@
     "@storybook/addon-viewport": "5.2.0-alpha.23",
     "@storybook/addons": "5.2.0-alpha.23",
     "@storybook/ember": "5.2.0-alpha.23",
+    "@storybook/source-loader": "5.2.0-alpha.23",
     "babel-loader": "^8",
     "broccoli-asset-rev": "^3.0.0",
     "cross-env": "^5.2.0",

diff --git a/examples/html-kitchen-sink/.storybook/webpack.config.js b/examples/html-kitchen-sink/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../stories')],
     enforce: 'pre',
   });

diff --git a/examples/html-kitchen-sink/package.json b/examples/html-kitchen-sink/package.json
@@ -31,6 +31,7 @@
     "@storybook/core": "5.2.0-alpha.23",
     "@storybook/core-events": "5.2.0-alpha.23",
     "@storybook/html": "5.2.0-alpha.23",
+    "@storybook/source-loader": "5.2.0-alpha.23",
     "eventemitter3": "^3.1.0",
     "format-json": "^1.0.3",
     "global": "^4.3.2"

diff --git a/examples/marko-cli/.storybook/webpack.config.js b/examples/marko-cli/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });

diff --git a/examples/marko-cli/package.json b/examples/marko-cli/package.json
@@ -31,6 +31,7 @@
     "@storybook/addon-storysource": "5.2.0-alpha.23",
     "@storybook/addons": "5.2.0-alpha.23",
     "@storybook/marko": "5.2.0-alpha.23",
+    "@storybook/source-loader": "5.2.0-alpha.23",
     "prettier": "^1.16.4",
     "webpack": "^4.33.0"
   }

diff --git a/examples/mithril-kitchen-sink/.storybook/webpack.config.js b/examples/mithril-kitchen-sink/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });

diff --git a/examples/mithril-kitchen-sink/package.json b/examples/mithril-kitchen-sink/package.json
@@ -24,6 +24,7 @@
     "@storybook/addon-viewport": "5.2.0-alpha.23",
     "@storybook/addons": "5.2.0-alpha.23",
     "@storybook/mithril": "5.2.0-alpha.23",
+    "@storybook/source-loader": "5.2.0-alpha.23",
     "webpack": "^4.33.0"
   }
 }
diff --git a/examples/official-storybook/package.json b/examples/official-storybook/package.json
@@ -41,6 +41,7 @@
     "@storybook/core-events": "5.2.0-alpha.23",
     "@storybook/node-logger": "5.2.0-alpha.23",
     "@storybook/react": "5.2.0-alpha.23",
+    "@storybook/source-loader": "5.2.0-alpha.23",
     "@storybook/theming": "5.2.0-alpha.23",
     "cors": "^2.8.5",
     "cross-env": "^5.2.0",

diff --git a/examples/official-storybook/webpack.config.js b/examples/official-storybook/webpack.config.js
@@ -39,8 +39,13 @@ module.exports = async ({ config }) => ({
         exclude: [/node_modules/, /dist/],
       },
       {
-        test: /\.stories\.jsx?$/,
-        use: require.resolve('@storybook/addon-storysource/loader'),
+        test: /\.stories\.[tj]sx?$/,
+        use: [
+          {
+            loader: require.resolve('@storybook/source-loader'),
+            options: { injectParameters: true },
+          },
+        ],
         include: [
           path.resolve(__dirname, './stories'),
           path.resolve(__dirname, '../../lib/ui/src'),

diff --git a/examples/polymer-cli/.storybook/webpack.config.js b/examples/polymer-cli/.storybook/webpack.config.js
@@ -4,7 +4,7 @@ const webpack = require('webpack');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });

diff --git a/examples/polymer-cli/package.json b/examples/polymer-cli/package.json
@@ -20,6 +20,7 @@
     "@storybook/addon-storysource": "5.2.0-alpha.23",
     "@storybook/addon-viewport": "5.2.0-alpha.23",
     "@storybook/polymer": "5.2.0-alpha.23",
+    "@storybook/source-loader": "5.2.0-alpha.23",
     "@webcomponents/webcomponentsjs": "^1.2.0",
     "global": "^4.3.2",
     "lit-html": "^1.0.0",

diff --git a/examples/preact-kitchen-sink/.storybook/webpack.config.js b/examples/preact-kitchen-sink/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });

diff --git a/examples/preact-kitchen-sink/package.json b/examples/preact-kitchen-sink/package.json
@@ -30,6 +30,7 @@
     "@storybook/addon-viewport": "5.2.0-alpha.23",
     "@storybook/addons": "5.2.0-alpha.23",
     "@storybook/preact": "5.2.0-alpha.23",
+    "@storybook/source-loader": "5.2.0-alpha.23",
     "babel-loader": "^8.0.4",
     "cross-env": "^5.2.0",
     "file-loader": "^3.0.1",

diff --git a/examples/rax-kitchen-sink/.storybook/webpack.config.js b/examples/rax-kitchen-sink/.storybook/webpack.config.js
@@ -5,7 +5,7 @@ module.exports = {
     rules: [
       {
         test: [/\.stories\.js$/, /index\.js$/],
-        loaders: [require.resolve('@storybook/addon-storysource/loader')],
+        loaders: [require.resolve('@storybook/source-loader')],
         include: [path.resolve(__dirname, '../src')],
         enforce: 'pre',
       },

diff --git a/examples/rax-kitchen-sink/package.json b/examples/rax-kitchen-sink/package.json
@@ -40,6 +40,7 @@
     "@storybook/addon-viewport": "5.2.0-alpha.23",
     "@storybook/addons": "5.2.0-alpha.23",
     "@storybook/rax": "5.2.0-alpha.23",
+    "@storybook/source-loader": "5.2.0-alpha.23",
     "babel-eslint": "^8.2.2",
     "babel-preset-rax": "^1.0.0-beta.0",
     "rax-scripts": "^1.0.0-beta.10",

diff --git a/examples/riot-kitchen-sink/.storybook/webpack.config.js b/examples/riot-kitchen-sink/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });

diff --git a/examples/riot-kitchen-sink/package.json b/examples/riot-kitchen-sink/package.json
@@ -29,6 +29,7 @@
     "@storybook/addon-viewport": "5.2.0-alpha.23",
     "@storybook/addons": "5.2.0-alpha.23",
     "@storybook/riot": "5.2.0-alpha.23",
+    "@storybook/source-loader": "5.2.0-alpha.23",
     "babel-loader": "^8.0.4",
     "cross-env": "^5.2.0",
     "file-loader": "^3.0.1",

diff --git a/examples/svelte-kitchen-sink/.storybook/webpack.config.js b/examples/svelte-kitchen-sink/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });

diff --git a/examples/svelte-kitchen-sink/package.json b/examples/svelte-kitchen-sink/package.json
@@ -23,6 +23,7 @@
     "@storybook/addon-storysource": "5.2.0-alpha.23",
     "@storybook/addon-viewport": "5.2.0-alpha.23",
     "@storybook/addons": "5.2.0-alpha.23",
+    "@storybook/source-loader": "5.2.0-alpha.23",
     "@storybook/svelte": "5.2.0-alpha.23"
   }
 }
diff --git a/examples/vue-kitchen-sink/.storybook/webpack.config.js b/examples/vue-kitchen-sink/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });

diff --git a/examples/vue-kitchen-sink/package.json b/examples/vue-kitchen-sink/package.json
@@ -29,6 +29,7 @@
     "@storybook/addon-storysource": "5.2.0-alpha.23",
     "@storybook/addon-viewport": "5.2.0-alpha.23",
     "@storybook/addons": "5.2.0-alpha.23",
+    "@storybook/source-loader": "5.2.0-alpha.23",
     "@storybook/vue": "5.2.0-alpha.23",
     "babel-core": "^7.0.0-bridge.0",
     "babel-loader": "^8.0.5",

diff --git a/lib/source-loader/package.json b/lib/source-loader/package.json
@@ -0,0 +1,38 @@
+{
+  "name": "@storybook/source-loader",
+  "version": "5.2.0-alpha.23",
+  "description": "Source loader",
+  "keywords": [
+    "lib",
+    "storybook"
+  ],
+  "homepage": "https://github.com/storybookjs/storybook/tree/master/lib/source-loader",
+  "bugs": {
+    "url": "https://github.com/storybookjs/storybook/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/storybookjs/storybook.git",
+    "directory": "lib/source-loader"
+  },
+  "license": "MIT",
+  "main": "dist/index.js",
+  "jsnext:main": "src/index.js",
+  "scripts": {
+    "prepare": "node ../../scripts/prepare.js"
+  },
+  "dependencies": {
+    "@storybook/addons": "5.2.0-alpha.23",
+    "@storybook/router": "5.2.0-alpha.23",
+    "core-js": "^3.0.1",
+    "estraverse": "^4.2.0",
+    "global": "^4.3.2",
+    "loader-utils": "^1.2.3",
+    "prettier": "^1.16.4",
+    "prop-types": "^15.7.2",
+    "regenerator-runtime": "^0.12.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}