@launchdarkly/toolbar 0.14.0-beta.1 → 0.16.0-beta.1

package/dist/js/plugins/index.js

@@ -130,14 +130,18 @@ class FlagOverridePlugin {
         }
     }
 }
-const MAX_EVENTS = 100;
+const DEFAULT_MAX_EVENTS = 100;
 class EventStore {
     events = [];
     listeners = new Set();
+    maxEvents;
+    constructor(config = {}){
+        this.maxEvents = config.maxEvents ?? DEFAULT_MAX_EVENTS;
+    }
     addEvent(event) {
         try {
             this.events.push(event);
-            if (this.events.length > MAX_EVENTS) this.events.splice(0, this.events.length - MAX_EVENTS);
+            if (this.events.length > this.maxEvents) this.events.splice(0, this.events.length - this.maxEvents);
             this.notifyListeners();
         } catch (error) {
             console.warn('Event store error:', error);
@@ -371,9 +375,12 @@ class EventInterceptionPlugin {
     constructor(config = {}){
         this.config = {
             enableLogging: false,
+            eventCapacity: 100,
             ...config
         };
-        this.eventStore = new EventStore();
+        this.eventStore = new EventStore({
+            maxEvents: this.config.eventCapacity
+        });
         const onNewEvent = (event)=>{
             if (this.config.enableLogging) console.log('🎯 Event intercepted:', {
                 kind: event.kind,

package/dist/plugins/EventInterceptionPlugin.d.ts

@@ -9,6 +9,8 @@ export interface EventInterceptionPluginConfig {
     filter?: EventFilter;
     /** Enable console logging for debugging */
     enableLogging?: boolean;
+    /** Maximum number of events to store. The default value is 100. */
+    eventCapacity?: number;
 }
 /**
  * Plugin dedicated to intercepting and processing LaunchDarkly events

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchdarkly/toolbar",
-  "version": "0.14.0-beta.1",
+  "version": "0.16.0-beta.1",
   "description": "A React component that provides a developer-friendly toolbar for interacting with LaunchDarkly during development",
   "keywords": [
     "launchdarkly",
@@ -36,10 +36,6 @@
     "./plugins": {
       "types": "./dist/plugins/index.d.ts",
       "import": "./dist/js/plugins/index.js"
-    },
-    "./plugins/FlagOverridePlugin": {
-      "types": "./dist/plugins/FlagOverridePlugin.d.ts",
-      "import": "./dist/js/plugins/FlagOverridePlugin.js"
     }
   },
   "files": [
@@ -50,56 +46,31 @@
     "not dead",
     "not IE 11"
   ],
-  "scripts": {
-    "build:storybook": "storybook build",
-    "build": "rslib build && node scripts/fix-base-url.cjs",
-    "demo:build": "pnpm build && pnpm --filter launchdarkly-toolbar-demo build",
-    "demo:dev": "pnpm --filter launchdarkly-toolbar-demo dev",
-    "demo:restart": "./scripts/dev-restart.sh",
-    "demo": "pnpm build && pnpm --filter launchdarkly-toolbar-demo dev",
-    "dev:link": "./scripts/setup-local-links.sh",
-    "dev:status": "./scripts/dev-status.sh",
-    "dev:unlink": "./scripts/remove-local-links.sh",
-    "dev:watch": "./scripts/smart-watch-simple.sh",
-    "dev": "rslib build --watch",
-    "format": "prettier --write .",
-    "format:ci": "prettier --check .",
-    "lint": "oxlint",
-    "release": "pnpm build && npm publish",
-    "storybook": "storybook dev -p 6006",
-    "test:e2e:ci:ui": "TEST_ENV=ci playwright test --ui --config=./e2e/playwright.config.ts",
-    "test:e2e:ci": "TEST_ENV=ci playwright test --config=./e2e/playwright.config.ts",
-    "test:e2e:local:ui": "TEST_ENV=local playwright test --ui --config=./e2e/playwright.config.ts",
-    "test:e2e:local": "TEST_ENV=local playwright test --config=./e2e/playwright.config.ts",
-    "test": "vitest run",
-    "upgrade-launchpad": "pnpm up \"@launchpad-ui/*\" \"@internationalized/*\" react-aria \"@react-aria/*\" \"@react-types/*\" \"@react-stately/*\" react-stately react-aria-components react react-dom @types/react @types/react-dom --latest -r"
-  },
   "devDependencies": {
-    "@playwright/test": "^1.53.1",
     "@rsbuild/core": "1.5.4",
     "@rsbuild/plugin-react": "^1.4.0",
     "@rslib/core": "^0.13.0",
-    "@storybook/addon-docs": "^9.0.5",
-    "@storybook/addon-essentials": "^9.0.0-alpha.12",
-    "@storybook/addon-interactions": "^9.0.0-alpha.10",
-    "@storybook/addon-links": "^9.0.5",
-    "@storybook/addon-onboarding": "^9.0.5",
-    "@storybook/blocks": "^9.0.0-alpha.17",
-    "@storybook/react": "^9.0.5",
-    "@storybook/test": "^9.0.0-alpha.2",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@types/node": "^24.0.4",
     "@types/react": "^19.1.13",
     "@vanilla-extract/vite-plugin": "^5.1.1",
+    "@vitest/coverage-v8": "3.2.4",
     "jsdom": "^26.1.0",
     "launchdarkly-js-client-sdk": "^3.9.0",
     "oxlint": "^1.0.0",
-    "prettier": "^3.5.3",
     "react": "^19.1.1",
     "storybook": "^9.0.5",
     "storybook-addon-rslib": "^2.0.0",
     "storybook-react-rsbuild": "^2.0.0",
+    "@storybook/addon-docs": "^9.0.5",
+    "@storybook/addon-essentials": "^9.0.0-alpha.12",
+    "@storybook/addon-interactions": "^9.0.0-alpha.10",
+    "@storybook/addon-links": "^9.0.5",
+    "@storybook/addon-onboarding": "^9.0.5",
+    "@storybook/blocks": "^9.0.0-alpha.17",
+    "@storybook/react": "^9.0.5",
+    "@storybook/test": "^9.0.0-alpha.2",
     "typescript": "^5.8.3",
     "vitest": "^3.2.2",
     "webpack": "5.101.3"
@@ -108,7 +79,6 @@
     "launchdarkly-js-client-sdk": "^3.9.0",
     "react": "^18.0.0 || ^19.0.0"
   },
-  "private": false,
   "publishConfig": {
     "access": "public"
   },
@@ -129,5 +99,12 @@
     "react-hook-form": "7.59.0",
     "react-router": "7.5.2"
   },
-  "packageManager": "pnpm@10.14.0"
-}
+  "scripts": {
+    "build": "rslib build && node ../../scripts/fix-base-url.cjs dist/js/index.js",
+    "dev": "rslib build --watch",
+    "test": "vitest run",
+    "lint": "oxlint",
+    "storybook": "storybook dev -p 6006",
+    "build:storybook": "storybook build"
+  }
+}

package/dist/js/plugins/FlagOverridePlugin.js

@@ -1,133 +0,0 @@
-const DEFAULT_STORAGE_NAMESPACE = 'ld-flag-override';
-class FlagOverridePlugin {
-    debugOverride;
-    config;
-    ldClient = null;
-    constructor(config = {}){
-        this.config = {
-            storageNamespace: config.storageNamespace ?? DEFAULT_STORAGE_NAMESPACE
-        };
-    }
-    getMetadata() {
-        return {
-            name: 'FlagOverridePlugin'
-        };
-    }
-    getHooks(_metadata) {
-        return [];
-    }
-    register(ldClient) {
-        this.ldClient = ldClient;
-    }
-    registerDebug(debugOverride) {
-        this.debugOverride = debugOverride;
-        this.loadExistingOverrides();
-    }
-    loadExistingOverrides() {
-        if (!this.debugOverride) return;
-        const storage = this.getStorage();
-        if (!storage) return;
-        try {
-            for(let i = 0; i < storage.length; i++){
-                const key = storage.key(i);
-                if (!key?.startsWith(this.config.storageNamespace + ':')) continue;
-                const storedValue = storage.getItem(key);
-                if (storedValue) try {
-                    const value = JSON.parse(storedValue);
-                    const flagKey = key.replace(this.config.storageNamespace + ':', '');
-                    this.debugOverride.setOverride(flagKey, value);
-                } catch  {
-                    console.warn('flagOverridePlugin: Invalid stored value for', key);
-                    storage.removeItem(key);
-                }
-            }
-        } catch (error) {
-            console.error('flagOverridePlugin: Error loading existing overrides:', error);
-        }
-    }
-    setOverride(flagKey, value) {
-        if (!this.debugOverride) return void console.warn('flagOverridePlugin: Debug interface not available');
-        if (!flagKey || 'string' != typeof flagKey) return void console.error('flagOverridePlugin: Invalid flag key:', flagKey);
-        if (void 0 === value) return void console.error('flagOverridePlugin: Cannot set undefined value for flag override');
-        try {
-            this.persistOverride(flagKey, value);
-            this.debugOverride.setOverride(flagKey, value);
-        } catch (error) {
-            console.error('flagOverridePlugin: Failed to set override:', error);
-        }
-    }
-    removeOverride(flagKey) {
-        if (!this.debugOverride) return void console.warn('flagOverridePlugin: Debug interface not available');
-        if (!flagKey || 'string' != typeof flagKey) return void console.error('flagOverridePlugin: Invalid flag key:', flagKey);
-        try {
-            this.removePersistedOverride(flagKey);
-            this.debugOverride.removeOverride(flagKey);
-        } catch (error) {
-            console.error('flagOverridePlugin: Failed to remove override:', error);
-        }
-    }
-    clearAllOverrides() {
-        if (!this.debugOverride) return void console.warn('flagOverridePlugin: Debug interface not available');
-        try {
-            this.clearPersistedOverrides();
-            this.debugOverride.clearAllOverrides();
-        } catch (error) {
-            console.error('flagOverridePlugin: Failed to clear overrides:', error);
-        }
-    }
-    getAllOverrides() {
-        if (!this.debugOverride) {
-            console.warn('flagOverridePlugin: Debug interface not available');
-            return {};
-        }
-        try {
-            return this.debugOverride.getAllOverrides();
-        } catch (error) {
-            console.error('flagOverridePlugin: Failed to get overrides:', error);
-            return {};
-        }
-    }
-    getClient() {
-        return this.ldClient;
-    }
-    getStorage() {
-        if ('undefined' == typeof window) return null;
-        return window.localStorage;
-    }
-    persistOverride(flagKey, value) {
-        const storage = this.getStorage();
-        if (!storage) return;
-        try {
-            const storageKey = `${this.config.storageNamespace}:${flagKey}`;
-            storage.setItem(storageKey, JSON.stringify(value));
-        } catch (error) {
-            console.error('flagOverridePlugin: Failed to persist override:', error);
-        }
-    }
-    removePersistedOverride(flagKey) {
-        const storage = this.getStorage();
-        if (!storage) return;
-        try {
-            const storageKey = `${this.config.storageNamespace}:${flagKey}`;
-            storage.removeItem(storageKey);
-        } catch (error) {
-            console.error('flagOverridePlugin: Failed to remove persisted override:', error);
-        }
-    }
-    clearPersistedOverrides() {
-        const storage = this.getStorage();
-        if (!storage) return;
-        try {
-            const keysToRemove = [];
-            const prefix = this.config.storageNamespace + ':';
-            for(let i = 0; i < storage.length; i++){
-                const key = storage.key(i);
-                if (key?.startsWith(prefix)) keysToRemove.push(key);
-            }
-            keysToRemove.forEach((key)=>storage.removeItem(key));
-        } catch (error) {
-            console.error('flagOverridePlugin: Failed to clear persisted overrides:', error);
-        }
-    }
-}
-export { FlagOverridePlugin };