@featurevisor/site 1.5.0 → 1.7.1

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.5.0",
+  "version": "1.7.1",
   "description": "Static site for Featurevisor",
   "main": "dist",
   "scripts": {
@@ -65,5 +65,5 @@
   "dependencies": {
     "@featurevisor/types": "^1.3.0"
   },
-  "gitHead": "522f5c631801a198ecb676ce7ee719b45fbf4cf4"
+  "gitHead": "331b2cb8a034eb27a7d395d0b6d14eb5ae8ebadf"
 }

package/src/components/ShowFeature.tsx

@@ -18,6 +18,35 @@ export function DisplayFeatureOverview() {
 
   const environmentKeys = Object.keys(feature.environments).sort();
 
+  const renderBucketBy = (bucketBy) => {
+    if (typeof bucketBy === "string") {
+      return <span>{bucketBy}</span>;
+    }
+
+    if (bucketBy.or) {
+      return (
+        <ul>
+          <li>
+            <span className="rounded-full px-2 py-1 text-sm font-bold bg-yellow-300 text-yellow-700">
+              or:
+            </span>
+            {renderBucketBy(bucketBy.or)}
+          </li>
+        </ul>
+      );
+    }
+
+    return (
+      <ul className="list-inside list-disc pl-5">
+        {bucketBy.map((b) => (
+          <li key={b} className="py-1">
+            {b}
+          </li>
+        ))}
+      </ul>
+    );
+  };
+
   return (
     <div className="border-gray-200">
       <dl className="grid grid-cols-1 gap-x-4 gap-y-8 sm:grid-cols-2">
@@ -33,17 +62,7 @@ export function DisplayFeatureOverview() {
         </div>
         <div>
           <dt className="text-sm font-medium text-gray-500">Bucket by</dt>
-          <dd className="mt-1 text-sm text-gray-900">
-            {typeof feature.bucketBy === "string" ? (
-              <span>{feature.bucketBy}</span>
-            ) : (
-              <ul>
-                {feature.bucketBy.map((b) => (
-                  <li key={b}>{b}</li>
-                ))}
-              </ul>
-            )}
-          </dd>
+          <dd className="mt-1 text-sm text-gray-900">{renderBucketBy(feature.bucketBy)}</dd>
         </div>
         <div>
           <dt className="text-sm font-medium text-gray-500">Status</dt>
@@ -216,6 +235,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>