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

package/dist/js/plugins/index.js

@@ -382,7 +382,7 @@ class EventInterceptionPlugin {
             maxEvents: this.config.eventCapacity
         });
         const onNewEvent = (event)=>{
-            if (this.config.enableLogging) console.log('🎯 Event intercepted:', {
+            if (this.config.enableLogging) console.log("\uD83C\uDFAF Event intercepted:", {
                 kind: event.kind,
                 key: event.key,
                 category: event.category,

package/dist/types/events.d.ts

@@ -1,3 +1,7 @@
+export interface LDEvaluationReason {
+    readonly kind?: string;
+    readonly errorKind?: string;
+}
 export interface SyntheticEventContext {
     readonly kind: EventKind;
     readonly key?: string;
@@ -9,7 +13,7 @@ export interface SyntheticEventContext {
     readonly value?: any;
     readonly variation?: number | null;
     readonly default?: any;
-    readonly reason?: object;
+    readonly reason?: LDEvaluationReason;
     readonly version?: number;
     readonly trackEvents?: boolean;
     readonly debugEventsUntilDate?: number;

package/dist/ui/Toolbar/LaunchDarklyToolbar.d.ts

@@ -2,11 +2,13 @@ import { ToolbarMode, ToolbarPosition } from './types/toolbar';
 import type { IEventInterceptionPlugin, IFlagOverridePlugin } from '../../types/plugin';
 export interface LdToolbarProps {
     mode: ToolbarMode;
+    baseUrl: string;
     flagOverridePlugin?: IFlagOverridePlugin;
     eventInterceptionPlugin?: IEventInterceptionPlugin;
 }
 export declare function LdToolbar(props: LdToolbarProps): import("react/jsx-runtime").JSX.Element;
 export interface LaunchDarklyToolbarProps {
+    baseUrl?: string;
     devServerUrl?: string;
     projectKey?: string;
     flagOverridePlugin?: IFlagOverridePlugin;

package/dist/ui/Toolbar/TabContent/EventsTabContent.css.d.ts

@@ -5,6 +5,9 @@ export declare const eventName: string;
 export declare const eventMeta: string;
 export declare const eventBadge: string;
 export declare const eventBadgeFeature: string;
+export declare const eventBadgeFeatureNotFound: string;
+export declare const addButtonContainer: string;
+export declare const addButton: string;
 export declare const eventBadgeIdentify: string;
 export declare const eventBadgeCustom: string;
 export declare const eventBadgeDebug: string;
@@ -19,3 +22,4 @@ export declare const liveTailIndicator: string;
 export declare const liveTailDot: string;
 export declare const liveTailText: string;
 export declare const liveTailSubtext: string;
+export declare const eventListItem: string;

package/dist/ui/Toolbar/TabContent/EventsTabContent.d.ts

@@ -1,5 +1,6 @@
 import type { IEventInterceptionPlugin } from '../../../types/plugin';
 interface EventsTabContentProps {
+    baseUrl: string;
     eventInterceptionPlugin?: IEventInterceptionPlugin;
 }
 export declare function EventsTabContent(props: EventsTabContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/Toolbar/TabContent/FlagDevServerTabContent.css.d.ts

@@ -6,3 +6,4 @@ export declare const flagOptions: string;
 export declare const virtualContainer: string;
 export declare const virtualInner: string;
 export declare const virtualItem: string;
+export declare const flagListItem: string;

package/dist/ui/Toolbar/TabContent/SettingsTabContent.d.ts

@@ -1,6 +1,8 @@
 import { type ToolbarMode } from '../types/toolbar';
 interface SettingsTabContentProps {
     mode: ToolbarMode;
+    isPinned: boolean;
+    onTogglePin: () => void;
 }
 export declare function SettingsTabContent(props: SettingsTabContentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ui/Toolbar/components/ExpandedToolbarContent.d.ts

@@ -9,9 +9,12 @@ interface ExpandedToolbarContentProps {
     searchIsExpanded: boolean;
     onSearch: (searchTerm: string) => void;
     onClose: () => void;
+    onTogglePin: () => void;
+    isPinned: boolean;
     onTabChange: (tabId: string) => void;
     setSearchIsExpanded: Dispatch<SetStateAction<boolean>>;
     mode: ToolbarMode;
+    baseUrl: string;
     flagOverridePlugin?: IFlagOverridePlugin;
     eventInterceptionPlugin?: IEventInterceptionPlugin;
 }

package/dist/ui/Toolbar/components/TabContentRenderer.d.ts

@@ -2,10 +2,13 @@ import { TabId, ToolbarMode } from '../types';
 import type { IFlagOverridePlugin, IEventInterceptionPlugin } from '../../../types/plugin';
 interface TabContentRendererProps {
     activeTab: TabId;
+    baseUrl: string;
     slideDirection: number;
     mode: ToolbarMode;
     flagOverridePlugin?: IFlagOverridePlugin;
     eventInterceptionPlugin?: IEventInterceptionPlugin;
+    isPinned: boolean;
+    onTogglePin: () => void;
 }
 export declare function TabContentRenderer(props: TabContentRendererProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/ui/Toolbar/components/icons/AddIcon.d.ts

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

package/dist/ui/Toolbar/constants/virtualization.d.ts

@@ -1,4 +1,4 @@
 export declare const VIRTUALIZATION: {
-    readonly ITEM_HEIGHT: 85;
+    readonly ITEM_HEIGHT: 65;
     readonly OVERSCAN: 5;
 };

package/dist/ui/Toolbar/hooks/useToolbarState.d.ts

@@ -11,12 +11,14 @@ export interface UseToolbarStateReturn {
     slideDirection: number;
     hasBeenExpanded: boolean;
     isDragModifierPressed: boolean;
+    isPinned: boolean;
     toolbarRef: React.RefObject<HTMLDivElement | null>;
     handleTabChange: (tabId: string) => void;
     handleMouseEnter: () => void;
     handleMouseLeave: () => void;
     handleClose: () => void;
     handleSearch: (newSearchTerm: string) => void;
+    handleTogglePin: () => void;
     setIsAnimating: Dispatch<SetStateAction<boolean>>;
     setSearchIsExpanded: Dispatch<SetStateAction<boolean>>;
 }

package/dist/ui/Toolbar/utils/localStorage.d.ts

@@ -1,8 +1,15 @@
 import { ToolbarPosition } from '../types/toolbar';
 export declare const TOOLBAR_STORAGE_KEYS: {
-    readonly POSITION: "ld-toolbar-position";
+    readonly SETTINGS: "ld-toolbar-settings";
     readonly DISABLED: "ld-toolbar-disabled";
     readonly PROJECT: "ld-toolbar-project";
 };
+export interface ToolbarSettings {
+    position: ToolbarPosition;
+    pinned: boolean;
+}
+export declare const DEFAULT_SETTINGS: ToolbarSettings;
 export declare function saveToolbarPosition(position: ToolbarPosition): void;
 export declare function loadToolbarPosition(): ToolbarPosition | null;
+export declare function saveToolbarPinned(isPinned: boolean): void;
+export declare function loadToolbarPinned(): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchdarkly/toolbar",
-  "version": "0.16.0-beta.1",
+  "version": "0.19.0-beta.1",
   "description": "A React component that provides a developer-friendly toolbar for interacting with LaunchDarkly during development",
   "keywords": [
     "launchdarkly",
@@ -49,7 +49,15 @@
   "devDependencies": {
     "@rsbuild/core": "1.5.4",
     "@rsbuild/plugin-react": "^1.4.0",
-    "@rslib/core": "^0.13.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",
@@ -63,14 +71,6 @@
     "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"