@storybook/addon-onboarding 9.2.0-alpha.3 → 10.0.0-beta.1

package/dist/_browser-chunks/chunk-B266DSPW.js

@@ -0,0 +1,8 @@
+// src/constants.ts
+var STORYBOOK_ADDON_ONBOARDING_CHANNEL = "STORYBOOK_ADDON_ONBOARDING_CHANNEL";
+var ADDON_CONTROLS_ID = "addon-controls";
+
+export {
+  STORYBOOK_ADDON_ONBOARDING_CHANNEL,
+  ADDON_CONTROLS_ID
+};

package/dist/_browser-chunks/chunk-CBI7MY27.js

@@ -0,0 +1,32 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+export {
+  __name,
+  __commonJS,
+  __toESM
+};

package/dist/index.js

@@ -1,5 +1,7 @@
-'use strict';
+import "./_browser-chunks/chunk-CBI7MY27.js";
 
-var index_default={};
-
-module.exports = index_default;
+// src/index.ts
+var index_default = {};
+export {
+  index_default as default
+};

package/dist/manager.js

@@ -1,7 +1,37 @@
-import React, { lazy, Suspense } from 'react';
-import ReactDOM from 'react-dom';
-import { ADDON_ID } from 'storybook/internal/controls';
-import { STORY_SPECIFIED } from 'storybook/internal/core-events';
-import { addons } from 'storybook/manager-api';
+import {
+  ADDON_CONTROLS_ID
+} from "./_browser-chunks/chunk-B266DSPW.js";
+import "./_browser-chunks/chunk-CBI7MY27.js";
 
-var Onboarding=lazy(()=>import('./Onboarding-64RGZKLB.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);});});
+// src/manager.tsx
+import React, { Suspense, lazy } from "react";
+import ReactDOM from "react-dom";
+import { STORY_SPECIFIED } from "storybook/internal/core-events";
+import { addons } from "storybook/manager-api";
+var Onboarding = lazy(() => import("./_browser-chunks/Onboarding-LYWP3ZXX.js"));
+addons.register("@storybook/addon-onboarding", async (api) => {
+  const urlState = api.getUrlState();
+  const isOnboarding = urlState.path === "/onboarding" || urlState.queryParams.onboarding === "true";
+  api.once(STORY_SPECIFIED, () => {
+    const hasButtonStories = !!api.getData("example-button--primary") || !!document.getElementById("example-button--primary");
+    if (!hasButtonStories) {
+      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(true);
+    api.togglePanelPosition("bottom");
+    api.setSelectedPanel(ADDON_CONTROLS_ID);
+    const 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

@@ -1,8 +1,41 @@
-'use strict';
+import CJS_COMPAT_NODE_URL_tki919fka69 from 'node:url';
+import CJS_COMPAT_NODE_PATH_tki919fka69 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_tki919fka69 from "node:module";
 
-var fs = require('fs');
-var telemetry = require('storybook/internal/telemetry');
+var __filename = CJS_COMPAT_NODE_URL_tki919fka69.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_tki919fka69.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_tki919fka69.createRequire(import.meta.url);
 
-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};
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
-exports.experimental_serverChannel = experimental_serverChannel;
+// src/preset.ts
+import { telemetry } from "storybook/internal/telemetry";
+
+// package.json
+var version = "10.0.0-beta.1";
+
+// src/constants.ts
+var STORYBOOK_ADDON_ONBOARDING_CHANNEL = "STORYBOOK_ADDON_ONBOARDING_CHANNEL";
+
+// src/preset.ts
+var experimental_serverChannel = /* @__PURE__ */ __name(async (channel, options) => {
+  const { disableTelemetry } = await options.presets.apply("core", {});
+  if (disableTelemetry) {
+    return channel;
+  }
+  channel.on(STORYBOOK_ADDON_ONBOARDING_CHANNEL, ({ type, ...event }) => {
+    if (type === "telemetry") {
+      telemetry("addon-onboarding", { ...event, addonVersion: version });
+    } else if (type === "survey") {
+      telemetry("onboarding-survey", { ...event, addonVersion: version });
+    }
+  });
+  return channel;
+}, "experimental_serverChannel");
+export {
+  experimental_serverChannel
+};

package/manager.js

@@ -0,0 +1 @@
+export * from './dist/manager.js';

package/package.json

@@ -1,10 +1,19 @@
 {
   "name": "@storybook/addon-onboarding",
-  "version": "9.2.0-alpha.3",
-  "description": "Storybook Addon Onboarding - Introduces a new onboarding experience",
+  "version": "10.0.0-beta.1",
+  "description": "Storybook Onboarding: Help new users learn how to write stories",
   "keywords": [
-    "storybook-addons",
-    "addon-onboarding"
+    "storybook",
+    "storybook-addon",
+    "onboarding",
+    "getting started",
+    "component",
+    "components",
+    "react",
+    "vue",
+    "angular",
+    "svelte",
+    "web-components"
   ],
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/addons/onboarding",
   "bugs": {
@@ -20,19 +29,16 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "default": "./dist/index.js"
     },
     "./manager": "./dist/manager.js",
-    "./preset": "./dist/preset.js",
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./preset": "./dist/preset.js"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
@@ -41,8 +47,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "jiti ../../../scripts/prepare/check.ts",
-    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/check/check-package.ts",
+    "prep": "jiti ../../../scripts/build/build-package.ts"
   },
   "devDependencies": {
     "@neoconfetti/react": "^1.0.0",
@@ -53,20 +59,9 @@
     "typescript": "^5.8.3"
   },
   "peerDependencies": {
-    "storybook": "^9.2.0-alpha.3"
+    "storybook": "^10.0.0-beta.1"
   },
   "publishConfig": {
     "access": "public"
-  },
-  "bundler": {
-    "exportEntries": [
-      "./src/index.ts"
-    ],
-    "managerEntries": [
-      "./src/manager.tsx"
-    ],
-    "nodeEntries": [
-      "./src/preset.ts"
-    ]
   }
 }

package/preset.js

@@ -1,8 +1 @@
-function managerEntries(entry = []) {
-  return [...entry, require.resolve('./dist/manager.js')];
-}
-
-module.exports = {
-  managerEntries,
-  ...require('./dist/preset'),
-};
+export * from './dist/preset.js';