@launchdarkly/toolbar 2.5.3-beta.1 → 2.6.0-beta.1

package/dist/react.cjs

@@ -0,0 +1,123 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    lazyLoadToolbar: ()=>lazyLoadToolbar,
+    useLaunchDarklyToolbar: ()=>useLaunchDarklyToolbar
+});
+const external_react_namespaceObject = require("react");
+function getWindow() {
+    return window;
+}
+async function lazyLoadToolbar(signal, url) {
+    const existing = getWindow().LaunchDarklyToolbar;
+    if (existing) return Promise.resolve(existing);
+    await lazyLoad(signal, url);
+    const toolbarModule = getWindow().LaunchDarklyToolbar;
+    if (!toolbarModule) throw new Error(`Unable to detect LaunchDarklyToolbar global from ${url}`);
+    return toolbarModule;
+}
+async function lazyLoad(signal, url) {
+    const existingScript = document.querySelector(`script[src="${url}"]`);
+    if (existingScript) {
+        if ('true' === existingScript.dataset.loaded) return Promise.resolve();
+        return new Promise((resolve, reject)=>{
+            existingScript.addEventListener('load', ()=>{
+                if (!signal.aborted) {
+                    existingScript.dataset.loaded = 'true';
+                    resolve();
+                }
+            });
+            existingScript.addEventListener('error', (error)=>{
+                if (!signal.aborted) reject(error);
+            });
+        });
+    }
+    const script = document.createElement("script");
+    script.src = url;
+    script.crossOrigin = 'anonymous';
+    script.referrerPolicy = 'origin';
+    const waitForLoad = new Promise((resolve, reject)=>{
+        script.addEventListener('load', ()=>{
+            if (!signal.aborted) {
+                script.dataset.loaded = 'true';
+                resolve();
+            }
+        });
+        script.addEventListener('error', (error)=>{
+            if (!signal.aborted) reject(error);
+        });
+    });
+    document.body.appendChild(script);
+    try {
+        await waitForLoad;
+    } catch (error) {
+        console.log(error);
+        throw new Error(`Could not load LaunchDarkly developer toolbar bundle from ${url}`);
+    }
+}
+var package_namespaceObject = JSON.parse('{"rE":"2.6.0-beta.1"}');
+function useLaunchDarklyToolbar(args) {
+    const { toolbarBundleUrl, enabled, ...initConfig } = args;
+    const configRef = (0, external_react_namespaceObject.useRef)(null);
+    const url = toolbarBundleUrl ?? versionToCdn(package_namespaceObject.rE);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (false === enabled) return;
+        if (null === configRef.current) configRef.current = initConfig;
+    }, [
+        enabled,
+        initConfig
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (false === enabled || null === configRef.current) return;
+        const controller = new AbortController();
+        let cleanup = ()=>{};
+        lazyLoadToolbar(controller.signal, url).then((importedToolbar)=>{
+            if (null === configRef.current) return;
+            cleanup = importedToolbar.init(configRef.current);
+        });
+        return ()=>{
+            controller.abort();
+            cleanup();
+        };
+    }, [
+        enabled,
+        url
+    ]);
+}
+function versionToCdn(version = 'latest') {
+    return `https://unpkg.com/@launchdarkly/toolbar@${version}/cdn/toolbar.min.js`;
+}
+exports.lazyLoadToolbar = __webpack_exports__.lazyLoadToolbar;
+exports.useLaunchDarklyToolbar = __webpack_exports__.useLaunchDarklyToolbar;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "lazyLoadToolbar",
+    "useLaunchDarklyToolbar"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=react.cjs.map

package/dist/react.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.cjs","sources":["webpack/runtime/define_property_getters","webpack/runtime/has_own_property","webpack/runtime/make_namespace_object","../src/react/lazyLoadToolbar.ts","../src/react/useLaunchDarklyToolbar.ts"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import type { LaunchDarklyToolbar } from '../index';\n\ninterface WindowWithMaybeToolbar extends Window {\n  LaunchDarklyToolbar?: LaunchDarklyToolbar;\n}\n\nfunction getWindow(): WindowWithMaybeToolbar {\n  return window;\n}\n\nexport default async function lazyLoadToolbar(signal: AbortSignal, url: string): Promise<LaunchDarklyToolbar> {\n  const existing = getWindow().LaunchDarklyToolbar;\n\n  if (existing) {\n    return Promise.resolve(existing);\n  }\n\n  await lazyLoad(signal, url);\n\n  const toolbarModule = getWindow().LaunchDarklyToolbar;\n  if (!toolbarModule) {\n    throw new Error(`Unable to detect LaunchDarklyToolbar global from ${url}`);\n  }\n\n  return toolbarModule;\n}\n\nasync function lazyLoad(signal: AbortSignal, url: string): Promise<void> {\n  // Check if a script with this URL already exists\n  const existingScript = document.querySelector(`script[src=\"${url}\"]`) as HTMLScriptElement | null;\n\n  if (existingScript) {\n    // If script already exists and is loaded, return immediately\n    if (existingScript.dataset.loaded === 'true') {\n      return Promise.resolve();\n    }\n\n    // If script exists but is still loading, wait for it to complete\n    return new Promise<void>((resolve, reject) => {\n      existingScript.addEventListener('load', () => {\n        if (!signal.aborted) {\n          existingScript.dataset.loaded = 'true';\n          resolve();\n        }\n      });\n      existingScript.addEventListener('error', (error) => {\n        if (!signal.aborted) {\n          reject(error);\n        }\n      });\n    });\n  }\n\n  // Create new script element\n  const script = document.createElement('script');\n  script.src = url;\n  script.crossOrigin = 'anonymous';\n  script.referrerPolicy = 'origin';\n\n  const waitForLoad = new Promise<void>((resolve, reject) => {\n    script.addEventListener('load', () => {\n      if (!signal.aborted) {\n        script.dataset.loaded = 'true';\n        resolve();\n      }\n    });\n    script.addEventListener('error', (error) => {\n      if (!signal.aborted) {\n        reject(error);\n      }\n    });\n  });\n\n  document.body.appendChild(script);\n\n  try {\n    await waitForLoad;\n  } catch (error) {\n    console.log(error);\n    throw new Error(`Could not load LaunchDarkly developer toolbar bundle from ${url}`);\n  }\n}\n","import { useEffect, useRef } from 'react';\n\nimport lazyLoadToolbar from './lazyLoadToolbar';\nimport type { InitializationConfig } from '../types';\nimport packageJson from '../../package.json';\n\ninterface UseLaunchDarklyToolbarConfig extends InitializationConfig {\n  /**\n   * URL to load the toolbar bundle from.\n   * Use this when developing the toolbar itself locally.\n   *\n   * Example: `'http://localhost:8080/toolbar.min.js'`\n   *\n   * Default: CDN URL based on package version\n   */\n  toolbarBundleUrl?: string;\n\n  /**\n   * Whether the toolbar should be loaded and displayed.\n   *\n   * Default: `true`\n   */\n  enabled?: boolean;\n}\n\nexport default function useLaunchDarklyToolbar(args: UseLaunchDarklyToolbarConfig) {\n  const { toolbarBundleUrl, enabled, ...initConfig } = args;\n  const configRef = useRef<InitializationConfig | null>(null);\n  const url = toolbarBundleUrl ?? versionToCdn(packageJson.version);\n\n  useEffect(() => {\n    if (enabled === false) {\n      return;\n    }\n\n    if (configRef.current === null) {\n      configRef.current = initConfig;\n    }\n  }, [enabled, initConfig]);\n\n  useEffect(() => {\n    if (enabled === false || configRef.current === null) {\n      return;\n    }\n\n    const controller = new AbortController();\n\n    let cleanup: () => void = () => {};\n    lazyLoadToolbar(controller.signal, url).then((importedToolbar) => {\n      if (configRef.current === null) {\n        return;\n      }\n\n      cleanup = importedToolbar.init(configRef.current);\n    });\n\n    return () => {\n      controller.abort();\n      cleanup();\n    };\n  }, [enabled, url]);\n}\n\nfunction versionToCdn(version = 'latest'): string {\n  return `https://unpkg.com/@launchdarkly/toolbar@${version}/cdn/toolbar.min.js`;\n}\n"],"names":["__webpack_require__","definition","key","Object","obj","prop","Symbol","getWindow","window","lazyLoadToolbar","signal","url","existing","Promise","lazyLoad","toolbarModule","Error","existingScript","document","resolve","reject","error","script","waitForLoad","console","useLaunchDarklyToolbar","args","toolbarBundleUrl","enabled","initConfig","configRef","useRef","versionToCdn","packageJson","useEffect","controller","AbortController","cleanup","importedToolbar","version"],"mappings":"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"}

package/dist/react.d.ts

@@ -0,0 +1,25 @@
+/**
+ * React-specific exports for the LaunchDarkly Toolbar
+ *
+ * This entry point provides React hooks and utilities for integrating
+ * the toolbar with React applications.
+ *
+ * @example
+ * ```tsx
+ * import { useLaunchDarklyToolbar } from '@launchdarkly/toolbar/react';
+ * import { FlagOverridePlugin } from '@launchdarkly/toolbar/plugins';
+ *
+ * // Create plugins outside the component (only once)
+ * const flagOverridePlugin = new FlagOverridePlugin();
+ *
+ * function App() {
+ *   useLaunchDarklyToolbar({
+ *     flagOverridePlugin,
+ *   });
+ *
+ *   return <YourApp />;
+ * }
+ * ```
+ */
+export { default as useLaunchDarklyToolbar } from './react/useLaunchDarklyToolbar';
+export { default as lazyLoadToolbar } from './react/lazyLoadToolbar';

package/dist/types-entry.cjs

@@ -0,0 +1,20 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=types-entry.cjs.map

package/dist/types-entry.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-entry.cjs","sources":["webpack/runtime/make_namespace_object"],"sourcesContent":["// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","Symbol","Object"],"mappings":";;;IACAA,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,eAAlB,OAAOC,UAA0BA,OAAO,WAAW,EACrDC,OAAO,cAAc,CAAC,UAASD,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEC,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/types-entry.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Type-only exports for the LaunchDarkly Toolbar
+ *
+ * This entry point provides TypeScript types without any runtime code,
+ * useful for type-only imports in your application.
+ *
+ * @example
+ * ```ts
+ * import type { InitializationConfig, ToolbarConfig } from '@launchdarkly/toolbar/types';
+ * ```
+ */
+export type * from './types';

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@launchdarkly/toolbar",
-  "version": "2.5.3-beta.1",
+  "version": "2.6.0-beta.1",
   "description": "A framework-agnostic developer toolbar for interacting with LaunchDarkly during development",
   "keywords": [
     "launchdarkly",
@@ -28,6 +28,19 @@
   "module": "./dist/js/index.js",
   "types": "./dist/index.d.ts",
   "typings": "./dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "plugins": [
+        "./dist/plugins.d.ts"
+      ],
+      "react": [
+        "./dist/react.d.ts"
+      ],
+      "types": [
+        "./dist/types-entry.d.ts"
+      ]
+    }
+  },
   "sideEffects": false,
   "files": [
     "dist",
@@ -45,10 +58,40 @@
         "types": "./dist/index.d.ts",
         "default": "./dist/index.cjs"
       }
+    },
+    "./plugins": {
+      "import": {
+        "types": "./dist/plugins.d.ts",
+        "default": "./dist/js/plugins.js"
+      },
+      "require": {
+        "types": "./dist/plugins.d.ts",
+        "default": "./dist/plugins.cjs"
+      }
+    },
+    "./react": {
+      "import": {
+        "types": "./dist/react.d.ts",
+        "default": "./dist/js/react.js"
+      },
+      "require": {
+        "types": "./dist/react.d.ts",
+        "default": "./dist/react.cjs"
+      }
+    },
+    "./types": {
+      "import": {
+        "types": "./dist/types-entry.d.ts",
+        "default": "./dist/js/types-entry.js"
+      },
+      "require": {
+        "types": "./dist/types-entry.d.ts",
+        "default": "./dist/types-entry.cjs"
+      }
     }
   },
   "devDependencies": {
-    "@codemirror/commands": "^6.10.0",
+    "@codemirror/commands": "^6.10.1",
     "@codemirror/lang-json": "^6.0.2",
     "@codemirror/language": "^6.11.3",
     "@codemirror/lint": "^6.9.2",
@@ -71,7 +114,7 @@
     "@storybook/addon-onboarding": "^10.1.7",
     "@storybook/blocks": "^9.0.0-alpha.17",
     "@storybook/react": "^10.0.8",
-    "@storybook/react-vite": "^10.1.8",
+    "@storybook/react-vite": "^10.1.10",
     "@storybook/test": "^9.0.0-alpha.2",
     "@tanstack/react-virtual": "^3.13.13",
     "@testing-library/jest-dom": "^6.9.1",
@@ -91,7 +134,7 @@
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "storybook": "^10.1.4",
-    "storybook-addon-rslib": "^3.1.0",
+    "storybook-addon-rslib": "^3.2.0",
     "storybook-react-rsbuild": "^3.1.0",
     "typescript": "^5.9.3",
     "vitest": "^4.0.15"

package/dist/core/ui/Toolbar/components/new/Settings/SettingsContent.d.ts

@@ -1 +0,0 @@
-export declare function SettingsContent(): import("react/jsx-runtime").JSX.Element;