@launchdarkly/toolbar 2.1.4 → 2.2.0

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.1.4",
+  "version": "2.2.0",
   "description": "A framework-agnostic developer toolbar for interacting with LaunchDarkly during development",
   "keywords": [
     "launchdarkly",
     "feature-flags",
     "toolbar",
     "react",
+    "vue",
+    "angular",
     "development",
     "typescript",
     "javascript",
@@ -36,6 +38,12 @@
       "react": [
         "./dist/react.d.ts"
       ],
+      "vue": [
+        "./dist/vue.d.ts"
+      ],
+      "angular": [
+        "./dist/angular.d.ts"
+      ],
       "types": [
         "./dist/types-entry.d.ts"
       ]
@@ -79,6 +87,26 @@
         "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",
@@ -90,18 +118,9 @@
       }
     }
   },
-  "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": {
+    "@angular/common": "^21.1.5",
+    "@angular/core": "^21.1.5",
     "@codemirror/commands": "^6.10.1",
     "@codemirror/lang-json": "^6.0.2",
     "@codemirror/language": "^6.12.1",
@@ -118,11 +137,11 @@
     "@rsbuild/core": "^1.7.3",
     "@rsbuild/plugin-react": "^1.4.3",
     "@rslib/core": "^0.19.3",
-    "@storybook/addon-docs": "^10.2.5",
+    "@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.2.1",
-    "@storybook/addon-onboarding": "^10.2.8",
+    "@storybook/addon-onboarding": "^10.2.10",
     "@storybook/blocks": "^9.0.0-alpha.17",
     "@storybook/react": "^10.2.4",
     "@storybook/react-vite": "^10.2.10",
@@ -136,7 +155,7 @@
     "@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.16",
+    "@vitest/coverage-v8": "4.0.18",
     "css-loader": "^7.1.3",
     "jsdom": "^27.4.0",
     "launchdarkly-js-client-sdk": "^3.9.0",
@@ -144,19 +163,52 @@
     "oxlint": "^1.41.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
+    "rxjs": "^7.8.2",
     "storybook": "^10.2.4",
     "storybook-addon-rslib": "^3.2.2",
     "storybook-react-rsbuild": "^3.2.2",
     "typescript": "^5.9.3",
-    "vitest": "^4.0.18"
+    "vitest": "^4.0.18",
+    "vue": "^3.5.28"
   },
   "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"
   }
-}
+}