@storybook/addon-onboarding 10.1.0-alpha.10 → 10.1.0-alpha.11
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/dist/_browser-chunks/Onboarding-WWQZBI4C.js +6406 -0
- package/dist/_browser-chunks/{chunk-B266DSPW.js → chunk-BG2SBT4L.js} +1 -2
- package/dist/_browser-chunks/{chunk-CBI7MY27.js → chunk-ZYVL3X5E.js} +5 -10
- package/dist/index.js +1 -1
- package/dist/manager.js +10 -17
- package/dist/preset.js +13 -23
- package/package.json +3 -3
- package/dist/_browser-chunks/Onboarding-444QAMIN.js +0 -9136
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
// src/constants.ts
|
|
2
|
-
var STORYBOOK_ADDON_ONBOARDING_CHANNEL = "STORYBOOK_ADDON_ONBOARDING_CHANNEL";
|
|
3
|
-
var ADDON_CONTROLS_ID = "addon-controls";
|
|
2
|
+
var STORYBOOK_ADDON_ONBOARDING_CHANNEL = "STORYBOOK_ADDON_ONBOARDING_CHANNEL", ADDON_CONTROLS_ID = "addon-controls";
|
|
4
3
|
|
|
5
4
|
export {
|
|
6
5
|
STORYBOOK_ADDON_ONBOARDING_CHANNEL,
|
|
@@ -2,18 +2,14 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var
|
|
7
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
8
|
-
var __commonJS = (cb, mod) => function __require() {
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __commonJS = (cb, mod) => function() {
|
|
9
7
|
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
|
10
8
|
};
|
|
11
9
|
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
13
11
|
for (let key of __getOwnPropNames(from))
|
|
14
|
-
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
13
|
return to;
|
|
18
14
|
};
|
|
19
15
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
@@ -21,12 +17,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
21
17
|
// file that has been converted to a CommonJS file using a Babel-
|
|
22
18
|
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
19
|
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable:
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
25
21
|
mod
|
|
26
22
|
));
|
|
27
23
|
|
|
28
24
|
export {
|
|
29
|
-
__name,
|
|
30
25
|
__commonJS,
|
|
31
26
|
__toESM
|
|
32
27
|
};
|
package/dist/index.js
CHANGED
package/dist/manager.js
CHANGED
|
@@ -1,35 +1,28 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ADDON_CONTROLS_ID
|
|
3
|
-
} from "./_browser-chunks/chunk-
|
|
4
|
-
import "./_browser-chunks/chunk-
|
|
3
|
+
} from "./_browser-chunks/chunk-BG2SBT4L.js";
|
|
4
|
+
import "./_browser-chunks/chunk-ZYVL3X5E.js";
|
|
5
5
|
|
|
6
6
|
// src/manager.tsx
|
|
7
7
|
import React, { Suspense, lazy } from "react";
|
|
8
8
|
import ReactDOM from "react-dom";
|
|
9
9
|
import { STORY_SPECIFIED } from "storybook/internal/core-events";
|
|
10
10
|
import { addons } from "storybook/manager-api";
|
|
11
|
-
var Onboarding = lazy(() => import("./_browser-chunks/Onboarding-
|
|
11
|
+
var Onboarding = lazy(() => import("./_browser-chunks/Onboarding-WWQZBI4C.js"));
|
|
12
12
|
addons.register("@storybook/addon-onboarding", async (api) => {
|
|
13
|
-
|
|
14
|
-
const isOnboarding = urlState.path === "/onboarding" || urlState.queryParams.onboarding === "true";
|
|
13
|
+
let urlState = api.getUrlState(), isOnboarding = urlState.path === "/onboarding" || urlState.queryParams.onboarding === "true";
|
|
15
14
|
api.once(STORY_SPECIFIED, () => {
|
|
16
|
-
|
|
17
|
-
if (!hasButtonStories) {
|
|
15
|
+
if (!(!!api.getData("example-button--primary") || !!document.getElementById("example-button--primary"))) {
|
|
18
16
|
console.warn(
|
|
19
|
-
|
|
17
|
+
"[@storybook/addon-onboarding] It seems like you have finished the onboarding experience in Storybook! Therefore this addon is not necessary anymore and will not be loaded. You are free to remove it from your project. More info: https://github.com/storybookjs/storybook/tree/next/code/addons/onboarding#uninstalling"
|
|
20
18
|
);
|
|
21
19
|
return;
|
|
22
20
|
}
|
|
23
|
-
if (!isOnboarding || window.innerWidth < 730)
|
|
21
|
+
if (!isOnboarding || window.innerWidth < 730)
|
|
24
22
|
return;
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
api.setSelectedPanel(ADDON_CONTROLS_ID);
|
|
29
|
-
const domNode = document.createElement("div");
|
|
30
|
-
domNode.id = "storybook-addon-onboarding";
|
|
31
|
-
document.body.appendChild(domNode);
|
|
32
|
-
ReactDOM.render(
|
|
23
|
+
api.togglePanel(!0), api.togglePanelPosition("bottom"), api.setSelectedPanel(ADDON_CONTROLS_ID);
|
|
24
|
+
let domNode = document.createElement("div");
|
|
25
|
+
domNode.id = "storybook-addon-onboarding", document.body.appendChild(domNode), ReactDOM.render(
|
|
33
26
|
React.createElement(Suspense, { fallback: React.createElement("div", null) }, React.createElement(Onboarding, { api })),
|
|
34
27
|
domNode
|
|
35
28
|
);
|
package/dist/preset.js
CHANGED
|
@@ -1,41 +1,31 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import CJS_COMPAT_NODE_URL_vafe1nl07eh from 'node:url';
|
|
2
|
+
import CJS_COMPAT_NODE_PATH_vafe1nl07eh from 'node:path';
|
|
3
|
+
import CJS_COMPAT_NODE_MODULE_vafe1nl07eh from "node:module";
|
|
4
4
|
|
|
5
|
-
var __filename =
|
|
6
|
-
var __dirname =
|
|
7
|
-
var require =
|
|
5
|
+
var __filename = CJS_COMPAT_NODE_URL_vafe1nl07eh.fileURLToPath(import.meta.url);
|
|
6
|
+
var __dirname = CJS_COMPAT_NODE_PATH_vafe1nl07eh.dirname(__filename);
|
|
7
|
+
var require = CJS_COMPAT_NODE_MODULE_vafe1nl07eh.createRequire(import.meta.url);
|
|
8
8
|
|
|
9
9
|
// ------------------------------------------------------------
|
|
10
10
|
// end of CJS compatibility banner, injected by Storybook's esbuild configuration
|
|
11
11
|
// ------------------------------------------------------------
|
|
12
|
-
var __defProp = Object.defineProperty;
|
|
13
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
14
12
|
|
|
15
13
|
// src/preset.ts
|
|
16
14
|
import { telemetry } from "storybook/internal/telemetry";
|
|
17
15
|
|
|
18
16
|
// package.json
|
|
19
|
-
var version = "10.1.0-alpha.
|
|
17
|
+
var version = "10.1.0-alpha.11";
|
|
20
18
|
|
|
21
19
|
// src/constants.ts
|
|
22
20
|
var STORYBOOK_ADDON_ONBOARDING_CHANNEL = "STORYBOOK_ADDON_ONBOARDING_CHANNEL";
|
|
23
21
|
|
|
24
22
|
// src/preset.ts
|
|
25
|
-
var experimental_serverChannel =
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
if (type === "telemetry") {
|
|
32
|
-
telemetry("addon-onboarding", { ...event, addonVersion: version });
|
|
33
|
-
} else if (type === "survey") {
|
|
34
|
-
telemetry("onboarding-survey", { ...event, addonVersion: version });
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
return channel;
|
|
38
|
-
}, "experimental_serverChannel");
|
|
23
|
+
var experimental_serverChannel = async (channel, options) => {
|
|
24
|
+
let { disableTelemetry } = await options.presets.apply("core", {});
|
|
25
|
+
return disableTelemetry || channel.on(STORYBOOK_ADDON_ONBOARDING_CHANNEL, ({ type, ...event }) => {
|
|
26
|
+
type === "telemetry" ? telemetry("addon-onboarding", { ...event, addonVersion: version }) : type === "survey" && telemetry("onboarding-survey", { ...event, addonVersion: version });
|
|
27
|
+
}), channel;
|
|
28
|
+
};
|
|
39
29
|
export {
|
|
40
30
|
experimental_serverChannel
|
|
41
31
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/addon-onboarding",
|
|
3
|
-
"version": "10.1.0-alpha.
|
|
3
|
+
"version": "10.1.0-alpha.11",
|
|
4
4
|
"description": "Storybook Onboarding: Help new users learn how to write stories",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"storybook",
|
|
@@ -52,14 +52,14 @@
|
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@neoconfetti/react": "^1.0.0",
|
|
55
|
-
"@storybook/icons": "^
|
|
55
|
+
"@storybook/icons": "^2.0.0",
|
|
56
56
|
"react": "^18.2.0",
|
|
57
57
|
"react-dom": "^18.2.0",
|
|
58
58
|
"react-joyride": "^2.8.2",
|
|
59
59
|
"typescript": "^5.8.3"
|
|
60
60
|
},
|
|
61
61
|
"peerDependencies": {
|
|
62
|
-
"storybook": "^10.1.0-alpha.
|
|
62
|
+
"storybook": "^10.1.0-alpha.11"
|
|
63
63
|
},
|
|
64
64
|
"publishConfig": {
|
|
65
65
|
"access": "public"
|