@ops-ai/vue-feature-flags-toggly 1.0.1 → 1.0.2

package/dist/types/components/Feature.vue.d.ts

@@ -0,0 +1,40 @@
+declare const _default: import("vue").DefineComponent<{
+    featureKey: {
+        type: StringConstructor;
+    };
+    featureKeys: {
+        type: ArrayConstructor;
+    };
+    requirement: {
+        type: StringConstructor;
+        default: string;
+    };
+    negate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, unknown, {
+    shouldShow: boolean;
+    isLoading: boolean;
+}, {}, {
+    checkIfShouldShow(): Promise<void>;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    featureKey: {
+        type: StringConstructor;
+    };
+    featureKeys: {
+        type: ArrayConstructor;
+    };
+    requirement: {
+        type: StringConstructor;
+        default: string;
+    };
+    negate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    requirement: string;
+    negate: boolean;
+}>;
+export default _default;

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export { default as toggly } from './plugins/toggly';

package/dist/types/plugins/toggly.d.ts

@@ -0,0 +1,5 @@
+import { TogglyOptions } from './toggly.service';
+declare const _default: {
+    install: (app: any, options: TogglyOptions) => void;
+};
+export default _default;

package/dist/types/plugins/toggly.service.d.ts

@@ -0,0 +1,45 @@
+export interface TogglyOptions {
+    baseURI?: string;
+    appKey?: string;
+    environment?: string;
+    identity?: string;
+    featureDefaults?: {
+        [key: string]: boolean;
+    };
+    showFeatureDuringEvaluation?: boolean;
+}
+export interface TogglyService {
+    shouldShowFeatureDuringEvaluation: boolean;
+    init: (options: TogglyOptions) => this;
+    _loadFeatures: () => Promise<{
+        [key: string]: boolean;
+    } | null>;
+    _featuresLoaded: () => Promise<{
+        [key: string]: boolean;
+    } | null>;
+    _evaluateFeatureGate: (gate: string[], requirement: string, negate: boolean) => Promise<boolean>;
+    evaluateFeatureGate: (featureKeys: string[], requirement: string, negate: boolean) => Promise<boolean>;
+    isFeatureOn: (featureKey: string) => Promise<boolean>;
+    isFeatureOff: (featureKey: string) => Promise<boolean>;
+}
+export declare class Toggly implements TogglyService {
+    private _config;
+    private _features;
+    private _loadingFeatures;
+    shouldShowFeatureDuringEvaluation: boolean;
+    init: (options: TogglyOptions) => this;
+    _loadFeatures: () => Promise<{
+        [key: string]: boolean;
+    } | null>;
+    _featuresLoaded: () => Promise<{
+        [key: string]: boolean;
+    } | null>;
+    _evaluateFeatureGate: (gate: string[], requirement?: string, negate?: boolean) => Promise<boolean>;
+    evaluateFeatureGate: (featureKeys: string[], requirement?: string, negate?: boolean) => Promise<boolean>;
+    isFeatureOn: (featureKey: string) => Promise<boolean>;
+    isFeatureOff: (featureKey: string) => Promise<boolean>;
+    setIdentity: (identity: string) => void;
+    clearIdentity: () => void;
+}
+declare const toggly: Toggly;
+export default toggly;

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfigExport;
+export default _default;

package/dist/vue-feature-flags-toggly.es.js

@@ -6,7 +6,7 @@ class f {
   };
   _features = null;
   _loadingFeatures = !1;
-  shouldShowFeatureDuringEvaluation;
+  shouldShowFeatureDuringEvaluation = !1;
   init = (e) => (e.appKey ? e.environment || (e.environment = "Production", console.warn(
     "Toggly --- Using Production environment as no environment provided when initializing the Toggly"
   )) : e.featureDefaults ? (this._features = e.featureDefaults ?? {}, console.warn(
@@ -16,10 +16,10 @@ class f {
   ), this._config = Object.assign({}, this._config, e), this.shouldShowFeatureDuringEvaluation = this._config.showFeatureDuringEvaluation, this);
   _loadFeatures = async () => {
     if (this._loadingFeatures && await new Promise((a) => {
-      const i = () => {
-        this._loadingFeatures ? setTimeout(i, 100) : a();
+      const s = () => {
+        this._loadingFeatures ? setTimeout(s, 100) : a();
       };
-      i();
+      s();
     }), this._features !== null)
       return this._features;
     this._loadingFeatures = !0;
@@ -38,17 +38,23 @@ class f {
     return this._features;
   };
   _featuresLoaded = async () => this._features ?? await this._loadFeatures();
-  _evaluateFeatureGate = async (e, a = "all", i = !1) => {
+  _evaluateFeatureGate = async (e, a = "all", s = !1) => {
     if (await this._featuresLoaded(), !this._features || Object.keys(this._features).length === 0)
       return !0;
-    var s;
-    return a === "any" ? s = e.reduce((n, r) => n || this._features[r] && this._features[r] === !0, !1) : s = e.reduce((n, r) => n && this._features[r] && this._features[r] === !0, !0), s = i ? !s : s, s;
+    var i;
+    return a === "any" ? i = e.reduce((r, n) => r || this._features[n] && this._features[n] === !0, !1) : i = e.reduce((r, n) => r && this._features[n] && this._features[n] === !0, !0), i = s ? !i : i, i;
   };
-  evaluateFeatureGate = async (e, a = "all", i = !1) => await this._evaluateFeatureGate(e, a, i);
+  evaluateFeatureGate = async (e, a = "all", s = !1) => await this._evaluateFeatureGate(e, a, s);
   isFeatureOn = async (e) => await this._evaluateFeatureGate([e]);
   isFeatureOff = async (e) => await this._evaluateFeatureGate([e], "all", !0);
+  setIdentity = (e) => {
+    this._features = null, this._config.identity = e;
+  };
+  clearIdentity = () => {
+    this._features = null, this._config.identity = void 0;
+  };
 }
-const g = new f(), c = {
+const c = new f(), g = {
   inject: ["$toggly"],
   props: {
     featureKey: {
@@ -84,19 +90,19 @@ const g = new f(), c = {
   }
 }, d = (t, e) => {
   const a = t.__vccOpts || t;
-  for (const [i, s] of e)
-    a[i] = s;
+  for (const [s, i] of e)
+    a[s] = i;
   return a;
 }, _ = { key: 0 };
-function y(t, e, a, i, s, n) {
-  return s.shouldShow ? (o(), u("div", _, [
+function y(t, e, a, s, i, r) {
+  return i.shouldShow ? (o(), u("div", _, [
     l(t.$slots, "default")
   ])) : h("", !0);
 }
-const w = /* @__PURE__ */ d(c, [["render", y]]), p = {
+const v = /* @__PURE__ */ d(g, [["render", y]]), p = {
   install: (t, e) => {
-    const a = g.init(e);
-    t.provide("$toggly", a), t.component("Feature", w);
+    const a = c.init(e);
+    t.provide("$toggly", a), t.component("Feature", v);
   }
 };
 export {

package/dist/vue-feature-flags-toggly.umd.js

@@ -1 +1 @@
-(function(r,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(r=typeof globalThis<"u"?globalThis:r||self,n(r.VueFeatureFlagsToggly={},r.Vue))})(this,function(r,n){"use strict";class l{_config={baseURI:"https://client.toggly.io",showFeatureDuringEvaluation:!1};_features=null;_loadingFeatures=!1;shouldShowFeatureDuringEvaluation;init=e=>(e.appKey?e.environment||(e.environment="Production",console.warn("Toggly --- Using Production environment as no environment provided when initializing the Toggly")):e.featureDefaults?(this._features=e.featureDefaults??{},console.warn("Toggly --- Using feature defaults as no application key provided when initializing the Toggly")):console.warn("Toggly --- A valid application key is required to connect to your Toggly.io application for evaluating your features."),this._config=Object.assign({},this._config,e),this.shouldShowFeatureDuringEvaluation=this._config.showFeatureDuringEvaluation,this);_loadFeatures=async()=>{if(this._loadingFeatures&&await new Promise(a=>{const s=()=>{this._loadingFeatures?setTimeout(s,100):a()};s()}),this._features!==null)return this._features;this._loadingFeatures=!0;try{var e=`${this._config.baseURI}/${this._config.appKey}-${this._config.environment}/defs`;this._config.identity&&(e+=`?u=${this._config.identity}`);const a=await fetch(e);this._features=await a.json()}catch{this._features=this._config.featureDefaults??{},console.warn("Toggly --- Using feature defaults as features could not be loaded from the Toggly API")}finally{this._loadingFeatures=!1}return this._features};_featuresLoaded=async()=>this._features??await this._loadFeatures();_evaluateFeatureGate=async(e,a="all",s=!1)=>{if(await this._featuresLoaded(),!this._features||Object.keys(this._features).length===0)return!0;var i;return a==="any"?i=e.reduce((u,o)=>u||this._features[o]&&this._features[o]===!0,!1):i=e.reduce((u,o)=>u&&this._features[o]&&this._features[o]===!0,!0),i=s?!i:i,i};evaluateFeatureGate=async(e,a="all",s=!1)=>await this._evaluateFeatureGate(e,a,s);isFeatureOn=async e=>await this._evaluateFeatureGate([e]);isFeatureOff=async e=>await this._evaluateFeatureGate([e],"all",!0)}const f=new l,h={inject:["$toggly"],props:{featureKey:{type:String},featureKeys:{type:Array},requirement:{type:String,default:"all"},negate:{type:Boolean,default:!1}},data(){return{shouldShow:!1,isLoading:!1}},mounted(){this.checkIfShouldShow()},methods:{async checkIfShouldShow(){this.isLoading=!0,this.shouldShow=this.$toggly.shouldShowFeatureDuringEvaluation;var t=[];this.featureKey&&t.push(this.featureKey),this.featureKeys&&(t=t.concat(this.featureKeys)),this.shouldShow=t.length>0?await this.$toggly.evaluateFeatureGate(t,this.requirement,this.negate):!0,this.isLoading=!1}}},g=(t,e)=>{const a=t.__vccOpts||t;for(const[s,i]of e)a[s]=i;return a},c={key:0};function d(t,e,a,s,i,u){return i.shouldShow?(n.openBlock(),n.createElementBlock("div",c,[n.renderSlot(t.$slots,"default")])):n.createCommentVNode("",!0)}const y=g(h,[["render",d]]),_={install:(t,e)=>{const a=f.init(e);t.provide("$toggly",a),t.component("Feature",y)}};r.toggly=_,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
+(function(r,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(r=typeof globalThis<"u"?globalThis:r||self,n(r.VueFeatureFlagsToggly={},r.Vue))})(this,function(r,n){"use strict";class l{_config={baseURI:"https://client.toggly.io",showFeatureDuringEvaluation:!1};_features=null;_loadingFeatures=!1;shouldShowFeatureDuringEvaluation=!1;init=e=>(e.appKey?e.environment||(e.environment="Production",console.warn("Toggly --- Using Production environment as no environment provided when initializing the Toggly")):e.featureDefaults?(this._features=e.featureDefaults??{},console.warn("Toggly --- Using feature defaults as no application key provided when initializing the Toggly")):console.warn("Toggly --- A valid application key is required to connect to your Toggly.io application for evaluating your features."),this._config=Object.assign({},this._config,e),this.shouldShowFeatureDuringEvaluation=this._config.showFeatureDuringEvaluation,this);_loadFeatures=async()=>{if(this._loadingFeatures&&await new Promise(a=>{const s=()=>{this._loadingFeatures?setTimeout(s,100):a()};s()}),this._features!==null)return this._features;this._loadingFeatures=!0;try{var e=`${this._config.baseURI}/${this._config.appKey}-${this._config.environment}/defs`;this._config.identity&&(e+=`?u=${this._config.identity}`);const a=await fetch(e);this._features=await a.json()}catch{this._features=this._config.featureDefaults??{},console.warn("Toggly --- Using feature defaults as features could not be loaded from the Toggly API")}finally{this._loadingFeatures=!1}return this._features};_featuresLoaded=async()=>this._features??await this._loadFeatures();_evaluateFeatureGate=async(e,a="all",s=!1)=>{if(await this._featuresLoaded(),!this._features||Object.keys(this._features).length===0)return!0;var i;return a==="any"?i=e.reduce((u,o)=>u||this._features[o]&&this._features[o]===!0,!1):i=e.reduce((u,o)=>u&&this._features[o]&&this._features[o]===!0,!0),i=s?!i:i,i};evaluateFeatureGate=async(e,a="all",s=!1)=>await this._evaluateFeatureGate(e,a,s);isFeatureOn=async e=>await this._evaluateFeatureGate([e]);isFeatureOff=async e=>await this._evaluateFeatureGate([e],"all",!0);setIdentity=e=>{this._features=null,this._config.identity=e};clearIdentity=()=>{this._features=null,this._config.identity=void 0}}const f=new l,h={inject:["$toggly"],props:{featureKey:{type:String},featureKeys:{type:Array},requirement:{type:String,default:"all"},negate:{type:Boolean,default:!1}},data(){return{shouldShow:!1,isLoading:!1}},mounted(){this.checkIfShouldShow()},methods:{async checkIfShouldShow(){this.isLoading=!0,this.shouldShow=this.$toggly.shouldShowFeatureDuringEvaluation;var t=[];this.featureKey&&t.push(this.featureKey),this.featureKeys&&(t=t.concat(this.featureKeys)),this.shouldShow=t.length>0?await this.$toggly.evaluateFeatureGate(t,this.requirement,this.negate):!0,this.isLoading=!1}}},g=(t,e)=>{const a=t.__vccOpts||t;for(const[s,i]of e)a[s]=i;return a},c={key:0};function d(t,e,a,s,i,u){return i.shouldShow?(n.openBlock(),n.createElementBlock("div",c,[n.renderSlot(t.$slots,"default")])):n.createCommentVNode("",!0)}const y=g(h,[["render",d]]),_={install:(t,e)=>{const a=f.init(e);t.provide("$toggly",a),t.component("Feature",y)}};r.toggly=_,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -34,7 +34,7 @@
     "test": "exit 0"
   },
   "name": "@ops-ai/vue-feature-flags-toggly",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Provides feature flags support for Vue.js applications allowing you to enable and disable features easily. Can be used with or without Toggly.io.",
   "type": "module",
   "dependencies": {