@storybook/react-webpack5 7.0.0-alpha.0
Sign up to get free protection for your applications and to get access to all the features.
- package/LICENSE +21 -0
- package/README.md +47 -0
- package/dist/cjs/index.js +37 -0
- package/dist/cjs/preset.js +76 -0
- package/dist/cjs/types.js +5 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/preset.js +6 -0
- package/dist/esm/types.js +1 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/preset.d.ts +11 -0
- package/dist/types/types.d.ts +38 -0
- package/package.json +67 -0
- package/preset.js +1 -0
- package/standalone.js +7 -0
- package/types-6-0.d.ts +1 -0
- package/types-7-0.d.ts +1 -0
- package/types.d.ts +1 -0
package/LICENSE
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2017 Kadira Inc. <hello@kadira.io>
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
7
|
+
in the Software without restriction, including without limitation the rights
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
10
|
+
furnished to do so, subject to the following conditions:
|
11
|
+
|
12
|
+
The above copyright notice and this permission notice shall be included in
|
13
|
+
all copies or substantial portions of the Software.
|
14
|
+
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
21
|
+
THE SOFTWARE.
|
package/README.md
ADDED
@@ -0,0 +1,47 @@
|
|
1
|
+
# Storybook for React
|
2
|
+
|
3
|
+
Storybook for React is a UI development environment for your React components.
|
4
|
+
With it, you can visualize different states of your UI components and develop them interactively.
|
5
|
+
|
6
|
+
![Storybook Screenshot](https://github.com/storybookjs/storybook/blob/main/media/storybook-intro.gif)
|
7
|
+
|
8
|
+
Storybook runs outside of your app.
|
9
|
+
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
|
10
|
+
|
11
|
+
## Getting Started
|
12
|
+
|
13
|
+
```sh
|
14
|
+
cd my-react-app
|
15
|
+
npx sb init
|
16
|
+
```
|
17
|
+
|
18
|
+
For more information visit: [storybook.js.org](https://storybook.js.org)
|
19
|
+
|
20
|
+
---
|
21
|
+
|
22
|
+
Storybook also comes with a lot of [addons](https://storybook.js.org/addons) and a great API to customize as you wish.
|
23
|
+
You can also build a [static version](https://storybook.js.org/docs/react/sharing/publish-storybook) of your Storybook and deploy it anywhere you want.
|
24
|
+
|
25
|
+
Here are some featured storybooks that you can reference to see how Storybook works:
|
26
|
+
|
27
|
+
- [Demo of Storybook Design System](https://storybook.js.org/design-system) - [source](https://github.com/storybookjs/design-system)
|
28
|
+
|
29
|
+
## Create React App
|
30
|
+
|
31
|
+
Support for [Create React App](https://create-react-app.dev/) is handled by [`@storybook/preset-create-react-app`](https://github.com/storybookjs/presets/tree/master/packages/preset-create-react-app).
|
32
|
+
|
33
|
+
This preset enables support for all Create React App features, including Sass/SCSS and TypeScript.
|
34
|
+
|
35
|
+
If you're working on an app that was initialized manually (i.e., without the use of Create React App), ensure that your app has [react-dom](https://www.npmjs.com/package/react-dom) included as a dependency. Failing to do so can lead to unforeseen issues with Storybook and your project.
|
36
|
+
|
37
|
+
## Typescript
|
38
|
+
|
39
|
+
`@storybook/react` is now exporting its own types to use with Typescript.
|
40
|
+
You don't need to have `@types/storybook__react` installed anymore if it was your case.
|
41
|
+
But you probably also need to use types from `@types/node @types/react`.
|
42
|
+
|
43
|
+
## Docs
|
44
|
+
|
45
|
+
- [Basics](https://storybook.js.org/docs/react/get-started/introduction)
|
46
|
+
- [Configurations](https://storybook.js.org/docs/react/configure/overview)
|
47
|
+
- [Addons](https://storybook.js.org/docs/react/configure/storybook-addons)
|
@@ -0,0 +1,37 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
require("core-js/modules/es.object.to-string.js");
|
4
|
+
|
5
|
+
require("core-js/modules/web.dom-collections.for-each.js");
|
6
|
+
|
7
|
+
require("core-js/modules/es.object.keys.js");
|
8
|
+
|
9
|
+
Object.defineProperty(exports, "__esModule", {
|
10
|
+
value: true
|
11
|
+
});
|
12
|
+
|
13
|
+
var _react = require("@storybook/react");
|
14
|
+
|
15
|
+
Object.keys(_react).forEach(function (key) {
|
16
|
+
if (key === "default" || key === "__esModule") return;
|
17
|
+
if (key in exports && exports[key] === _react[key]) return;
|
18
|
+
Object.defineProperty(exports, key, {
|
19
|
+
enumerable: true,
|
20
|
+
get: function get() {
|
21
|
+
return _react[key];
|
22
|
+
}
|
23
|
+
});
|
24
|
+
});
|
25
|
+
|
26
|
+
var _types = require("./types");
|
27
|
+
|
28
|
+
Object.keys(_types).forEach(function (key) {
|
29
|
+
if (key === "default" || key === "__esModule") return;
|
30
|
+
if (key in exports && exports[key] === _types[key]) return;
|
31
|
+
Object.defineProperty(exports, key, {
|
32
|
+
enumerable: true,
|
33
|
+
get: function get() {
|
34
|
+
return _types[key];
|
35
|
+
}
|
36
|
+
});
|
37
|
+
});
|
@@ -0,0 +1,76 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
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); }
|
4
|
+
|
5
|
+
require("core-js/modules/es.symbol.js");
|
6
|
+
|
7
|
+
require("core-js/modules/es.symbol.description.js");
|
8
|
+
|
9
|
+
require("core-js/modules/es.symbol.iterator.js");
|
10
|
+
|
11
|
+
require("core-js/modules/es.array.iterator.js");
|
12
|
+
|
13
|
+
require("core-js/modules/es.string.iterator.js");
|
14
|
+
|
15
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
16
|
+
|
17
|
+
require("core-js/modules/es.symbol.async-iterator.js");
|
18
|
+
|
19
|
+
require("core-js/modules/es.symbol.to-string-tag.js");
|
20
|
+
|
21
|
+
require("core-js/modules/es.json.to-string-tag.js");
|
22
|
+
|
23
|
+
require("core-js/modules/es.math.to-string-tag.js");
|
24
|
+
|
25
|
+
require("core-js/modules/es.object.get-prototype-of.js");
|
26
|
+
|
27
|
+
require("core-js/modules/web.dom-collections.for-each.js");
|
28
|
+
|
29
|
+
require("core-js/modules/es.function.name.js");
|
30
|
+
|
31
|
+
require("core-js/modules/es.array.slice.js");
|
32
|
+
|
33
|
+
Object.defineProperty(exports, "__esModule", {
|
34
|
+
value: true
|
35
|
+
});
|
36
|
+
exports.core = exports.addons = void 0;
|
37
|
+
|
38
|
+
require("core-js/modules/es.object.assign.js");
|
39
|
+
|
40
|
+
require("core-js/modules/es.object.to-string.js");
|
41
|
+
|
42
|
+
require("core-js/modules/es.promise.js");
|
43
|
+
|
44
|
+
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
|
45
|
+
|
46
|
+
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
47
|
+
|
48
|
+
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
49
|
+
|
50
|
+
var addons = ['@storybook/preset-react-webpack', '@storybook/react'];
|
51
|
+
exports.addons = addons;
|
52
|
+
|
53
|
+
var core = /*#__PURE__*/function () {
|
54
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(config) {
|
55
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
56
|
+
while (1) {
|
57
|
+
switch (_context.prev = _context.next) {
|
58
|
+
case 0:
|
59
|
+
return _context.abrupt("return", Object.assign({}, config, {
|
60
|
+
builder: require.resolve('@storybook/builder-webpack5')
|
61
|
+
}));
|
62
|
+
|
63
|
+
case 1:
|
64
|
+
case "end":
|
65
|
+
return _context.stop();
|
66
|
+
}
|
67
|
+
}
|
68
|
+
}, _callee);
|
69
|
+
}));
|
70
|
+
|
71
|
+
return function core(_x) {
|
72
|
+
return _ref.apply(this, arguments);
|
73
|
+
};
|
74
|
+
}();
|
75
|
+
|
76
|
+
exports.core = core;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import type { StorybookConfig } from '@storybook/preset-react-webpack';
|
2
|
+
export declare const addons: StorybookConfig['addons'];
|
3
|
+
export declare const core: (config: StorybookConfig['core']) => Promise<{
|
4
|
+
builder: string;
|
5
|
+
disableWebpackDefaults?: boolean;
|
6
|
+
channelOptions?: Partial<import("telejson").Options>;
|
7
|
+
disableProjectJson?: boolean;
|
8
|
+
disableTelemetry?: boolean;
|
9
|
+
enableCrashReports?: boolean;
|
10
|
+
crossOriginIsolated?: boolean;
|
11
|
+
}>;
|
@@ -0,0 +1,38 @@
|
|
1
|
+
import type ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
|
2
|
+
import type { Configuration } from 'webpack';
|
3
|
+
import type { StorybookConfig as BaseStorybookConfig } from '@storybook/preset-react-webpack';
|
4
|
+
export type { BuilderResult } from '@storybook/preset-react-webpack';
|
5
|
+
/**
|
6
|
+
* Options for TypeScript usage within Storybook.
|
7
|
+
*/
|
8
|
+
export declare type TypescriptOptions = BaseStorybookConfig['typescript'] & {
|
9
|
+
/**
|
10
|
+
* Configures `fork-ts-checker-webpack-plugin`
|
11
|
+
*/
|
12
|
+
checkOptions: ForkTsCheckerWebpackPlugin['options'];
|
13
|
+
};
|
14
|
+
export interface StorybookTypescriptConfig {
|
15
|
+
typescript?: Partial<TypescriptOptions>;
|
16
|
+
}
|
17
|
+
export interface ReactOptions {
|
18
|
+
fastRefresh?: boolean;
|
19
|
+
strictMode?: boolean;
|
20
|
+
/**
|
21
|
+
* Use React's legacy root API to mount components
|
22
|
+
* @description
|
23
|
+
* React has introduced a new root API with React 18.x to enable a whole set of new features (e.g. concurrent features)
|
24
|
+
* If this flag is true, the legacy Root API is used to mount components to make it easier to migrate step by step to React 18.
|
25
|
+
* @default false
|
26
|
+
*/
|
27
|
+
legacyRootApi?: boolean;
|
28
|
+
}
|
29
|
+
export interface StorybookReactConfig {
|
30
|
+
framework: string | {
|
31
|
+
name: '@storybook/react-webpack5';
|
32
|
+
options: ReactOptions;
|
33
|
+
};
|
34
|
+
}
|
35
|
+
/**
|
36
|
+
* The interface for Storybook configuration in `main.ts` files.
|
37
|
+
*/
|
38
|
+
export declare type StorybookConfig = BaseStorybookConfig<Configuration> & StorybookReactConfig & StorybookTypescriptConfig;
|
package/package.json
ADDED
@@ -0,0 +1,67 @@
|
|
1
|
+
{
|
2
|
+
"name": "@storybook/react-webpack5",
|
3
|
+
"version": "7.0.0-alpha.0",
|
4
|
+
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
5
|
+
"keywords": [
|
6
|
+
"storybook"
|
7
|
+
],
|
8
|
+
"homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/react-webpack5",
|
9
|
+
"bugs": {
|
10
|
+
"url": "https://github.com/storybookjs/storybook/issues"
|
11
|
+
},
|
12
|
+
"repository": {
|
13
|
+
"type": "git",
|
14
|
+
"url": "https://github.com/storybookjs/storybook.git",
|
15
|
+
"directory": "frameworks/react-webpack5"
|
16
|
+
},
|
17
|
+
"funding": {
|
18
|
+
"type": "opencollective",
|
19
|
+
"url": "https://opencollective.com/storybook"
|
20
|
+
},
|
21
|
+
"license": "MIT",
|
22
|
+
"main": "dist/cjs/index.js",
|
23
|
+
"module": "dist/esm/index.js",
|
24
|
+
"types": "dist/types/index.d.ts",
|
25
|
+
"files": [
|
26
|
+
"dist/**/*",
|
27
|
+
"types/**/*",
|
28
|
+
"README.md",
|
29
|
+
"*.js",
|
30
|
+
"*.d.ts"
|
31
|
+
],
|
32
|
+
"scripts": {
|
33
|
+
"prepare": "node ../../scripts/prepare.js"
|
34
|
+
},
|
35
|
+
"dependencies": {
|
36
|
+
"@storybook/builder-webpack5": "7.0.0-alpha.0",
|
37
|
+
"@storybook/core-server": "7.0.0-alpha.0",
|
38
|
+
"@storybook/preset-react-webpack": "7.0.0-alpha.0",
|
39
|
+
"@storybook/react": "7.0.0-alpha.0",
|
40
|
+
"@types/node": "^14.14.20 || ^16.0.0",
|
41
|
+
"core-js": "^3.8.2",
|
42
|
+
"regenerator-runtime": "^0.13.7"
|
43
|
+
},
|
44
|
+
"devDependencies": {
|
45
|
+
"jest-specific-snapshot": "^4.0.0"
|
46
|
+
},
|
47
|
+
"peerDependencies": {
|
48
|
+
"@babel/core": "^7.11.5",
|
49
|
+
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
50
|
+
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
|
51
|
+
},
|
52
|
+
"peerDependenciesMeta": {
|
53
|
+
"@babel/core": {
|
54
|
+
"optional": true
|
55
|
+
},
|
56
|
+
"typescript": {
|
57
|
+
"optional": true
|
58
|
+
}
|
59
|
+
},
|
60
|
+
"engines": {
|
61
|
+
"node": ">=10.13.0"
|
62
|
+
},
|
63
|
+
"publishConfig": {
|
64
|
+
"access": "public"
|
65
|
+
},
|
66
|
+
"gitHead": "c82d897ea765da8cf4fbbcc2af1f28c808a93e23"
|
67
|
+
}
|
package/preset.js
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
module.exports = require('./dist/cjs/preset');
|
package/standalone.js
ADDED
package/types-6-0.d.ts
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export * from './dist/types/client/preview/types-6-0.d';
|
package/types-7-0.d.ts
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export * from './dist/types/client/preview/types-7-0.d';
|
package/types.d.ts
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export * from './dist/types/index.d';
|