@featurevisor/react 0.44.2 → 0.45.0
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.
- package/CHANGELOG.md +11 -0
- package/README.md +0 -85
- package/coverage/clover.xml +2 -2
- package/coverage/coverage-final.json +1 -1
- package/coverage/lcov-report/FeaturevisorContext.ts.html +1 -1
- package/coverage/lcov-report/FeaturevisorProvider.tsx.html +10 -4
- package/coverage/lcov-report/activateFeature.ts.html +1 -1
- package/coverage/lcov-report/index.html +1 -1
- package/coverage/lcov-report/useFlag.ts.html +1 -1
- package/coverage/lcov-report/useSdk.ts.html +1 -1
- package/coverage/lcov-report/useStatus.ts.html +1 -1
- package/coverage/lcov-report/useVariable.ts.html +1 -1
- package/coverage/lcov-report/useVariation.ts.html +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.gz +0 -0
- package/dist/index.js.map +1 -1
- package/lib/FeaturevisorProvider.d.ts +1 -1
- package/lib/FeaturevisorProvider.js +1 -1
- package/lib/FeaturevisorProvider.js.map +1 -1
- package/package.json +4 -4
- package/src/FeaturevisorProvider.tsx +4 -2
- package/src/activateFeature.spec.tsx +1 -1
- package/src/useFlag.spec.tsx +2 -2
- package/src/useSdk.spec.tsx +1 -1
- package/src/useStatus.spec.tsx +1 -1
- package/src/useVariable.spec.tsx +1 -1
- package/src/useVariation.spec.tsx +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.45.0](https://github.com/fahad19/featurevisor/compare/v0.44.2...v0.45.0) (2023-08-20)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* React provider component prop renamed from sdk to instance ([#129](https://github.com/fahad19/featurevisor/issues/129)) ([9e8015c](https://github.com/fahad19/featurevisor/commit/9e8015c14a0924d25b75f06fd2a6e6ef6c5eee7a))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [0.44.2](https://github.com/fahad19/featurevisor/compare/v0.44.1...v0.44.2) (2023-08-12)
|
|
7
18
|
|
|
8
19
|
|
package/README.md
CHANGED
|
@@ -4,97 +4,12 @@ React components and hooks for Featurevisor.
|
|
|
4
4
|
|
|
5
5
|
Visit [https://featurevisor.com/docs/react/](https://featurevisor.com/docs/react/) for more information.
|
|
6
6
|
|
|
7
|
-
- [Installation](#installation)
|
|
8
|
-
- [API](#api)
|
|
9
|
-
- [`FeaturevisorProvider`](#featurevisorprovider)
|
|
10
|
-
- [`useStatus`](#usestatus)
|
|
11
|
-
- [`useFlag`](#useflag)
|
|
12
|
-
- [`useVariation`](#usevariation)
|
|
13
|
-
- [`useVariable`](#usevariable)
|
|
14
|
-
- [`activateFeature`](#activatefeature)
|
|
15
|
-
- [`useSdk`](#usesdk)
|
|
16
|
-
|
|
17
7
|
## Installation
|
|
18
8
|
|
|
19
9
|
```
|
|
20
10
|
$ npm install --save @featurevisor/react
|
|
21
11
|
```
|
|
22
12
|
|
|
23
|
-
## API
|
|
24
|
-
|
|
25
|
-
### `FeaturevisorProvider`
|
|
26
|
-
|
|
27
|
-
React Provider component for setting SDK instance:
|
|
28
|
-
|
|
29
|
-
```js
|
|
30
|
-
import React from "react";
|
|
31
|
-
import { createInstance } from "@featurevisor/sdk";
|
|
32
|
-
import { FeaturevisorProvider } from "@featurevisor/react";
|
|
33
|
-
|
|
34
|
-
const sdk = createInstance({
|
|
35
|
-
// ...
|
|
36
|
-
});
|
|
37
|
-
|
|
38
|
-
function Root() {
|
|
39
|
-
return (
|
|
40
|
-
<FeaturevisorProvider sdk={sdk}>
|
|
41
|
-
<App />
|
|
42
|
-
</FeaturevisorProvider>
|
|
43
|
-
);
|
|
44
|
-
}
|
|
45
|
-
```
|
|
46
|
-
|
|
47
|
-
### `useStatus`
|
|
48
|
-
|
|
49
|
-
> useStatus(): { isReady: boolean }
|
|
50
|
-
|
|
51
|
-
Hook for checking if Featurevisor SDK is ready.
|
|
52
|
-
|
|
53
|
-
```js
|
|
54
|
-
import React from "react";
|
|
55
|
-
import { useStatus } from "@featurevisor/react";
|
|
56
|
-
|
|
57
|
-
function App() {
|
|
58
|
-
const { isReady } = useStatus();
|
|
59
|
-
|
|
60
|
-
if (!isReady) {
|
|
61
|
-
return <div>Loading...</div>;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
return <div>Ready!</div>;
|
|
65
|
-
}
|
|
66
|
-
```
|
|
67
|
-
|
|
68
|
-
### `useFlag`
|
|
69
|
-
|
|
70
|
-
> useFlag(featureKey, context = {}): boolean
|
|
71
|
-
|
|
72
|
-
Hook for checking if feature is enabled.
|
|
73
|
-
|
|
74
|
-
### `useVariation`
|
|
75
|
-
|
|
76
|
-
> useVariation(featureKey, context = {}): VariationValue | undefined
|
|
77
|
-
|
|
78
|
-
Hook for getting variation value.
|
|
79
|
-
|
|
80
|
-
### `useVariable`
|
|
81
|
-
|
|
82
|
-
> useVariable(featureKey, variableKey, context = {}): VariableValue | undefined
|
|
83
|
-
|
|
84
|
-
Hook for getting variable value.
|
|
85
|
-
|
|
86
|
-
### `activateFeature`
|
|
87
|
-
|
|
88
|
-
> activateFeature(featureKey, context = {}): VariationValue | undefined
|
|
89
|
-
|
|
90
|
-
Hook for activating feature.
|
|
91
|
-
|
|
92
|
-
### `useSdk`
|
|
93
|
-
|
|
94
|
-
> useSdk(): FeaturevisorInstance
|
|
95
|
-
|
|
96
|
-
Hook for getting Featurevisor SDK instance.
|
|
97
|
-
|
|
98
13
|
## License <!-- omit in toc -->
|
|
99
14
|
|
|
100
15
|
MIT © [Fahad Heylaal](https://fahad19.com)
|
package/coverage/clover.xml
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<coverage generated="
|
|
3
|
-
<project timestamp="
|
|
2
|
+
<coverage generated="1692543099804" clover="3.2.0">
|
|
3
|
+
<project timestamp="1692543099805" name="All files">
|
|
4
4
|
<metrics statements="42" coveredstatements="41" conditionals="4" coveredconditionals="0" methods="10" coveredmethods="9" elements="56" coveredelements="50" complexity="0" loc="42" ncloc="42" packages="1" files="8" classes="8"/>
|
|
5
5
|
<file name="FeaturevisorContext.ts" path="/home/runner/work/featurevisor/featurevisor/packages/react/src/FeaturevisorContext.ts">
|
|
6
6
|
<metrics statements="2" coveredstatements="2" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{"/home/runner/work/featurevisor/featurevisor/packages/react/src/FeaturevisorContext.ts": {"path":"/home/runner/work/featurevisor/featurevisor/packages/react/src/FeaturevisorContext.ts","statementMap":{"0":{"start":{"line":1,"column":0},"end":{"line":1,"column":31}},"1":{"start":{"line":4,"column":13},"end":{"line":4,"column":100}}},"fnMap":{},"branchMap":{},"s":{"0":6,"1":6},"f":{},"b":{}}
|
|
2
|
-
,"/home/runner/work/featurevisor/featurevisor/packages/react/src/FeaturevisorProvider.tsx": {"path":"/home/runner/work/featurevisor/featurevisor/packages/react/src/FeaturevisorProvider.tsx","statementMap":{"0":{"start":{"line":1,"column":0},"end":{"line":1,"column":31}},"1":{"start":{"line":4,"column":0},"end":{"line":4,"column":60}},"2":{"start":{"line":12,"column":2},"end":{"line":
|
|
2
|
+
,"/home/runner/work/featurevisor/featurevisor/packages/react/src/FeaturevisorProvider.tsx": {"path":"/home/runner/work/featurevisor/featurevisor/packages/react/src/FeaturevisorProvider.tsx","statementMap":{"0":{"start":{"line":1,"column":0},"end":{"line":1,"column":31}},"1":{"start":{"line":4,"column":0},"end":{"line":4,"column":60}},"2":{"start":{"line":12,"column":2},"end":{"line":16,"column":4}},"3":{"start":{"line":11,"column":0},"end":{"line":11,"column":16}}},"fnMap":{"0":{"name":"FeaturevisorProvider","decl":{"start":{"line":11,"column":16},"end":{"line":11,"column":36}},"loc":{"start":{"line":11,"column":69},"end":{"line":17,"column":1}}}},"branchMap":{},"s":{"0":6,"1":6,"2":7,"3":6},"f":{"0":7},"b":{}}
|
|
3
3
|
,"/home/runner/work/featurevisor/featurevisor/packages/react/src/activateFeature.ts": {"path":"/home/runner/work/featurevisor/featurevisor/packages/react/src/activateFeature.ts","statementMap":{"0":{"start":{"line":3,"column":0},"end":{"line":3,"column":34}},"1":{"start":{"line":7,"column":2},"end":{"line":7,"column":null}},"2":{"start":{"line":9,"column":14},"end":{"line":9,"column":22}},"3":{"start":{"line":11,"column":2},"end":{"line":11,"column":43}},"4":{"start":{"line":5,"column":0},"end":{"line":5,"column":16}}},"fnMap":{"0":{"name":"activateFeature","decl":{"start":{"line":5,"column":16},"end":{"line":5,"column":31}},"loc":{"start":{"line":7,"column":23},"end":{"line":12,"column":1}}}},"branchMap":{"0":{"loc":{"start":{"line":7,"column":2},"end":{"line":7,"column":null}},"type":"if","locations":[{"start":{"line":7,"column":2},"end":{"line":7,"column":null}}]}},"s":{"0":1,"1":1,"2":1,"3":1,"4":1},"f":{"0":1},"b":{"0":[0]}}
|
|
4
4
|
,"/home/runner/work/featurevisor/featurevisor/packages/react/src/useFlag.ts": {"path":"/home/runner/work/featurevisor/featurevisor/packages/react/src/useFlag.ts","statementMap":{"0":{"start":{"line":3,"column":0},"end":{"line":3,"column":34}},"1":{"start":{"line":5,"column":48},"end":{"line":5,"column":null}},"2":{"start":{"line":6,"column":14},"end":{"line":6,"column":22}},"3":{"start":{"line":8,"column":2},"end":{"line":8,"column":44}},"4":{"start":{"line":5,"column":0},"end":{"line":5,"column":16}}},"fnMap":{"0":{"name":"useFlag","decl":{"start":{"line":5,"column":16},"end":{"line":5,"column":23}},"loc":{"start":{"line":5,"column":69},"end":{"line":9,"column":1}}}},"branchMap":{"0":{"loc":{"start":{"line":5,"column":48},"end":{"line":5,"column":null}},"type":"if","locations":[{"start":{"line":5,"column":48},"end":{"line":5,"column":null}}]}},"s":{"0":1,"1":2,"2":2,"3":2,"4":1},"f":{"0":2},"b":{"0":[0]}}
|
|
5
5
|
,"/home/runner/work/featurevisor/featurevisor/packages/react/src/useSdk.ts": {"path":"/home/runner/work/featurevisor/featurevisor/packages/react/src/useSdk.ts","statementMap":{"0":{"start":{"line":1,"column":0},"end":{"line":1,"column":31}},"1":{"start":{"line":4,"column":0},"end":{"line":4,"column":60}},"2":{"start":{"line":7,"column":14},"end":{"line":7,"column":51}},"3":{"start":{"line":9,"column":2},"end":{"line":9,"column":37}},"4":{"start":{"line":6,"column":0},"end":{"line":6,"column":16}}},"fnMap":{"0":{"name":"useSdk","decl":{"start":{"line":6,"column":16},"end":{"line":6,"column":22}},"loc":{"start":{"line":6,"column":22},"end":{"line":10,"column":1}}}},"branchMap":{},"s":{"0":6,"1":6,"2":7,"3":7,"4":6},"f":{"0":7},"b":{}}
|
|
@@ -82,7 +82,7 @@ export const FeaturevisorContext = React.createContext<FeaturevisorInstance |
|
|
|
82
82
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
83
83
|
Code coverage generated by
|
|
84
84
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
85
|
-
at 2023-08-
|
|
85
|
+
at 2023-08-20T14:51:39.772Z
|
|
86
86
|
</div>
|
|
87
87
|
<script src="prettify.js"></script>
|
|
88
88
|
<script>
|
|
@@ -78,7 +78,9 @@
|
|
|
78
78
|
<a name='L13'></a><a href='#L13'>13</a>
|
|
79
79
|
<a name='L14'></a><a href='#L14'>14</a>
|
|
80
80
|
<a name='L15'></a><a href='#L15'>15</a>
|
|
81
|
-
<a name='L16'></a><a href='#L16'>16</a
|
|
81
|
+
<a name='L16'></a><a href='#L16'>16</a>
|
|
82
|
+
<a name='L17'></a><a href='#L17'>17</a>
|
|
83
|
+
<a name='L18'></a><a href='#L18'>18</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">6x</span>
|
|
82
84
|
<span class="cline-any cline-neutral"> </span>
|
|
83
85
|
<span class="cline-any cline-neutral"> </span>
|
|
84
86
|
<span class="cline-any cline-yes">6x</span>
|
|
@@ -93,19 +95,23 @@
|
|
|
93
95
|
<span class="cline-any cline-neutral"> </span>
|
|
94
96
|
<span class="cline-any cline-neutral"> </span>
|
|
95
97
|
<span class="cline-any cline-neutral"> </span>
|
|
98
|
+
<span class="cline-any cline-neutral"> </span>
|
|
99
|
+
<span class="cline-any cline-neutral"> </span>
|
|
96
100
|
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import * as React from "react";
|
|
97
101
|
import { FeaturevisorInstance } from "@featurevisor/sdk";
|
|
98
102
|
|
|
99
103
|
import { FeaturevisorContext } from "./FeaturevisorContext";
|
|
100
104
|
|
|
101
105
|
export interface FeaturevisorProviderProps {
|
|
102
|
-
|
|
106
|
+
instance: FeaturevisorInstance;
|
|
103
107
|
children: React.ReactNode;
|
|
104
108
|
}
|
|
105
109
|
|
|
106
110
|
export function FeaturevisorProvider(props: FeaturevisorProviderProps) {
|
|
107
111
|
return (
|
|
108
|
-
<FeaturevisorContext.Provider value={props.
|
|
112
|
+
<FeaturevisorContext.Provider value={props.instance}>
|
|
113
|
+
{props.children}
|
|
114
|
+
</FeaturevisorContext.Provider>
|
|
109
115
|
);
|
|
110
116
|
}
|
|
111
117
|
</pre></td></tr></table></pre>
|
|
@@ -115,7 +121,7 @@ export function FeaturevisorProvider(props: FeaturevisorProviderProps) {
|
|
|
115
121
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
116
122
|
Code coverage generated by
|
|
117
123
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
118
|
-
at 2023-08-
|
|
124
|
+
at 2023-08-20T14:51:39.772Z
|
|
119
125
|
</div>
|
|
120
126
|
<script src="prettify.js"></script>
|
|
121
127
|
<script>
|
|
@@ -106,7 +106,7 @@ export function activateFeature(
|
|
|
106
106
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
107
107
|
Code coverage generated by
|
|
108
108
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
109
|
-
at 2023-08-
|
|
109
|
+
at 2023-08-20T14:51:39.772Z
|
|
110
110
|
</div>
|
|
111
111
|
<script src="prettify.js"></script>
|
|
112
112
|
<script>
|
|
@@ -206,7 +206,7 @@
|
|
|
206
206
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
207
207
|
Code coverage generated by
|
|
208
208
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
209
|
-
at 2023-08-
|
|
209
|
+
at 2023-08-20T14:51:39.772Z
|
|
210
210
|
</div>
|
|
211
211
|
<script src="prettify.js"></script>
|
|
212
212
|
<script>
|
|
@@ -97,7 +97,7 @@ export function useFlag(featureKey: FeatureKey, <span class="missing-if-branch"
|
|
|
97
97
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
98
98
|
Code coverage generated by
|
|
99
99
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
100
|
-
at 2023-08-
|
|
100
|
+
at 2023-08-20T14:51:39.772Z
|
|
101
101
|
</div>
|
|
102
102
|
<script src="prettify.js"></script>
|
|
103
103
|
<script>
|
|
@@ -100,7 +100,7 @@ export function useSdk(): FeaturevisorInstance {
|
|
|
100
100
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
101
101
|
Code coverage generated by
|
|
102
102
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
103
|
-
at 2023-08-
|
|
103
|
+
at 2023-08-20T14:51:39.772Z
|
|
104
104
|
</div>
|
|
105
105
|
<script src="prettify.js"></script>
|
|
106
106
|
<script>
|
|
@@ -154,7 +154,7 @@ export function useStatus(): Status {
|
|
|
154
154
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
155
155
|
Code coverage generated by
|
|
156
156
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
157
|
-
at 2023-08-
|
|
157
|
+
at 2023-08-20T14:51:39.772Z
|
|
158
158
|
</div>
|
|
159
159
|
<script src="prettify.js"></script>
|
|
160
160
|
<script>
|
|
@@ -109,7 +109,7 @@ export function useVariable(
|
|
|
109
109
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
110
110
|
Code coverage generated by
|
|
111
111
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
112
|
-
at 2023-08-
|
|
112
|
+
at 2023-08-20T14:51:39.772Z
|
|
113
113
|
</div>
|
|
114
114
|
<script src="prettify.js"></script>
|
|
115
115
|
<script>
|
|
@@ -106,7 +106,7 @@ export function useVariation(
|
|
|
106
106
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
107
107
|
Code coverage generated by
|
|
108
108
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
109
|
-
at 2023-08-
|
|
109
|
+
at 2023-08-20T14:51:39.772Z
|
|
110
110
|
</div>
|
|
111
111
|
<script src="prettify.js"></script>
|
|
112
112
|
<script>
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.FeaturevisorReact=t(require("react")):e.FeaturevisorReact=t(e.React)}(this,(e=>(()=>{"use strict";var t={67:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.FeaturevisorContext=void 0;var o=r(359);t.FeaturevisorContext=o.createContext(void 0)},673:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.FeaturevisorProvider=void 0;var o=r(359),i=r(67);t.FeaturevisorProvider=function(e){return o.createElement(i.FeaturevisorContext.Provider,{value:e.
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.FeaturevisorReact=t(require("react")):e.FeaturevisorReact=t(e.React)}(this,(e=>(()=>{"use strict";var t={67:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.FeaturevisorContext=void 0;var o=r(359);t.FeaturevisorContext=o.createContext(void 0)},673:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.FeaturevisorProvider=void 0;var o=r(359),i=r(67);t.FeaturevisorProvider=function(e){return o.createElement(i.FeaturevisorContext.Provider,{value:e.instance},e.children)}},289:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.activateFeature=void 0;var o=r(901);t.activateFeature=function(e,t){return void 0===t&&(t={}),(0,o.useSdk)().activate(e,t)}},97:function(e,t,r){var o=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),i=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||o(t,e,r)};Object.defineProperty(t,"__esModule",{value:!0}),i(r(67),t),i(r(673),t),i(r(289),t),i(r(901),t),i(r(9),t),i(r(26),t),i(r(613),t),i(r(129),t)},129:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useFlag=void 0;var o=r(901);t.useFlag=function(e,t){return void 0===t&&(t={}),(0,o.useSdk)().isEnabled(e,t)}},901:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useSdk=void 0;var o=r(359),i=r(67);t.useSdk=function(){return o.useContext(i.FeaturevisorContext)}},9:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useStatus=void 0;var o=r(359),i=r(901);t.useStatus=function(){var e=(0,i.useSdk)(),t=e.isReady(),r=o.useState(t),u=r[0],n=r[1];return o.useEffect((function(){function t(){n(!0)}return e.on("ready",t),function(){e.off("ready",t)}}),[]),{isReady:u}}},26:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useVariable=void 0;var o=r(901);t.useVariable=function(e,t,r){return void 0===r&&(r={}),(0,o.useSdk)().getVariable(e,t,r)}},613:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useVariation=void 0;var o=r(901);t.useVariation=function(e,t){return void 0===t&&(t={}),(0,o.useSdk)().getVariation(e,t)}},359:t=>{t.exports=e}},r={};return function e(o){var i=r[o];if(void 0!==i)return i.exports;var u=r[o]={exports:{}};return t[o].call(u.exports,u,u.exports,e),u.exports}(97)})()));
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.gz
CHANGED
|
Binary file
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,EAAQG,QAAQ,UACR,mBAAXC,QAAyBA,OAAOC,IAC9CD,OAAO,CAAC,SAAUJ,GACQ,iBAAZC,QACdA,QAA2B,kBAAID,EAAQG,QAAQ,UAE/CJ,EAAwB,kBAAIC,EAAQD,EAAY,MACjD,CATD,CASGO,MAAOC,G,qHCTV,aAGa,EAAAC,oBAAsBC,EAAMC,mBAAgDC,E,+FCHzF,aAGA,QAOA,gCAAqCC,GACnC,OACE,gBAAC,EAAAJ,oBAAoBK,SAAQ,CAACC,MAAOF,EAAMG,
|
|
1
|
+
{"version":3,"file":"index.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,EAAQG,QAAQ,UACR,mBAAXC,QAAyBA,OAAOC,IAC9CD,OAAO,CAAC,SAAUJ,GACQ,iBAAZC,QACdA,QAA2B,kBAAID,EAAQG,QAAQ,UAE/CJ,EAAwB,kBAAIC,EAAQD,EAAY,MACjD,CATD,CASGO,MAAOC,G,qHCTV,aAGa,EAAAC,oBAAsBC,EAAMC,mBAAgDC,E,+FCHzF,aAGA,QAOA,gCAAqCC,GACnC,OACE,gBAAC,EAAAJ,oBAAoBK,SAAQ,CAACC,MAAOF,EAAMG,UACxCH,EAAMI,SAGb,C,0FCdA,aAEA,2BACEC,EACAC,GAIA,YAJA,IAAAA,IAAAA,EAAA,KAEY,IAAAC,UAEDC,SAASH,EAAYC,EAClC,C,0fCVA,WAGA,YAGA,YACA,YACA,UACA,WACA,YACA,W,kFCVA,aAEA,mBAAwBD,EAAwBC,GAG9C,YAH8C,IAAAA,IAAAA,EAAA,KAClC,IAAAC,UAEDE,UAAUJ,EAAYC,EACnC,C,iFCRA,aAGA,QAEA,oBAGE,OAFYT,EAAMa,WAAW,EAAAd,oBAG/B,C,kFCTA,aAEA,SAMA,uBACE,IAAMe,GAAM,IAAAJ,UACNK,EAAgBD,EAAIE,UAEpB,EAAwBhB,EAAMiB,SAASF,GAAtCC,EAAO,KAAEE,EAAU,KAc1B,OAZAlB,EAAMmB,WAAU,WACd,SAASC,IACPF,GAAW,EACb,CAIA,OAFAJ,EAAIO,GAAG,QAASD,GAET,WACLN,EAAIQ,IAAI,QAASF,EACnB,CACF,GAAG,IAEI,CAAEJ,QAAO,EAClB,C,qFCzBA,aAEA,uBACER,EACAe,EACAd,GAIA,YAJA,IAAAA,IAAAA,EAAA,KAEY,IAAAC,UAEDc,YAAYhB,EAAYe,EAAad,EAClD,C,uFCVA,aAEA,wBACED,EACAC,GAIA,YAJA,IAAAA,IAAAA,EAAA,KAEY,IAAAC,UAEDe,aAAajB,EAAYC,EACtC,C,UCXAhB,EAAOD,QAAUM,C,GCCb4B,EAA2B,CAAC,E,OAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqB1B,IAAjB2B,EACH,OAAOA,EAAarC,QAGrB,IAAIC,EAASiC,EAAyBE,GAAY,CAGjDpC,QAAS,CAAC,GAOX,OAHAsC,EAAoBF,GAAUG,KAAKtC,EAAOD,QAASC,EAAQA,EAAOD,QAASmC,GAGpElC,EAAOD,OACf,CCnB0BmC,CAAoB,G","sources":["webpack://FeaturevisorReact/webpack/universalModuleDefinition","webpack://FeaturevisorReact/./src/FeaturevisorContext.ts","webpack://FeaturevisorReact/./src/FeaturevisorProvider.tsx","webpack://FeaturevisorReact/./src/activateFeature.ts","webpack://FeaturevisorReact/./src/index.ts","webpack://FeaturevisorReact/./src/useFlag.ts","webpack://FeaturevisorReact/./src/useSdk.ts","webpack://FeaturevisorReact/./src/useStatus.ts","webpack://FeaturevisorReact/./src/useVariable.ts","webpack://FeaturevisorReact/./src/useVariation.ts","webpack://FeaturevisorReact/external umd {\"commonjs\":\"react\",\"commonjs2\":\"react\",\"amd\":\"react\",\"root\":\"React\"}","webpack://FeaturevisorReact/webpack/bootstrap","webpack://FeaturevisorReact/webpack/startup"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"FeaturevisorReact\"] = factory(require(\"react\"));\n\telse\n\t\troot[\"FeaturevisorReact\"] = factory(root[\"React\"]);\n})(this, (__WEBPACK_EXTERNAL_MODULE__359__) => {\nreturn ","import * as React from \"react\";\nimport { FeaturevisorInstance } from \"@featurevisor/sdk\";\n\nexport const FeaturevisorContext = React.createContext<FeaturevisorInstance | undefined>(undefined);\n","import * as React from \"react\";\nimport { FeaturevisorInstance } from \"@featurevisor/sdk\";\n\nimport { FeaturevisorContext } from \"./FeaturevisorContext\";\n\nexport interface FeaturevisorProviderProps {\n instance: FeaturevisorInstance;\n children: React.ReactNode;\n}\n\nexport function FeaturevisorProvider(props: FeaturevisorProviderProps) {\n return (\n <FeaturevisorContext.Provider value={props.instance}>\n {props.children}\n </FeaturevisorContext.Provider>\n );\n}\n","import { Context, FeatureKey, VariationValue } from \"@featurevisor/types\";\n\nimport { useSdk } from \"./useSdk\";\n\nexport function activateFeature(\n featureKey: FeatureKey,\n context: Context = {},\n): VariationValue | undefined {\n const sdk = useSdk();\n\n return sdk.activate(featureKey, context);\n}\n","// contexts\nexport * from \"./FeaturevisorContext\";\n\n// components\nexport * from \"./FeaturevisorProvider\";\n\n// hooks\nexport * from \"./activateFeature\";\nexport * from \"./useSdk\";\nexport * from \"./useStatus\";\nexport * from \"./useVariable\";\nexport * from \"./useVariation\";\nexport * from \"./useFlag\";\n","import { Context, FeatureKey } from \"@featurevisor/types\";\n\nimport { useSdk } from \"./useSdk\";\n\nexport function useFlag(featureKey: FeatureKey, context: Context = {}): boolean {\n const sdk = useSdk();\n\n return sdk.isEnabled(featureKey, context);\n}\n","import * as React from \"react\";\nimport { FeaturevisorInstance } from \"@featurevisor/sdk\";\n\nimport { FeaturevisorContext } from \"./FeaturevisorContext\";\n\nexport function useSdk(): FeaturevisorInstance {\n const sdk = React.useContext(FeaturevisorContext);\n\n return sdk as FeaturevisorInstance;\n}\n","import * as React from \"react\";\n\nimport { useSdk } from \"./useSdk\";\n\nexport interface Status {\n isReady: boolean;\n}\n\nexport function useStatus(): Status {\n const sdk = useSdk();\n const initialStatus = sdk.isReady();\n\n const [isReady, setIsReady] = React.useState(initialStatus);\n\n React.useEffect(function () {\n function handleReady() {\n setIsReady(true);\n }\n\n sdk.on(\"ready\", handleReady);\n\n return function () {\n sdk.off(\"ready\", handleReady);\n };\n }, []);\n\n return { isReady };\n}\n","import { Context, FeatureKey, VariableKey, VariableValue } from \"@featurevisor/types\";\n\nimport { useSdk } from \"./useSdk\";\n\nexport function useVariable(\n featureKey: FeatureKey,\n variableKey: VariableKey,\n context: Context = {},\n): VariableValue | undefined {\n const sdk = useSdk();\n\n return sdk.getVariable(featureKey, variableKey, context);\n}\n","import { Context, FeatureKey, VariationValue } from \"@featurevisor/types\";\n\nimport { useSdk } from \"./useSdk\";\n\nexport function useVariation(\n featureKey: FeatureKey,\n context: Context = {},\n): VariationValue | undefined {\n const sdk = useSdk();\n\n return sdk.getVariation(featureKey, context);\n}\n","module.exports = __WEBPACK_EXTERNAL_MODULE__359__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(97);\n"],"names":["root","factory","exports","module","require","define","amd","this","__WEBPACK_EXTERNAL_MODULE__359__","FeaturevisorContext","React","createContext","undefined","props","Provider","value","instance","children","featureKey","context","useSdk","activate","isEnabled","useContext","sdk","initialStatus","isReady","useState","setIsReady","useEffect","handleReady","on","off","variableKey","getVariable","getVariation","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","call"],"sourceRoot":""}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { FeaturevisorInstance } from "@featurevisor/sdk";
|
|
3
3
|
export interface FeaturevisorProviderProps {
|
|
4
|
-
|
|
4
|
+
instance: FeaturevisorInstance;
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
}
|
|
7
7
|
export declare function FeaturevisorProvider(props: FeaturevisorProviderProps): JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { FeaturevisorContext } from "./FeaturevisorContext";
|
|
3
3
|
export function FeaturevisorProvider(props) {
|
|
4
|
-
return (React.createElement(FeaturevisorContext.Provider, { value: props.
|
|
4
|
+
return (React.createElement(FeaturevisorContext.Provider, { value: props.instance }, props.children));
|
|
5
5
|
}
|
|
6
6
|
//# sourceMappingURL=FeaturevisorProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeaturevisorProvider.js","sourceRoot":"","sources":["../src/FeaturevisorProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAO5D,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IACnE,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"FeaturevisorProvider.js","sourceRoot":"","sources":["../src/FeaturevisorProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAO5D,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IACnE,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,IAChD,KAAK,CAAC,QAAQ,CACc,CAChC,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@featurevisor/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.45.0",
|
|
4
4
|
"description": "React package for Featurevisor",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
"url": "https://github.com/fahad19/featurevisor/issues"
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@featurevisor/sdk": "^0.
|
|
46
|
-
"@featurevisor/types": "^0.
|
|
45
|
+
"@featurevisor/sdk": "^0.45.0",
|
|
46
|
+
"@featurevisor/types": "^0.45.0"
|
|
47
47
|
},
|
|
48
48
|
"license": "MIT",
|
|
49
49
|
"devDependencies": {
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"@testing-library/react": "^14.0.0",
|
|
52
52
|
"jest-environment-jsdom": "^29.5.0"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "802c1adc976aed9c8e0ec449a93068fa1c5fe64c"
|
|
55
55
|
}
|
|
@@ -4,12 +4,14 @@ import { FeaturevisorInstance } from "@featurevisor/sdk";
|
|
|
4
4
|
import { FeaturevisorContext } from "./FeaturevisorContext";
|
|
5
5
|
|
|
6
6
|
export interface FeaturevisorProviderProps {
|
|
7
|
-
|
|
7
|
+
instance: FeaturevisorInstance;
|
|
8
8
|
children: React.ReactNode;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
export function FeaturevisorProvider(props: FeaturevisorProviderProps) {
|
|
12
12
|
return (
|
|
13
|
-
<FeaturevisorContext.Provider value={props.
|
|
13
|
+
<FeaturevisorContext.Provider value={props.instance}>
|
|
14
|
+
{props.children}
|
|
15
|
+
</FeaturevisorContext.Provider>
|
|
14
16
|
);
|
|
15
17
|
}
|
package/src/useFlag.spec.tsx
CHANGED
|
@@ -46,7 +46,7 @@ describe("react: useFlag", function () {
|
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
render(
|
|
49
|
-
<FeaturevisorProvider
|
|
49
|
+
<FeaturevisorProvider instance={getNewInstance()}>
|
|
50
50
|
<TestComponent />
|
|
51
51
|
</FeaturevisorProvider>,
|
|
52
52
|
);
|
|
@@ -62,7 +62,7 @@ describe("react: useFlag", function () {
|
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
render(
|
|
65
|
-
<FeaturevisorProvider
|
|
65
|
+
<FeaturevisorProvider instance={getNewInstance(false)}>
|
|
66
66
|
<TestComponent />
|
|
67
67
|
</FeaturevisorProvider>,
|
|
68
68
|
);
|
package/src/useSdk.spec.tsx
CHANGED
package/src/useStatus.spec.tsx
CHANGED
package/src/useVariable.spec.tsx
CHANGED