@featurevisor/site 0.57.0 → 0.58.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@featurevisor/site",
-  "version": "0.57.0",
+  "version": "0.58.0",
   "description": "Static site for Featurevisor",
   "main": "dist",
   "scripts": {
@@ -63,7 +63,7 @@
     "webpack-merge": "^5.10.0"
   },
   "dependencies": {
-    "@featurevisor/types": "^0.57.0"
+    "@featurevisor/types": "^0.58.0"
   },
-  "gitHead": "62bd5cfb1b6f2f40747ad3abb3aa2562b3ec8aa7"
+  "gitHead": "0a7f0f889fb6353a70304d0e14ec12a50240e7f2"
 }

package/src/components/ShowFeature.tsx

@@ -208,51 +208,62 @@ export function DisplayFeatureRulesTable() {
   }
 
   return (
-    <table className="mt-3 min-w-full divide-y divide-gray-300 border border-gray-200">
-      <thead className="bg-gray-50">
-        <tr>
-          <th className="py-4 pl-4 pr-3 text-left text-sm font-semibold text-gray-500">
-            Percentage
-          </th>
-          <th className="py-4 pl-4 pr-3 text-left text-sm font-semibold text-gray-500">Segments</th>
-          <th className="py-4 pl-4 pr-3 text-left text-sm font-semibold text-gray-500">
-            Variables
-          </th>
-        </tr>
-      </thead>
-
-      <tbody>
-        {feature.environments[environmentKey].rules.map((rule, index) => {
-          return (
-            <tr key={index} className={index % 2 === 0 ? undefined : "bg-gray-50"}>
-              <td className="py-4 pl-4 pr-3 text-sm text-gray-900">{rule.percentage}%</td>
-              <td className="py-4 pl-4 pr-3 text-sm text-gray-900">
-                <ExpandRuleSegments segments={rule.segments} />
-              </td>
-              <td className="py-4 pl-4 pr-3 text-sm text-gray-900">
-                {rule.variables && (
-                  <ul className="list-inside list-disc">
-                    {Object.keys(rule.variables).map((k) => {
-                      return (
-                        <li key={k}>
-                          <span className="font-semibold">{k}</span>:{" "}
-                          {typeof rule.variables[k] === "string" && rule.variables[k]}
-                          {typeof rule.variables[k] !== "string" && (
-                            <code className="rounded bg-gray-100 px-2 py-1 text-red-400">
-                              {rule.variables[k]}
-                            </code>
-                          )}
-                        </li>
-                      );
-                    })}
-                  </ul>
-                )}
-              </td>
-            </tr>
-          );
-        })}
-      </tbody>
-    </table>
+    <div>
+      {feature.environments[environmentKey].expose === false && (
+        <p className="mt-2 block rounded border-2 border-orange-300 bg-orange-200 p-3 text-sm text-gray-600">
+          Rules are not <a href="https://featurevisor.com/docs/features/#expose">exposed</a> in this
+          environment.
+        </p>
+      )}
+
+      <table className="mt-3 min-w-full divide-y divide-gray-300 border border-gray-200">
+        <thead className="bg-gray-50">
+          <tr>
+            <th className="py-4 pl-4 pr-3 text-left text-sm font-semibold text-gray-500">
+              Percentage
+            </th>
+            <th className="py-4 pl-4 pr-3 text-left text-sm font-semibold text-gray-500">
+              Segments
+            </th>
+            <th className="py-4 pl-4 pr-3 text-left text-sm font-semibold text-gray-500">
+              Variables
+            </th>
+          </tr>
+        </thead>
+
+        <tbody>
+          {feature.environments[environmentKey].rules.map((rule, index) => {
+            return (
+              <tr key={index} className={index % 2 === 0 ? undefined : "bg-gray-50"}>
+                <td className="py-4 pl-4 pr-3 text-sm text-gray-900">{rule.percentage}%</td>
+                <td className="py-4 pl-4 pr-3 text-sm text-gray-900">
+                  <ExpandRuleSegments segments={rule.segments} />
+                </td>
+                <td className="py-4 pl-4 pr-3 text-sm text-gray-900">
+                  {rule.variables && (
+                    <ul className="list-inside list-disc">
+                      {Object.keys(rule.variables).map((k) => {
+                        return (
+                          <li key={k}>
+                            <span className="font-semibold">{k}</span>:{" "}
+                            {typeof rule.variables[k] === "string" && rule.variables[k]}
+                            {typeof rule.variables[k] !== "string" && (
+                              <code className="rounded bg-gray-100 px-2 py-1 text-red-400">
+                                {rule.variables[k]}
+                              </code>
+                            )}
+                          </li>
+                        );
+                      })}
+                    </ul>
+                  )}
+                </td>
+              </tr>
+            );
+          })}
+        </tbody>
+      </table>
+    </div>
   );
 }
 

package/src/utils/index.ts

@@ -67,7 +67,7 @@ export function isEnabledInEnvironment(feature: any, environment: string) {
     return false;
   }
 
-  if (feature.environments[environment].exposed === false) {
+  if (feature.environments[environment].expose === false) {
     return false;
   }