@storybook/web-components 6.5.9 → 7.0.0-alpha.2

package/dist/cjs/{client/preview → preview}/render.js

@@ -1,18 +1,10 @@
 "use strict";
 
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.object.freeze.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderToDOM = renderToDOM;
 
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.array.concat.js");
-
 var _global = _interopRequireDefault(require("global"));
 
 var _tsDedent = _interopRequireDefault(require("ts-dedent"));
@@ -23,22 +15,24 @@ var _directiveHelpers = require("lit-html/directive-helpers.js");
 
 var _previewWeb = require("@storybook/preview-web");
 
-var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Node = _global.default.Node;
-
-function renderToDOM(_ref, domElement) {
-  var storyFn = _ref.storyFn,
-      kind = _ref.kind,
-      name = _ref.name,
-      showMain = _ref.showMain,
-      showError = _ref.showError,
-      forceRemount = _ref.forceRemount;
-  var element = storyFn();
+/* eslint-disable no-param-reassign */
+// Keep `.js` extension to avoid issue with Webpack (related to export map?)
+// eslint-disable-next-line import/extensions
+const {
+  Node
+} = _global.default;
+
+function renderToDOM({
+  storyFn,
+  kind,
+  name,
+  showMain,
+  showError,
+  forceRemount
+}, domElement) {
+  const element = storyFn();
   showMain();
 
   if ((0, _directiveHelpers.isTemplateResult)(element)) {
@@ -49,7 +43,7 @@ function renderToDOM(_ref, domElement) {
       domElement.innerHTML = '<div id="root-inner"></div>';
     }
 
-    var renderTo = domElement.querySelector('[id="root-inner"]');
+    const renderTo = domElement.querySelector('[id="root-inner"]');
     (0, _litHtml.render)(element, renderTo);
     (0, _previewWeb.simulatePageLoad)(domElement);
   } else if (typeof element === 'string') {
@@ -66,8 +60,11 @@ function renderToDOM(_ref, domElement) {
     (0, _previewWeb.simulateDOMContentLoaded)();
   } else {
     showError({
-      title: "Expecting an HTML snippet or DOM node from the story: \"".concat(name, "\" of \"").concat(kind, "\"."),
-      description: (0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        Did you forget to return the HTML snippet from the story?\n        Use \"() => <your snippet or node>\" or when defining the story.\n      "])))
+      title: `Expecting an HTML snippet or DOM node from the story: "${name}" of "${kind}".`,
+      description: (0, _tsDedent.default)`
+        Did you forget to return the HTML snippet from the story?
+        Use "() => <your snippet or node>" or when defining the story.
+      `
     });
   }
 }

package/dist/esm/config.js

@@ -0,0 +1,6 @@
+import { parameters as docsParams } from './docs/config';
+export const parameters = Object.assign({
+  framework: 'web-components'
+}, docsParams);
+export { decorators, argTypesEnhancers } from './docs/config';
+export * from './preview/config';

package/dist/{modern/client → esm}/docs/config.js

@@ -1,14 +1,12 @@
 import { SourceType, enhanceArgTypes } from '@storybook/docs-tools';
 import { extractArgTypes, extractComponentDescription } from './custom-elements';
 import { sourceDecorator } from './sourceDecorator';
-import { prepareForInline } from './prepareForInline';
 export const decorators = [sourceDecorator];
 export const parameters = {
   docs: {
     extractArgTypes,
     extractComponentDescription,
     inlineStories: true,
-    prepareForInline,
     source: {
       type: SourceType.DYNAMIC,
       language: 'html'

package/dist/{modern/client → esm}/docs/custom-elements.js

@@ -1,32 +1,9 @@
-import "core-js/modules/es.array.reduce.js";
 import { logger } from '@storybook/client-logger';
 import { getCustomElements, isValidComponent, isValidMetaData } from '..';
 
-function mapData(data, category) {
-  return data && data.filter(item => item && item.name).reduce((acc, item) => {
-    if (item.kind === 'method') return acc;
-
-    switch (category) {
-      case 'events':
-        mapEvent(item).forEach(argType => {
-          acc[argType.name] = argType;
-        });
-        break;
-
-      default:
-        acc[item.name] = mapItem(item, category);
-        break;
-    }
-
-    return acc;
-  }, {});
-}
-
 function mapItem(item, category) {
-  var _item$type, _item$type2;
-
   const type = category === 'properties' ? {
-    name: ((_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.text) || item.type
+    name: item.type?.text || item.type
   } : {
     name: 'void'
   };
@@ -38,7 +15,7 @@ function mapItem(item, category) {
     table: {
       category,
       type: {
-        summary: ((_item$type2 = item.type) === null || _item$type2 === void 0 ? void 0 : _item$type2.text) || item.type
+        summary: item.type?.text || item.type
       },
       defaultValue: {
         summary: item.default !== undefined ? item.default : item.defaultValue
@@ -63,6 +40,26 @@ function mapEvent(item) {
   }, mapItem(item, 'events')];
 }
 
+function mapData(data, category) {
+  return data && data.filter(item => item && item.name).reduce((acc, item) => {
+    if (item.kind === 'method') return acc;
+
+    switch (category) {
+      case 'events':
+        mapEvent(item).forEach(argType => {
+          acc[argType.name] = argType;
+        });
+        break;
+
+      default:
+        acc[item.name] = mapItem(item, category);
+        break;
+    }
+
+    return acc;
+  }, {});
+}
+
 const getMetaDataExperimental = (tagName, customElements) => {
   if (!isValidComponent(tagName) || !isValidMetaData(customElements)) {
     return null;
@@ -78,17 +75,13 @@ const getMetaDataExperimental = (tagName, customElements) => {
 };
 
 const getMetaDataV1 = (tagName, customElements) => {
-  var _customElements$modul;
-
   if (!isValidComponent(tagName) || !isValidMetaData(customElements)) {
     return null;
   }
 
   let metadata;
-  customElements === null || customElements === void 0 ? void 0 : (_customElements$modul = customElements.modules) === null || _customElements$modul === void 0 ? void 0 : _customElements$modul.forEach(_module => {
-    var _module$declarations;
-
-    _module === null || _module === void 0 ? void 0 : (_module$declarations = _module.declarations) === null || _module$declarations === void 0 ? void 0 : _module$declarations.forEach(declaration => {
+  customElements?.modules?.forEach(_module => {
+    _module?.declarations?.forEach(declaration => {
       if (declaration.tagName === tagName) {
         metadata = declaration;
       }
@@ -102,19 +95,18 @@ const getMetaDataV1 = (tagName, customElements) => {
   return metadata;
 };
 
-export const extractArgTypesFromElements = (tagName, customElements) => {
-  const metaData = getMetaData(tagName, customElements);
-  return metaData && Object.assign({}, mapData(metaData.attributes, 'attributes'), mapData(metaData.members, 'properties'), mapData(metaData.properties, 'properties'), mapData(metaData.events, 'events'), mapData(metaData.slots, 'slots'), mapData(metaData.cssProperties, 'css custom properties'), mapData(metaData.cssParts, 'css shadow parts'));
-};
-
 const getMetaData = (tagName, manifest) => {
-  if ((manifest === null || manifest === void 0 ? void 0 : manifest.version) === 'experimental') {
+  if (manifest?.version === 'experimental') {
     return getMetaDataExperimental(tagName, manifest);
   }
 
   return getMetaDataV1(tagName, manifest);
 };
 
+export const extractArgTypesFromElements = (tagName, customElements) => {
+  const metaData = getMetaData(tagName, customElements);
+  return metaData && Object.assign({}, mapData(metaData.attributes, 'attributes'), mapData(metaData.members, 'properties'), mapData(metaData.properties, 'properties'), mapData(metaData.events, 'events'), mapData(metaData.slots, 'slots'), mapData(metaData.cssProperties, 'css custom properties'), mapData(metaData.cssParts, 'css shadow parts'));
+};
 export const extractArgTypes = tagName => {
   const cem = getCustomElements();
   return extractArgTypesFromElements(tagName, cem);

package/dist/esm/docs/sourceDecorator.js

@@ -0,0 +1,45 @@
+/* eslint-disable no-underscore-dangle */
+
+/* global window */
+import { render } from 'lit-html';
+import { addons, useEffect } from '@storybook/addons';
+import { SNIPPET_RENDERED, SourceType } from '@storybook/docs-tools';
+// Taken from https://github.com/lit/lit/blob/main/packages/lit-html/src/test/test-utils/strip-markers.ts
+const LIT_EXPRESSION_COMMENTS = /<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;
+
+function skipSourceRender(context) {
+  const sourceParams = context?.parameters.docs?.source;
+  const isArgsStory = context?.parameters.__isArgsStory; // always render if the user forces it
+
+  if (sourceParams?.type === SourceType.DYNAMIC) {
+    return false;
+  } // never render if the user is forcing the block to render code, or
+  // if the user provides code, or if it's not an args story.
+
+
+  return !isArgsStory || sourceParams?.code || sourceParams?.type === SourceType.CODE;
+}
+
+function applyTransformSource(source, context) {
+  const {
+    transformSource
+  } = context.parameters.docs ?? {};
+  if (typeof transformSource !== 'function') return source;
+  return transformSource(source, context);
+}
+
+export function sourceDecorator(storyFn, context) {
+  const story = context?.parameters.docs?.source?.excludeDecorators ? context.originalStoryFn(context.args, context) : storyFn();
+  let source;
+  useEffect(() => {
+    if (source) addons.getChannel().emit(SNIPPET_RENDERED, context.id, source);
+  });
+
+  if (!skipSourceRender(context)) {
+    const container = window.document.createElement('div');
+    render(story, container);
+    source = applyTransformSource(container.innerHTML.replace(LIT_EXPRESSION_COMMENTS, ''), context);
+  }
+
+  return story;
+}

package/dist/esm/preview/config.js

@@ -0,0 +1 @@
+export { renderToDOM } from './render';

package/dist/{modern/client → esm}/preview/index.js

@@ -1,5 +1,5 @@
 /* eslint-disable prefer-destructuring */
-import { start } from '@storybook/core';
+import { start } from '@storybook/core-client';
 import './globals';
 import { renderToDOM } from './render';
 const framework = 'web-components';

package/dist/types/config.d.ts

@@ -0,0 +1,16 @@
+export declare const parameters: {
+    docs: {
+        extractArgTypes: (tagName: string) => {
+            [x: string]: import("lib/api/dist/types").ArgType;
+        };
+        extractComponentDescription: (tagName: string) => string;
+        inlineStories: boolean;
+        source: {
+            type: import("lib/docs-tools/dist/types").SourceType;
+            language: string;
+        };
+    };
+    framework: string;
+};
+export { decorators, argTypesEnhancers } from './docs/config';
+export * from './preview/config';

package/dist/{ts3.9/client → types}/docs/config.d.ts

@@ -4,15 +4,14 @@ export declare const decorators: (typeof sourceDecorator)[];
 export declare const parameters: {
     docs: {
         extractArgTypes: (tagName: string) => {
-            [x: string]: import("@storybook/api").ArgType;
+            [x: string]: import("lib/api/dist/types").ArgType;
         };
         extractComponentDescription: (tagName: string) => string;
         inlineStories: boolean;
-        prepareForInline: (storyFn: import("@storybook/csf").PartialStoryFn<import("..").WebComponentsFramework, import("@storybook/csf").Args>) => import("react").CElement<{}, import("react").Component<{}, {}, any>>;
         source: {
             type: SourceType;
             language: string;
         };
     };
 };
-export declare const argTypesEnhancers: (<TFramework extends import("@storybook/csf").AnyFramework>(context: import("@storybook/csf").StoryContextForEnhancers<TFramework, import("@storybook/csf").Args>) => import("@storybook/addons").Parameters | import("@storybook/csf").StrictArgTypes<import("@storybook/csf").Args>)[];
+export declare const argTypesEnhancers: (<TFramework extends import("@storybook/csf").AnyFramework>(context: import("@storybook/csf").StoryContextForEnhancers<TFramework, import("@storybook/csf").Args>) => import("@storybook/csf").StrictArgTypes<import("@storybook/csf").Args> | import("lib/addons/dist/types").Parameters)[];

package/dist/types/preview/config.d.ts

@@ -0,0 +1 @@
+export { renderToDOM } from './render';

package/dist/{ts3.9/client → types}/preview/types.d.ts

@@ -1,5 +1,5 @@
 import type { TemplateResult, SVGTemplateResult } from 'lit-html';
-export type { RenderContext } from '@storybook/core';
+export type { RenderContext } from '@storybook/core-client';
 export type { Args, ArgTypes, Parameters, StoryContext } from '@storybook/addons';
 export declare type StoryFnHtmlReturnType = string | Node | TemplateResult | SVGTemplateResult;
 export interface IStorybookStory {

package/package.json

@@ -1,43 +1,30 @@
 {
   "name": "@storybook/web-components",
-  "version": "6.5.9",
-  "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
+  "version": "7.0.0-alpha.2",
+  "description": "Storybook web-components renderer",
   "keywords": [
     "lit-html",
     "storybook",
     "web-components"
   ],
-  "homepage": "https://github.com/storybookjs/storybook/tree/main/app/web-components",
+  "homepage": "https://github.com/storybookjs/storybook/tree/main/renderers/web-components",
   "bugs": {
     "url": "https://github.com/storybookjs/storybook/issues"
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/storybookjs/storybook.git",
-    "directory": "app/web-components"
+    "directory": "renderers/web-components"
   },
   "funding": {
     "type": "opencollective",
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "main": "dist/cjs/client/index.js",
-  "module": "dist/esm/client/index.js",
-  "types": "dist/ts3.9/client/index.d.ts",
-  "typesVersions": {
-    "<3.8": {
-      "dist/ts3.9/*": [
-        "dist/ts3.4/*"
-      ]
-    }
-  },
-  "bin": {
-    "build-storybook": "./bin/build.js",
-    "start-storybook": "./bin/index.js",
-    "storybook-server": "./bin/index.js"
-  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
   "files": [
-    "bin/**/*",
     "dist/**/*",
     "README.md",
     "*.js",
@@ -47,26 +34,18 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-syntax-import-meta": "^7.10.4",
-    "@babel/preset-env": "^7.12.11",
-    "@storybook/addons": "6.5.9",
-    "@storybook/client-api": "6.5.9",
-    "@storybook/client-logger": "6.5.9",
-    "@storybook/core": "6.5.9",
-    "@storybook/core-common": "6.5.9",
+    "@storybook/addons": "7.0.0-alpha.2",
+    "@storybook/api": "7.0.0-alpha.2",
+    "@storybook/client-logger": "7.0.0-alpha.2",
+    "@storybook/core-client": "7.0.0-alpha.2",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "6.5.9",
-    "@storybook/preview-web": "6.5.9",
-    "@storybook/store": "6.5.9",
-    "@types/node": "^14.14.20 || ^16.0.0",
-    "@types/webpack-env": "^1.16.0",
-    "babel-plugin-bundled-import-meta": "^0.3.1",
+    "@storybook/docs-tools": "7.0.0-alpha.2",
+    "@storybook/preview-web": "7.0.0-alpha.2",
+    "@storybook/store": "7.0.0-alpha.2",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "read-pkg-up": "^7.0.1",
     "regenerator-runtime": "^0.13.7",
     "ts-dedent": "^2.0.0"
   },
@@ -82,6 +61,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e2673f765722cbb542ef1b5cf8d533c8e746a127",
-  "sbmodern": "dist/modern/client/index.js"
+  "gitHead": "44920e2b6bd51981bac5124743c29fb9f5517e44"
 }

package/preview.js

@@ -0,0 +1 @@
+export * from './dist/esm/config';

package/bin/build.js

@@ -1,4 +0,0 @@
-#!/usr/bin/env node
-
-process.env.NODE_ENV = process.env.NODE_ENV || 'production';
-require('../dist/cjs/server/build');

package/bin/index.js

@@ -1,3 +0,0 @@
-#!/usr/bin/env node
-
-require('../dist/cjs/server');

package/dist/cjs/client/docs/prepareForInline.js

@@ -1,96 +0,0 @@
-"use strict";
-
-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); }
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.reflect.construct.js");
-
-require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.symbol.description.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");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.prepareForInline = void 0;
-
-require("core-js/modules/es.array.concat.js");
-
-require("core-js/modules/es.object.get-prototype-of.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _litHtml = require("lit-html");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var prepareForInline = function prepareForInline(storyFn) {
-  var Story = /*#__PURE__*/function (_React$Component) {
-    _inherits(Story, _React$Component);
-
-    var _super = _createSuper(Story);
-
-    function Story() {
-      var _this;
-
-      _classCallCheck(this, Story);
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this = _super.call.apply(_super, [this].concat(args));
-      _this.wrapperRef = /*#__PURE__*/_react.default.createRef();
-      return _this;
-    }
-
-    _createClass(Story, [{
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        (0, _litHtml.render)(storyFn(), this.wrapperRef.current);
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        return /*#__PURE__*/_react.default.createElement('div', {
-          ref: this.wrapperRef
-        });
-      }
-    }]);
-
-    return Story;
-  }(_react.default.Component);
-
-  return /*#__PURE__*/_react.default.createElement(Story);
-};
-
-exports.prepareForInline = prepareForInline;

package/dist/cjs/client/docs/sourceDecorator.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.sourceDecorator = sourceDecorator;
-
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.string.replace.js");
-
-var _litHtml = require("lit-html");
-
-var _addons = require("@storybook/addons");
-
-var _docsTools = require("@storybook/docs-tools");
-
-/* global window */
-// Taken from https://github.com/lit/lit/blob/main/packages/lit-html/src/test/test-utils/strip-markers.ts
-var LIT_EXPRESSION_COMMENTS = /<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;
-
-function skipSourceRender(context) {
-  var _context$parameters$d;
-
-  var sourceParams = context === null || context === void 0 ? void 0 : (_context$parameters$d = context.parameters.docs) === null || _context$parameters$d === void 0 ? void 0 : _context$parameters$d.source;
-  var isArgsStory = context === null || context === void 0 ? void 0 : context.parameters.__isArgsStory; // always render if the user forces it
-
-  if ((sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === _docsTools.SourceType.DYNAMIC) {
-    return false;
-  } // never render if the user is forcing the block to render code, or
-  // if the user provides code, or if it's not an args story.
-
-
-  return !isArgsStory || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.code) || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === _docsTools.SourceType.CODE;
-}
-
-function applyTransformSource(source, context) {
-  var _context$parameters$d2;
-
-  var _ref = (_context$parameters$d2 = context.parameters.docs) !== null && _context$parameters$d2 !== void 0 ? _context$parameters$d2 : {},
-      transformSource = _ref.transformSource;
-
-  if (typeof transformSource !== 'function') return source;
-  return transformSource(source, context);
-}
-
-function sourceDecorator(storyFn, context) {
-  var _context$parameters$d3, _context$parameters$d4;
-
-  var story = context !== null && context !== void 0 && (_context$parameters$d3 = context.parameters.docs) !== null && _context$parameters$d3 !== void 0 && (_context$parameters$d4 = _context$parameters$d3.source) !== null && _context$parameters$d4 !== void 0 && _context$parameters$d4.excludeDecorators ? context.originalStoryFn(context.args, context) : storyFn();
-  var source;
-  (0, _addons.useEffect)(function () {
-    if (source) _addons.addons.getChannel().emit(_docsTools.SNIPPET_RENDERED, context.id, source);
-  });
-
-  if (!skipSourceRender(context)) {
-    var container = window.document.createElement('div');
-    (0, _litHtml.render)(story, container);
-    source = applyTransformSource(container.innerHTML.replace(LIT_EXPRESSION_COMMENTS, ''), context);
-  }
-
-  return story;
-}