refactor: remove unused ref

Author: Anton Lilleby

README.md

@@ -31,47 +31,22 @@ Replace 'your-azure-configuration-readonly-connection-string' with your actual c
 
 ## Using in Vue Components
 
-The plugin provides two methods: getFeatureFlag for a non-reactive, one-time check, and getFeatureFlagReactive for a reactive, continuously updated check.
-
-### Using getFeatureFlagReactive
-
-For a ref check of the feature flag:
-
-```html
-<script setup lang="ts">
-  import { inject } from "vue";
-  import { FeatureFlagsManagerKey } from "vue3-app-configuration";
-
-  const { getFeatureFlag } = inject(FeatureFlagsManagerKey);
-
-  const isFeatureEnabled = getFeatureFlagRef(
-    "your-feature-flag-name",
-    "your-label"
-  );
-</script>
-
-<template>
-  <p v-if="isFeatureEnabled">This feature is enabled!</p>
-  <p v-else>This feature is disabled.</p>
-</template>
-```
-
-### Using getFeatureFlag
-
-For a one-time check of the feature flag:
+This plugin provides a non-reactive, one-time check called getFeatureFlag
 
 ```html
 <script setup lang="ts">
   import { inject, onMounted } from "vue";
   import { FeatureFlagsManagerKey } from "vue3-app-configuration";
 
-  const { getFeatureFlag } = inject(FeatureFlagsManagerKey);
   const isFeatureEnabled = ref(false);
+  const featureFlagsManager = inject(FeatureFlagsManagerKey);
 
   onMounted(async () => {
-    isFeatureEnabled.value = await getFeatureFlag(
-      "your-feature-flag-name', 'your-label"
-    );
+    if (featureFlagsManager) {
+      isFeatureEnabled.value = await getFeatureFlag(
+        "your-feature-flag-name', 'your-label"
+      );
+    }
   });
 </script>
 

dist/index.d.mts

@@ -1,9 +1,9 @@
 import { InjectionKey, App } from 'vue';
 
-interface FeatureFlagsManager {
-    getFeatureFlag(name: string, label?: string): Promise<boolean>;
-}
-declare const FeatureFlagsManagerKey: InjectionKey<FeatureFlagsManager>;
+type GetFeatureFlagFunction = (name: string, label?: string) => Promise<boolean>;
+declare const FeatureFlagsManagerKey: InjectionKey<{
+    getFeatureFlag: GetFeatureFlagFunction;
+}>;
 declare function AppConfigurationPlugin(app: App, connectionString?: string): void;
 
 export { AppConfigurationPlugin, FeatureFlagsManagerKey };

dist/index.d.ts

@@ -1,9 +1,9 @@
 import { InjectionKey, App } from 'vue';
 
-interface FeatureFlagsManager {
-    getFeatureFlag(name: string, label?: string): Promise<boolean>;
-}
-declare const FeatureFlagsManagerKey: InjectionKey<FeatureFlagsManager>;
+type GetFeatureFlagFunction = (name: string, label?: string) => Promise<boolean>;
+declare const FeatureFlagsManagerKey: InjectionKey<{
+    getFeatureFlag: GetFeatureFlagFunction;
+}>;
 declare function AppConfigurationPlugin(app: App, connectionString?: string): void;
 
 export { AppConfigurationPlugin, FeatureFlagsManagerKey };

dist/index.js

@@ -26,42 +26,33 @@ import {
   isFeatureFlag,
   parseFeatureFlag
 } from "@azure/app-configuration";
+var FeatureFlagsManagerKey = Symbol("FeatureFlagsManager");
 var featureFlagsManager = (connectionString) => {
   let client = null;
   if (connectionString) {
     client = new AppConfigurationClient(connectionString);
   }
-  return {
-    getFeatureFlag(name, label) {
-      return __async(this, null, function* () {
-        if (!client) {
-          console.warn(
-            "[App Configuration Plugin] AppConfigurationClient is not initialized."
-          );
-          return false;
-        }
-        try {
-          const response = yield client.getConfigurationSetting({
-            key: `${featureFlagPrefix}${name}`,
-            label
-          });
-          if (!isFeatureFlag(response))
-            return false;
-          return parseFeatureFlag(response).value.enabled;
-        } catch (error) {
-          console.error(
-            "[App Configuration Plugin] Error fetching feature flag.",
-            error
-          );
-          return false;
-        }
+  const getFeatureFlag = (name, label) => __async(void 0, null, function* () {
+    if (!client)
+      return false;
+    try {
+      const response = yield client.getConfigurationSetting({
+        key: `${featureFlagPrefix}${name}`,
+        label
       });
+      if (!isFeatureFlag(response))
+        return false;
+      return parseFeatureFlag(response).value.enabled;
+    } catch (error) {
+      console.error(
+        "[App Configuration Plugin] Error retrieving feature flag.",
+        error
+      );
+      return false;
     }
-  };
+  });
+  return { getFeatureFlag };
 };
-var FeatureFlagsManagerKey = Symbol(
-  "FeatureFlagsManager"
-);
 function AppConfigurationPlugin(app, connectionString) {
   app.provide(FeatureFlagsManagerKey, featureFlagsManager(connectionString));
 }

dist/index.js.map

@@ -1,6 +1,6 @@
 {
   "name": "vue3-app-configuration",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "A Vue 3 plugin for integrating Azure App Configuration, including feature flags management.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

dist/index.mjs

@@ -4,23 +4,19 @@ import {
   isFeatureFlag,
   parseFeatureFlag,
 } from "@azure/app-configuration";
-import { ref, type App, type InjectionKey, type Ref } from "vue";
-
-interface FeatureFlagsManager {
-  getFeatureFlag(name: string, label?: string): Promise<boolean>;
-  getFeatureFlagRef(name: string, label?: string): Ref<boolean>;
-}
+import { type App, type InjectionKey } from "vue";
 
 type GetFeatureFlagFunction = (
   name: string,
   label?: string
 ) => Promise<boolean>;
 
-type GetFeatureFlagRefFunction = (name: string, label?: string) => Ref<boolean>;
+interface FeatureFlagsManager {
+  getFeatureFlag: GetFeatureFlagFunction;
+}
 
 const FeatureFlagsManagerKey: InjectionKey<{
   getFeatureFlag: GetFeatureFlagFunction;
-  getFeatureFlagRef: GetFeatureFlagRefFunction;
 }> = Symbol("FeatureFlagsManager");
 
 const featureFlagsManager = (
@@ -53,28 +49,7 @@ const featureFlagsManager = (
     }
   };
 
-  const getFeatureFlagRef = (name: string, label?: string): Ref<boolean> => {
-    const isEnabled = ref(false);
-
-    if (!client) return isEnabled;
-
-    client
-      .getConfigurationSetting({ key: `${featureFlagPrefix}${name}`, label })
-      .then((response) => {
-        if (!isFeatureFlag(response)) return false;
-        isEnabled.value = parseFeatureFlag(response).value.enabled;
-      })
-      .catch((error) => {
-        console.error(
-          "[App Configuration Plugin] Error retrieving feature flag",
-          error
-        );
-      });
-
-    return isEnabled;
-  };
-
-  return { getFeatureFlag, getFeatureFlagRef };
+  return { getFeatureFlag };
 };
 
 function AppConfigurationPlugin(app: App, connectionString?: string) {