@storybook/preact 6.4.0-beta.24 → 6.4.0-beta.28

package/dist/cjs/client/index.js

@@ -0,0 +1,83 @@
+"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
+};
+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;
+  }
+});
+
+var _preview = require("./preview");
+
+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];
+    }
+  });
+});

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: 'preact'
+};
+exports.parameters = parameters;

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

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

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 = 'preact';
+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,100 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+require("core-js/modules/es.array.slice.js");
+
+require("core-js/modules/es.object.freeze.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.symbol.description.js");
+
+require("core-js/modules/es.symbol.iterator.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 preact = _interopRequireWildcard(require("preact"));
+
+var _tsDedent = _interopRequireDefault(require("ts-dedent"));
+
+var _templateObject;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var renderedStory;
+
+function preactRender(story, domElement) {
+  if (preact.Fragment) {
+    // Preact 10 only:
+    preact.render(story, domElement);
+  } else {
+    renderedStory = preact.render(story, domElement, renderedStory);
+  }
+}
+
+var StoryHarness = function StoryHarness(_ref) {
+  var showError = _ref.showError,
+      name = _ref.name,
+      title = _ref.title,
+      storyFn = _ref.storyFn,
+      domElement = _ref.domElement;
+  var content = preact.h(storyFn, null);
+
+  if (!content) {
+    showError({
+      title: "Expecting a Preact element from the story: \"".concat(name, "\" of \"").concat(title, "\"."),
+      description: (0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        Did you forget to return the Preact element from the story?\n        Use \"() => (<MyComp/>)\" or \"() => { return <MyComp/>; }\" when defining the story.\n      "])))
+    });
+    return null;
+  }
+
+  return content;
+};
+
+function renderToDOM(_ref2, domElement) {
+  var storyFn = _ref2.storyFn,
+      title = _ref2.title,
+      name = _ref2.name,
+      showMain = _ref2.showMain,
+      showError = _ref2.showError,
+      forceRemount = _ref2.forceRemount;
+
+  if (forceRemount) {
+    preactRender(null, domElement);
+  }
+
+  showMain();
+  preactRender(preact.h(StoryHarness, {
+    name: name,
+    title: title,
+    showError: showError,
+    storyFn: storyFn,
+    domElement: domElement
+  }), domElement);
+}

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-preact.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.babelDefault = babelDefault;
+exports.webpackFinal = webpackFinal;
+exports.config = void 0;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _coreCommon = require("@storybook/core-common");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 babelDefault(config) {
+  return _objectSpread(_objectSpread({}, config), {}, {
+    plugins: [...config.plugins, [require.resolve('@babel/plugin-transform-react-jsx'), {
+      pragma: 'h'
+    }, 'preset']]
+  });
+}
+
+function webpackFinal(config) {
+  return _objectSpread(_objectSpread({}, config), {}, {
+    resolve: _objectSpread(_objectSpread({}, config.resolve), {}, {
+      alias: _objectSpread(_objectSpread({}, config.resolve.alias), {}, {
+        react: _path.default.dirname(require.resolve('preact/compat/package.json')),
+        'react-dom/test-utils': _path.default.dirname(require.resolve('preact/test-utils/package.json')),
+        'react-dom': _path.default.dirname(require.resolve('preact/compat/package.json'))
+      })
+    })
+  });
+}
+
+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: 'preact',
+  frameworkPresets: [require.resolve('./framework-preset-preact.js')]
+};
+exports.default = _default;

package/dist/cjs/typings.d.js

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

package/dist/esm/client/index.js

@@ -0,0 +1,2 @@
+export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw } from './preview';
+export * from './preview/types-6-0';

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

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

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

@@ -0,0 +1,6 @@
+import global from 'global';
+var globalWindow = global.window;
+
+if (globalWindow) {
+  globalWindow.STORYBOOK_ENV = 'preact';
+}

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 = 'preact';
+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,61 @@
+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";
+import * as preact from 'preact';
+import dedent from 'ts-dedent';
+var renderedStory;
+
+function preactRender(story, domElement) {
+  if (preact.Fragment) {
+    // Preact 10 only:
+    preact.render(story, domElement);
+  } else {
+    renderedStory = preact.render(story, domElement, renderedStory);
+  }
+}
+
+var StoryHarness = function StoryHarness(_ref) {
+  var showError = _ref.showError,
+      name = _ref.name,
+      title = _ref.title,
+      storyFn = _ref.storyFn,
+      domElement = _ref.domElement;
+  var content = preact.h(storyFn, null);
+
+  if (!content) {
+    showError({
+      title: "Expecting a Preact element from the story: \"".concat(name, "\" of \"").concat(title, "\"."),
+      description: dedent(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        Did you forget to return the Preact element from the story?\n        Use \"() => (<MyComp/>)\" or \"() => { return <MyComp/>; }\" when defining the story.\n      "])))
+    });
+    return null;
+  }
+
+  return content;
+};
+
+export function renderToDOM(_ref2, domElement) {
+  var storyFn = _ref2.storyFn,
+      title = _ref2.title,
+      name = _ref2.name,
+      showMain = _ref2.showMain,
+      showError = _ref2.showError,
+      forceRemount = _ref2.forceRemount;
+
+  if (forceRemount) {
+    preactRender(null, domElement);
+  }
+
+  showMain();
+  preactRender(preact.h(StoryHarness, {
+    name: name,
+    title: title,
+    showError: showError,
+    storyFn: storyFn,
+    domElement: domElement
+  }), domElement);
+}

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-preact.js

@@ -0,0 +1,29 @@
+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; }
+
+import path from 'path';
+import { findDistEsm } from '@storybook/core-common';
+export function babelDefault(config) {
+  return _objectSpread(_objectSpread({}, config), {}, {
+    plugins: [...config.plugins, [require.resolve('@babel/plugin-transform-react-jsx'), {
+      pragma: 'h'
+    }, 'preset']]
+  });
+}
+export function webpackFinal(config) {
+  return _objectSpread(_objectSpread({}, config), {}, {
+    resolve: _objectSpread(_objectSpread({}, config.resolve), {}, {
+      alias: _objectSpread(_objectSpread({}, config.resolve.alias), {}, {
+        react: path.dirname(require.resolve('preact/compat/package.json')),
+        'react-dom/test-utils': path.dirname(require.resolve('preact/test-utils/package.json')),
+        'react-dom': path.dirname(require.resolve('preact/compat/package.json'))
+      })
+    })
+  });
+}
+export var config = function (entry = []) {
+  return [...entry, findDistEsm(__dirname, 'client/preview/config')];
+};

package/dist/esm/server/index.js

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

package/dist/esm/server/options.js

@@ -0,0 +1,8 @@
+import { sync } from 'read-pkg-up';
+export default {
+  packageJson: sync({
+    cwd: __dirname
+  }).packageJson,
+  framework: 'preact',
+  frameworkPresets: [require.resolve('./framework-preset-preact.js')]
+};

package/dist/modern/client/index.js

@@ -0,0 +1,2 @@
+export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw } from './preview';
+export * from './preview/types-6-0';

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

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

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

@@ -0,0 +1,8 @@
+import global from 'global';
+const {
+  window: globalWindow
+} = global;
+
+if (globalWindow) {
+  globalWindow.STORYBOOK_ENV = 'preact';
+}

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

@@ -0,0 +1,19 @@
+/* eslint-disable prefer-destructuring */
+import { start } from '@storybook/core/client';
+import './globals';
+import { renderToDOM } from './render';
+const framework = 'preact';
+const api = start(renderToDOM);
+export const storiesOf = (kind, m) => {
+  return api.clientApi.storiesOf(kind, m).addParameters({
+    framework
+  });
+};
+export const configure = (...args) => api.configure(framework, ...args);
+export const addDecorator = api.clientApi.addDecorator;
+export const addParameters = api.clientApi.addParameters;
+export const clearDecorators = api.clientApi.clearDecorators;
+export const setAddon = api.clientApi.setAddon;
+export const forceReRender = api.forceReRender;
+export const getStorybook = api.clientApi.getStorybook;
+export const raw = api.clientApi.raw;

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

@@ -0,0 +1,57 @@
+import * as preact from 'preact';
+import dedent from 'ts-dedent';
+let renderedStory;
+
+function preactRender(story, domElement) {
+  if (preact.Fragment) {
+    // Preact 10 only:
+    preact.render(story, domElement);
+  } else {
+    renderedStory = preact.render(story, domElement, renderedStory);
+  }
+}
+
+const StoryHarness = ({
+  showError,
+  name,
+  title,
+  storyFn,
+  domElement
+}) => {
+  const content = preact.h(storyFn, null);
+
+  if (!content) {
+    showError({
+      title: `Expecting a Preact element from the story: "${name}" of "${title}".`,
+      description: dedent`
+        Did you forget to return the Preact element from the story?
+        Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
+      `
+    });
+    return null;
+  }
+
+  return content;
+};
+
+export function renderToDOM({
+  storyFn,
+  title,
+  name,
+  showMain,
+  showError,
+  forceRemount
+}, domElement) {
+  if (forceRemount) {
+    preactRender(null, domElement);
+  }
+
+  showMain();
+  preactRender(preact.h(StoryHarness, {
+    name,
+    title,
+    showError,
+    storyFn,
+    domElement
+  }), domElement);
+}

package/dist/modern/server/build.js

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

package/dist/modern/server/framework-preset-preact.js

@@ -0,0 +1,29 @@
+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; }
+
+import path from 'path';
+import { findDistEsm } from '@storybook/core-common';
+export function babelDefault(config) {
+  return _objectSpread(_objectSpread({}, config), {}, {
+    plugins: [...config.plugins, [require.resolve('@babel/plugin-transform-react-jsx'), {
+      pragma: 'h'
+    }, 'preset']]
+  });
+}
+export function webpackFinal(config) {
+  return _objectSpread(_objectSpread({}, config), {}, {
+    resolve: _objectSpread(_objectSpread({}, config.resolve), {}, {
+      alias: _objectSpread(_objectSpread({}, config.resolve.alias), {}, {
+        react: path.dirname(require.resolve('preact/compat/package.json')),
+        'react-dom/test-utils': path.dirname(require.resolve('preact/test-utils/package.json')),
+        'react-dom': path.dirname(require.resolve('preact/compat/package.json'))
+      })
+    })
+  });
+}
+export var config = function (entry = []) {
+  return [...entry, findDistEsm(__dirname, 'client/preview/config')];
+};

package/dist/modern/server/index.js

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

package/dist/modern/server/options.js

@@ -0,0 +1,8 @@
+import { sync } from 'read-pkg-up';
+export default {
+  packageJson: sync({
+    cwd: __dirname
+  }).packageJson,
+  framework: 'preact',
+  frameworkPresets: [require.resolve('./framework-preset-preact.js')]
+};

package/dist/ts3.4/client/index.d.ts

@@ -0,0 +1,2 @@
+export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, } from './preview';
+export * from './preview/types-6-0';

package/dist/ts3.4/client/preview/config.d.ts

@@ -0,0 +1,4 @@
+export { renderToDOM } from './render';
+export declare const parameters: {
+    framework: string;
+};

package/dist/ts3.4/client/preview/globals.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ts3.4/client/preview/index.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="webpack-env" />
+/// <reference types="node" />
+import { ClientStoryApi, Loadable } from '@storybook/addons';
+import './globals';
+import { IStorybookSection } from './types';
+import { PreactFramework } from './types-6-0';
+export interface ClientApi extends ClientStoryApi<PreactFramework['storyResult']> {
+    setAddon(addon: any): void;
+    configure(loader: Loadable, module: NodeModule): void;
+    getStorybook(): IStorybookSection[];
+    clearDecorators(): void;
+    forceReRender(): void;
+    raw: () => any;
+    load: (...args: any[]) => void;
+}
+export declare const storiesOf: ClientApi['storiesOf'];
+export declare const configure: ClientApi['configure'];
+export declare const addDecorator: ClientApi['addDecorator'];
+export declare const addParameters: ClientApi['addParameters'];
+export declare const clearDecorators: ClientApi['clearDecorators'];
+export declare const setAddon: ClientApi['setAddon'];
+export declare const forceReRender: ClientApi['forceReRender'];
+export declare const getStorybook: ClientApi['getStorybook'];
+export declare const raw: ClientApi['raw'];

package/dist/ts3.4/client/preview/render.d.ts

@@ -0,0 +1,3 @@
+import { RenderContext } from '@storybook/store';
+import { PreactFramework } from './types-6-0';
+export declare function renderToDOM({ storyFn, title, name, showMain, showError, forceRemount }: RenderContext<PreactFramework>, domElement: HTMLElement): void;

package/dist/ts3.4/client/preview/types-6-0.d.ts

@@ -0,0 +1,35 @@
+import { AnyComponent } from 'preact';
+import { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
+import { StoryFnPreactReturnType } from './types';
+export { Args, ArgTypes, Parameters, StoryContext } from '@storybook/csf';
+export declare type PreactFramework = {
+    component: AnyComponent<any, any>;
+    storyResult: StoryFnPreactReturnType;
+};
+/**
+ * Metadata to configure the stories for a component.
+ *
+ * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
+ */
+export declare type Meta<TArgs = Args> = ComponentAnnotations<PreactFramework, TArgs>;
+/**
+ * Story function that represents a CSFv2 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<PreactFramework, TArgs>;
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export declare type StoryObj<TArgs = Args> = StoryAnnotations<PreactFramework, TArgs>;
+/**
+ * Story function that represents a CSFv2 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ *
+ * NOTE that in Storybook 7.0, this type will be renamed to `StoryFn` and replaced by the current `StoryObj` type.
+ *
+ */
+export declare type Story<TArgs = Args> = StoryFn<TArgs>;

package/dist/ts3.4/client/preview/types-7-0.d.ts

@@ -0,0 +1,9 @@
+import { Args } from '@storybook/csf';
+import { StoryObj } from './types-6-0';
+export { StoryFn, StoryObj, Meta } from './types-6-0';
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export declare type Story<TArgs = Args> = StoryObj<TArgs>;

package/dist/ts3.4/client/preview/types.d.ts

@@ -0,0 +1,14 @@
+export { RenderContext } from '@storybook/core';
+export declare type StoryFnPreactReturnType = string | Node | preact.JSX.Element;
+export interface ShowErrorArgs {
+    title: string;
+    description: string;
+}
+export interface IStorybookStory {
+    name: string;
+    render: (context: any) => any;
+}
+export interface IStorybookSection {
+    kind: string;
+    stories: IStorybookStory[];
+}

package/dist/ts3.4/server/build.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ts3.4/server/framework-preset-preact.d.ts

@@ -0,0 +1,102 @@
+import { TransformOptions } from '@babel/core';
+import { Configuration } from 'webpack';
+import { StorybookConfig } from '@storybook/core-common';
+export declare function babelDefault(config: TransformOptions): {
+    plugins: (string | object)[];
+    ast?: boolean;
+    auxiliaryCommentAfter?: string;
+    auxiliaryCommentBefore?: string;
+    root?: string;
+    rootMode?: "root" | "upward" | "upward-optional";
+    configFile?: string | boolean;
+    babelrc?: boolean;
+    babelrcRoots?: string | boolean | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
+    envName?: string;
+    exclude?: string | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
+    code?: boolean;
+    comments?: boolean;
+    compact?: boolean | "auto";
+    cwd?: string;
+    caller?: import("@babel/core").TransformCaller;
+    env?: {
+        [index: string]: TransformOptions;
+    };
+    extends?: string;
+    filename?: string;
+    filenameRelative?: string;
+    generatorOpts?: import("@babel/generator").GeneratorOptions;
+    getModuleId?: (moduleName: string) => string;
+    highlightCode?: boolean;
+    ignore?: import("@babel/core").MatchPattern[];
+    include?: string | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
+    inputSourceMap?: object;
+    minified?: boolean;
+    moduleId?: string;
+    moduleIds?: boolean;
+    moduleRoot?: string;
+    only?: import("@babel/core").MatchPattern[];
+    overrides?: TransformOptions[];
+    parserOpts?: import("@babel/parser").ParserOptions;
+    presets?: import("@babel/core").PluginItem[];
+    retainLines?: boolean;
+    shouldPrintComment?: (commentContents: string) => boolean;
+    sourceFileName?: string;
+    sourceMaps?: boolean | "inline" | "both";
+    sourceRoot?: string;
+    sourceType?: "script" | "module" | "unambiguous";
+    test?: string | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
+    wrapPluginVisitorMethod?: (pluginAlias: string, visitorType: "enter" | "exit", callback: (path: import("@babel/traverse").NodePath<import("@babel/types").Node>, state: any) => void) => (path: import("@babel/traverse").NodePath<import("@babel/types").Node>, state: any) => void;
+};
+export declare function webpackFinal(config: Configuration): {
+    resolve: {
+        alias: {
+            react: string;
+            'react-dom/test-utils': string;
+            'react-dom': string;
+        };
+        modules?: string[];
+        descriptionFiles?: string[];
+        mainFields?: string[] | string[][];
+        aliasFields?: string[] | string[][];
+        mainFiles?: string[];
+        extensions?: string[];
+        enforceExtension?: boolean;
+        unsafeCache?: boolean | {};
+        cachePredicate?(data: {
+            path: string;
+            request: string;
+        }): boolean;
+        plugins?: import("webpack").ResolvePlugin[];
+        symlinks?: boolean;
+        cacheWithContext?: boolean;
+        roots?: string[];
+    };
+    mode?: "development" | "production" | "none";
+    name?: string;
+    context?: string;
+    entry?: string | string[] | import("webpack").Entry | import("webpack").EntryFunc;
+    devtool?: import("webpack").Options.Devtool;
+    output?: import("webpack").Output;
+    module?: import("webpack").Module;
+    resolveLoader?: import("webpack").ResolveLoader;
+    externals?: string | RegExp | import("webpack").ExternalsObjectElement | import("webpack").ExternalsFunctionElement | import("webpack").ExternalsElement[];
+    target?: "node" | "web" | "webworker" | "async-node" | "node-webkit" | "atom" | "electron" | "electron-renderer" | "electron-preload" | "electron-main" | ((compiler?: any) => void);
+    bail?: boolean;
+    profile?: boolean;
+    cache?: boolean | object;
+    watch?: boolean;
+    watchOptions?: import("webpack").ICompiler.WatchOptions;
+    node?: false | import("webpack").Node;
+    amd?: {
+        [moduleName: string]: boolean;
+    };
+    recordsPath?: string;
+    recordsInputPath?: string;
+    recordsOutputPath?: string;
+    plugins?: import("webpack").Plugin[];
+    stats?: import("webpack").Stats.ToStringOptions;
+    performance?: false | import("webpack").Options.Performance;
+    parallelism?: number;
+    optimization?: import("webpack").Options.Optimization;
+};
+export declare const config: StorybookConfig['config'];

package/dist/ts3.4/server/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ts3.4/server/options.d.ts

@@ -0,0 +1,3 @@
+import { LoadOptions } from '@storybook/core-common';
+declare const _default: LoadOptions;
+export default _default;

package/dist/ts3.9/client/index.d.ts

@@ -0,0 +1,2 @@
+export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, } from './preview';
+export * from './preview/types-6-0';

package/dist/ts3.9/client/preview/config.d.ts

@@ -0,0 +1,4 @@
+export { renderToDOM } from './render';
+export declare const parameters: {
+    framework: string;
+};

package/dist/ts3.9/client/preview/globals.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ts3.9/client/preview/index.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="webpack-env" />
+/// <reference types="node" />
+import { ClientStoryApi, Loadable } from '@storybook/addons';
+import './globals';
+import { IStorybookSection } from './types';
+import { PreactFramework } from './types-6-0';
+export interface ClientApi extends ClientStoryApi<PreactFramework['storyResult']> {
+    setAddon(addon: any): void;
+    configure(loader: Loadable, module: NodeModule): void;
+    getStorybook(): IStorybookSection[];
+    clearDecorators(): void;
+    forceReRender(): void;
+    raw: () => any;
+    load: (...args: any[]) => void;
+}
+export declare const storiesOf: ClientApi['storiesOf'];
+export declare const configure: ClientApi['configure'];
+export declare const addDecorator: ClientApi['addDecorator'];
+export declare const addParameters: ClientApi['addParameters'];
+export declare const clearDecorators: ClientApi['clearDecorators'];
+export declare const setAddon: ClientApi['setAddon'];
+export declare const forceReRender: ClientApi['forceReRender'];
+export declare const getStorybook: ClientApi['getStorybook'];
+export declare const raw: ClientApi['raw'];

package/dist/ts3.9/client/preview/render.d.ts

@@ -0,0 +1,3 @@
+import { RenderContext } from '@storybook/store';
+import { PreactFramework } from './types-6-0';
+export declare function renderToDOM({ storyFn, title, name, showMain, showError, forceRemount }: RenderContext<PreactFramework>, domElement: HTMLElement): void;

package/dist/ts3.9/client/preview/types-6-0.d.ts

@@ -0,0 +1,35 @@
+import { AnyComponent } from 'preact';
+import { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
+import { StoryFnPreactReturnType } from './types';
+export type { Args, ArgTypes, Parameters, StoryContext } from '@storybook/csf';
+export declare type PreactFramework = {
+    component: AnyComponent<any, any>;
+    storyResult: StoryFnPreactReturnType;
+};
+/**
+ * Metadata to configure the stories for a component.
+ *
+ * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
+ */
+export declare type Meta<TArgs = Args> = ComponentAnnotations<PreactFramework, TArgs>;
+/**
+ * Story function that represents a CSFv2 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<PreactFramework, TArgs>;
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export declare type StoryObj<TArgs = Args> = StoryAnnotations<PreactFramework, TArgs>;
+/**
+ * Story function that represents a CSFv2 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ *
+ * NOTE that in Storybook 7.0, this type will be renamed to `StoryFn` and replaced by the current `StoryObj` type.
+ *
+ */
+export declare type Story<TArgs = Args> = StoryFn<TArgs>;

package/dist/ts3.9/client/preview/types-7-0.d.ts

@@ -0,0 +1,9 @@
+import { Args } from '@storybook/csf';
+import type { StoryObj } from './types-6-0';
+export type { StoryFn, StoryObj, Meta } from './types-6-0';
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export declare type Story<TArgs = Args> = StoryObj<TArgs>;

package/dist/ts3.9/client/preview/types.d.ts

@@ -0,0 +1,14 @@
+export type { RenderContext } from '@storybook/core';
+export declare type StoryFnPreactReturnType = string | Node | preact.JSX.Element;
+export interface ShowErrorArgs {
+    title: string;
+    description: string;
+}
+export interface IStorybookStory {
+    name: string;
+    render: (context: any) => any;
+}
+export interface IStorybookSection {
+    kind: string;
+    stories: IStorybookStory[];
+}

package/dist/ts3.9/server/build.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ts3.9/server/framework-preset-preact.d.ts

@@ -0,0 +1,102 @@
+import { TransformOptions } from '@babel/core';
+import { Configuration } from 'webpack';
+import { StorybookConfig } from '@storybook/core-common';
+export declare function babelDefault(config: TransformOptions): {
+    plugins: (string | object)[];
+    ast?: boolean;
+    auxiliaryCommentAfter?: string;
+    auxiliaryCommentBefore?: string;
+    root?: string;
+    rootMode?: "root" | "upward" | "upward-optional";
+    configFile?: string | boolean;
+    babelrc?: boolean;
+    babelrcRoots?: string | boolean | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
+    envName?: string;
+    exclude?: string | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
+    code?: boolean;
+    comments?: boolean;
+    compact?: boolean | "auto";
+    cwd?: string;
+    caller?: import("@babel/core").TransformCaller;
+    env?: {
+        [index: string]: TransformOptions;
+    };
+    extends?: string;
+    filename?: string;
+    filenameRelative?: string;
+    generatorOpts?: import("@babel/generator").GeneratorOptions;
+    getModuleId?: (moduleName: string) => string;
+    highlightCode?: boolean;
+    ignore?: import("@babel/core").MatchPattern[];
+    include?: string | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
+    inputSourceMap?: object;
+    minified?: boolean;
+    moduleId?: string;
+    moduleIds?: boolean;
+    moduleRoot?: string;
+    only?: import("@babel/core").MatchPattern[];
+    overrides?: TransformOptions[];
+    parserOpts?: import("@babel/parser").ParserOptions;
+    presets?: import("@babel/core").PluginItem[];
+    retainLines?: boolean;
+    shouldPrintComment?: (commentContents: string) => boolean;
+    sourceFileName?: string;
+    sourceMaps?: boolean | "inline" | "both";
+    sourceRoot?: string;
+    sourceType?: "script" | "module" | "unambiguous";
+    test?: string | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
+    wrapPluginVisitorMethod?: (pluginAlias: string, visitorType: "enter" | "exit", callback: (path: import("@babel/traverse").NodePath<import("@babel/types").Node>, state: any) => void) => (path: import("@babel/traverse").NodePath<import("@babel/types").Node>, state: any) => void;
+};
+export declare function webpackFinal(config: Configuration): {
+    resolve: {
+        alias: {
+            react: string;
+            'react-dom/test-utils': string;
+            'react-dom': string;
+        };
+        modules?: string[];
+        descriptionFiles?: string[];
+        mainFields?: string[] | string[][];
+        aliasFields?: string[] | string[][];
+        mainFiles?: string[];
+        extensions?: string[];
+        enforceExtension?: boolean;
+        unsafeCache?: boolean | {};
+        cachePredicate?(data: {
+            path: string;
+            request: string;
+        }): boolean;
+        plugins?: import("webpack").ResolvePlugin[];
+        symlinks?: boolean;
+        cacheWithContext?: boolean;
+        roots?: string[];
+    };
+    mode?: "development" | "production" | "none";
+    name?: string;
+    context?: string;
+    entry?: string | string[] | import("webpack").Entry | import("webpack").EntryFunc;
+    devtool?: import("webpack").Options.Devtool;
+    output?: import("webpack").Output;
+    module?: import("webpack").Module;
+    resolveLoader?: import("webpack").ResolveLoader;
+    externals?: string | RegExp | import("webpack").ExternalsObjectElement | import("webpack").ExternalsFunctionElement | import("webpack").ExternalsElement[];
+    target?: "node" | "web" | "webworker" | "async-node" | "node-webkit" | "atom" | "electron" | "electron-renderer" | "electron-preload" | "electron-main" | ((compiler?: any) => void);
+    bail?: boolean;
+    profile?: boolean;
+    cache?: boolean | object;
+    watch?: boolean;
+    watchOptions?: import("webpack").ICompiler.WatchOptions;
+    node?: false | import("webpack").Node;
+    amd?: {
+        [moduleName: string]: boolean;
+    };
+    recordsPath?: string;
+    recordsInputPath?: string;
+    recordsOutputPath?: string;
+    plugins?: import("webpack").Plugin[];
+    stats?: import("webpack").Stats.ToStringOptions;
+    performance?: false | import("webpack").Options.Performance;
+    parallelism?: number;
+    optimization?: import("webpack").Options.Optimization;
+};
+export declare const config: StorybookConfig['config'];

package/dist/ts3.9/server/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ts3.9/server/options.d.ts

@@ -0,0 +1,3 @@
+import { LoadOptions } from '@storybook/core-common';
+declare const _default: LoadOptions;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "6.4.0-beta.24",
+  "version": "6.4.0-beta.28",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -46,11 +46,11 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.12.12",
-    "@storybook/addons": "6.4.0-beta.24",
-    "@storybook/core": "6.4.0-beta.24",
-    "@storybook/core-common": "6.4.0-beta.24",
+    "@storybook/addons": "6.4.0-beta.28",
+    "@storybook/core": "6.4.0-beta.28",
+    "@storybook/core-common": "6.4.0-beta.28",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/store": "6.4.0-beta.24",
+    "@storybook/store": "6.4.0-beta.28",
     "@types/webpack-env": "^1.16.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
@@ -74,6 +74,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f53ba4d7210b5c4809d57c74d7a42314172aa63e",
+  "gitHead": "72316abb8354d1f84d2bf8f645b18aeb315768c3",
   "sbmodern": "dist/modern/client/index.js"
 }