@voiceflow/storybook-config 1.1.1 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/build/main.d.ts.map +1 -1
- package/build/main.js +3 -23
- package/build/main.js.map +1 -1
- package/build/plugins/main.js +1 -17
- package/build/plugins/main.js.map +1 -1
- package/build/plugins/test-ids.d.ts.map +1 -1
- package/build/plugins/test-ids.js +3 -7
- package/build/plugins/test-ids.js.map +1 -1
- package/build/setup.js +2 -4
- package/build/setup.js.map +1 -1
- package/package.json +11 -15
package/README.md
CHANGED
|
@@ -28,7 +28,7 @@ import '@voiceflow/storybook-config/setup';
|
|
|
28
28
|
```ts
|
|
29
29
|
// .storybook/preview.tsx
|
|
30
30
|
|
|
31
|
-
import type { Preview } from '@storybook/react';
|
|
31
|
+
import type { Preview } from '@storybook/react-vite';
|
|
32
32
|
import { TestIDs, useTestIDs } from '@voiceflow/storybook-config/plugins';
|
|
33
33
|
import React from 'react';
|
|
34
34
|
|
package/build/main.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,QAAA,MAAM,MAAM,EAAE,eAOb,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/build/main.js
CHANGED
|
@@ -1,30 +1,10 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const node_path_1 = require("node:path");
|
|
4
|
-
/**
|
|
5
|
-
* This function is used to resolve the absolute path of a package.
|
|
6
|
-
* It is needed in projects that use Yarn PnP or are set up within a monorepo.
|
|
7
|
-
*/
|
|
8
|
-
const getAbsolutePath = (value) => (0, node_path_1.dirname)(require.resolve((0, node_path_1.join)(value, 'package.json')));
|
|
9
1
|
const config = {
|
|
10
2
|
stories: ['../src/**/*.mdx', '../src/**/*.story.@(js|jsx|ts|tsx)'],
|
|
11
|
-
addons: [
|
|
12
|
-
getAbsolutePath('storybook-addon-pseudo-states'),
|
|
13
|
-
getAbsolutePath('@storybook/addon-links'),
|
|
14
|
-
getAbsolutePath('@storybook/addon-essentials'),
|
|
15
|
-
getAbsolutePath('@storybook/addon-interactions'),
|
|
16
|
-
getAbsolutePath('storybook-dark-mode'),
|
|
17
|
-
],
|
|
3
|
+
addons: ['storybook-addon-pseudo-states', '@storybook/addon-links', 'storybook-dark-mode'],
|
|
18
4
|
framework: {
|
|
19
|
-
name:
|
|
5
|
+
name: '@storybook/react-vite',
|
|
20
6
|
options: {},
|
|
21
7
|
},
|
|
22
|
-
docs: {
|
|
23
|
-
autodocs: 'tag',
|
|
24
|
-
},
|
|
25
|
-
core: {
|
|
26
|
-
builder: getAbsolutePath('@storybook/builder-vite'),
|
|
27
|
-
},
|
|
28
8
|
};
|
|
29
|
-
|
|
9
|
+
export default config;
|
|
30
10
|
//# sourceMappingURL=main.js.map
|
package/build/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,CAAC,iBAAiB,EAAE,oCAAoC,CAAC;IAClE,MAAM,EAAE,CAAC,+BAA+B,EAAE,wBAAwB,EAAE,qBAAqB,CAAC;IAC1F,SAAS,EAAE;QACT,IAAI,EAAE,uBAAuB;QAC7B,OAAO,EAAE,EAAE;KACZ;CACF,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/build/plugins/main.js
CHANGED
|
@@ -1,18 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./test-ids"), exports);
|
|
1
|
+
export * from './test-ids';
|
|
18
2
|
//# sourceMappingURL=main.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/plugins/main.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/plugins/main.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"test-ids.d.ts","sourceRoot":"","sources":["../../src/plugins/test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"test-ids.d.ts","sourceRoot":"","sources":["../../src/plugins/test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,aAAa,OAAO,SA8D5B,CAAC"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.useTestIDs = exports.TestIDs = void 0;
|
|
4
|
-
const react_1 = require("react");
|
|
5
|
-
exports.TestIDs = {
|
|
1
|
+
import { useEffect } from 'react';
|
|
2
|
+
export const TestIDs = {
|
|
6
3
|
description: 'Highlights elements with data-testid properties',
|
|
7
4
|
defaultValue: false,
|
|
8
5
|
toolbar: {
|
|
@@ -14,7 +11,7 @@ exports.TestIDs = {
|
|
|
14
11
|
],
|
|
15
12
|
},
|
|
16
13
|
};
|
|
17
|
-
const useTestIDs = (showTestIDs) =>
|
|
14
|
+
export const useTestIDs = (showTestIDs) => useEffect(() => {
|
|
18
15
|
if (!showTestIDs)
|
|
19
16
|
return undefined;
|
|
20
17
|
const elements = Array.from(document.querySelectorAll('[data-testid]'));
|
|
@@ -64,5 +61,4 @@ const useTestIDs = (showTestIDs) => (0, react_1.useEffect)(() => {
|
|
|
64
61
|
document.body.removeChild(label);
|
|
65
62
|
};
|
|
66
63
|
}, [showTestIDs]);
|
|
67
|
-
exports.useTestIDs = useTestIDs;
|
|
68
64
|
//# sourceMappingURL=test-ids.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"test-ids.js","sourceRoot":"","sources":["../../src/plugins/test-ids.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"test-ids.js","sourceRoot":"","sources":["../../src/plugins/test-ids.ts"],"names":[],"mappings":"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"}
|
package/build/setup.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
const manager_api_1 = require("@storybook/manager-api");
|
|
4
|
-
manager_api_1.addons.setConfig({
|
|
1
|
+
import { addons } from 'storybook/manager-api';
|
|
2
|
+
addons.setConfig({
|
|
5
3
|
isFullscreen: false,
|
|
6
4
|
showNav: true,
|
|
7
5
|
showPanel: true,
|
package/build/setup.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setup.js","sourceRoot":"","sources":["../src/setup.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"setup.js","sourceRoot":"","sources":["../src/setup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,MAAM,CAAC,SAAS,CAAC;IACf,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,IAAI;IACb,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,QAAQ;IACvB,eAAe,EAAE,IAAI;IACrB,WAAW,EAAE,IAAI;IACjB,KAAK,EAAE,SAAS;IAChB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,OAAO,EAAE;QACP,SAAS,EAAE,KAAK;QAChB,cAAc,EAAE,CAAC,OAAO,CAAC;KAC1B;IACD,OAAO,EAAE;QACP,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;QACxB,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;QACvB,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;QACxB,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;QACvB,UAAU,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;KAC9B;CACF,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@voiceflow/storybook-config",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.1",
|
|
4
|
+
"type": "module",
|
|
4
5
|
"exports": {
|
|
5
6
|
".": "./build/main.js",
|
|
6
7
|
"./setup": "./build/setup.js",
|
|
@@ -20,25 +21,20 @@
|
|
|
20
21
|
"lint:prettier": "yarn g:prettier --check"
|
|
21
22
|
},
|
|
22
23
|
"dependencies": {
|
|
23
|
-
"@storybook/addon-
|
|
24
|
-
"@storybook/
|
|
25
|
-
"@storybook/
|
|
26
|
-
"@storybook/
|
|
27
|
-
"
|
|
28
|
-
"@storybook/cli": "8.5.0",
|
|
29
|
-
"@storybook/react": "8.5.0",
|
|
30
|
-
"@storybook/react-vite": "8.5.0",
|
|
31
|
-
"@storybook/test": "8.5.0",
|
|
32
|
-
"@storybook/types": "8.5.0",
|
|
33
|
-
"storybook-addon-pseudo-states": "4.0.2",
|
|
24
|
+
"@storybook/addon-links": "9.1.16",
|
|
25
|
+
"@storybook/cli": "9.1.16",
|
|
26
|
+
"@storybook/react-vite": "9.1.16",
|
|
27
|
+
"@storybook/types": "8.6.14",
|
|
28
|
+
"storybook-addon-pseudo-states": "9.1.16",
|
|
34
29
|
"storybook-dark-mode": "4.0.2"
|
|
35
30
|
},
|
|
36
31
|
"devDependencies": {
|
|
37
|
-
"@types/react": "18.2.77"
|
|
32
|
+
"@types/react": "18.2.77",
|
|
33
|
+
"storybook": "9.1.16"
|
|
38
34
|
},
|
|
39
35
|
"peerDependencies": {
|
|
40
36
|
"react": "^18",
|
|
41
|
-
"storybook": "
|
|
37
|
+
"storybook": "^9"
|
|
42
38
|
},
|
|
43
39
|
"engines": {
|
|
44
40
|
"node": "20"
|
|
@@ -46,5 +42,5 @@
|
|
|
46
42
|
"volta": {
|
|
47
43
|
"extends": "../../package.json"
|
|
48
44
|
},
|
|
49
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "f76ab670e4bbca850f87be5811e5485b43531474"
|
|
50
46
|
}
|