@storybook/preact 6.5.6 → 7.0.0-alpha.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +1 -29
- package/dist/cjs/{client/index.js → index.js} +0 -0
- package/dist/cjs/{client/preview → preview}/config.js +0 -0
- package/dist/cjs/{client/preview → preview}/globals.js +0 -0
- package/dist/cjs/{client/preview → preview}/index.js +2 -2
- package/dist/cjs/{client/preview → preview}/render.js +0 -0
- package/dist/cjs/{client/preview → preview}/types-6-0.js +0 -0
- package/dist/cjs/{client/preview → preview}/types-7-0.js +0 -0
- package/dist/cjs/{client/preview → preview}/types.js +0 -0
- package/dist/esm/{client/index.js → index.js} +0 -0
- package/dist/{modern/client → esm}/preview/config.js +0 -0
- package/dist/{modern/client → esm}/preview/globals.js +0 -0
- package/dist/{modern/client → esm}/preview/index.js +1 -1
- package/dist/{modern/client → esm}/preview/render.js +0 -0
- package/dist/esm/{client/preview → preview}/types-6-0.js +0 -0
- package/dist/esm/{client/preview → preview}/types-7-0.js +0 -0
- package/dist/esm/{client/preview → preview}/types.js +0 -0
- package/dist/{ts3.9/client → types}/index.d.ts +0 -0
- package/dist/{ts3.9/client → types}/preview/config.d.ts +0 -0
- package/dist/{ts3.9/client → types}/preview/globals.d.ts +0 -0
- package/dist/{ts3.9/client → types}/preview/index.d.ts +0 -1
- package/dist/{ts3.9/client → types}/preview/render.d.ts +0 -0
- package/dist/{ts3.9/client → types}/preview/types-6-0.d.ts +0 -0
- package/dist/{ts3.9/client → types}/preview/types-7-0.d.ts +0 -0
- package/dist/{ts3.9/client → types}/preview/types.d.ts +1 -1
- package/package.json +13 -35
- package/preview.js +1 -0
- package/bin/build.js +0 -4
- package/bin/index.js +0 -3
- package/dist/cjs/server/build.js +0 -9
- package/dist/cjs/server/framework-preset-preact.js +0 -46
- package/dist/cjs/server/index.js +0 -9
- package/dist/cjs/server/options.js +0 -17
- package/dist/esm/client/preview/config.js +0 -4
- package/dist/esm/client/preview/globals.js +0 -6
- package/dist/esm/client/preview/index.js +0 -27
- package/dist/esm/client/preview/render.js +0 -61
- package/dist/esm/server/build.js +0 -3
- package/dist/esm/server/framework-preset-preact.js +0 -29
- package/dist/esm/server/index.js +0 -3
- package/dist/esm/server/options.js +0 -8
- package/dist/modern/client/index.js +0 -2
- package/dist/modern/client/preview/types-6-0.js +0 -1
- package/dist/modern/client/preview/types-7-0.js +0 -1
- package/dist/modern/client/preview/types.js +0 -0
- package/dist/modern/server/build.js +0 -3
- package/dist/modern/server/framework-preset-preact.js +0 -29
- package/dist/modern/server/index.js +0 -3
- package/dist/modern/server/options.js +0 -8
- package/dist/ts3.4/client/index.d.ts +0 -2
- package/dist/ts3.4/client/preview/config.d.ts +0 -4
- package/dist/ts3.4/client/preview/globals.d.ts +0 -1
- package/dist/ts3.4/client/preview/index.d.ts +0 -24
- package/dist/ts3.4/client/preview/render.d.ts +0 -3
- package/dist/ts3.4/client/preview/types-6-0.d.ts +0 -35
- package/dist/ts3.4/client/preview/types-7-0.d.ts +0 -9
- package/dist/ts3.4/client/preview/types.d.ts +0 -14
- package/dist/ts3.4/server/build.d.ts +0 -1
- package/dist/ts3.4/server/framework-preset-preact.d.ts +0 -6
- package/dist/ts3.4/server/index.d.ts +0 -1
- package/dist/ts3.4/server/options.d.ts +0 -3
- package/dist/ts3.9/server/build.d.ts +0 -1
- package/dist/ts3.9/server/framework-preset-preact.d.ts +0 -6
- package/dist/ts3.9/server/index.d.ts +0 -1
- package/dist/ts3.9/server/options.d.ts +0 -3
- package/preset.js +0 -1
- package/standalone.js +0 -8
- package/types-6-0.d.ts +0 -1
- package/types-7-0.d.ts +0 -1
package/README.md
CHANGED
@@ -1,29 +1 @@
|
|
1
|
-
# Storybook
|
2
|
-
|
3
|
-
Storybook for Preact is a UI development environment for your Preact components.
|
4
|
-
With it, you can visualize different states of your UI components and develop them interactively.
|
5
|
-
|
6
|
-

|
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-preact-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/preact/sharing/publish-storybook) of your Storybook and deploy it anywhere you want.
|
24
|
-
|
25
|
-
## Docs
|
26
|
-
|
27
|
-
- [Basics](https://storybook.js.org/docs/preact/get-started/introduction)
|
28
|
-
- [Configurations](https://storybook.js.org/docs/preact/configure/overview)
|
29
|
-
- [Addons](https://storybook.js.org/docs/preact/configure/storybook-addons)
|
1
|
+
# Storybook Preact renderer
|
File without changes
|
File without changes
|
File without changes
|
@@ -7,7 +7,7 @@ exports.storiesOf = exports.setAddon = exports.raw = exports.getStorybook = expo
|
|
7
7
|
|
8
8
|
require("core-js/modules/es.array.concat.js");
|
9
9
|
|
10
|
-
var
|
10
|
+
var _coreClient = require("@storybook/core-client");
|
11
11
|
|
12
12
|
require("./globals");
|
13
13
|
|
@@ -15,7 +15,7 @@ var _render = require("./render");
|
|
15
15
|
|
16
16
|
/* eslint-disable prefer-destructuring */
|
17
17
|
var framework = 'preact';
|
18
|
-
var api = (0,
|
18
|
+
var api = (0, _coreClient.start)(_render.renderToDOM);
|
19
19
|
|
20
20
|
var storiesOf = function storiesOf(kind, m) {
|
21
21
|
return api.clientApi.storiesOf(kind, m).addParameters({
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
package/package.json
CHANGED
@@ -1,41 +1,28 @@
|
|
1
1
|
{
|
2
2
|
"name": "@storybook/preact",
|
3
|
-
"version": "
|
4
|
-
"description": "Storybook
|
3
|
+
"version": "7.0.0-alpha.0",
|
4
|
+
"description": "Storybook Preact renderer",
|
5
5
|
"keywords": [
|
6
6
|
"storybook"
|
7
7
|
],
|
8
|
-
"homepage": "https://github.com/storybookjs/storybook/tree/main/
|
8
|
+
"homepage": "https://github.com/storybookjs/storybook/tree/main/renderers/preact",
|
9
9
|
"bugs": {
|
10
10
|
"url": "https://github.com/storybookjs/storybook/issues"
|
11
11
|
},
|
12
12
|
"repository": {
|
13
13
|
"type": "git",
|
14
14
|
"url": "https://github.com/storybookjs/storybook.git",
|
15
|
-
"directory": "
|
15
|
+
"directory": "renderers/preact"
|
16
16
|
},
|
17
17
|
"funding": {
|
18
18
|
"type": "opencollective",
|
19
19
|
"url": "https://opencollective.com/storybook"
|
20
20
|
},
|
21
21
|
"license": "MIT",
|
22
|
-
"main": "dist/cjs/
|
23
|
-
"module": "dist/esm/
|
24
|
-
"types": "dist/
|
25
|
-
"typesVersions": {
|
26
|
-
"<3.8": {
|
27
|
-
"dist/ts3.9/*": [
|
28
|
-
"dist/ts3.4/*"
|
29
|
-
]
|
30
|
-
}
|
31
|
-
},
|
32
|
-
"bin": {
|
33
|
-
"build-storybook": "./bin/build.js",
|
34
|
-
"start-storybook": "./bin/index.js",
|
35
|
-
"storybook-server": "./bin/index.js"
|
36
|
-
},
|
22
|
+
"main": "dist/cjs/index.js",
|
23
|
+
"module": "dist/esm/index.js",
|
24
|
+
"types": "dist/types/index.d.ts",
|
37
25
|
"files": [
|
38
|
-
"bin/**/*",
|
39
26
|
"dist/**/*",
|
40
27
|
"README.md",
|
41
28
|
"*.js",
|
@@ -45,29 +32,21 @@
|
|
45
32
|
"prepare": "node ../../scripts/prepare.js"
|
46
33
|
},
|
47
34
|
"dependencies": {
|
48
|
-
"@
|
49
|
-
"@storybook/
|
50
|
-
"@storybook/core": "6.5.6",
|
51
|
-
"@storybook/core-common": "6.5.6",
|
35
|
+
"@storybook/addons": "7.0.0-alpha.0",
|
36
|
+
"@storybook/core-client": "7.0.0-alpha.0",
|
52
37
|
"@storybook/csf": "0.0.2--canary.4566f4d.1",
|
53
|
-
"@storybook/store": "
|
54
|
-
"@types/node": "^14.14.20 || ^16.0.0",
|
55
|
-
"@types/webpack-env": "^1.16.0",
|
38
|
+
"@storybook/store": "7.0.0-alpha.0",
|
56
39
|
"core-js": "^3.8.2",
|
57
40
|
"global": "^4.4.0",
|
58
41
|
"react": "16.14.0",
|
59
42
|
"react-dom": "16.14.0",
|
60
|
-
"read-pkg-up": "^7.0.1",
|
61
43
|
"regenerator-runtime": "^0.13.7",
|
62
|
-
"ts-dedent": "^2.0.0"
|
63
|
-
"webpack": ">=4.0.0 <6.0.0"
|
44
|
+
"ts-dedent": "^2.0.0"
|
64
45
|
},
|
65
46
|
"devDependencies": {
|
66
|
-
"preact": "^10.5.13"
|
67
|
-
"webpack": "4"
|
47
|
+
"preact": "^10.5.13"
|
68
48
|
},
|
69
49
|
"peerDependencies": {
|
70
|
-
"@babel/core": "*",
|
71
50
|
"preact": "^8.0.0||^10.0.0"
|
72
51
|
},
|
73
52
|
"engines": {
|
@@ -76,6 +55,5 @@
|
|
76
55
|
"publishConfig": {
|
77
56
|
"access": "public"
|
78
57
|
},
|
79
|
-
"gitHead": "
|
80
|
-
"sbmodern": "dist/modern/client/index.js"
|
58
|
+
"gitHead": "c82d897ea765da8cf4fbbcc2af1f28c808a93e23"
|
81
59
|
}
|
package/preview.js
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export * from './dist/esm/preview/config';
|
package/bin/build.js
DELETED
package/bin/index.js
DELETED
package/dist/cjs/server/build.js
DELETED
@@ -1,9 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _server = require("@storybook/core/server");
|
4
|
-
|
5
|
-
var _options = _interopRequireDefault(require("./options"));
|
6
|
-
|
7
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8
|
-
|
9
|
-
(0, _server.buildStatic)(_options.default);
|
@@ -1,46 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.babelDefault = babelDefault;
|
7
|
-
exports.previewAnnotations = void 0;
|
8
|
-
exports.webpackFinal = webpackFinal;
|
9
|
-
|
10
|
-
var _path = _interopRequireDefault(require("path"));
|
11
|
-
|
12
|
-
var _coreCommon = require("@storybook/core-common");
|
13
|
-
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15
|
-
|
16
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
17
|
-
|
18
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
19
|
-
|
20
|
-
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; }
|
21
|
-
|
22
|
-
function babelDefault(config) {
|
23
|
-
return _objectSpread(_objectSpread({}, config), {}, {
|
24
|
-
plugins: [...config.plugins, [require.resolve('@babel/plugin-transform-react-jsx'), {
|
25
|
-
pragma: 'h'
|
26
|
-
}, 'preset']]
|
27
|
-
});
|
28
|
-
}
|
29
|
-
|
30
|
-
function webpackFinal(config) {
|
31
|
-
return _objectSpread(_objectSpread({}, config), {}, {
|
32
|
-
resolve: _objectSpread(_objectSpread({}, config.resolve), {}, {
|
33
|
-
alias: _objectSpread(_objectSpread({}, config.resolve.alias), {}, {
|
34
|
-
react: _path.default.dirname(require.resolve('preact/compat/package.json')),
|
35
|
-
'react-dom/test-utils': _path.default.dirname(require.resolve('preact/test-utils/package.json')),
|
36
|
-
'react-dom': _path.default.dirname(require.resolve('preact/compat/package.json'))
|
37
|
-
})
|
38
|
-
})
|
39
|
-
});
|
40
|
-
}
|
41
|
-
|
42
|
-
var previewAnnotations = function (entry = []) {
|
43
|
-
return [...entry, (0, _coreCommon.findDistEsm)(__dirname, 'client/preview/config')];
|
44
|
-
};
|
45
|
-
|
46
|
-
exports.previewAnnotations = previewAnnotations;
|
package/dist/cjs/server/index.js
DELETED
@@ -1,9 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _server = require("@storybook/core/server");
|
4
|
-
|
5
|
-
var _options = _interopRequireDefault(require("./options"));
|
6
|
-
|
7
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8
|
-
|
9
|
-
(0, _server.buildDev)(_options.default);
|
@@ -1,17 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.default = void 0;
|
7
|
-
|
8
|
-
var _readPkgUp = require("read-pkg-up");
|
9
|
-
|
10
|
-
var _default = {
|
11
|
-
packageJson: (0, _readPkgUp.sync)({
|
12
|
-
cwd: __dirname
|
13
|
-
}).packageJson,
|
14
|
-
framework: 'preact',
|
15
|
-
frameworkPresets: [require.resolve('./framework-preset-preact.js')]
|
16
|
-
};
|
17
|
-
exports.default = _default;
|
@@ -1,27 +0,0 @@
|
|
1
|
-
import "core-js/modules/es.array.concat.js";
|
2
|
-
|
3
|
-
/* eslint-disable prefer-destructuring */
|
4
|
-
import { start } from '@storybook/core';
|
5
|
-
import './globals';
|
6
|
-
import { renderToDOM } from './render';
|
7
|
-
var framework = 'preact';
|
8
|
-
var api = start(renderToDOM);
|
9
|
-
export var storiesOf = function storiesOf(kind, m) {
|
10
|
-
return api.clientApi.storiesOf(kind, m).addParameters({
|
11
|
-
framework: framework
|
12
|
-
});
|
13
|
-
};
|
14
|
-
export var configure = function configure() {
|
15
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
16
|
-
args[_key] = arguments[_key];
|
17
|
-
}
|
18
|
-
|
19
|
-
return api.configure.apply(api, [framework].concat(args));
|
20
|
-
};
|
21
|
-
export var addDecorator = api.clientApi.addDecorator;
|
22
|
-
export var addParameters = api.clientApi.addParameters;
|
23
|
-
export var clearDecorators = api.clientApi.clearDecorators;
|
24
|
-
export var setAddon = api.clientApi.setAddon;
|
25
|
-
export var forceReRender = api.forceReRender;
|
26
|
-
export var getStorybook = api.clientApi.getStorybook;
|
27
|
-
export var raw = api.clientApi.raw;
|
@@ -1,61 +0,0 @@
|
|
1
|
-
var _templateObject;
|
2
|
-
|
3
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
4
|
-
|
5
|
-
import "core-js/modules/es.function.name.js";
|
6
|
-
import "core-js/modules/es.array.concat.js";
|
7
|
-
import "core-js/modules/es.array.slice.js";
|
8
|
-
import "core-js/modules/es.object.freeze.js";
|
9
|
-
import * as preact from 'preact';
|
10
|
-
import dedent from 'ts-dedent';
|
11
|
-
var renderedStory;
|
12
|
-
|
13
|
-
function preactRender(story, domElement) {
|
14
|
-
if (preact.Fragment) {
|
15
|
-
// Preact 10 only:
|
16
|
-
preact.render(story, domElement);
|
17
|
-
} else {
|
18
|
-
renderedStory = preact.render(story, domElement, renderedStory);
|
19
|
-
}
|
20
|
-
}
|
21
|
-
|
22
|
-
var StoryHarness = function StoryHarness(_ref) {
|
23
|
-
var showError = _ref.showError,
|
24
|
-
name = _ref.name,
|
25
|
-
title = _ref.title,
|
26
|
-
storyFn = _ref.storyFn,
|
27
|
-
domElement = _ref.domElement;
|
28
|
-
var content = preact.h(storyFn, null);
|
29
|
-
|
30
|
-
if (!content) {
|
31
|
-
showError({
|
32
|
-
title: "Expecting a Preact element from the story: \"".concat(name, "\" of \"").concat(title, "\"."),
|
33
|
-
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 "])))
|
34
|
-
});
|
35
|
-
return null;
|
36
|
-
}
|
37
|
-
|
38
|
-
return content;
|
39
|
-
};
|
40
|
-
|
41
|
-
export function renderToDOM(_ref2, domElement) {
|
42
|
-
var storyFn = _ref2.storyFn,
|
43
|
-
title = _ref2.title,
|
44
|
-
name = _ref2.name,
|
45
|
-
showMain = _ref2.showMain,
|
46
|
-
showError = _ref2.showError,
|
47
|
-
forceRemount = _ref2.forceRemount;
|
48
|
-
|
49
|
-
if (forceRemount) {
|
50
|
-
preactRender(null, domElement);
|
51
|
-
}
|
52
|
-
|
53
|
-
showMain();
|
54
|
-
preactRender(preact.h(StoryHarness, {
|
55
|
-
name: name,
|
56
|
-
title: title,
|
57
|
-
showError: showError,
|
58
|
-
storyFn: storyFn,
|
59
|
-
domElement: domElement
|
60
|
-
}), domElement);
|
61
|
-
}
|
package/dist/esm/server/build.js
DELETED
@@ -1,29 +0,0 @@
|
|
1
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2
|
-
|
3
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
|
-
|
5
|
-
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; }
|
6
|
-
|
7
|
-
import path from 'path';
|
8
|
-
import { findDistEsm } from '@storybook/core-common';
|
9
|
-
export function babelDefault(config) {
|
10
|
-
return _objectSpread(_objectSpread({}, config), {}, {
|
11
|
-
plugins: [...config.plugins, [require.resolve('@babel/plugin-transform-react-jsx'), {
|
12
|
-
pragma: 'h'
|
13
|
-
}, 'preset']]
|
14
|
-
});
|
15
|
-
}
|
16
|
-
export function webpackFinal(config) {
|
17
|
-
return _objectSpread(_objectSpread({}, config), {}, {
|
18
|
-
resolve: _objectSpread(_objectSpread({}, config.resolve), {}, {
|
19
|
-
alias: _objectSpread(_objectSpread({}, config.resolve.alias), {}, {
|
20
|
-
react: path.dirname(require.resolve('preact/compat/package.json')),
|
21
|
-
'react-dom/test-utils': path.dirname(require.resolve('preact/test-utils/package.json')),
|
22
|
-
'react-dom': path.dirname(require.resolve('preact/compat/package.json'))
|
23
|
-
})
|
24
|
-
})
|
25
|
-
});
|
26
|
-
}
|
27
|
-
export var previewAnnotations = function (entry = []) {
|
28
|
-
return [...entry, findDistEsm(__dirname, 'client/preview/config')];
|
29
|
-
};
|
package/dist/esm/server/index.js
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
File without changes
|
@@ -1,29 +0,0 @@
|
|
1
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2
|
-
|
3
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
|
-
|
5
|
-
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; }
|
6
|
-
|
7
|
-
import path from 'path';
|
8
|
-
import { findDistEsm } from '@storybook/core-common';
|
9
|
-
export function babelDefault(config) {
|
10
|
-
return _objectSpread(_objectSpread({}, config), {}, {
|
11
|
-
plugins: [...config.plugins, [require.resolve('@babel/plugin-transform-react-jsx'), {
|
12
|
-
pragma: 'h'
|
13
|
-
}, 'preset']]
|
14
|
-
});
|
15
|
-
}
|
16
|
-
export function webpackFinal(config) {
|
17
|
-
return _objectSpread(_objectSpread({}, config), {}, {
|
18
|
-
resolve: _objectSpread(_objectSpread({}, config.resolve), {}, {
|
19
|
-
alias: _objectSpread(_objectSpread({}, config.resolve.alias), {}, {
|
20
|
-
react: path.dirname(require.resolve('preact/compat/package.json')),
|
21
|
-
'react-dom/test-utils': path.dirname(require.resolve('preact/test-utils/package.json')),
|
22
|
-
'react-dom': path.dirname(require.resolve('preact/compat/package.json'))
|
23
|
-
})
|
24
|
-
})
|
25
|
-
});
|
26
|
-
}
|
27
|
-
export var previewAnnotations = function (entry = []) {
|
28
|
-
return [...entry, findDistEsm(__dirname, 'client/preview/config')];
|
29
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,24 +0,0 @@
|
|
1
|
-
/// <reference types="webpack-env" />
|
2
|
-
/// <reference types="node" />
|
3
|
-
import { ClientStoryApi, Loadable } from '@storybook/addons';
|
4
|
-
import './globals';
|
5
|
-
import { IStorybookSection } from './types';
|
6
|
-
import { PreactFramework } from './types-6-0';
|
7
|
-
export interface ClientApi extends ClientStoryApi<PreactFramework['storyResult']> {
|
8
|
-
setAddon(addon: any): void;
|
9
|
-
configure(loader: Loadable, module: NodeModule): void;
|
10
|
-
getStorybook(): IStorybookSection[];
|
11
|
-
clearDecorators(): void;
|
12
|
-
forceReRender(): void;
|
13
|
-
raw: () => any;
|
14
|
-
load: (...args: any[]) => void;
|
15
|
-
}
|
16
|
-
export declare const storiesOf: ClientApi['storiesOf'];
|
17
|
-
export declare const configure: ClientApi['configure'];
|
18
|
-
export declare const addDecorator: ClientApi['addDecorator'];
|
19
|
-
export declare const addParameters: ClientApi['addParameters'];
|
20
|
-
export declare const clearDecorators: ClientApi['clearDecorators'];
|
21
|
-
export declare const setAddon: ClientApi['setAddon'];
|
22
|
-
export declare const forceReRender: ClientApi['forceReRender'];
|
23
|
-
export declare const getStorybook: ClientApi['getStorybook'];
|
24
|
-
export declare const raw: ClientApi['raw'];
|
@@ -1,35 +0,0 @@
|
|
1
|
-
import { AnyComponent } from 'preact';
|
2
|
-
import { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
|
3
|
-
import { StoryFnPreactReturnType } from './types';
|
4
|
-
export { Args, ArgTypes, Parameters, StoryContext } from '@storybook/csf';
|
5
|
-
export declare type PreactFramework = {
|
6
|
-
component: AnyComponent<any, any>;
|
7
|
-
storyResult: StoryFnPreactReturnType;
|
8
|
-
};
|
9
|
-
/**
|
10
|
-
* Metadata to configure the stories for a component.
|
11
|
-
*
|
12
|
-
* @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
|
13
|
-
*/
|
14
|
-
export declare type Meta<TArgs = Args> = ComponentAnnotations<PreactFramework, TArgs>;
|
15
|
-
/**
|
16
|
-
* Story function that represents a CSFv2 component example.
|
17
|
-
*
|
18
|
-
* @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
|
19
|
-
*/
|
20
|
-
export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<PreactFramework, TArgs>;
|
21
|
-
/**
|
22
|
-
* Story function that represents a CSFv3 component example.
|
23
|
-
*
|
24
|
-
* @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
|
25
|
-
*/
|
26
|
-
export declare type StoryObj<TArgs = Args> = StoryAnnotations<PreactFramework, TArgs>;
|
27
|
-
/**
|
28
|
-
* Story function that represents a CSFv2 component example.
|
29
|
-
*
|
30
|
-
* @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
|
31
|
-
*
|
32
|
-
* NOTE that in Storybook 7.0, this type will be renamed to `StoryFn` and replaced by the current `StoryObj` type.
|
33
|
-
*
|
34
|
-
*/
|
35
|
-
export declare type Story<TArgs = Args> = StoryFn<TArgs>;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import { Args } from '@storybook/csf';
|
2
|
-
import { StoryObj } from './types-6-0';
|
3
|
-
export { StoryFn, StoryObj, Meta } from './types-6-0';
|
4
|
-
/**
|
5
|
-
* Story function that represents a CSFv3 component example.
|
6
|
-
*
|
7
|
-
* @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
|
8
|
-
*/
|
9
|
-
export declare type Story<TArgs = Args> = StoryObj<TArgs>;
|
@@ -1,14 +0,0 @@
|
|
1
|
-
export { RenderContext } from '@storybook/core';
|
2
|
-
export declare type StoryFnPreactReturnType = string | Node | preact.JSX.Element;
|
3
|
-
export interface ShowErrorArgs {
|
4
|
-
title: string;
|
5
|
-
description: string;
|
6
|
-
}
|
7
|
-
export interface IStorybookStory {
|
8
|
-
name: string;
|
9
|
-
render: (context: any) => any;
|
10
|
-
}
|
11
|
-
export interface IStorybookSection {
|
12
|
-
kind: string;
|
13
|
-
stories: IStorybookStory[];
|
14
|
-
}
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import { TransformOptions } from '@babel/core';
|
2
|
-
import { Configuration } from 'webpack';
|
3
|
-
import { StorybookConfig } from '@storybook/core-common';
|
4
|
-
export declare function babelDefault(config: TransformOptions): TransformOptions;
|
5
|
-
export declare function webpackFinal(config: Configuration): Configuration;
|
6
|
-
export declare const previewAnnotations: StorybookConfig['previewAnnotations'];
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { TransformOptions } from '@babel/core';
|
2
|
-
import type { Configuration } from 'webpack';
|
3
|
-
import type { StorybookConfig } from '@storybook/core-common';
|
4
|
-
export declare function babelDefault(config: TransformOptions): TransformOptions;
|
5
|
-
export declare function webpackFinal(config: Configuration): Configuration;
|
6
|
-
export declare const previewAnnotations: StorybookConfig['previewAnnotations'];
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
package/preset.js
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
module.exports = require('./dist/cjs/server/framework-preset-preact');
|
package/standalone.js
DELETED
package/types-6-0.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './dist/ts3.9/client/preview/types-6-0.d';
|
package/types-7-0.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './dist/ts3.9/client/preview/types-7-0.d';
|