@launchdarkly/toolbar 2.3.0-beta.1 → 2.3.1

package/dist/react.cjs

@@ -0,0 +1,127 @@
+"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 ("u" > 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 = {
+    rE: "2.3.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);
+        }).catch((error)=>{
+            console.error('[LaunchDarkly Toolbar] Failed to initialize:', error);
+        });
+        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/core/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 '../core/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:5764/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)\n      .then((importedToolbar) => {\n        if (configRef.current === null) {\n          return;\n        }\n\n        cleanup = importedToolbar.init(configRef.current);\n      })\n      .catch((error) => {\n        console.error('[LaunchDarkly Toolbar] Failed to initialize:', error);\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 './core/lazyLoadToolbar';

package/dist/types-entry.cjs

@@ -0,0 +1,20 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > 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,MAAlB,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/dist/vue/useLaunchDarklyToolbar.d.ts

@@ -0,0 +1,20 @@
+import type { InitializationConfig } from '../types';
+interface UseLaunchDarklyToolbarConfig extends InitializationConfig {
+    /**
+     * URL to load the toolbar bundle from.
+     * Use this when developing the toolbar itself locally.
+     *
+     * Example: `'http://localhost:5764/toolbar.min.js'`
+     *
+     * Default: CDN URL based on package version
+     */
+    toolbarBundleUrl?: string;
+    /**
+     * Whether the toolbar should be loaded and displayed.
+     *
+     * Default: `true`
+     */
+    enabled?: boolean;
+}
+export default function useLaunchDarklyToolbar(args: UseLaunchDarklyToolbarConfig): void;
+export {};

package/dist/vue.cjs

@@ -0,0 +1,122 @@
+"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 ("u" > 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_vue_namespaceObject = require("vue");
+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 = {
+    rE: "2.3.1"
+};
+function useLaunchDarklyToolbar(args) {
+    const { toolbarBundleUrl, enabled, ...initConfig } = args;
+    const configRef = (0, external_vue_namespaceObject.ref)(null);
+    const cleanupRef = (0, external_vue_namespaceObject.ref)(null);
+    const controllerRef = (0, external_vue_namespaceObject.ref)(null);
+    const url = toolbarBundleUrl ?? versionToCdn(package_namespaceObject.rE);
+    (0, external_vue_namespaceObject.onMounted)(()=>{
+        if (false === enabled) return;
+        if (null === configRef.value || null == initConfig) configRef.value = initConfig;
+        const controller = new AbortController();
+        controllerRef.value = controller;
+        let cleanup = ()=>{};
+        lazyLoadToolbar(controller.signal, url).then((importedToolbar)=>{
+            if (null === configRef.value) return;
+            cleanup = importedToolbar.init(configRef.value);
+            cleanupRef.value = cleanup;
+        }).catch((error)=>{
+            console.error('[LaunchDarkly Toolbar] Failed to initialize:', error);
+        });
+    });
+    (0, external_vue_namespaceObject.onUnmounted)(()=>{
+        if (controllerRef.value) controllerRef.value.abort();
+        if (cleanupRef.value) cleanupRef.value();
+    });
+}
+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=vue.cjs.map

package/dist/vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.cjs","sources":["webpack/runtime/define_property_getters","webpack/runtime/has_own_property","webpack/runtime/make_namespace_object","../src/core/lazyLoadToolbar.ts","../src/vue/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 { onMounted, onUnmounted, ref } from 'vue';\n\nimport lazyLoadToolbar from '../core/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:5764/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 = ref<InitializationConfig | null>(null);\n  const cleanupRef = ref<(() => void) | null>(null);\n  const controllerRef = ref<AbortController | null>(null);\n  const url = toolbarBundleUrl ?? versionToCdn(packageJson.version);\n\n  onMounted(() => {\n    if (enabled === false) {\n      return;\n    }\n\n    if (configRef.value === null || initConfig == null) {\n      configRef.value = initConfig;\n    }\n\n    const controller = new AbortController();\n    controllerRef.value = controller;\n\n    let cleanup: () => void = () => {};\n    lazyLoadToolbar(controller.signal, url)\n      .then((importedToolbar) => {\n        if (configRef.value === null) {\n          return;\n        }\n\n        cleanup = importedToolbar.init(configRef.value);\n        cleanupRef.value = cleanup;\n      })\n      .catch((error) => {\n        console.error('[LaunchDarkly Toolbar] Failed to initialize:', error);\n      });\n  });\n\n  onUnmounted(() => {\n    if (controllerRef.value) {\n      controllerRef.value.abort();\n    }\n    if (cleanupRef.value) {\n      cleanupRef.value();\n    }\n  });\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","ref","cleanupRef","controllerRef","versionToCdn","packageJson","onMounted","controller","AbortController","cleanup","importedToolbar","onUnmounted","version"],"mappings":"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"}

package/dist/vue.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Vue-specific exports for the LaunchDarkly Toolbar
+ *
+ * This entry point provides Vue composables and utilities for integrating
+ * the toolbar with Vue 3 applications.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { useLaunchDarklyToolbar } from '@launchdarkly/toolbar/vue';
+ * import { FlagOverridePlugin } from '@launchdarkly/toolbar/plugins';
+ *
+ * // Create plugins outside the component (only once)
+ * const flagOverridePlugin = new FlagOverridePlugin();
+ *
+ * useLaunchDarklyToolbar({
+ *   flagOverridePlugin,
+ *   enabled: true,
+ * });
+ * </script>
+ * ```
+ */
+export { default as useLaunchDarklyToolbar } from './vue/useLaunchDarklyToolbar';
+export { default as lazyLoadToolbar } from './core/lazyLoadToolbar';

package/package.json

@@ -1,13 +1,15 @@
 {
   "private": false,
   "name": "@launchdarkly/toolbar",
-  "version": "2.3.0-beta.1",
+  "version": "2.3.1",
   "description": "A framework-agnostic developer toolbar for interacting with LaunchDarkly during development",
   "keywords": [
     "launchdarkly",
     "feature-flags",
     "toolbar",
     "react",
+    "vue",
+    "angular",
     "development",
     "typescript",
     "javascript",
@@ -28,6 +30,25 @@
   "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"
+      ],
+      "vue": [
+        "./dist/vue.d.ts"
+      ],
+      "angular": [
+        "./dist/angular.d.ts"
+      ],
+      "types": [
+        "./dist/types-entry.d.ts"
+      ]
+    }
+  },
   "sideEffects": false,
   "files": [
     "dist",
@@ -45,73 +66,149 @@
         "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"
+      }
+    },
+    "./vue": {
+      "import": {
+        "types": "./dist/vue.d.ts",
+        "default": "./dist/js/vue.js"
+      },
+      "require": {
+        "types": "./dist/vue.d.ts",
+        "default": "./dist/vue.cjs"
+      }
+    },
+    "./angular": {
+      "import": {
+        "types": "./dist/angular.d.ts",
+        "default": "./dist/js/angular.js"
+      },
+      "require": {
+        "types": "./dist/angular.d.ts",
+        "default": "./dist/angular.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"
+      }
     }
   },
+  "scripts": {
+    "build": "pnpm run build:lib && pnpm run build:cdn",
+    "build:lib": "rslib build",
+    "build:cdn": "rslib build --config rslib.config.cdn.ts",
+    "dev": "rslib build --watch",
+    "dev:cdn": "rslib build --config rslib.config.cdn.ts --watch",
+    "test": "vitest run",
+    "lint": "oxlint",
+    "storybook": "storybook dev -p 6006",
+    "build:storybook": "storybook build"
+  },
   "devDependencies": {
-    "@codemirror/commands": "^6.10.0",
+    "@angular/common": "^21.1.5",
+    "@angular/core": "^21.2.4",
+    "@codemirror/commands": "^6.10.1",
     "@codemirror/lang-json": "^6.0.2",
-    "@codemirror/language": "^6.11.3",
-    "@codemirror/lint": "^6.9.2",
-    "@codemirror/state": "^6.5.2",
-    "@codemirror/view": "^6.38.8",
-    "@launchpad-ui/components": "^0.17.7",
+    "@codemirror/language": "^6.12.1",
+    "@codemirror/lint": "^6.9.3",
+    "@codemirror/state": "^6.5.4",
+    "@codemirror/view": "^6.39.11",
+    "@launchdarkly/observability": "^1.0.0",
+    "@launchdarkly/session-replay": "^1.0.2",
+    "@launchpad-ui/components": "^0.17.12",
     "@launchpad-ui/tokens": "^0.15.1",
-    "@lezer/highlight": "^1.2.3",
-    "@react-aria/focus": "^3.21.2",
+    "@lezer/highlight": "1.2.1",
+    "@react-aria/focus": "^3.21.3",
     "@react-stately/flags": "^3.1.2",
-    "@rsbuild/core": "^1.6.9",
-    "@rsbuild/plugin-react": "^1.4.2",
-    "@rslib/core": "^0.18.3",
-    "@storybook/addon-docs": "^10.1.5",
+    "@rsbuild/core": "^1.7.3",
+    "@rsbuild/plugin-react": "^1.4.5",
+    "@rslib/core": "^0.19.3",
+    "@storybook/addon-docs": "^10.2.10",
     "@storybook/addon-essentials": "^9.0.0-alpha.12",
     "@storybook/addon-interactions": "^9.0.0-alpha.10",
-    "@storybook/addon-links": "^10.0.8",
-    "@storybook/addon-onboarding": "^10.1.5",
+    "@storybook/addon-links": "^10.2.1",
+    "@storybook/addon-onboarding": "^10.2.11",
     "@storybook/blocks": "^9.0.0-alpha.17",
-    "@storybook/react": "^10.0.8",
-    "@storybook/react-vite": "^10.1.4",
+    "@storybook/react": "^10.2.4",
+    "@storybook/react-vite": "^10.2.10",
     "@storybook/test": "^9.0.0-alpha.2",
-    "@tanstack/react-virtual": "^3.13.12",
+    "@tanstack/react-virtual": "^3.13.18",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.0",
-    "@types/node": "^24.10.1",
-    "@types/react": "19.2.6",
+    "@testing-library/react": "^16.3.2",
+    "@types/node": "^25.3.0",
+    "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "@vanilla-extract/css": "^1.17.5",
-    "@vanilla-extract/vite-plugin": "^5.1.3",
-    "@vanilla-extract/webpack-plugin": "^2.3.24",
-    "@vitest/coverage-v8": "4.0.15",
-    "css-loader": "^7.1.2",
-    "jsdom": "^27.2.0",
+    "@vanilla-extract/css": "^1.18.0",
+    "@vanilla-extract/vite-plugin": "^5.1.4",
+    "@vanilla-extract/webpack-plugin": "^2.3.25",
+    "@vitest/coverage-v8": "4.0.18",
+    "css-loader": "^7.1.3",
+    "jsdom": "^27.4.0",
     "launchdarkly-js-client-sdk": "^3.9.0",
-    "motion": "^12.23.25",
-    "oxlint": "^1.32.0",
-    "react": "^19.2.1",
-    "react-dom": "^19.2.1",
-    "storybook": "^10.1.4",
-    "storybook-addon-rslib": "^3.1.0",
-    "storybook-react-rsbuild": "^3.1.0",
+    "motion": "^12.29.2",
+    "oxlint": "^1.41.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "rxjs": "^7.8.2",
+    "storybook": "^10.2.19",
+    "storybook-addon-rslib": "^3.2.2",
+    "storybook-react-rsbuild": "^3.2.2",
     "typescript": "^5.9.3",
-    "vitest": "^4.0.15"
+    "vitest": "^4.0.18",
+    "vue": "^3.5.30"
   },
   "peerDependencies": {
+    "@angular/common": ">=14.0.0 <22.0.0",
+    "@angular/core": ">=14.0.0 <22.0.0",
     "launchdarkly-js-client-sdk": ">=3.9.0 <4.0.0",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "vue": "^2.7.0 || ^3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    },
+    "@angular/core": {
+      "optional": true
+    },
+    "@angular/common": {
+      "optional": true
+    }
   },
   "publishConfig": {
     "access": "public",
     "provenance": true
-  },
-  "scripts": {
-    "build": "pnpm run build:lib && pnpm run build:cdn",
-    "build:lib": "rslib build",
-    "build:cdn": "rslib build --config rslib.config.cdn.ts",
-    "dev": "rslib build --watch",
-    "dev:cdn": "rslib build --config rslib.config.cdn.ts --watch",
-    "test": "vitest run",
-    "lint": "oxlint",
-    "storybook": "storybook dev -p 6006",
-    "build:storybook": "storybook build"
   }
-}
+}

package/dist/core/ui/Toolbar/components/FlagKeyWithCopy.d.ts

@@ -1,6 +0,0 @@
-interface FlagKeyWithCopyProps {
-    flagKey: string;
-    className?: string;
-}
-export declare function FlagKeyWithCopy({ flagKey, className }: FlagKeyWithCopyProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/core/ui/Toolbar/components/legacy/ActionButtonsContainer.css.d.ts

@@ -1,4 +0,0 @@
-export declare const container: string;
-export declare const actionButton: string;
-export declare const toggleButton: string;
-export declare const active: string;

package/dist/core/ui/Toolbar/components/legacy/ActionButtonsContainer.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface ActionButtonsContainerProps {
-    children: React.ReactNode;
-}
-export declare const ActionButtonsContainer: React.FC<ActionButtonsContainerProps>;
-export {};