@storybook/preset-server-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 Server
+
+This package is a [preset](https://storybook.js.org/docs/react/addons/writing-presets#presets-api) that configures Storybook's webpack settings for handling React.
+It's an internal package that's not intended to be used directly by users.
+
+- More info on [Storybook for Server](https://github.com/storybookjs/storybook/tree/main/frameworks/server-webpack5)

package/dist/cjs/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.webpack = void 0;
+
+var _path = _interopRequireDefault(require("path"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var webpack = function webpack(config) {
+  config.module.rules.push({
+    type: 'javascript/auto',
+    test: /\.stories\.json$/,
+    use: _path.default.resolve(__dirname, './loader.js')
+  });
+  config.module.rules.push({
+    type: 'javascript/auto',
+    test: /\.stories\.ya?ml/,
+    use: [_path.default.resolve(__dirname, './loader.js'), 'yaml-loader']
+  });
+  return config;
+};
+
+exports.webpack = webpack;

package/dist/cjs/lib/compiler/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.compileCsfModule = compileCsfModule;
+
+require("core-js/modules/es.object.assign.js");
+
+var _stringifier = require("./stringifier");
+
+function createSection(args) {
+  return Object.assign({
+    imports: {},
+    decorators: []
+  }, args);
+}
+
+function compileCsfModule(args) {
+  return (0, _stringifier.stringifySection)(createSection(args));
+}

package/dist/cjs/lib/compiler/stringifier.js

@@ -0,0 +1,175 @@
+"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.slice.js");
+
+require("core-js/modules/es.array.from.js");
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.object.freeze.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stringifyDecorators = stringifyDecorators;
+exports.stringifyDefault = stringifyDefault;
+exports.stringifyImports = stringifyImports;
+exports.stringifyObject = stringifyObject;
+exports.stringifySection = stringifySection;
+exports.stringifyStory = stringifyStory;
+
+require("core-js/modules/es.string.repeat.js");
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.array.join.js");
+
+require("core-js/modules/es.array.concat.js");
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.object.entries.js");
+
+require("core-js/modules/es.array.sort.js");
+
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/es.object.assign.js");
+
+var _tsDedent = _interopRequireDefault(require("ts-dedent"));
+
+var _templateObject;
+
+var _excluded = ["title", "imports", "decorators", "stories"],
+    _excluded2 = ["name"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 _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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+var _require = require('safe-identifier'),
+    identifier = _require.identifier;
+
+function stringifyObject(object) {
+  var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var excludeOuterParams = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+
+  if (typeof object === 'string') {
+    return JSON.stringify(object);
+  }
+
+  var indent = '  '.repeat(level);
+
+  if (Array.isArray(object)) {
+    var arrayStrings = object.map(function (item) {
+      return stringifyObject(item, level + 1);
+    });
+    var arrayString = arrayStrings.join(",\n".concat(indent, "  "));
+    if (excludeOuterParams) return arrayString;
+    return "[\n".concat(indent, "  ").concat(arrayString, "\n").concat(indent, "]");
+  }
+
+  if (_typeof(object) === 'object') {
+    var objectString = '';
+
+    if (Object.keys(object).length > 0) {
+      var objectStrings = Object.keys(object).map(function (key) {
+        var value = stringifyObject(object[key], level + 1);
+        return "\n".concat(indent, "  ").concat(key, ": ").concat(value);
+      });
+      objectString = objectStrings.join(',');
+    }
+
+    if (excludeOuterParams) return objectString;
+    if (objectString.length === 0) return '{}';
+    return "{".concat(objectString, "\n").concat(indent, "}");
+  }
+
+  return object;
+}
+
+function stringifyImports(imports) {
+  if (Object.keys(imports).length === 0) return '';
+  return Object.entries(imports).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        module = _ref2[0],
+        names = _ref2[1];
+
+    return "import { ".concat(names.sort().join(', '), " } from '").concat(module, "';\n");
+  }).join('');
+}
+
+function stringifyDecorators(decorators) {
+  return decorators && decorators.length > 0 ? "\n  decorators: [\n    ".concat(decorators.join(',\n    '), "\n  ],") : '';
+}
+
+function stringifyDefault(section) {
+  var title = section.title,
+      imports = section.imports,
+      decorators = section.decorators,
+      stories = section.stories,
+      options = _objectWithoutProperties(section, _excluded);
+
+  var decoratorsString = stringifyDecorators(decorators);
+  var optionsString = stringifyObject(options, 0, true);
+  return (0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  export default {\n    title: ", ",", "", "\n  };\n  \n  "])), JSON.stringify(title), decoratorsString, optionsString);
+}
+
+function stringifyStory(story) {
+  var name = story.name,
+      options = _objectWithoutProperties(story, _excluded2);
+
+  var storyId = identifier(name);
+  var exportedStory = Object.assign({
+    name: name
+  }, options);
+  var storyStrings = ["export const ".concat(storyId, " = ").concat(stringifyObject(exportedStory), ";"), ''];
+  return storyStrings.join('\n');
+}
+
+function stringifySection(section) {
+  var sectionString = [stringifyImports(section.imports), stringifyDefault(section)].concat(_toConsumableArray(section.stories.map(function (story) {
+    return stringifyStory(story);
+  }))).join('\n');
+  return sectionString;
+}

package/dist/cjs/lib/compiler/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/loader.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _compiler = require("./lib/compiler");
+
+var _default = function _default(content) {
+  try {
+    var after = (0, _compiler.compileCsfModule)(JSON.parse(content));
+    return after;
+  } catch (e) {//
+  }
+
+  return content;
+};
+
+exports.default = _default;

package/dist/esm/index.js

@@ -0,0 +1,14 @@
+import path from 'path';
+export const webpack = config => {
+  config.module.rules.push({
+    type: 'javascript/auto',
+    test: /\.stories\.json$/,
+    use: path.resolve(__dirname, './loader.js')
+  });
+  config.module.rules.push({
+    type: 'javascript/auto',
+    test: /\.stories\.ya?ml/,
+    use: [path.resolve(__dirname, './loader.js'), 'yaml-loader']
+  });
+  return config;
+};

package/dist/esm/lib/compiler/index.js

@@ -0,0 +1,12 @@
+import { stringifySection } from './stringifier';
+
+function createSection(args) {
+  return Object.assign({
+    imports: {},
+    decorators: []
+  }, args);
+}
+
+export function compileCsfModule(args) {
+  return stringifySection(createSection(args));
+}

package/dist/esm/lib/compiler/stringifier.js

@@ -0,0 +1,83 @@
+const _excluded = ["title", "imports", "decorators", "stories"],
+      _excluded2 = ["name"];
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import dedent from 'ts-dedent';
+
+const {
+  identifier
+} = require('safe-identifier');
+
+export function stringifyObject(object, level = 0, excludeOuterParams = false) {
+  if (typeof object === 'string') {
+    return JSON.stringify(object);
+  }
+
+  const indent = '  '.repeat(level);
+
+  if (Array.isArray(object)) {
+    const arrayStrings = object.map(item => stringifyObject(item, level + 1));
+    const arrayString = arrayStrings.join(`,\n${indent}  `);
+    if (excludeOuterParams) return arrayString;
+    return `[\n${indent}  ${arrayString}\n${indent}]`;
+  }
+
+  if (typeof object === 'object') {
+    let objectString = '';
+
+    if (Object.keys(object).length > 0) {
+      const objectStrings = Object.keys(object).map(key => {
+        const value = stringifyObject(object[key], level + 1);
+        return `\n${indent}  ${key}: ${value}`;
+      });
+      objectString = objectStrings.join(',');
+    }
+
+    if (excludeOuterParams) return objectString;
+    if (objectString.length === 0) return '{}';
+    return `{${objectString}\n${indent}}`;
+  }
+
+  return object;
+}
+export function stringifyImports(imports) {
+  if (Object.keys(imports).length === 0) return '';
+  return Object.entries(imports).map(([module, names]) => `import { ${names.sort().join(', ')} } from '${module}';\n`).join('');
+}
+export function stringifyDecorators(decorators) {
+  return decorators && decorators.length > 0 ? `\n  decorators: [\n    ${decorators.join(',\n    ')}\n  ],` : '';
+}
+export function stringifyDefault(section) {
+  const {
+    title,
+    decorators
+  } = section,
+        options = _objectWithoutPropertiesLoose(section, _excluded);
+
+  const decoratorsString = stringifyDecorators(decorators);
+  const optionsString = stringifyObject(options, 0, true);
+  return dedent`
+  export default {
+    title: ${JSON.stringify(title)},${decoratorsString}${optionsString}
+  };
+  
+  `;
+}
+export function stringifyStory(story) {
+  const {
+    name
+  } = story,
+        options = _objectWithoutPropertiesLoose(story, _excluded2);
+
+  const storyId = identifier(name);
+  const exportedStory = Object.assign({
+    name
+  }, options);
+  const storyStrings = [`export const ${storyId} = ${stringifyObject(exportedStory)};`, ''];
+  return storyStrings.join('\n');
+}
+export function stringifySection(section) {
+  const sectionString = [stringifyImports(section.imports), stringifyDefault(section), ...section.stories.map(story => stringifyStory(story))].join('\n');
+  return sectionString;
+}

package/dist/esm/loader.js

@@ -0,0 +1,10 @@
+import { compileCsfModule } from './lib/compiler';
+export default (content => {
+  try {
+    const after = compileCsfModule(JSON.parse(content));
+    return after;
+  } catch (e) {//
+  }
+
+  return content;
+});

package/dist/types/index.d.ts

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

package/dist/types/lib/compiler/index.d.ts

@@ -0,0 +1,2 @@
+import { CompileCsfModuleArgs } from './types';
+export declare function compileCsfModule(args: CompileCsfModuleArgs): string;

package/dist/types/lib/compiler/stringifier.d.ts

@@ -0,0 +1,7 @@
+import { StorybookStory, StorybookSection } from './types';
+export declare function stringifyObject(object: any, level?: number, excludeOuterParams?: boolean): string;
+export declare function stringifyImports(imports: Record<string, string[]>): string;
+export declare function stringifyDecorators(decorators: string[]): string;
+export declare function stringifyDefault(section: StorybookSection): string;
+export declare function stringifyStory(story: StorybookStory): string;
+export declare function stringifySection(section: StorybookSection): string;

package/dist/types/lib/compiler/types.d.ts

@@ -0,0 +1,24 @@
+export interface CompileStorybookStoryArgs {
+    name: string;
+    [x: string]: any;
+}
+export interface CompileStorybookSectionArgs {
+    title: string;
+    stories: CompileStorybookStoryArgs[];
+    [x: string]: any;
+}
+export interface CompileCsfModuleArgs extends CompileStorybookSectionArgs {
+    addons?: string[];
+}
+export interface StorybookStory {
+    name: string;
+    decorators?: string[];
+    [x: string]: any;
+}
+export interface StorybookSection {
+    imports: Record<string, string[]>;
+    decorators?: string[];
+    title: string;
+    stories: StorybookStory[];
+    [x: string]: any;
+}

package/dist/types/loader.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (content: string) => string;
+export default _default;

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@storybook/preset-server-webpack",
+  "version": "7.0.0-alpha.0",
+  "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
+  "keywords": [
+    "storybook"
+  ],
+  "homepage": "https://github.com/storybookjs/storybook/tree/main/presets/server-webpack",
+  "bugs": {
+    "url": "https://github.com/storybookjs/storybook/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/storybookjs/storybook.git",
+    "directory": "presets/server-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": [
+    "dist/**/*",
+    "README.md",
+    "*.js",
+    "*.d.ts"
+  ],
+  "scripts": {
+    "prepare": "node ../../scripts/prepare.js"
+  },
+  "dependencies": {
+    "@storybook/core-server": "7.0.0-alpha.0",
+    "@storybook/core-webpack": "7.0.0-alpha.0",
+    "@storybook/server": "7.0.0-alpha.0",
+    "@types/node": "^14.14.20 || ^16.0.0",
+    "core-js": "^3.8.2",
+    "global": "^4.4.0",
+    "react": "16.14.0",
+    "react-dom": "16.14.0",
+    "regenerator-runtime": "^0.13.7",
+    "safe-identifier": "^0.4.1",
+    "ts-dedent": "^2.0.0",
+    "yaml-loader": "^0.8.0"
+  },
+  "devDependencies": {
+    "fs-extra": "^9.0.1",
+    "jest-specific-snapshot": "^4.0.0",
+    "yaml": "^1.10.0"
+  },
+  "engines": {
+    "node": ">=10.13.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "c82d897ea765da8cf4fbbcc2af1f28c808a93e23"
+}

package/preset.js

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