@xylabs/sdk-react 2.12.9 → 2.12.10
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/dist/cjs/common/ExperimentsHelper.d.ts +4 -2
- package/dist/cjs/common/ExperimentsHelper.js +5 -4
- package/dist/cjs/common/ExperimentsHelper.js.map +1 -1
- package/dist/cjs/hooks/useExperiment.js +2 -1
- package/dist/cjs/hooks/useExperiment.js.map +1 -1
- package/dist/esm/common/ExperimentsHelper.d.ts +4 -2
- package/dist/esm/common/ExperimentsHelper.js +5 -4
- package/dist/esm/common/ExperimentsHelper.js.map +1 -1
- package/dist/esm/hooks/useExperiment.js +2 -1
- package/dist/esm/hooks/useExperiment.js.map +1 -1
- package/package.json +1 -1
- package/src/common/ExperimentsHelper.ts +7 -5
- package/src/hooks/useExperiment.ts +2 -1
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { Log } from '@xylabs/sdk-js';
|
|
2
1
|
import { ReactElement } from 'react';
|
|
2
|
+
import { Log } from '@xylabs/sdk-js';
|
|
3
3
|
import { ExperimentProps, ExperimentsData, OutcomesData, VariantData } from '../components';
|
|
4
|
+
import { UserEventHandler } from '@xylabs/pixel';
|
|
5
|
+
import { UserEventsProps } from '../contexts';
|
|
4
6
|
declare const ExperimentsHelper: {
|
|
5
7
|
buildLocalStorageKey: (localStorageProp: boolean | string) => string;
|
|
6
8
|
calcTotalWeight: (variants: VariantData[]) => number;
|
|
7
|
-
calculateExperiment: (name: string, localStorageProp: string | boolean, variants: VariantData[]) => VariantData | undefined;
|
|
9
|
+
calculateExperiment: (name: string, localStorageProp: string | boolean, variants: VariantData[], userEvents: UserEventHandler<UserEventsProps>) => VariantData | undefined;
|
|
8
10
|
getExperiment: (name: string) => import("../components").ExperimentData;
|
|
9
11
|
getSelectedVariant: (name: string) => VariantData | undefined;
|
|
10
12
|
loadOutcomes: () => OutcomesData;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ExperimentsHelper = void 0;
|
|
4
|
+
const sdk_js_1 = require("@xylabs/sdk-js");
|
|
4
5
|
const components_1 = require("../components");
|
|
5
6
|
const lib_1 = require("../lib");
|
|
6
7
|
const defaultLocalStorageKey = 'testData';
|
|
@@ -16,7 +17,7 @@ const ExperimentsHelper = {
|
|
|
16
17
|
return sum + variant.weight;
|
|
17
18
|
}, 0);
|
|
18
19
|
},
|
|
19
|
-
calculateExperiment: (name, localStorageProp, variants) => {
|
|
20
|
+
calculateExperiment: (name, localStorageProp, variants, userEvents) => {
|
|
20
21
|
var _a;
|
|
21
22
|
//TODO - user events, it needs to be in the hook, all other compatibility should
|
|
22
23
|
ExperimentsHelper.loadOutcomes();
|
|
@@ -38,9 +39,9 @@ const ExperimentsHelper = {
|
|
|
38
39
|
if (firstTime) {
|
|
39
40
|
localStorage.setItem(localStorageKey, ExperimentsHelper.mergeData(experimentsTestData));
|
|
40
41
|
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
if (userEvents) {
|
|
43
|
+
(0, sdk_js_1.forget)(userEvents.testStarted({ name, variation: variant.name }));
|
|
44
|
+
}
|
|
44
45
|
return variant;
|
|
45
46
|
}
|
|
46
47
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExperimentsHelper.js","sourceRoot":"","sources":["../../../src/common/ExperimentsHelper.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"ExperimentsHelper.js","sourceRoot":"","sources":["../../../src/common/ExperimentsHelper.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.useExperiments = exports.selectVariantForExperiment = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
const common_1 = require("../common");
|
|
6
|
+
const useUserEvents_1 = require("./useUserEvents");
|
|
6
7
|
const selectVariant = (current) => (variants, defaultNode) => {
|
|
7
8
|
if (current && current in variants) {
|
|
8
9
|
return variants[current];
|
|
@@ -19,7 +20,7 @@ const selectVariantForExperiment = (name, variants, defaultNode) => {
|
|
|
19
20
|
};
|
|
20
21
|
exports.selectVariantForExperiment = selectVariantForExperiment;
|
|
21
22
|
const useExperiments = (name, experiments) => {
|
|
22
|
-
const [activeExperiment] = (0, react_1.useState)(common_1.ExperimentsHelper.calculateExperiment(name, true, experiments));
|
|
23
|
+
const [activeExperiment] = (0, react_1.useState)(common_1.ExperimentsHelper.calculateExperiment(name, true, experiments, (0, useUserEvents_1.useUserEvents)()));
|
|
23
24
|
return {
|
|
24
25
|
experimentName: name,
|
|
25
26
|
selectVariant: selectVariant(activeExperiment === null || activeExperiment === void 0 ? void 0 : activeExperiment.name),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useExperiment.js","sourceRoot":"","sources":["../../../src/hooks/useExperiment.ts"],"names":[],"mappings":";;;AAAA,iCAA2C;AAE3C,sCAA6C;
|
|
1
|
+
{"version":3,"file":"useExperiment.js","sourceRoot":"","sources":["../../../src/hooks/useExperiment.ts"],"names":[],"mappings":";;;AAAA,iCAA2C;AAE3C,sCAA6C;AAE7C,mDAA+C;AAE/C,MAAM,aAAa,GAAG,CAAC,OAAgB,EAAE,EAAE,CAAC,CAAC,QAAmC,EAAE,WAAsB,EAAE,EAAE;IAC1G,IAAI,OAAO,IAAI,OAAO,IAAI,QAAQ,EAAE;QAClC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAA;KACzB;IACD,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA;AAED,MAAM,0BAA0B,GAAG,CAAC,IAAY,EAAE,QAAmC,EAAE,WAAsB,EAAE,EAAE;;IAC/G,MAAM,OAAO,GAAG,0BAAiB,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAC1D,IAAI,QAAQ,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,EAAE,CAAC,EAAE;QACjC,OAAO,QAAQ,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,EAAE,CAAC,CAAA;KACrC;IACD,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA;AAWQ,gEAA0B;AATnC,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,WAA0B,EAAE,EAAE;IAClE,MAAM,CAAC,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,0BAAiB,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,IAAA,6BAAa,GAAE,CAAC,CAAC,CAAA;IAEpH,OAAO;QACL,cAAc,EAAE,IAAI;QACpB,aAAa,EAAE,aAAa,CAAC,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,CAAC;KACrD,CAAA;AACH,CAAC,CAAA;AAEoC,wCAAc"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { Log } from '@xylabs/sdk-js';
|
|
2
1
|
import { ReactElement } from 'react';
|
|
2
|
+
import { Log } from '@xylabs/sdk-js';
|
|
3
3
|
import { ExperimentProps, ExperimentsData, OutcomesData, VariantData } from '../components';
|
|
4
|
+
import { UserEventHandler } from '@xylabs/pixel';
|
|
5
|
+
import { UserEventsProps } from '../contexts';
|
|
4
6
|
declare const ExperimentsHelper: {
|
|
5
7
|
buildLocalStorageKey: (localStorageProp: boolean | string) => string;
|
|
6
8
|
calcTotalWeight: (variants: VariantData[]) => number;
|
|
7
|
-
calculateExperiment: (name: string, localStorageProp: string | boolean, variants: VariantData[]) => VariantData | undefined;
|
|
9
|
+
calculateExperiment: (name: string, localStorageProp: string | boolean, variants: VariantData[], userEvents: UserEventHandler<UserEventsProps>) => VariantData | undefined;
|
|
8
10
|
getExperiment: (name: string) => import("../components").ExperimentData;
|
|
9
11
|
getSelectedVariant: (name: string) => VariantData | undefined;
|
|
10
12
|
loadOutcomes: () => OutcomesData;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { forget } from '@xylabs/sdk-js';
|
|
1
2
|
import { ExperimentsLocalStorageKey, OutcomesLocalStorageKey } from '../components';
|
|
2
3
|
import { getLocalStorageObject, setLocalStorageObject } from '../lib';
|
|
3
4
|
const defaultLocalStorageKey = 'testData';
|
|
@@ -13,7 +14,7 @@ const ExperimentsHelper = {
|
|
|
13
14
|
return sum + variant.weight;
|
|
14
15
|
}, 0);
|
|
15
16
|
},
|
|
16
|
-
calculateExperiment: (name, localStorageProp, variants) => {
|
|
17
|
+
calculateExperiment: (name, localStorageProp, variants, userEvents) => {
|
|
17
18
|
//TODO - user events, it needs to be in the hook, all other compatibility should
|
|
18
19
|
ExperimentsHelper.loadOutcomes();
|
|
19
20
|
const localStorageKey = ExperimentsHelper.buildLocalStorageKey(localStorageProp);
|
|
@@ -34,9 +35,9 @@ const ExperimentsHelper = {
|
|
|
34
35
|
if (firstTime) {
|
|
35
36
|
localStorage.setItem(localStorageKey, ExperimentsHelper.mergeData(experimentsTestData));
|
|
36
37
|
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
if (userEvents) {
|
|
39
|
+
forget(userEvents.testStarted({ name, variation: variant.name }));
|
|
40
|
+
}
|
|
40
41
|
return variant;
|
|
41
42
|
}
|
|
42
43
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExperimentsHelper.js","sourceRoot":"","sources":["../../../src/common/ExperimentsHelper.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ExperimentsHelper.js","sourceRoot":"","sources":["../../../src/common/ExperimentsHelper.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { useState } from 'react';
|
|
2
2
|
import { ExperimentsHelper } from '../common';
|
|
3
|
+
import { useUserEvents } from './useUserEvents';
|
|
3
4
|
const selectVariant = (current) => (variants, defaultNode) => {
|
|
4
5
|
if (current && current in variants) {
|
|
5
6
|
return variants[current];
|
|
@@ -14,7 +15,7 @@ const selectVariantForExperiment = (name, variants, defaultNode) => {
|
|
|
14
15
|
return defaultNode;
|
|
15
16
|
};
|
|
16
17
|
const useExperiments = (name, experiments) => {
|
|
17
|
-
const [activeExperiment] = useState(ExperimentsHelper.calculateExperiment(name, true, experiments));
|
|
18
|
+
const [activeExperiment] = useState(ExperimentsHelper.calculateExperiment(name, true, experiments, useUserEvents()));
|
|
18
19
|
return {
|
|
19
20
|
experimentName: name,
|
|
20
21
|
selectVariant: selectVariant(activeExperiment?.name),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useExperiment.js","sourceRoot":"","sources":["../../../src/hooks/useExperiment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"useExperiment.js","sourceRoot":"","sources":["../../../src/hooks/useExperiment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,aAAa,GAAG,CAAC,OAAgB,EAAE,EAAE,CAAC,CAAC,QAAmC,EAAE,WAAsB,EAAE,EAAE;IAC1G,IAAI,OAAO,IAAI,OAAO,IAAI,QAAQ,EAAE;QAClC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAA;KACzB;IACD,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA;AAED,MAAM,0BAA0B,GAAG,CAAC,IAAY,EAAE,QAAmC,EAAE,WAAsB,EAAE,EAAE;IAC/G,MAAM,OAAO,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAC1D,IAAI,QAAQ,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC,EAAE;QACjC,OAAO,QAAQ,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC,CAAA;KACrC;IACD,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA;AAED,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,WAA0B,EAAE,EAAE;IAClE,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC,CAAC,CAAA;IAEpH,OAAO;QACL,cAAc,EAAE,IAAI;QACpB,aAAa,EAAE,aAAa,CAAC,gBAAgB,EAAE,IAAI,CAAC;KACrD,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,0BAA0B,EAAE,cAAc,EAAE,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import { Log } from '@xylabs/sdk-js'
|
|
2
1
|
import { ReactElement } from 'react'
|
|
2
|
+
import { forget, Log } from '@xylabs/sdk-js'
|
|
3
3
|
|
|
4
4
|
import { ExperimentProps, ExperimentsData, ExperimentsLocalStorageKey, OutcomesData, OutcomesLocalStorageKey, VariantData } from '../components'
|
|
5
5
|
import { getLocalStorageObject, setLocalStorageObject } from '../lib'
|
|
6
|
+
import { UserEventHandler } from '@xylabs/pixel'
|
|
7
|
+
import { UserEventsProps } from '../contexts'
|
|
6
8
|
|
|
7
9
|
const defaultLocalStorageKey = 'testData'
|
|
8
10
|
const experimentsTestData: { [index: string]: string } = {}
|
|
@@ -20,7 +22,7 @@ const ExperimentsHelper = {
|
|
|
20
22
|
}, 0)
|
|
21
23
|
},
|
|
22
24
|
|
|
23
|
-
calculateExperiment: (name: string, localStorageProp: string | boolean, variants: VariantData[]) => {
|
|
25
|
+
calculateExperiment: (name: string, localStorageProp: string | boolean, variants: VariantData[], userEvents: UserEventHandler<UserEventsProps>) => {
|
|
24
26
|
//TODO - user events, it needs to be in the hook, all other compatibility should
|
|
25
27
|
ExperimentsHelper.loadOutcomes()
|
|
26
28
|
const localStorageKey = ExperimentsHelper.buildLocalStorageKey(localStorageProp)
|
|
@@ -40,9 +42,9 @@ const ExperimentsHelper = {
|
|
|
40
42
|
if (firstTime) {
|
|
41
43
|
localStorage.setItem(localStorageKey, ExperimentsHelper.mergeData(experimentsTestData))
|
|
42
44
|
}
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
45
|
+
if (userEvents) {
|
|
46
|
+
forget(userEvents.testStarted({ name, variation: variant.name }))
|
|
47
|
+
}
|
|
46
48
|
return variant
|
|
47
49
|
}
|
|
48
50
|
},
|
|
@@ -2,6 +2,7 @@ import { ReactNode, useState } from 'react'
|
|
|
2
2
|
|
|
3
3
|
import { ExperimentsHelper } from '../common'
|
|
4
4
|
import { VariantData } from '../components'
|
|
5
|
+
import { useUserEvents } from './useUserEvents'
|
|
5
6
|
|
|
6
7
|
const selectVariant = (current?: string) => (variants: Record<string, ReactNode>, defaultNode: ReactNode) => {
|
|
7
8
|
if (current && current in variants) {
|
|
@@ -19,7 +20,7 @@ const selectVariantForExperiment = (name: string, variants: Record<string, React
|
|
|
19
20
|
}
|
|
20
21
|
|
|
21
22
|
const useExperiments = (name: string, experiments: VariantData[]) => {
|
|
22
|
-
const [activeExperiment] = useState(ExperimentsHelper.calculateExperiment(name, true, experiments))
|
|
23
|
+
const [activeExperiment] = useState(ExperimentsHelper.calculateExperiment(name, true, experiments, useUserEvents()))
|
|
23
24
|
|
|
24
25
|
return {
|
|
25
26
|
experimentName: name,
|