@launchdarkly/toolbar 0.11.0-beta.1 → 0.12.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +117 -20
  2. package/dist/index.d.ts +0 -2
  3. package/dist/js/index.js +1366 -1495
  4. package/dist/js/plugins/FlagOverridePlugin.js +130 -0
  5. package/dist/js/plugins/index.js +130 -0
  6. package/package.json +17 -4
package/dist/js/plugins/FlagOverridePlugin.js ADDED
@@ -0,0 +1,130 @@
1
+ const DEFAULT_STORAGE_NAMESPACE = 'ld-flag-override';
2
+ class FlagOverridePlugin {
3
+ debugOverride;
4
+ config;
5
+ ldClient = null;
6
+ constructor(config = {}){
7
+ this.config = {
8
+ storageNamespace: config.storageNamespace ?? DEFAULT_STORAGE_NAMESPACE
9
+ };
10
+ }
11
+ getMetadata() {
12
+ return {
13
+ name: 'FlagOverridePlugin'
14
+ };
15
+ }
16
+ register(ldClient) {
17
+ this.ldClient = ldClient;
18
+ }
19
+ registerDebug(debugOverride) {
20
+ this.debugOverride = debugOverride;
21
+ this.loadExistingOverrides();
22
+ }
23
+ loadExistingOverrides() {
24
+ if (!this.debugOverride) return;
25
+ const storage = this.getStorage();
26
+ if (!storage) return;
27
+ try {
28
+ for(let i = 0; i < storage.length; i++){
29
+ const key = storage.key(i);
30
+ if (!key?.startsWith(this.config.storageNamespace + ':')) continue;
31
+ const storedValue = storage.getItem(key);
32
+ if (storedValue) try {
33
+ const value = JSON.parse(storedValue);
34
+ const flagKey = key.replace(this.config.storageNamespace + ':', '');
35
+ this.debugOverride.setOverride(flagKey, value);
36
+ } catch {
37
+ console.warn('flagOverridePlugin: Invalid stored value for', key);
38
+ storage.removeItem(key);
39
+ }
40
+ }
41
+ } catch (error) {
42
+ console.error('flagOverridePlugin: Error loading existing overrides:', error);
43
+ }
44
+ }
45
+ setOverride(flagKey, value) {
46
+ if (!this.debugOverride) return void console.warn('flagOverridePlugin: Debug interface not available');
47
+ if (!flagKey || 'string' != typeof flagKey) return void console.error('flagOverridePlugin: Invalid flag key:', flagKey);
48
+ if (void 0 === value) return void console.error('flagOverridePlugin: Cannot set undefined value for flag override');
49
+ try {
50
+ this.persistOverride(flagKey, value);
51
+ this.debugOverride.setOverride(flagKey, value);
52
+ } catch (error) {
53
+ console.error('flagOverridePlugin: Failed to set override:', error);
54
+ }
55
+ }
56
+ removeOverride(flagKey) {
57
+ if (!this.debugOverride) return void console.warn('flagOverridePlugin: Debug interface not available');
58
+ if (!flagKey || 'string' != typeof flagKey) return void console.error('flagOverridePlugin: Invalid flag key:', flagKey);
59
+ try {
60
+ this.removePersistedOverride(flagKey);
61
+ this.debugOverride.removeOverride(flagKey);
62
+ } catch (error) {
63
+ console.error('flagOverridePlugin: Failed to remove override:', error);
64
+ }
65
+ }
66
+ clearAllOverrides() {
67
+ if (!this.debugOverride) return void console.warn('flagOverridePlugin: Debug interface not available');
68
+ try {
69
+ this.clearPersistedOverrides();
70
+ this.debugOverride.clearAllOverrides();
71
+ } catch (error) {
72
+ console.error('flagOverridePlugin: Failed to clear overrides:', error);
73
+ }
74
+ }
75
+ getAllOverrides() {
76
+ if (!this.debugOverride) {
77
+ console.warn('flagOverridePlugin: Debug interface not available');
78
+ return {};
79
+ }
80
+ try {
81
+ return this.debugOverride.getAllOverrides();
82
+ } catch (error) {
83
+ console.error('flagOverridePlugin: Failed to get overrides:', error);
84
+ return {};
85
+ }
86
+ }
87
+ getClient() {
88
+ return this.ldClient;
89
+ }
90
+ getStorage() {
91
+ if ('undefined' == typeof window) return null;
92
+ return window.localStorage;
93
+ }
94
+ persistOverride(flagKey, value) {
95
+ const storage = this.getStorage();
96
+ if (!storage) return;
97
+ try {
98
+ const storageKey = `${this.config.storageNamespace}:${flagKey}`;
99
+ storage.setItem(storageKey, JSON.stringify(value));
100
+ } catch (error) {
101
+ console.error('flagOverridePlugin: Failed to persist override:', error);
102
+ }
103
+ }
104
+ removePersistedOverride(flagKey) {
105
+ const storage = this.getStorage();
106
+ if (!storage) return;
107
+ try {
108
+ const storageKey = `${this.config.storageNamespace}:${flagKey}`;
109
+ storage.removeItem(storageKey);
110
+ } catch (error) {
111
+ console.error('flagOverridePlugin: Failed to remove persisted override:', error);
112
+ }
113
+ }
114
+ clearPersistedOverrides() {
115
+ const storage = this.getStorage();
116
+ if (!storage) return;
117
+ try {
118
+ const keysToRemove = [];
119
+ const prefix = this.config.storageNamespace + ':';
120
+ for(let i = 0; i < storage.length; i++){
121
+ const key = storage.key(i);
122
+ if (key?.startsWith(prefix)) keysToRemove.push(key);
123
+ }
124
+ keysToRemove.forEach((key)=>storage.removeItem(key));
125
+ } catch (error) {
126
+ console.error('flagOverridePlugin: Failed to clear persisted overrides:', error);
127
+ }
128
+ }
129
+ }
130
+ export { FlagOverridePlugin };
package/dist/js/plugins/index.js ADDED
@@ -0,0 +1,130 @@
1
+ const DEFAULT_STORAGE_NAMESPACE = 'ld-flag-override';
2
+ class FlagOverridePlugin {
3
+ debugOverride;
4
+ config;
5
+ ldClient = null;
6
+ constructor(config = {}){
7
+ this.config = {
8
+ storageNamespace: config.storageNamespace ?? DEFAULT_STORAGE_NAMESPACE
9
+ };
10
+ }
11
+ getMetadata() {
12
+ return {
13
+ name: 'FlagOverridePlugin'
14
+ };
15
+ }
16
+ register(ldClient) {
17
+ this.ldClient = ldClient;
18
+ }
19
+ registerDebug(debugOverride) {
20
+ this.debugOverride = debugOverride;
21
+ this.loadExistingOverrides();
22
+ }
23
+ loadExistingOverrides() {
24
+ if (!this.debugOverride) return;
25
+ const storage = this.getStorage();
26
+ if (!storage) return;
27
+ try {
28
+ for(let i = 0; i < storage.length; i++){
29
+ const key = storage.key(i);
30
+ if (!key?.startsWith(this.config.storageNamespace + ':')) continue;
31
+ const storedValue = storage.getItem(key);
32
+ if (storedValue) try {
33
+ const value = JSON.parse(storedValue);
34
+ const flagKey = key.replace(this.config.storageNamespace + ':', '');
35
+ this.debugOverride.setOverride(flagKey, value);
36
+ } catch {
37
+ console.warn('flagOverridePlugin: Invalid stored value for', key);
38
+ storage.removeItem(key);
39
+ }
40
+ }
41
+ } catch (error) {
42
+ console.error('flagOverridePlugin: Error loading existing overrides:', error);
43
+ }
44
+ }
45
+ setOverride(flagKey, value) {
46
+ if (!this.debugOverride) return void console.warn('flagOverridePlugin: Debug interface not available');
47
+ if (!flagKey || 'string' != typeof flagKey) return void console.error('flagOverridePlugin: Invalid flag key:', flagKey);
48
+ if (void 0 === value) return void console.error('flagOverridePlugin: Cannot set undefined value for flag override');
49
+ try {
50
+ this.persistOverride(flagKey, value);
51
+ this.debugOverride.setOverride(flagKey, value);
52
+ } catch (error) {
53
+ console.error('flagOverridePlugin: Failed to set override:', error);
54
+ }
55
+ }
56
+ removeOverride(flagKey) {
57
+ if (!this.debugOverride) return void console.warn('flagOverridePlugin: Debug interface not available');
58
+ if (!flagKey || 'string' != typeof flagKey) return void console.error('flagOverridePlugin: Invalid flag key:', flagKey);
59
+ try {
60
+ this.removePersistedOverride(flagKey);
61
+ this.debugOverride.removeOverride(flagKey);
62
+ } catch (error) {
63
+ console.error('flagOverridePlugin: Failed to remove override:', error);
64
+ }
65
+ }
66
+ clearAllOverrides() {
67
+ if (!this.debugOverride) return void console.warn('flagOverridePlugin: Debug interface not available');
68
+ try {
69
+ this.clearPersistedOverrides();
70
+ this.debugOverride.clearAllOverrides();
71
+ } catch (error) {
72
+ console.error('flagOverridePlugin: Failed to clear overrides:', error);
73
+ }
74
+ }
75
+ getAllOverrides() {
76
+ if (!this.debugOverride) {
77
+ console.warn('flagOverridePlugin: Debug interface not available');
78
+ return {};
79
+ }
80
+ try {
81
+ return this.debugOverride.getAllOverrides();
82
+ } catch (error) {
83
+ console.error('flagOverridePlugin: Failed to get overrides:', error);
84
+ return {};
85
+ }
86
+ }
87
+ getClient() {
88
+ return this.ldClient;
89
+ }
90
+ getStorage() {
91
+ if ('undefined' == typeof window) return null;
92
+ return window.localStorage;
93
+ }
94
+ persistOverride(flagKey, value) {
95
+ const storage = this.getStorage();
96
+ if (!storage) return;
97
+ try {
98
+ const storageKey = `${this.config.storageNamespace}:${flagKey}`;
99
+ storage.setItem(storageKey, JSON.stringify(value));
100
+ } catch (error) {
101
+ console.error('flagOverridePlugin: Failed to persist override:', error);
102
+ }
103
+ }
104
+ removePersistedOverride(flagKey) {
105
+ const storage = this.getStorage();
106
+ if (!storage) return;
107
+ try {
108
+ const storageKey = `${this.config.storageNamespace}:${flagKey}`;
109
+ storage.removeItem(storageKey);
110
+ } catch (error) {
111
+ console.error('flagOverridePlugin: Failed to remove persisted override:', error);
112
+ }
113
+ }
114
+ clearPersistedOverrides() {
115
+ const storage = this.getStorage();
116
+ if (!storage) return;
117
+ try {
118
+ const keysToRemove = [];
119
+ const prefix = this.config.storageNamespace + ':';
120
+ for(let i = 0; i < storage.length; i++){
121
+ const key = storage.key(i);
122
+ if (key?.startsWith(prefix)) keysToRemove.push(key);
123
+ }
124
+ keysToRemove.forEach((key)=>storage.removeItem(key));
125
+ } catch (error) {
126
+ console.error('flagOverridePlugin: Failed to clear persisted overrides:', error);
127
+ }
128
+ }
129
+ }
130
+ export { FlagOverridePlugin };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@launchdarkly/toolbar",
3
- "version": "0.11.0-beta.1",
3
+ "version": "0.12.0-beta.1",
4
4
  "description": "A React component that provides a developer-friendly toolbar for interacting with LaunchDarkly during development",
5
5
  "keywords": [
6
6
  "launchdarkly",
@@ -23,10 +23,23 @@
23
23
  "homepage": "https://github.com/launchdarkly/launchdarkly-toolbar#readme",
24
24
  "main": "./dist/js/index.js",
25
25
  "types": "./dist/index.d.ts",
26
+ "sideEffects": [
27
+ "./dist/js/index.js",
28
+ "./dist/static/**/*",
29
+ "*.css"
30
+ ],
26
31
  "exports": {
27
32
  ".": {
28
33
  "types": "./dist/index.d.ts",
29
34
  "import": "./dist/js/index.js"
35
+ },
36
+ "./plugins": {
37
+ "types": "./dist/plugins/index.d.ts",
38
+ "import": "./dist/js/plugins/index.js"
39
+ },
40
+ "./plugins/FlagOverridePlugin": {
41
+ "types": "./dist/plugins/FlagOverridePlugin.d.ts",
42
+ "import": "./dist/js/plugins/FlagOverridePlugin.js"
30
43
  }
31
44
  },
32
45
  "files": [
@@ -62,9 +75,9 @@
62
75
  },
63
76
  "devDependencies": {
64
77
  "@playwright/test": "^1.53.1",
65
- "@rsbuild/core": "1.4.12",
66
- "@rsbuild/plugin-react": "^1.3.4",
67
- "@rslib/core": "^0.11.1",
78
+ "@rsbuild/core": "1.5.4",
79
+ "@rsbuild/plugin-react": "^1.4.0",
80
+ "@rslib/core": "^0.13.0",
68
81
  "@storybook/addon-docs": "^9.0.5",
69
82
  "@storybook/addon-essentials": "^9.0.0-alpha.12",
70
83
  "@storybook/addon-interactions": "^9.0.0-alpha.10",