@ninetailed/experience.js-plugin-preview 4.2.0-beta.3 → 4.2.0-beta.5

package/index.cjs

@@ -2,12 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var omit = require('lodash/omit');
-var unionBy = require('lodash/unionBy');
+var experience_jsShared = require('@ninetailed/experience.js-shared');
 var experience_js = require('@ninetailed/experience.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
 function _interopNamespace(e) {
 	if (e && e.__esModule) return e;
 	var n = Object.create(null);
@@ -26,9 +23,6 @@ function _interopNamespace(e) {
 	return Object.freeze(n);
 }
 
-var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
-var unionBy__default = /*#__PURE__*/_interopDefaultLegacy(unionBy);
-
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var check = function (it) {
@@ -3122,7 +3116,7 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
     };
     this.onChange = () => {
       var _b;
-      console.debug('Ninetailed Preview Plugin onChange pluginApi:', this.pluginApi);
+      experience_jsShared.logger.debug('Ninetailed Preview Plugin onChange pluginApi:', this.pluginApi);
       Object.assign({}, window.ninetailed, {
         plugins: Object.assign(Object.assign({}, (_b = window.ninetailed) === null || _b === void 0 ? void 0 : _b.plugins), {
           preview: this.windowApi
@@ -3171,7 +3165,7 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
   }
   activateAudience(id) {
     if (!this.isKnownAudience(id)) {
-      console.log(`You cannot activate an unkown audience (id: ${id}).`);
+      console.log(`You cannot activate an unknown audience (id: ${id}).`);
       return;
     }
     this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
@@ -3201,10 +3195,16 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
     //       variantIndex: 0,
     //     });
     //   });
-    this.experienceVariantIndexOverwrites = omit__default["default"](this.experienceVariantIndexOverwrites, this.experiences.filter(experience => {
-      var _b;
-      return ((_b = experience.audience) === null || _b === void 0 ? void 0 : _b.id) === id;
-    }).map(experience => experience.id));
+    this.experienceVariantIndexOverwrites = Object.entries(this.experienceVariantIndexOverwrites).filter(([key, _]) => {
+      return !this.experiences.filter(experience => {
+        var _b;
+        return ((_b = experience.audience) === null || _b === void 0 ? void 0 : _b.id) === id;
+      }).map(experience => experience.id).includes(key);
+    }).reduce((acc, [key, value]) => {
+      return Object.assign(Object.assign({}, acc), {
+        [key]: value
+      });
+    }, {});
     this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
       [id]: false
     });
@@ -3212,7 +3212,7 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
   }
   resetAudience(id) {
     if (!this.isKnownAudience(id)) {
-      console.log(`You cannot reset an unkown audience (id: ${id}). How did you get it in the first place?`);
+      console.log(`You cannot reset an unknown audience (id: ${id}). How did you get it in the first place?`);
       return;
     }
     const _b = this.audienceOverwrites,
@@ -3285,6 +3285,7 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
       audienceDefinitions: this.audienceDefinitions,
       setExperienceVariant: this.setExperienceVariant.bind(this),
       resetExperience: this.resetExperience.bind(this),
+      apiExperienceVariantIndexes: this.apiExperienceVariantIndexes,
       experienceVariantIndexes: Object.assign(Object.assign({}, this.experienceVariantIndexes), this.experienceVariantIndexOverwrites),
       experienceVariantIndexOverwrites: this.experienceVariantIndexOverwrites,
       reset: this.reset.bind(this),
@@ -3313,7 +3314,7 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
   }
   get potentialAudiences() {
     const audiencesFromExperiences = this.experiences.map(experience => experience.audience).filter(audience => !!audience);
-    return unionBy__default["default"](this.audienceDefinitions, audiencesFromExperiences, 'id');
+    return experience_jsShared.unionBy(this.audienceDefinitions, audiencesFromExperiences, 'id');
   }
   get activeAudiences() {
     var _b;
@@ -3321,15 +3322,9 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
     const activatedAudiences = Object.entries(this.audienceOverwrites).filter(([id, active]) => active).map(([id]) => id);
     return [...(((_b = this.profile) === null || _b === void 0 ? void 0 : _b.audiences) || []), ...activatedAudiences].filter(id => !deactivatedAudiences.includes(id));
   }
-  get experienceVariantIndexes() {
-    const profile = this.profile;
-    if (!profile) {
-      return {};
-    }
+  calculateExperienceVariantIndexes(profile) {
     const experiments = this.experiences.filter(experience => experience.type === 'nt_experiment');
-    const activeExperiments = experience_js.selectActiveExperiments(experiments, Object.assign(Object.assign({}, profile), {
-      audiences: this.activeAudiences
-    }));
+    const activeExperiments = experience_js.selectActiveExperiments(experiments, profile);
     const eligibleExperiences = experience_js.selectEligibleExperiences({
       experiences: this.experiences,
       activeExperiments
@@ -3337,22 +3332,34 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
     const matchedExperiences = eligibleExperiences.filter(experience => experience_js.isExperienceMatch({
       experience,
       activeExperiments,
-      profile: Object.assign(Object.assign({}, profile), {
-        audiences: this.activeAudiences
-      })
+      profile
     }));
     return matchedExperiences.reduce((acc, experience) => {
       const distribution = experience_js.selectDistribution({
         experience,
-        profile: Object.assign(Object.assign({}, profile), {
-          audiences: this.activeAudiences
-        })
+        profile
       });
       return Object.assign(Object.assign({}, acc), {
         [experience.id]: distribution.index
       });
     }, {});
   }
+  get apiExperienceVariantIndexes() {
+    const profile = this.profile;
+    if (!profile) {
+      return {};
+    }
+    return this.calculateExperienceVariantIndexes(profile);
+  }
+  get experienceVariantIndexes() {
+    const profile = this.profile;
+    if (!profile) {
+      return {};
+    }
+    return this.calculateExperienceVariantIndexes(Object.assign(Object.assign({}, profile), {
+      audiences: this.activeAudiences
+    }));
+  }
 }
 _a = experience_js.PROFILE_CHANGE;
 

package/index.js

@@ -1,5 +1,4 @@
-import omit from 'lodash/omit';
-import unionBy from 'lodash/unionBy';
+import { logger, unionBy } from '@ninetailed/experience.js-shared';
 import { NinetailedPlugin, OnChangeEmitter, selectActiveExperiments, selectEligibleExperiences, isExperienceMatch, selectDistribution, PROFILE_CHANGE } from '@ninetailed/experience.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -3095,7 +3094,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     };
     this.onChange = () => {
       var _b;
-      console.debug('Ninetailed Preview Plugin onChange pluginApi:', this.pluginApi);
+      logger.debug('Ninetailed Preview Plugin onChange pluginApi:', this.pluginApi);
       Object.assign({}, window.ninetailed, {
         plugins: Object.assign(Object.assign({}, (_b = window.ninetailed) === null || _b === void 0 ? void 0 : _b.plugins), {
           preview: this.windowApi
@@ -3144,7 +3143,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
   }
   activateAudience(id) {
     if (!this.isKnownAudience(id)) {
-      console.log(`You cannot activate an unkown audience (id: ${id}).`);
+      console.log(`You cannot activate an unknown audience (id: ${id}).`);
       return;
     }
     this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
@@ -3174,10 +3173,16 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     //       variantIndex: 0,
     //     });
     //   });
-    this.experienceVariantIndexOverwrites = omit(this.experienceVariantIndexOverwrites, this.experiences.filter(experience => {
-      var _b;
-      return ((_b = experience.audience) === null || _b === void 0 ? void 0 : _b.id) === id;
-    }).map(experience => experience.id));
+    this.experienceVariantIndexOverwrites = Object.entries(this.experienceVariantIndexOverwrites).filter(([key, _]) => {
+      return !this.experiences.filter(experience => {
+        var _b;
+        return ((_b = experience.audience) === null || _b === void 0 ? void 0 : _b.id) === id;
+      }).map(experience => experience.id).includes(key);
+    }).reduce((acc, [key, value]) => {
+      return Object.assign(Object.assign({}, acc), {
+        [key]: value
+      });
+    }, {});
     this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
       [id]: false
     });
@@ -3185,7 +3190,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
   }
   resetAudience(id) {
     if (!this.isKnownAudience(id)) {
-      console.log(`You cannot reset an unkown audience (id: ${id}). How did you get it in the first place?`);
+      console.log(`You cannot reset an unknown audience (id: ${id}). How did you get it in the first place?`);
       return;
     }
     const _b = this.audienceOverwrites,
@@ -3258,6 +3263,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       audienceDefinitions: this.audienceDefinitions,
       setExperienceVariant: this.setExperienceVariant.bind(this),
       resetExperience: this.resetExperience.bind(this),
+      apiExperienceVariantIndexes: this.apiExperienceVariantIndexes,
       experienceVariantIndexes: Object.assign(Object.assign({}, this.experienceVariantIndexes), this.experienceVariantIndexOverwrites),
       experienceVariantIndexOverwrites: this.experienceVariantIndexOverwrites,
       reset: this.reset.bind(this),
@@ -3294,15 +3300,9 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     const activatedAudiences = Object.entries(this.audienceOverwrites).filter(([id, active]) => active).map(([id]) => id);
     return [...(((_b = this.profile) === null || _b === void 0 ? void 0 : _b.audiences) || []), ...activatedAudiences].filter(id => !deactivatedAudiences.includes(id));
   }
-  get experienceVariantIndexes() {
-    const profile = this.profile;
-    if (!profile) {
-      return {};
-    }
+  calculateExperienceVariantIndexes(profile) {
     const experiments = this.experiences.filter(experience => experience.type === 'nt_experiment');
-    const activeExperiments = selectActiveExperiments(experiments, Object.assign(Object.assign({}, profile), {
-      audiences: this.activeAudiences
-    }));
+    const activeExperiments = selectActiveExperiments(experiments, profile);
     const eligibleExperiences = selectEligibleExperiences({
       experiences: this.experiences,
       activeExperiments
@@ -3310,22 +3310,34 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     const matchedExperiences = eligibleExperiences.filter(experience => isExperienceMatch({
       experience,
       activeExperiments,
-      profile: Object.assign(Object.assign({}, profile), {
-        audiences: this.activeAudiences
-      })
+      profile
     }));
     return matchedExperiences.reduce((acc, experience) => {
       const distribution = selectDistribution({
         experience,
-        profile: Object.assign(Object.assign({}, profile), {
-          audiences: this.activeAudiences
-        })
+        profile
       });
       return Object.assign(Object.assign({}, acc), {
         [experience.id]: distribution.index
       });
     }, {});
   }
+  get apiExperienceVariantIndexes() {
+    const profile = this.profile;
+    if (!profile) {
+      return {};
+    }
+    return this.calculateExperienceVariantIndexes(profile);
+  }
+  get experienceVariantIndexes() {
+    const profile = this.profile;
+    if (!profile) {
+      return {};
+    }
+    return this.calculateExperienceVariantIndexes(Object.assign(Object.assign({}, profile), {
+      audiences: this.activeAudiences
+    }));
+  }
 }
 _a = PROFILE_CHANGE;
 

package/lib/plugin/NinetailedPreviewPlugin.d.ts

@@ -57,6 +57,8 @@ export declare class NinetailedPreviewPlugin extends NinetailedPlugin implements
     private isKnownAudience;
     private get potentialAudiences();
     private get activeAudiences();
+    private calculateExperienceVariantIndexes;
+    private get apiExperienceVariantIndexes();
     private get experienceVariantIndexes();
     private onChange;
     private onProfileChange;

package/package.json

@@ -1,16 +1,15 @@
 {
   "name": "@ninetailed/experience.js-plugin-preview",
-  "version": "4.2.0-beta.3",
+  "version": "4.2.0-beta.5",
   "module": "./index.js",
   "main": "./index.cjs",
   "type": "module",
   "types": "./index.d.ts",
   "dependencies": {
-    "lodash": "4.17.21",
-    "@ninetailed/experience.js-shared": "4.2.0-beta.3",
-    "@ninetailed/experience.js": "4.2.0-beta.3",
-    "@ninetailed/experience.js-utils": "4.2.0-beta.2",
-    "@ninetailed/experience.js-preview-bridge": "4.2.0-beta.3"
+    "@ninetailed/experience.js-shared": "4.2.0-beta.5",
+    "@ninetailed/experience.js": "4.2.0-beta.5",
+    "@ninetailed/experience.js-utils": "4.2.0-beta.4",
+    "@ninetailed/experience.js-preview-bridge": "4.2.0-beta.5"
   },
   "peerDependencies": {}
 }