@storybook/preset-vue3-webpack 7.0.0-alpha.0

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017 Kadira Inc. <hello@kadira.io>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,6 @@
+# Storybook Webpack preset for Vue3
+
+This package is a [preset](https://storybook.js.org/docs/vue/addons/writing-presets#presets-api) that configures Storybook's webpack settings for handling Vue3.
+It's an internal package that's not intended to be used directly by users.
+
+- More info on [Storybook for Vue3](https://storybook.js.org/docs/vue/get-started/introduction)

package/dist/cjs/framework-preset-vue3-docs.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.webpackFinal = void 0;
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.array.includes.js");
+
+require("core-js/modules/es.string.includes.js");
+
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/es.object.assign.js");
+
+var _docsTools = require("@storybook/docs-tools");
+
+var webpackFinal = function webpackFinal(config, options) {
+  var _options$presetsList;
+
+  if (!(0, _docsTools.hasDocsOrControls)(options)) return config;
+  var vueDocgenOptions = {};
+  (_options$presetsList = options.presetsList) === null || _options$presetsList === void 0 ? void 0 : _options$presetsList.forEach(function (preset) {
+    if (preset.name.includes('addon-docs') && preset.options.vueDocgenOptions) {
+      var appendableOptions = preset.options.vueDocgenOptions;
+      vueDocgenOptions = Object.assign({}, vueDocgenOptions, appendableOptions);
+    }
+  });
+  config.module.rules.push({
+    test: /\.vue$/,
+    loader: require.resolve('vue-docgen-loader', {
+      paths: [require.resolve('@storybook/preset-vue3-webpack')]
+    }),
+    enforce: 'post',
+    options: {
+      docgenOptions: Object.assign({
+        alias: config.resolve.alias
+      }, vueDocgenOptions)
+    }
+  });
+  return config;
+};
+
+exports.webpackFinal = webpackFinal;

package/dist/cjs/framework-preset-vue3.js

@@ -0,0 +1,91 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.symbol.description.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.symbol.iterator.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.array.from.js");
+
+require("core-js/modules/es.array.slice.js");
+
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/es.regexp.exec.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.webpack = void 0;
+
+require("core-js/modules/es.object.assign.js");
+
+require("core-js/modules/es.array.concat.js");
+
+var _vueLoader = require("vue-loader");
+
+var _webpack = require("webpack");
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+var webpack = function webpack(config) {
+  return Object.assign({}, config, {
+    plugins: [].concat(_toConsumableArray(config.plugins), [new _vueLoader.VueLoaderPlugin(), new _webpack.DefinePlugin({
+      __VUE_OPTIONS_API__: JSON.stringify(true),
+      __VUE_PROD_DEVTOOLS__: JSON.stringify(true)
+    })]),
+    module: Object.assign({}, config.module, {
+      rules: [].concat(_toConsumableArray(config.module.rules), [{
+        test: /\.vue$/,
+        loader: require.resolve('vue-loader'),
+        options: {}
+      }, {
+        test: /\.ts$/,
+        use: [{
+          loader: require.resolve('ts-loader'),
+          options: {
+            transpileOnly: true,
+            appendTsSuffixTo: [/\.vue$/]
+          }
+        }]
+      }, {
+        test: /\.tsx$/,
+        use: [{
+          loader: require.resolve('ts-loader'),
+          options: {
+            transpileOnly: true,
+            // Note this is different from the `appendTsSuffixTo` above!
+            appendTsxSuffixTo: [/\.vue$/]
+          }
+        }]
+      }])
+    }),
+    resolve: Object.assign({}, config.resolve, {
+      extensions: [].concat(_toConsumableArray(config.resolve.extensions), ['.vue']),
+      alias: Object.assign({}, config.resolve.alias, {
+        vue$: require.resolve('vue/dist/vue.esm-bundler.js')
+      })
+    })
+  });
+};
+
+exports.webpack = webpack;

package/dist/cjs/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addons = void 0;
+var addons = [require.resolve('./framework-preset-vue3'), require.resolve('./framework-preset-vue3-docs')];
+exports.addons = addons;

package/dist/esm/framework-preset-vue3-docs.js

@@ -0,0 +1,24 @@
+import { hasDocsOrControls } from '@storybook/docs-tools';
+export const webpackFinal = (config, options) => {
+  if (!hasDocsOrControls(options)) return config;
+  let vueDocgenOptions = {};
+  options.presetsList?.forEach(preset => {
+    if (preset.name.includes('addon-docs') && preset.options.vueDocgenOptions) {
+      const appendableOptions = preset.options.vueDocgenOptions;
+      vueDocgenOptions = Object.assign({}, vueDocgenOptions, appendableOptions);
+    }
+  });
+  config.module.rules.push({
+    test: /\.vue$/,
+    loader: require.resolve('vue-docgen-loader', {
+      paths: [require.resolve('@storybook/preset-vue3-webpack')]
+    }),
+    enforce: 'post',
+    options: {
+      docgenOptions: Object.assign({
+        alias: config.resolve.alias
+      }, vueDocgenOptions)
+    }
+  });
+  return config;
+};

package/dist/esm/framework-preset-vue3.js

@@ -0,0 +1,42 @@
+import { VueLoaderPlugin } from 'vue-loader';
+import { DefinePlugin } from 'webpack';
+export const webpack = config => {
+  return Object.assign({}, config, {
+    plugins: [...config.plugins, new VueLoaderPlugin(), new DefinePlugin({
+      __VUE_OPTIONS_API__: JSON.stringify(true),
+      __VUE_PROD_DEVTOOLS__: JSON.stringify(true)
+    })],
+    module: Object.assign({}, config.module, {
+      rules: [...config.module.rules, {
+        test: /\.vue$/,
+        loader: require.resolve('vue-loader'),
+        options: {}
+      }, {
+        test: /\.ts$/,
+        use: [{
+          loader: require.resolve('ts-loader'),
+          options: {
+            transpileOnly: true,
+            appendTsSuffixTo: [/\.vue$/]
+          }
+        }]
+      }, {
+        test: /\.tsx$/,
+        use: [{
+          loader: require.resolve('ts-loader'),
+          options: {
+            transpileOnly: true,
+            // Note this is different from the `appendTsSuffixTo` above!
+            appendTsxSuffixTo: [/\.vue$/]
+          }
+        }]
+      }]
+    }),
+    resolve: Object.assign({}, config.resolve, {
+      extensions: [...config.resolve.extensions, '.vue'],
+      alias: Object.assign({}, config.resolve.alias, {
+        vue$: require.resolve('vue/dist/vue.esm-bundler.js')
+      })
+    })
+  });
+};

package/dist/esm/index.js

@@ -0,0 +1 @@
+export const addons = [require.resolve('./framework-preset-vue3'), require.resolve('./framework-preset-vue3-docs')];

package/dist/types/framework-preset-vue3-docs.d.ts

@@ -0,0 +1,2 @@
+import type { StorybookConfig } from '@storybook/core-webpack';
+export declare const webpackFinal: StorybookConfig['webpackFinal'];

package/dist/types/framework-preset-vue3.d.ts

@@ -0,0 +1,2 @@
+import type { StorybookConfig } from '@storybook/core-webpack';
+export declare const webpack: StorybookConfig['webpack'];

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+import type { StorybookConfig } from '@storybook/core-webpack';
+export declare const addons: StorybookConfig['addons'];

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@storybook/preset-vue3-webpack",
+  "version": "7.0.0-alpha.0",
+  "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
+  "keywords": [
+    "storybook"
+  ],
+  "homepage": "https://github.com/storybookjs/storybook/tree/main/presets/vue3-webpack",
+  "bugs": {
+    "url": "https://github.com/storybookjs/storybook/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/storybookjs/storybook.git",
+    "directory": "presets/vue3-webpack"
+  },
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/storybook"
+  },
+  "license": "MIT",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "files": [
+    "bin/**/*",
+    "dist/**/*",
+    "README.md",
+    "*.js",
+    "*.d.ts"
+  ],
+  "scripts": {
+    "prepare": "node ../../scripts/prepare.js"
+  },
+  "dependencies": {
+    "@storybook/core-webpack": "7.0.0-alpha.0",
+    "@storybook/docs-tools": "7.0.0-alpha.0",
+    "@types/node": "^14.14.20 || ^16.0.0",
+    "core-js": "^3.8.2",
+    "react": "16.14.0",
+    "react-dom": "16.14.0",
+    "regenerator-runtime": "^0.13.7",
+    "ts-loader": "^9.2.8",
+    "vue-docgen-api": "^4.46.0",
+    "vue-docgen-loader": "^1.5.1",
+    "vue-loader": "^16.0.0",
+    "webpack": "5"
+  },
+  "devDependencies": {
+    "@vue/compiler-sfc": "^3.2.33",
+    "vue": "^3.2.33"
+  },
+  "peerDependencies": {
+    "@babel/core": "*",
+    "@vue/compiler-sfc": "^3.0.0",
+    "babel-loader": "^7.0.0 || ^8.0.0",
+    "vue": "^3.0.0"
+  },
+  "engines": {
+    "node": ">=10.13.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "c82d897ea765da8cf4fbbcc2af1f28c808a93e23"
+}

package/preset.js

@@ -0,0 +1 @@
+module.exports = require('./dist/cjs/index');