@sanity/personalization-plugin 2.1.0 → 2.2.0-launch-darkly.1

package/dist/index.mjs

@@ -2,10 +2,11 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useClient, useWorkspace, useFormValue, defineDocumentFieldAction, set, unset, useDocumentOperation, isReference, isImage, isDocumentSchemaType, definePlugin, isObjectInputProps, defineType, defineField } from "sanity";
 import { Stack, Inline, Button, Select as Select$1 } from "@sanity/ui";
 import { uuid } from "@sanity/uuid";
-import { createContext, useMemo, useContext, useCallback, forwardRef, useState, useEffect } from "react";
+import { createContext, useState, useMemo, useContext, useCallback, forwardRef, useEffect } from "react";
 import equal from "fast-deep-equal";
 import { suspend } from "suspend-react";
 import { GiSoapExperiment } from "react-icons/gi";
+import { useSecrets, SettingsView } from "@sanity/studio-secrets";
 const CONFIG_DEFAULT = {
   fields: [],
   apiVersion: "2024-11-07",
@@ -16,20 +17,23 @@ const CONFIG_DEFAULT = {
   experimentId: "experimentId"
 }, ExperimentContext = createContext({
   ...CONFIG_DEFAULT,
-  experiments: []
+  experiments: [],
+  setSecret: () => {
+  },
+  secret: void 0
 });
 function useExperimentContext() {
   return useContext(ExperimentContext);
 }
 function ExperimentProvider(props) {
-  const { experimentFieldPluginConfig } = props, client = useClient({ apiVersion: experimentFieldPluginConfig.apiVersion }), workspace = useWorkspace(), experiments = Array.isArray(experimentFieldPluginConfig.experiments) ? experimentFieldPluginConfig.experiments : suspend(
+  const { experimentFieldPluginConfig } = props, [secret, setSecret] = useState(), client = useClient({ apiVersion: experimentFieldPluginConfig.apiVersion }), workspace = useWorkspace(), experiments = Array.isArray(experimentFieldPluginConfig.experiments) ? experimentFieldPluginConfig.experiments : suspend(
     // eslint-disable-next-line require-await
     async () => typeof experimentFieldPluginConfig.experiments == "function" ? experimentFieldPluginConfig.experiments(client) : experimentFieldPluginConfig.experiments,
-    [workspace],
+    [workspace, secret],
     { equal }
   ), context = useMemo(
-    () => ({ ...experimentFieldPluginConfig, experiments }),
-    [experimentFieldPluginConfig, experiments]
+    () => ({ ...experimentFieldPluginConfig, experiments, secret, setSecret }),
+    [experimentFieldPluginConfig, experiments, secret, setSecret]
   );
   return /* @__PURE__ */ jsx(ExperimentContext.Provider, { value: context, children: props.renderDefault(props) });
 }
@@ -6743,9 +6747,81 @@ const createExperimentType = ({
       }
     }
   };
+}), pluginConfigKeys = [
+  {
+    key: "apiKey",
+    title: "Your secret API key"
+  }
+], Secrets = (props, namespace) => {
+  const { secrets, loading } = useSecrets(namespace), { setSecret } = useExperimentContext(), [showSettings, setShowSettings] = useState(!1);
+  return useEffect(() => {
+    if (!loading)
+      return !secrets && !loading ? (setSecret(void 0), setShowSettings(!0)) : (setSecret(secrets.apiKey), setShowSettings(!1));
+  }, [secrets, loading, setSecret]), showSettings ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SettingsView,
+      {
+        title: `${namespace} api key`,
+        namespace,
+        keys: pluginConfigKeys,
+        onClose: () => {
+          setShowSettings(!1);
+        }
+      }
+    ),
+    props.renderDefault(props)
+  ] }) : props.renderDefault(props);
+}, getExperiments = async ({
+  client,
+  projectKey,
+  tags
+}) => {
+  const secret = await client.fetch("*[_id == 'secrets.launchdarkly'][0].secrets.apiKey");
+  if (!secret) return [];
+  const url = new URL(`https://app.launchdarkly.com/api/v2/flags/${projectKey}`);
+  tags && url.searchParams.set("filter", `tags:${tags.join("+")}`);
+  const featureExperiments = [];
+  let hasMore = !0;
+  const offset = 0, limit = 10;
+  for (; hasMore; ) {
+    url.searchParams.set("offset", offset.toString()), url.searchParams.set("limit", limit.toString());
+    const responseFlags = await fetch(url, {
+      headers: {
+        Authorization: secret
+      }
+    }), { items } = await responseFlags.json(), experiments = items.map((flag) => ({
+      id: flag.key,
+      label: flag.name,
+      variants: flag.variations.map((variation) => ({
+        id: variation.value,
+        label: variation.name
+      }))
+    }));
+    featureExperiments.push(...experiments), items.length !== limit && (hasMore = !1);
+  }
+  return featureExperiments;
+}, launchDarklyFieldLevel = definePlugin((config) => {
+  const { fields, projectKey, tags } = config;
+  return {
+    name: "sanity-growthbook-personalistaion-plugin-field-level-experiments",
+    plugins: [
+      fieldLevelExperiments({
+        fields,
+        experiments: (client) => getExperiments({ client, projectKey, tags })
+      })
+    ],
+    form: {
+      components: {
+        input: (props) => !(props.id === "root" && isObjectInputProps(props)) || !flattenSchemaType(props.schemaType).map(
+          (field) => field.type.name
+        ).some((name) => name.startsWith("experiment")) ? props.renderDefault(props) : Secrets(props, "launchdarkly")
+      }
+    }
+  };
 });
 export {
   fieldLevelExperiments,
-  flattenSchemaType
+  flattenSchemaType,
+  launchDarklyFieldLevel
 };
 //# sourceMappingURL=index.mjs.map