@storybook/addon-onboarding 0.0.0-pr-31819-sha-19dfdec3 → 0.0.0-pr-32140-sha-c009bc02
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/Onboarding-XGKXPXUL.js +137 -0
- package/dist/index.js +4 -6
- package/dist/index.mjs +3 -0
- package/dist/manager.js +6 -36
- package/dist/preset.js +5 -38
- package/package.json +22 -8
- package/preset.js +8 -1
- package/dist/_browser-chunks/Onboarding-6MNOEM6C.js +0 -8278
- package/dist/_browser-chunks/chunk-B266DSPW.js +0 -8
- package/dist/_browser-chunks/chunk-CBI7MY27.js +0 -32
- package/manager.js +0 -1
package/dist/index.js
CHANGED
package/dist/index.mjs
ADDED
package/dist/manager.js
CHANGED
|
@@ -1,37 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
} from
|
|
4
|
-
import
|
|
1
|
+
import React, { lazy, Suspense } from 'react';
|
|
2
|
+
import ReactDOM from 'react-dom';
|
|
3
|
+
import { ADDON_ID } from 'storybook/internal/controls';
|
|
4
|
+
import { STORY_SPECIFIED } from 'storybook/internal/core-events';
|
|
5
|
+
import { addons } from 'storybook/manager-api';
|
|
5
6
|
|
|
6
|
-
|
|
7
|
-
import React, { Suspense, lazy } from "react";
|
|
8
|
-
import ReactDOM from "react-dom";
|
|
9
|
-
import { STORY_SPECIFIED } from "storybook/internal/core-events";
|
|
10
|
-
import { addons } from "storybook/manager-api";
|
|
11
|
-
var Onboarding = lazy(() => import("./_browser-chunks/Onboarding-6MNOEM6C.js"));
|
|
12
|
-
addons.register("@storybook/addon-onboarding", async (api) => {
|
|
13
|
-
const urlState = api.getUrlState();
|
|
14
|
-
const isOnboarding = urlState.path === "/onboarding" || urlState.queryParams.onboarding === "true";
|
|
15
|
-
api.once(STORY_SPECIFIED, () => {
|
|
16
|
-
const hasButtonStories = !!api.getData("example-button--primary") || !!document.getElementById("example-button--primary");
|
|
17
|
-
if (!hasButtonStories) {
|
|
18
|
-
console.warn(
|
|
19
|
-
`[@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
|
-
);
|
|
21
|
-
return;
|
|
22
|
-
}
|
|
23
|
-
if (!isOnboarding || window.innerWidth < 730) {
|
|
24
|
-
return;
|
|
25
|
-
}
|
|
26
|
-
api.togglePanel(true);
|
|
27
|
-
api.togglePanelPosition("bottom");
|
|
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(
|
|
33
|
-
React.createElement(Suspense, { fallback: React.createElement("div", null) }, React.createElement(Onboarding, { api })),
|
|
34
|
-
domNode
|
|
35
|
-
);
|
|
36
|
-
});
|
|
37
|
-
});
|
|
7
|
+
var Onboarding=lazy(()=>import('./Onboarding-XGKXPXUL.js'));addons.register("@storybook/addon-onboarding",async api=>{let urlState=api.getUrlState(),isOnboarding=urlState.path==="/onboarding"||urlState.queryParams.onboarding==="true";api.once(STORY_SPECIFIED,()=>{if(!(!!api.getData("example-button--primary")||!!document.getElementById("example-button--primary"))){console.warn("[@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");return}if(!isOnboarding||window.innerWidth<730)return;api.togglePanel(!0),api.togglePanelPosition("bottom"),api.setSelectedPanel(ADDON_ID);let domNode=document.createElement("div");domNode.id="storybook-addon-onboarding",document.body.appendChild(domNode),ReactDOM.render(React.createElement(Suspense,{fallback:React.createElement("div",null)},React.createElement(Onboarding,{api})),domNode);});});
|
package/dist/preset.js
CHANGED
|
@@ -1,41 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
import CJS_COMPAT_NODE_PATH_og0rfj0txql from 'node:path';
|
|
3
|
-
import CJS_COMPAT_NODE_MODULE_og0rfj0txql from "node:module";
|
|
1
|
+
'use strict';
|
|
4
2
|
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var require = CJS_COMPAT_NODE_MODULE_og0rfj0txql.createRequire(import.meta.url);
|
|
3
|
+
var fs = require('fs');
|
|
4
|
+
var telemetry = require('storybook/internal/telemetry');
|
|
8
5
|
|
|
9
|
-
|
|
10
|
-
// end of CJS compatibility banner, injected by Storybook's esbuild configuration
|
|
11
|
-
// ------------------------------------------------------------
|
|
12
|
-
var __defProp = Object.defineProperty;
|
|
13
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
6
|
+
var __require=(x=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x,{get:(a,b)=>(typeof require<"u"?require:a)[b]}):x)(function(x){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+x+'" is not supported')});var STORYBOOK_ADDON_ONBOARDING_CHANNEL="STORYBOOK_ADDON_ONBOARDING_CHANNEL";var experimental_serverChannel=async(channel,options)=>{let{disableTelemetry}=await options.presets.apply("core",{});if(!disableTelemetry){let packageJsonPath=__require.resolve("@storybook/addon-onboarding/package.json"),{version:addonVersion}=JSON.parse(fs.readFileSync(packageJsonPath,{encoding:"utf-8"}));channel.on(STORYBOOK_ADDON_ONBOARDING_CHANNEL,({type,...event})=>{type==="telemetry"?telemetry.telemetry("addon-onboarding",{...event,addonVersion}):type==="survey"&&telemetry.telemetry("onboarding-survey",{...event,addonVersion});});}return channel};
|
|
14
7
|
|
|
15
|
-
|
|
16
|
-
import { telemetry } from "storybook/internal/telemetry";
|
|
17
|
-
|
|
18
|
-
// package.json
|
|
19
|
-
var version = "0.0.0-pr-31819-sha-19dfdec3";
|
|
20
|
-
|
|
21
|
-
// src/constants.ts
|
|
22
|
-
var STORYBOOK_ADDON_ONBOARDING_CHANNEL = "STORYBOOK_ADDON_ONBOARDING_CHANNEL";
|
|
23
|
-
|
|
24
|
-
// src/preset.ts
|
|
25
|
-
var experimental_serverChannel = /* @__PURE__ */ __name(async (channel, options) => {
|
|
26
|
-
const { disableTelemetry } = await options.presets.apply("core", {});
|
|
27
|
-
if (disableTelemetry) {
|
|
28
|
-
return channel;
|
|
29
|
-
}
|
|
30
|
-
channel.on(STORYBOOK_ADDON_ONBOARDING_CHANNEL, ({ type, ...event }) => {
|
|
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");
|
|
39
|
-
export {
|
|
40
|
-
experimental_serverChannel
|
|
41
|
-
};
|
|
8
|
+
exports.experimental_serverChannel = experimental_serverChannel;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/addon-onboarding",
|
|
3
|
-
"version": "0.0.0-pr-
|
|
3
|
+
"version": "0.0.0-pr-32140-sha-c009bc02",
|
|
4
4
|
"description": "Storybook Addon Onboarding - Introduces a new onboarding experience",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"storybook-addons",
|
|
@@ -20,16 +20,19 @@
|
|
|
20
20
|
"url": "https://opencollective.com/storybook"
|
|
21
21
|
},
|
|
22
22
|
"license": "MIT",
|
|
23
|
-
"type": "module",
|
|
24
23
|
"exports": {
|
|
25
24
|
".": {
|
|
26
25
|
"types": "./dist/index.d.ts",
|
|
27
|
-
"
|
|
26
|
+
"import": "./dist/index.mjs",
|
|
27
|
+
"require": "./dist/index.js"
|
|
28
28
|
},
|
|
29
29
|
"./manager": "./dist/manager.js",
|
|
30
|
-
"./
|
|
31
|
-
"./
|
|
30
|
+
"./preset": "./dist/preset.js",
|
|
31
|
+
"./package.json": "./package.json"
|
|
32
32
|
},
|
|
33
|
+
"main": "dist/index.js",
|
|
34
|
+
"module": "dist/index.mjs",
|
|
35
|
+
"types": "dist/index.d.ts",
|
|
33
36
|
"files": [
|
|
34
37
|
"dist/**/*",
|
|
35
38
|
"README.md",
|
|
@@ -38,8 +41,8 @@
|
|
|
38
41
|
"!src/**/*"
|
|
39
42
|
],
|
|
40
43
|
"scripts": {
|
|
41
|
-
"check": "jiti ../../../scripts/
|
|
42
|
-
"prep": "jiti ../../../scripts/
|
|
44
|
+
"check": "jiti ../../../scripts/prepare/check.ts",
|
|
45
|
+
"prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
|
|
43
46
|
},
|
|
44
47
|
"devDependencies": {
|
|
45
48
|
"@neoconfetti/react": "^1.0.0",
|
|
@@ -50,9 +53,20 @@
|
|
|
50
53
|
"typescript": "^5.8.3"
|
|
51
54
|
},
|
|
52
55
|
"peerDependencies": {
|
|
53
|
-
"storybook": "^0.0.0-pr-
|
|
56
|
+
"storybook": "^0.0.0-pr-32140-sha-c009bc02"
|
|
54
57
|
},
|
|
55
58
|
"publishConfig": {
|
|
56
59
|
"access": "public"
|
|
60
|
+
},
|
|
61
|
+
"bundler": {
|
|
62
|
+
"exportEntries": [
|
|
63
|
+
"./src/index.ts"
|
|
64
|
+
],
|
|
65
|
+
"managerEntries": [
|
|
66
|
+
"./src/manager.tsx"
|
|
67
|
+
],
|
|
68
|
+
"nodeEntries": [
|
|
69
|
+
"./src/preset.ts"
|
|
70
|
+
]
|
|
57
71
|
}
|
|
58
72
|
}
|