@featurevisor/site 1.3.0 → 1.5.1

package/lib/utils/index.d.ts

@@ -5,6 +5,10 @@ export interface Query {
     environments: string[];
     archived?: boolean;
     capture?: boolean;
+    hasVariations?: boolean;
+    hasVariables?: boolean;
+    variableKeys?: string[];
+    variationValues?: string[];
 }
 export declare function parseSearchQuery(queryString: string): Query;
 export declare function isEnabledInEnvironment(feature: any, environment: string): boolean;

package/mock/search-index.json

@@ -1,9 +1,9 @@
 {
   "links": {
-    "attribute": "https://github.com/fahad19/featurevisor/blob/site-variable-show/examples/example-1/attributes/{{key}}.yml",
-    "segment": "https://github.com/fahad19/featurevisor/blob/site-variable-show/examples/example-1/segments/{{key}}.yml",
-    "feature": "https://github.com/fahad19/featurevisor/blob/site-variable-show/examples/example-1/features/{{key}}.yml",
-    "commit": "https://github.com/fahad19/featurevisor/commit/{{hash}}"
+    "attribute": "https://github.com/featurevisor/featurevisor/blob/main/examples/example-1/attributes/{{key}}.yml",
+    "segment": "https://github.com/featurevisor/featurevisor/blob/main/examples/example-1/segments/{{key}}.yml",
+    "feature": "https://github.com/featurevisor/featurevisor/blob/main/examples/example-1/features/{{key}}.yml",
+    "commit": "https://github.com/featurevisor/featurevisor/commit/{{hash}}"
   },
   "entities": {
     "attributes": [
@@ -70,7 +70,7 @@
           "timestamp": "2023-03-05T18:38:34+01:00",
           "author": "Fahad Heylaal"
         },
-        "usedInFeatures": ["foo", "showPopup"],
+        "usedInFeatures": ["foo", "showBanner", "showPopup"],
         "usedInSegments": ["qa"]
       },
       {
@@ -151,7 +151,7 @@
           "timestamp": "2023-11-21T17:50:37+01:00",
           "author": "Fahad Heylaal"
         },
-        "usedInFeatures": ["showPopup"]
+        "usedInFeatures": ["showBanner", "showPopup"]
       },
       {
         "archived": false,
@@ -407,8 +407,8 @@
         },
         "key": "foo",
         "lastModified": {
-          "commit": "986fc2f",
-          "timestamp": "2024-01-04T19:17:05+01:00",
+          "commit": "9daf95b",
+          "timestamp": "2024-01-11T20:17:34+01:00",
           "author": "Fahad Heylaal"
         }
       },
@@ -494,6 +494,31 @@
           "author": "Fahad Heylaal"
         }
       },
+      {
+        "description": "for testing expose property with tags",
+        "tags": ["all", "checkout"],
+        "bucketBy": "userId",
+        "environments": {
+          "staging": {
+            "expose": ["checkout"],
+            "force": [
+              { "segments": "qa", "enabled": true },
+              {
+                "conditions": [{ "attribute": "userId", "operator": "equals", "value": "user-3" }],
+                "enabled": true
+              }
+            ],
+            "rules": [{ "key": "1", "segments": "*", "percentage": 0 }]
+          },
+          "production": { "rules": [{ "key": "1", "segments": "*", "percentage": 0 }] }
+        },
+        "key": "showBanner",
+        "lastModified": {
+          "commit": "1ae08e7",
+          "timestamp": "2024-01-23T22:36:30+01:00",
+          "author": "Fahad Heylaal"
+        }
+      },
       {
         "description": "for testing force API in features",
         "tags": ["all"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@featurevisor/site",
-  "version": "1.3.0",
+  "version": "1.5.1",
   "description": "Static site for Featurevisor",
   "main": "dist",
   "scripts": {
@@ -65,5 +65,5 @@
   "dependencies": {
     "@featurevisor/types": "^1.3.0"
   },
-  "gitHead": "92829e94ab09474433695d29577bd3eb22490f97"
+  "gitHead": "1202fddb786e61079771c78f5a4a33dddd11bdfe"
 }

package/src/components/ShowFeature.tsx

@@ -216,6 +216,13 @@ export function DisplayFeatureRulesTable() {
         </p>
       )}
 
+      {Array.isArray(feature.environments[environmentKey].expose) && (
+        <p className="mt-2 block rounded border-2 border-orange-300 bg-orange-200 p-3 text-sm text-gray-600">
+          Rules are <a href="https://featurevisor.com/docs/features/#expose">exposed</a> for these
+          tags only: {feature.environments[environmentKey].expose.join(", ")}.
+        </p>
+      )}
+
       <table className="mt-3 min-w-full divide-y divide-gray-300 border border-gray-200">
         <thead className="bg-gray-50">
           <tr>

package/src/utils/index.ts

@@ -6,6 +6,10 @@ export interface Query {
   environments: string[];
   archived?: boolean;
   capture?: boolean;
+  hasVariations?: boolean;
+  hasVariables?: boolean;
+  variableKeys?: string[];
+  variationValues?: string[];
 }
 
 export function parseSearchQuery(queryString: string) {
@@ -48,6 +52,34 @@ export function parseSearchQuery(queryString: string) {
       } else if (capture === "false") {
         query.capture = false;
       }
+    } else if (part.startsWith("variable:")) {
+      const variableKey = part.replace("variable:", "");
+
+      if (typeof query.variableKeys === "undefined") {
+        query.variableKeys = [];
+      }
+
+      if (variableKey.length > 0) {
+        query.variableKeys.push(variableKey);
+      }
+    } else if (part.startsWith("variation:")) {
+      const variationValue = part.replace("variation:", "");
+
+      if (typeof query.variationValues === "undefined") {
+        query.variationValues = [];
+      }
+
+      if (variationValue.length > 0) {
+        query.variationValues.push(variationValue);
+      }
+    } else if (part === "with:variations") {
+      query.hasVariations = true;
+    } else if (part === "without:variations") {
+      query.hasVariations = false;
+    } else if (part === "with:variables") {
+      query.hasVariables = true;
+    } else if (part === "without:variables") {
+      query.hasVariables = false;
     } else {
       if (part.length > 0) {
         query.keyword = part;
@@ -127,6 +159,50 @@ export function getFeaturesByQuery(query: Query, data: SearchIndex) {
         }
       }
 
+      if (typeof query.hasVariations !== "undefined") {
+        if (query.hasVariations && !feature.variations) {
+          matched = false;
+        }
+
+        if (!query.hasVariations && feature.variations) {
+          matched = false;
+        }
+      }
+
+      if (typeof query.variationValues !== "undefined") {
+        if (!feature.variations) {
+          matched = false;
+        } else {
+          const valuesFromFeature = feature.variations.map((v: any) => v.value);
+
+          if (query.variationValues.some((v) => valuesFromFeature.indexOf(v) === -1)) {
+            matched = false;
+          }
+        }
+      }
+
+      if (typeof query.variableKeys !== "undefined") {
+        if (!feature.variablesSchema) {
+          matched = false;
+        } else {
+          const keysFromFeature = feature.variablesSchema.map((v: any) => v.key);
+
+          if (query.variableKeys.some((k) => keysFromFeature.indexOf(k) === -1)) {
+            matched = false;
+          }
+        }
+      }
+
+      if (typeof query.hasVariables !== "undefined") {
+        if (query.hasVariables && !feature.variablesSchema) {
+          matched = false;
+        }
+
+        if (!query.hasVariables && feature.variablesSchema) {
+          matched = false;
+        }
+      }
+
       return matched;
     })
     .sort((a, b) => a.key.localeCompare(b.key));