@storybook/web-components 6.4.0-beta.24 → 6.4.0-beta.28

package/dist/cjs/client/customElements.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isValidComponent = isValidComponent;
+exports.isValidMetaData = isValidMetaData;
+exports.setCustomElements = setCustomElements;
+exports.setCustomElementsManifest = setCustomElementsManifest;
+exports.getCustomElements = getCustomElements;
+
+/* eslint-disable no-underscore-dangle */
+
+/* global window */
+function isValidComponent(tagName) {
+  if (!tagName) {
+    return false;
+  }
+
+  if (typeof tagName === 'string') {
+    return true;
+  }
+
+  throw new Error('Provided component needs to be a string. e.g. component: "my-element"');
+}
+
+function isValidMetaData(customElements) {
+  if (!customElements) {
+    return false;
+  }
+
+  if (customElements.tags && Array.isArray(customElements.tags) || customElements.modules && Array.isArray(customElements.modules)) {
+    return true;
+  }
+
+  throw new Error("You need to setup valid meta data in your config.js via setCustomElements().\n    See the readme of addon-docs for web components for more details.");
+}
+/**
+ * @param customElements any for now as spec is not super stable yet
+ */
+
+
+function setCustomElements(customElements) {
+  // @ts-ignore
+  window.__STORYBOOK_CUSTOM_ELEMENTS__ = customElements;
+}
+
+function setCustomElementsManifest(customElements) {
+  // @ts-ignore
+  window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__ = customElements;
+}
+
+function getCustomElements() {
+  // @ts-ignore
+  return window.__STORYBOOK_CUSTOM_ELEMENTS__ || window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__;
+}

package/dist/cjs/client/index.js

@@ -0,0 +1,146 @@
+"use strict";
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.keys.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  storiesOf: true,
+  setAddon: true,
+  addDecorator: true,
+  addParameters: true,
+  configure: true,
+  getStorybook: true,
+  forceReRender: true,
+  raw: true,
+  getCustomElements: true,
+  setCustomElements: true,
+  setCustomElementsManifest: true,
+  isValidComponent: true,
+  isValidMetaData: true
+};
+Object.defineProperty(exports, "storiesOf", {
+  enumerable: true,
+  get: function get() {
+    return _preview.storiesOf;
+  }
+});
+Object.defineProperty(exports, "setAddon", {
+  enumerable: true,
+  get: function get() {
+    return _preview.setAddon;
+  }
+});
+Object.defineProperty(exports, "addDecorator", {
+  enumerable: true,
+  get: function get() {
+    return _preview.addDecorator;
+  }
+});
+Object.defineProperty(exports, "addParameters", {
+  enumerable: true,
+  get: function get() {
+    return _preview.addParameters;
+  }
+});
+Object.defineProperty(exports, "configure", {
+  enumerable: true,
+  get: function get() {
+    return _preview.configure;
+  }
+});
+Object.defineProperty(exports, "getStorybook", {
+  enumerable: true,
+  get: function get() {
+    return _preview.getStorybook;
+  }
+});
+Object.defineProperty(exports, "forceReRender", {
+  enumerable: true,
+  get: function get() {
+    return _preview.forceReRender;
+  }
+});
+Object.defineProperty(exports, "raw", {
+  enumerable: true,
+  get: function get() {
+    return _preview.raw;
+  }
+});
+Object.defineProperty(exports, "getCustomElements", {
+  enumerable: true,
+  get: function get() {
+    return _customElements.getCustomElements;
+  }
+});
+Object.defineProperty(exports, "setCustomElements", {
+  enumerable: true,
+  get: function get() {
+    return _customElements.setCustomElements;
+  }
+});
+Object.defineProperty(exports, "setCustomElementsManifest", {
+  enumerable: true,
+  get: function get() {
+    return _customElements.setCustomElementsManifest;
+  }
+});
+Object.defineProperty(exports, "isValidComponent", {
+  enumerable: true,
+  get: function get() {
+    return _customElements.isValidComponent;
+  }
+});
+Object.defineProperty(exports, "isValidMetaData", {
+  enumerable: true,
+  get: function get() {
+    return _customElements.isValidMetaData;
+  }
+});
+
+var _global = _interopRequireDefault(require("global"));
+
+var _preview = require("./preview");
+
+var _customElements = require("./customElements");
+
+var _types = require("./preview/types-6-0");
+
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _types[key];
+    }
+  });
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var window = _global.default.window,
+    EventSource = _global.default.EventSource;
+
+// TODO: disable HMR and do full page loads because of customElements.define
+if (module && module.hot && module.hot.decline) {
+  module.hot.decline(); // forcing full reloads for customElements as elements can only be defined once per page
+
+  var hmr = new EventSource('__webpack_hmr');
+  hmr.addEventListener('message', function fullPageReload(event) {
+    try {
+      // Only care for built events.  Heartbeats are not parsable so we ignore those
+      var _JSON$parse = JSON.parse(event.data),
+          action = _JSON$parse.action;
+
+      if (action === 'built') {
+        window.location.reload();
+      }
+    } catch (error) {// Most part we only get here from the data in the server-sent event not being parsable which is ok
+    }
+  });
+}

package/dist/cjs/client/preview/config.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "renderToDOM", {
+  enumerable: true,
+  get: function get() {
+    return _render.renderToDOM;
+  }
+});
+exports.parameters = void 0;
+
+var _render = require("./render");
+
+var parameters = {
+  framework: 'web-components'
+};
+exports.parameters = parameters;

package/dist/cjs/client/preview/globals.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _global = _interopRequireDefault(require("global"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var globalWindow = _global.default.window;
+globalWindow.STORYBOOK_ENV = 'web-components';

package/dist/cjs/client/preview/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.raw = exports.getStorybook = exports.forceReRender = exports.setAddon = exports.clearDecorators = exports.addParameters = exports.addDecorator = exports.configure = exports.storiesOf = void 0;
+
+require("core-js/modules/es.array.concat.js");
+
+var _client = require("@storybook/core/client");
+
+require("./globals");
+
+var _render = require("./render");
+
+/* eslint-disable prefer-destructuring */
+var framework = 'web-components';
+var api = (0, _client.start)(_render.renderToDOM);
+
+var storiesOf = function storiesOf(kind, m) {
+  return api.clientApi.storiesOf(kind, m).addParameters({
+    framework: framework
+  });
+};
+
+exports.storiesOf = storiesOf;
+
+var configure = function configure() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
+  return api.configure.apply(api, [framework].concat(args));
+};
+
+exports.configure = configure;
+var addDecorator = api.clientApi.addDecorator;
+exports.addDecorator = addDecorator;
+var addParameters = api.clientApi.addParameters;
+exports.addParameters = addParameters;
+var clearDecorators = api.clientApi.clearDecorators;
+exports.clearDecorators = clearDecorators;
+var setAddon = api.clientApi.setAddon;
+exports.setAddon = setAddon;
+var forceReRender = api.forceReRender;
+exports.forceReRender = forceReRender;
+var getStorybook = api.clientApi.getStorybook;
+exports.getStorybook = getStorybook;
+var raw = api.clientApi.raw;
+exports.raw = raw;

package/dist/cjs/client/preview/render.js

@@ -0,0 +1,73 @@
+"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"));
+
+var _litHtml = require("lit-html");
+
+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();
+  showMain();
+
+  if ((0, _directiveHelpers.isTemplateResult)(element)) {
+    // `render` stores the TemplateInstance in the Node and tries to update based on that.
+    // Since we reuse `domElement` for all stories, remove the stored instance first.
+    // But forceRemount means that it's the same story, so we want too keep the state in that case.
+    if (forceRemount || !domElement.querySelector('[id="root-inner"]')) {
+      domElement.innerHTML = '<div id="root-inner"></div>';
+    }
+
+    var renderTo = domElement.querySelector('[id="root-inner"]');
+    (0, _litHtml.render)(element, renderTo);
+    (0, _previewWeb.simulatePageLoad)(domElement);
+  } else if (typeof element === 'string') {
+    domElement.innerHTML = element;
+    (0, _previewWeb.simulatePageLoad)(domElement);
+  } else if (element instanceof Node) {
+    // Don't re-mount the element if it didn't change and neither did the story
+    if (domElement.firstChild === element && !forceRemount) {
+      return;
+    }
+
+    domElement.innerHTML = '';
+    domElement.appendChild(element);
+    (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      "])))
+    });
+  }
+}

package/dist/cjs/client/preview/types-6-0.js

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

package/dist/cjs/client/preview/types-7-0.js

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

package/dist/cjs/client/preview/types.js

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

package/dist/cjs/server/build.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _server = require("@storybook/core/server");
+
+var _options = _interopRequireDefault(require("./options"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _server.buildStatic)(_options.default);

package/dist/cjs/server/framework-preset-web-components.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.webpack = webpack;
+exports.config = void 0;
+
+var _coreCommon = require("@storybook/core-common");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function webpack(config, options) {
+  var _options$features;
+
+  var babelrcOptions = (_options$features = options.features) !== null && _options$features !== void 0 && _options$features.babelModeV7 ? null : {
+    babelrc: false
+  };
+  config.module.rules.push({
+    test: [new RegExp(`src(.*)\\.js$`), new RegExp(`packages(\\/|\\\\)*(\\/|\\\\)src(\\/|\\\\)(.*)\\.js$`), new RegExp(`node_modules(\\/|\\\\)lit-html(.*)\\.js$`), new RegExp(`node_modules(\\/|\\\\)lit-element(.*)\\.js$`), new RegExp(`node_modules(\\/|\\\\)@open-wc(.*)\\.js$`), new RegExp(`node_modules(\\/|\\\\)@polymer(.*)\\.js$`), new RegExp(`node_modules(\\/|\\\\)@vaadin(.*)\\.js$`)],
+    use: {
+      loader: require.resolve('babel-loader'),
+      options: _objectSpread({
+        plugins: [require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('@babel/plugin-syntax-import-meta'), // webpack does not support import.meta.url yet, so we rewrite them in babel
+        [require.resolve('babel-plugin-bundled-import-meta'), {
+          importStyle: 'baseURI'
+        }]],
+        presets: [[require.resolve('@babel/preset-env'), {
+          useBuiltIns: 'entry',
+          corejs: 3
+        }]]
+      }, babelrcOptions)
+    }
+  });
+  return config;
+}
+
+var config = function (entry = []) {
+  return [...entry, (0, _coreCommon.findDistEsm)(__dirname, 'client/preview/config')];
+};
+
+exports.config = config;

package/dist/cjs/server/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _server = require("@storybook/core/server");
+
+var _options = _interopRequireDefault(require("./options"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _server.buildDev)(_options.default);

package/dist/cjs/server/options.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _readPkgUp = require("read-pkg-up");
+
+var _default = {
+  packageJson: (0, _readPkgUp.sync)({
+    cwd: __dirname
+  }).packageJson,
+  framework: 'web-components',
+  frameworkPresets: [require.resolve('./framework-preset-web-components')]
+};
+exports.default = _default;

package/dist/cjs/typings.d.js

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

package/dist/esm/client/customElements.js

@@ -0,0 +1,41 @@
+/* eslint-disable no-underscore-dangle */
+
+/* global window */
+export function isValidComponent(tagName) {
+  if (!tagName) {
+    return false;
+  }
+
+  if (typeof tagName === 'string') {
+    return true;
+  }
+
+  throw new Error('Provided component needs to be a string. e.g. component: "my-element"');
+}
+export function isValidMetaData(customElements) {
+  if (!customElements) {
+    return false;
+  }
+
+  if (customElements.tags && Array.isArray(customElements.tags) || customElements.modules && Array.isArray(customElements.modules)) {
+    return true;
+  }
+
+  throw new Error("You need to setup valid meta data in your config.js via setCustomElements().\n    See the readme of addon-docs for web components for more details.");
+}
+/**
+ * @param customElements any for now as spec is not super stable yet
+ */
+
+export function setCustomElements(customElements) {
+  // @ts-ignore
+  window.__STORYBOOK_CUSTOM_ELEMENTS__ = customElements;
+}
+export function setCustomElementsManifest(customElements) {
+  // @ts-ignore
+  window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__ = customElements;
+}
+export function getCustomElements() {
+  // @ts-ignore
+  return window.__STORYBOOK_CUSTOM_ELEMENTS__ || window.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__;
+}

package/dist/esm/client/index.js

@@ -0,0 +1,24 @@
+import global from 'global';
+var window = global.window,
+    EventSource = global.EventSource;
+export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw } from './preview';
+export { getCustomElements, setCustomElements, setCustomElementsManifest, isValidComponent, isValidMetaData } from './customElements';
+export * from './preview/types-6-0'; // TODO: disable HMR and do full page loads because of customElements.define
+
+if (module && module.hot && module.hot.decline) {
+  module.hot.decline(); // forcing full reloads for customElements as elements can only be defined once per page
+
+  var hmr = new EventSource('__webpack_hmr');
+  hmr.addEventListener('message', function fullPageReload(event) {
+    try {
+      // Only care for built events.  Heartbeats are not parsable so we ignore those
+      var _JSON$parse = JSON.parse(event.data),
+          action = _JSON$parse.action;
+
+      if (action === 'built') {
+        window.location.reload();
+      }
+    } catch (error) {// Most part we only get here from the data in the server-sent event not being parsable which is ok
+    }
+  });
+}

package/dist/esm/client/preview/config.js

@@ -0,0 +1,4 @@
+export { renderToDOM } from './render';
+export var parameters = {
+  framework: 'web-components'
+};

package/dist/esm/client/preview/globals.js

@@ -0,0 +1,3 @@
+import global from 'global';
+var globalWindow = global.window;
+globalWindow.STORYBOOK_ENV = 'web-components';

package/dist/esm/client/preview/index.js

@@ -0,0 +1,27 @@
+import "core-js/modules/es.array.concat.js";
+
+/* eslint-disable prefer-destructuring */
+import { start } from '@storybook/core/client';
+import './globals';
+import { renderToDOM } from './render';
+var framework = 'web-components';
+var api = start(renderToDOM);
+export var storiesOf = function storiesOf(kind, m) {
+  return api.clientApi.storiesOf(kind, m).addParameters({
+    framework: framework
+  });
+};
+export var configure = function configure() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
+  return api.configure.apply(api, [framework].concat(args));
+};
+export var addDecorator = api.clientApi.addDecorator;
+export var addParameters = api.clientApi.addParameters;
+export var clearDecorators = api.clientApi.clearDecorators;
+export var setAddon = api.clientApi.setAddon;
+export var forceReRender = api.forceReRender;
+export var getStorybook = api.clientApi.getStorybook;
+export var raw = api.clientApi.raw;

package/dist/esm/client/preview/render.js

@@ -0,0 +1,58 @@
+var _templateObject;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.object.freeze.js";
+
+/* eslint-disable no-param-reassign */
+import global from 'global';
+import dedent from 'ts-dedent';
+import { render } from 'lit-html'; // Keep `.js` extension to avoid issue with Webpack (related to export map?)
+// eslint-disable-next-line import/extensions
+
+import { isTemplateResult } from 'lit-html/directive-helpers.js';
+import { simulatePageLoad, simulateDOMContentLoaded } from '@storybook/preview-web';
+var Node = global.Node;
+export 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();
+  showMain();
+
+  if (isTemplateResult(element)) {
+    // `render` stores the TemplateInstance in the Node and tries to update based on that.
+    // Since we reuse `domElement` for all stories, remove the stored instance first.
+    // But forceRemount means that it's the same story, so we want too keep the state in that case.
+    if (forceRemount || !domElement.querySelector('[id="root-inner"]')) {
+      domElement.innerHTML = '<div id="root-inner"></div>';
+    }
+
+    var renderTo = domElement.querySelector('[id="root-inner"]');
+    render(element, renderTo);
+    simulatePageLoad(domElement);
+  } else if (typeof element === 'string') {
+    domElement.innerHTML = element;
+    simulatePageLoad(domElement);
+  } else if (element instanceof Node) {
+    // Don't re-mount the element if it didn't change and neither did the story
+    if (domElement.firstChild === element && !forceRemount) {
+      return;
+    }
+
+    domElement.innerHTML = '';
+    domElement.appendChild(element);
+    simulateDOMContentLoaded();
+  } else {
+    showError({
+      title: "Expecting an HTML snippet or DOM node from the story: \"".concat(name, "\" of \"").concat(kind, "\"."),
+      description: dedent(_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      "])))
+    });
+  }
+}

package/dist/esm/server/build.js

@@ -0,0 +1,3 @@
+import { buildStatic } from '@storybook/core/server';
+import options from './options';
+buildStatic(options);

package/dist/esm/server/framework-preset-web-components.js

@@ -0,0 +1,35 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { findDistEsm } from '@storybook/core-common';
+export function webpack(config, options) {
+  var _options$features;
+
+  var babelrcOptions = (_options$features = options.features) !== null && _options$features !== void 0 && _options$features.babelModeV7 ? null : {
+    babelrc: false
+  };
+  config.module.rules.push({
+    test: [new RegExp(`src(.*)\\.js$`), new RegExp(`packages(\\/|\\\\)*(\\/|\\\\)src(\\/|\\\\)(.*)\\.js$`), new RegExp(`node_modules(\\/|\\\\)lit-html(.*)\\.js$`), new RegExp(`node_modules(\\/|\\\\)lit-element(.*)\\.js$`), new RegExp(`node_modules(\\/|\\\\)@open-wc(.*)\\.js$`), new RegExp(`node_modules(\\/|\\\\)@polymer(.*)\\.js$`), new RegExp(`node_modules(\\/|\\\\)@vaadin(.*)\\.js$`)],
+    use: {
+      loader: require.resolve('babel-loader'),
+      options: _objectSpread({
+        plugins: [require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('@babel/plugin-syntax-import-meta'), // webpack does not support import.meta.url yet, so we rewrite them in babel
+        [require.resolve('babel-plugin-bundled-import-meta'), {
+          importStyle: 'baseURI'
+        }]],
+        presets: [[require.resolve('@babel/preset-env'), {
+          useBuiltIns: 'entry',
+          corejs: 3
+        }]]
+      }, babelrcOptions)
+    }
+  });
+  return config;
+}
+export var config = function (entry = []) {
+  return [...entry, findDistEsm(__dirname, 'client/preview/config')];
+};