@sanity/personalization-plugin 2.3.0-launch-darkly.1 → 2.3.0-launch-darkly.2

package/dist/launchDarkly/index.d.mts

@@ -0,0 +1,12 @@
+import {FieldDefinition} from 'sanity'
+import {Plugin as Plugin_2} from 'sanity'
+
+export declare const fieldLevelExperiments: Plugin_2<LaunchDarklyFieldLevelConfig>
+
+declare type LaunchDarklyFieldLevelConfig = {
+  fields: (string | FieldDefinition)[]
+  projectKey: string
+  tags?: string[]
+}
+
+export {}

package/dist/launchDarkly/index.d.ts

@@ -0,0 +1,12 @@
+import {FieldDefinition} from 'sanity'
+import {Plugin as Plugin_2} from 'sanity'
+
+export declare const fieldLevelExperiments: Plugin_2<LaunchDarklyFieldLevelConfig>
+
+declare type LaunchDarklyFieldLevelConfig = {
+  fields: (string | FieldDefinition)[]
+  projectKey: string
+  tags?: string[]
+}
+
+export {}

package/dist/launchDarkly/index.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: !0 });
+var sanity = require("sanity"), index = require("../index.js"), jsxRuntime = require("react/jsx-runtime"), react = require("react"), studioSecrets = require("@sanity/studio-secrets");
+const namespace = "launchdarkly", pluginConfigKeys = [
+  {
+    key: "apiKey",
+    title: "Your secret API key"
+  }
+], Secrets = (props) => {
+  const { secrets, loading } = studioSecrets.useSecrets(namespace), { setSecret } = useLaunchDarklyContext(), [showSettings, setShowSettings] = react.useState(!1);
+  return react.useEffect(() => {
+    if (!loading)
+      return !secrets && !loading ? (setSecret(void 0), setShowSettings(!0)) : (setSecret(secrets.apiKey), setShowSettings(!1));
+  }, [secrets, loading, setSecret]), showSettings ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      studioSecrets.SettingsView,
+      {
+        title: `${namespace} api key`,
+        namespace,
+        keys: pluginConfigKeys,
+        onClose: () => {
+          setShowSettings(!1);
+        }
+      }
+    ),
+    props.renderDefault(props)
+  ] }) : props.renderDefault(props);
+}, LAUNCHDARKLY_CONFIG_DEFAULT = {}, LaunchDarklyContext = react.createContext({
+  setSecret: () => {
+  },
+  secret: void 0
+});
+function useLaunchDarklyContext() {
+  return react.useContext(LaunchDarklyContext);
+}
+function LaunchDarklyProvider(props) {
+  const { launchDarklyFieldPluginConfig } = props, [secret, setSecret] = react.useState(), context = react.useMemo(
+    () => ({ ...launchDarklyFieldPluginConfig, secret, setSecret }),
+    [launchDarklyFieldPluginConfig, secret, setSecret]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(LaunchDarklyContext.Provider, { value: context, children: /* @__PURE__ */ jsxRuntime.jsx(Secrets, { ...props }) });
+}
+const 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 ?? variation.value
+      }))
+    }));
+    featureExperiments.push(...experiments), items.length !== limit && (hasMore = !1);
+  }
+  return featureExperiments;
+}, fieldLevelExperiments = sanity.definePlugin((config) => {
+  const pluginConfig = { ...LAUNCHDARKLY_CONFIG_DEFAULT, ...config }, { fields, projectKey, tags } = pluginConfig;
+  return {
+    name: "sanity-growthbook-personalistaion-plugin-field-level-experiments",
+    plugins: [
+      index.fieldLevelExperiments({
+        fields,
+        experiments: (client) => getExperiments({ client, projectKey, tags }),
+        experimentNameOverride: "flag"
+      })
+    ],
+    form: {
+      components: {
+        input: (props) => {
+          if (!(props.id === "root" && sanity.isObjectInputProps(props)) || !index.flattenSchemaType(props.schemaType).map(
+            (field) => field.type.name
+          ).some((name) => name.startsWith("flag")))
+            return props.renderDefault(props);
+          const providerProps = {
+            ...props,
+            launchDarklyFieldPluginConfig: {
+              ...pluginConfig
+            }
+          };
+          return LaunchDarklyProvider(providerProps);
+        }
+      }
+    }
+  };
+});
+exports.fieldLevelExperiments = fieldLevelExperiments;
+//# sourceMappingURL=index.js.map

package/dist/launchDarkly/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/launchDarkly/components/Secrets.tsx","../../src/launchDarkly/components/LaunchDarklyContext.tsx","../../src/launchDarkly/utils.ts","../../src/launchDarkly/index.ts"],"sourcesContent":["import {SettingsView, useSecrets} from '@sanity/studio-secrets'\nimport {useEffect, useState} from 'react'\nimport {ObjectInputProps} from 'sanity'\n\nimport {useLaunchDarklyContext} from './LaunchDarklyContext'\n\nconst namespace = 'launchdarkly'\nconst pluginConfigKeys = [\n  {\n    key: 'apiKey',\n    title: 'Your secret API key',\n  },\n]\n\nexport const Secrets = (props: ObjectInputProps) => {\n  const {secrets, loading} = useSecrets(namespace) as {secrets: {apiKey: string}; loading: boolean}\n  const {setSecret} = useLaunchDarklyContext()\n  const [showSettings, setShowSettings] = useState<boolean>(false)\n\n  useEffect(() => {\n    if (loading) return undefined\n    if (!secrets && !loading) {\n      setSecret(undefined)\n      return setShowSettings(true)\n    }\n    setSecret(secrets.apiKey)\n    return setShowSettings(false)\n  }, [secrets, loading, setSecret])\n\n  if (!showSettings) {\n    return props.renderDefault(props)\n  }\n  return (\n    <>\n      <SettingsView\n        title={`${namespace} api key`}\n        namespace={namespace}\n        keys={pluginConfigKeys}\n        onClose={() => {\n          setShowSettings(false)\n        }}\n      />\n      {props.renderDefault(props)}\n    </>\n  )\n}\n","import {createContext, useContext, useMemo, useState} from 'react'\nimport {ObjectInputProps} from 'sanity'\n\nimport {LaunchDarklyContextProps, LaunchDarklyFieldLevelConfig} from '../types'\nimport {Secrets} from './Secrets'\n\nexport const LAUNCHDARKLY_CONFIG_DEFAULT = {}\n\nexport const LaunchDarklyContext = createContext<LaunchDarklyContextProps>({\n  setSecret: () => undefined,\n  secret: undefined,\n})\n\nexport function useLaunchDarklyContext() {\n  return useContext(LaunchDarklyContext)\n}\n\ntype LaunchDarklyProps = ObjectInputProps & {\n  launchDarklyFieldPluginConfig: LaunchDarklyFieldLevelConfig\n}\n\nexport function LaunchDarklyProvider(props: LaunchDarklyProps) {\n  const {launchDarklyFieldPluginConfig} = props\n  const [secret, setSecret] = useState<string | undefined>()\n\n  const context = useMemo(\n    () => ({...launchDarklyFieldPluginConfig, secret, setSecret}),\n    [launchDarklyFieldPluginConfig, secret, setSecret],\n  )\n\n  return (\n    <LaunchDarklyContext.Provider value={context}>\n      <Secrets {...props} />\n    </LaunchDarklyContext.Provider>\n  )\n}\n","import {SanityClient} from 'sanity'\n\nimport {ExperimentType} from '../types'\nimport {LaunchDarklyFieldLevelConfig, LaunchDarklyFlagItem} from './types'\n\nexport const getExperiments = async ({\n  client,\n  projectKey,\n  tags,\n}: Omit<LaunchDarklyFieldLevelConfig, 'fields'> & {client: SanityClient}): Promise<\n  ExperimentType[]\n> => {\n  const query = `*[_id == 'secrets.launchdarkly'][0].secrets.apiKey`\n\n  const secret = await client.fetch(query) // secret is stored in the content lake using @sanity/studio-secrets\n  if (!secret) return []\n\n  const url = new URL(`https://app.launchdarkly.com/api/v2/flags/${projectKey}`)\n\n  if (tags) {\n    url.searchParams.set('filter', `tags:${tags.join('+')}`)\n  }\n\n  const featureExperiments: ExperimentType[] = []\n  let hasMore = true\n  const offset = 0\n  const limit = 10\n\n  while (hasMore) {\n    url.searchParams.set('offset', offset.toString())\n    url.searchParams.set('limit', limit.toString())\n    const responseFlags = await fetch(url, {\n      headers: {\n        Authorization: secret,\n      },\n    })\n\n    const {items} = await responseFlags.json()\n    const experiments = items.map((flag: LaunchDarklyFlagItem) => ({\n      id: flag.key,\n      label: flag.name,\n      variants: flag.variations.map((variation) => ({\n        id: variation.value,\n        label: variation.name ?? variation.value,\n      })),\n    }))\n    featureExperiments.push(...experiments)\n    if (items.length !== limit) {\n      hasMore = false\n    }\n  }\n\n  return featureExperiments\n}\n","import {definePlugin, isObjectInputProps} from 'sanity'\n\nimport {fieldLevelExperiments as baseFieldLevelExperiments} from '../fieldExperiments'\nimport {flattenSchemaType} from '../utils/flattenSchemaType'\nimport {LAUNCHDARKLY_CONFIG_DEFAULT, LaunchDarklyProvider} from './components/LaunchDarklyContext'\nimport {LaunchDarklyFieldLevelConfig} from './types'\nimport {getExperiments} from './utils'\n\nexport const fieldLevelExperiments = definePlugin<LaunchDarklyFieldLevelConfig>((config) => {\n  const pluginConfig = {...LAUNCHDARKLY_CONFIG_DEFAULT, ...config}\n  const {fields, projectKey, tags} = pluginConfig\n  return {\n    name: 'sanity-growthbook-personalistaion-plugin-field-level-experiments',\n    plugins: [\n      baseFieldLevelExperiments({\n        fields,\n        experiments: (client) => getExperiments({client, projectKey, tags}),\n        experimentNameOverride: 'flag',\n      }),\n    ],\n\n    form: {\n      components: {\n        input: (props) => {\n          const isRootInput = props.id === 'root' && isObjectInputProps(props)\n\n          if (!isRootInput) {\n            return props.renderDefault(props)\n          }\n\n          const flatFieldTypeNames = flattenSchemaType(props.schemaType).map(\n            (field) => field.type.name,\n          )\n\n          const hasExperiment = flatFieldTypeNames.some((name) => name.startsWith('flag'))\n\n          if (!hasExperiment) {\n            return props.renderDefault(props)\n          }\n\n          const providerProps = {\n            ...props,\n            launchDarklyFieldPluginConfig: {\n              ...pluginConfig,\n            },\n          }\n          return LaunchDarklyProvider(providerProps)\n        },\n      },\n    },\n  }\n})\n"],"names":["useSecrets","useState","useEffect","jsxs","Fragment","jsx","SettingsView","createContext","useContext","useMemo","definePlugin","baseFieldLevelExperiments","isObjectInputProps","flattenSchemaType"],"mappings":";;;AAMA,MAAM,YAAY,gBACZ,mBAAmB;AAAA,EACvB;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,EAAA;AAEX,GAEa,UAAU,CAAC,UAA4B;AAClD,QAAM,EAAC,SAAS,QAAA,IAAWA,cAAAA,WAAW,SAAS,GACzC,EAAC,UAAS,IAAI,0BACd,CAAC,cAAc,eAAe,IAAIC,MAAAA,SAAkB,EAAK;AAY/D,SAVAC,gBAAU,MAAM;AACV,QAAA,CAAA;AACJ,aAAI,CAAC,WAAW,CAAC,WACf,UAAU,MAAS,GACZ,gBAAgB,EAAI,MAE7B,UAAU,QAAQ,MAAM,GACjB,gBAAgB,EAAK;AAAA,EAAA,GAC3B,CAAC,SAAS,SAAS,SAAS,CAAC,GAE3B,eAKDC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAAAC,2BAAA;AAAA,MAACC,cAAA;AAAA,MAAA;AAAA,QACC,OAAO,GAAG,SAAS;AAAA,QACnB;AAAA,QACA,MAAM;AAAA,QACN,SAAS,MAAM;AACb,0BAAgB,EAAK;AAAA,QAAA;AAAA,MACvB;AAAA,IACF;AAAA,IACC,MAAM,cAAc,KAAK;AAAA,EAC5B,EAAA,CAAA,IAbO,MAAM,cAAc,KAAK;AAepC,GCvCa,8BAA8B,CAAA,GAE9B,sBAAsBC,oBAAwC;AAAA,EACzE,WAAW,MAAG;AAAA,EAAA;AAAA,EACd,QAAQ;AACV,CAAC;AAEM,SAAS,yBAAyB;AACvC,SAAOC,MAAAA,WAAW,mBAAmB;AACvC;AAMO,SAAS,qBAAqB,OAA0B;AACvD,QAAA,EAAC,kCAAiC,OAClC,CAAC,QAAQ,SAAS,IAAIP,MAAAA,YAEtB,UAAUQ,MAAA;AAAA,IACd,OAAO,EAAC,GAAG,+BAA+B,QAAQ,UAAS;AAAA,IAC3D,CAAC,+BAA+B,QAAQ,SAAS;AAAA,EACnD;AAGE,SAAAJ,2BAAA,IAAC,oBAAoB,UAApB,EAA6B,OAAO,SACnC,UAACA,2BAAAA,IAAA,SAAA,EAAS,GAAG,MAAA,CAAO,EACtB,CAAA;AAEJ;AC9BO,MAAM,iBAAiB,OAAO;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,MAEK;AAGH,QAAM,SAAS,MAAM,OAAO,MAFd,oDAEyB;AACnC,MAAA,CAAC,OAAQ,QAAO,CAAC;AAErB,QAAM,MAAM,IAAI,IAAI,6CAA6C,UAAU,EAAE;AAEzE,UACF,IAAI,aAAa,IAAI,UAAU,QAAQ,KAAK,KAAK,GAAG,CAAC,EAAE;AAGzD,QAAM,qBAAuC,CAAC;AAC9C,MAAI,UAAU;AACR,QAAA,SAAS,GACT,QAAQ;AAEd,SAAO,WAAS;AACd,QAAI,aAAa,IAAI,UAAU,OAAO,SAAU,CAAA,GAChD,IAAI,aAAa,IAAI,SAAS,MAAM,UAAU;AACxC,UAAA,gBAAgB,MAAM,MAAM,KAAK;AAAA,MACrC,SAAS;AAAA,QACP,eAAe;AAAA,MAAA;AAAA,IAElB,CAAA,GAEK,EAAC,UAAS,MAAM,cAAc,QAC9B,cAAc,MAAM,IAAI,CAAC,UAAgC;AAAA,MAC7D,IAAI,KAAK;AAAA,MACT,OAAO,KAAK;AAAA,MACZ,UAAU,KAAK,WAAW,IAAI,CAAC,eAAe;AAAA,QAC5C,IAAI,UAAU;AAAA,QACd,OAAO,UAAU,QAAQ,UAAU;AAAA,MAAA,EACnC;AAAA,IAAA,EACF;AACF,uBAAmB,KAAK,GAAG,WAAW,GAClC,MAAM,WAAW,UACnB,UAAU;AAAA,EAAA;AAIP,SAAA;AACT,GC7Ca,wBAAwBK,OAAAA,aAA2C,CAAC,WAAW;AACpF,QAAA,eAAe,EAAC,GAAG,6BAA6B,GAAG,UACnD,EAAC,QAAQ,YAAY,KAAA,IAAQ;AAC5B,SAAA;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,MACPC,4BAA0B;AAAA,QACxB;AAAA,QACA,aAAa,CAAC,WAAW,eAAe,EAAC,QAAQ,YAAY,MAAK;AAAA,QAClE,wBAAwB;AAAA,MACzB,CAAA;AAAA,IACH;AAAA,IAEA,MAAM;AAAA,MACJ,YAAY;AAAA,QACV,OAAO,CAAC,UAAU;AAGZ,cAAA,EAFgB,MAAM,OAAO,UAAUC,OAAAA,mBAAmB,KAAK,MAY/D,CANuBC,MAAA,kBAAkB,MAAM,UAAU,EAAE;AAAA,YAC7D,CAAC,UAAU,MAAM,KAAK;AAAA,UAAA,EAGiB,KAAK,CAAC,SAAS,KAAK,WAAW,MAAM,CAAC;AAGtE,mBAAA,MAAM,cAAc,KAAK;AAGlC,gBAAM,gBAAgB;AAAA,YACpB,GAAG;AAAA,YACH,+BAA+B;AAAA,cAC7B,GAAG;AAAA,YAAA;AAAA,UAEP;AACA,iBAAO,qBAAqB,aAAa;AAAA,QAAA;AAAA,MAC3C;AAAA,IACF;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/launchDarkly/index.mjs

@@ -0,0 +1,107 @@
+import { definePlugin, isObjectInputProps } from "sanity";
+import { fieldLevelExperiments as fieldLevelExperiments$1, flattenSchemaType } from "../index.mjs";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useEffect, createContext, useMemo, useContext } from "react";
+import { useSecrets, SettingsView } from "@sanity/studio-secrets";
+const namespace = "launchdarkly", pluginConfigKeys = [
+  {
+    key: "apiKey",
+    title: "Your secret API key"
+  }
+], Secrets = (props) => {
+  const { secrets, loading } = useSecrets(namespace), { setSecret } = useLaunchDarklyContext(), [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);
+}, LAUNCHDARKLY_CONFIG_DEFAULT = {}, LaunchDarklyContext = createContext({
+  setSecret: () => {
+  },
+  secret: void 0
+});
+function useLaunchDarklyContext() {
+  return useContext(LaunchDarklyContext);
+}
+function LaunchDarklyProvider(props) {
+  const { launchDarklyFieldPluginConfig } = props, [secret, setSecret] = useState(), context = useMemo(
+    () => ({ ...launchDarklyFieldPluginConfig, secret, setSecret }),
+    [launchDarklyFieldPluginConfig, secret, setSecret]
+  );
+  return /* @__PURE__ */ jsx(LaunchDarklyContext.Provider, { value: context, children: /* @__PURE__ */ jsx(Secrets, { ...props }) });
+}
+const 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 ?? variation.value
+      }))
+    }));
+    featureExperiments.push(...experiments), items.length !== limit && (hasMore = !1);
+  }
+  return featureExperiments;
+}, fieldLevelExperiments = definePlugin((config) => {
+  const pluginConfig = { ...LAUNCHDARKLY_CONFIG_DEFAULT, ...config }, { fields, projectKey, tags } = pluginConfig;
+  return {
+    name: "sanity-growthbook-personalistaion-plugin-field-level-experiments",
+    plugins: [
+      fieldLevelExperiments$1({
+        fields,
+        experiments: (client) => getExperiments({ client, projectKey, tags }),
+        experimentNameOverride: "flag"
+      })
+    ],
+    form: {
+      components: {
+        input: (props) => {
+          if (!(props.id === "root" && isObjectInputProps(props)) || !flattenSchemaType(props.schemaType).map(
+            (field) => field.type.name
+          ).some((name) => name.startsWith("flag")))
+            return props.renderDefault(props);
+          const providerProps = {
+            ...props,
+            launchDarklyFieldPluginConfig: {
+              ...pluginConfig
+            }
+          };
+          return LaunchDarklyProvider(providerProps);
+        }
+      }
+    }
+  };
+});
+export {
+  fieldLevelExperiments
+};
+//# sourceMappingURL=index.mjs.map

package/dist/launchDarkly/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/launchDarkly/components/Secrets.tsx","../../src/launchDarkly/components/LaunchDarklyContext.tsx","../../src/launchDarkly/utils.ts","../../src/launchDarkly/index.ts"],"sourcesContent":["import {SettingsView, useSecrets} from '@sanity/studio-secrets'\nimport {useEffect, useState} from 'react'\nimport {ObjectInputProps} from 'sanity'\n\nimport {useLaunchDarklyContext} from './LaunchDarklyContext'\n\nconst namespace = 'launchdarkly'\nconst pluginConfigKeys = [\n  {\n    key: 'apiKey',\n    title: 'Your secret API key',\n  },\n]\n\nexport const Secrets = (props: ObjectInputProps) => {\n  const {secrets, loading} = useSecrets(namespace) as {secrets: {apiKey: string}; loading: boolean}\n  const {setSecret} = useLaunchDarklyContext()\n  const [showSettings, setShowSettings] = useState<boolean>(false)\n\n  useEffect(() => {\n    if (loading) return undefined\n    if (!secrets && !loading) {\n      setSecret(undefined)\n      return setShowSettings(true)\n    }\n    setSecret(secrets.apiKey)\n    return setShowSettings(false)\n  }, [secrets, loading, setSecret])\n\n  if (!showSettings) {\n    return props.renderDefault(props)\n  }\n  return (\n    <>\n      <SettingsView\n        title={`${namespace} api key`}\n        namespace={namespace}\n        keys={pluginConfigKeys}\n        onClose={() => {\n          setShowSettings(false)\n        }}\n      />\n      {props.renderDefault(props)}\n    </>\n  )\n}\n","import {createContext, useContext, useMemo, useState} from 'react'\nimport {ObjectInputProps} from 'sanity'\n\nimport {LaunchDarklyContextProps, LaunchDarklyFieldLevelConfig} from '../types'\nimport {Secrets} from './Secrets'\n\nexport const LAUNCHDARKLY_CONFIG_DEFAULT = {}\n\nexport const LaunchDarklyContext = createContext<LaunchDarklyContextProps>({\n  setSecret: () => undefined,\n  secret: undefined,\n})\n\nexport function useLaunchDarklyContext() {\n  return useContext(LaunchDarklyContext)\n}\n\ntype LaunchDarklyProps = ObjectInputProps & {\n  launchDarklyFieldPluginConfig: LaunchDarklyFieldLevelConfig\n}\n\nexport function LaunchDarklyProvider(props: LaunchDarklyProps) {\n  const {launchDarklyFieldPluginConfig} = props\n  const [secret, setSecret] = useState<string | undefined>()\n\n  const context = useMemo(\n    () => ({...launchDarklyFieldPluginConfig, secret, setSecret}),\n    [launchDarklyFieldPluginConfig, secret, setSecret],\n  )\n\n  return (\n    <LaunchDarklyContext.Provider value={context}>\n      <Secrets {...props} />\n    </LaunchDarklyContext.Provider>\n  )\n}\n","import {SanityClient} from 'sanity'\n\nimport {ExperimentType} from '../types'\nimport {LaunchDarklyFieldLevelConfig, LaunchDarklyFlagItem} from './types'\n\nexport const getExperiments = async ({\n  client,\n  projectKey,\n  tags,\n}: Omit<LaunchDarklyFieldLevelConfig, 'fields'> & {client: SanityClient}): Promise<\n  ExperimentType[]\n> => {\n  const query = `*[_id == 'secrets.launchdarkly'][0].secrets.apiKey`\n\n  const secret = await client.fetch(query) // secret is stored in the content lake using @sanity/studio-secrets\n  if (!secret) return []\n\n  const url = new URL(`https://app.launchdarkly.com/api/v2/flags/${projectKey}`)\n\n  if (tags) {\n    url.searchParams.set('filter', `tags:${tags.join('+')}`)\n  }\n\n  const featureExperiments: ExperimentType[] = []\n  let hasMore = true\n  const offset = 0\n  const limit = 10\n\n  while (hasMore) {\n    url.searchParams.set('offset', offset.toString())\n    url.searchParams.set('limit', limit.toString())\n    const responseFlags = await fetch(url, {\n      headers: {\n        Authorization: secret,\n      },\n    })\n\n    const {items} = await responseFlags.json()\n    const experiments = items.map((flag: LaunchDarklyFlagItem) => ({\n      id: flag.key,\n      label: flag.name,\n      variants: flag.variations.map((variation) => ({\n        id: variation.value,\n        label: variation.name ?? variation.value,\n      })),\n    }))\n    featureExperiments.push(...experiments)\n    if (items.length !== limit) {\n      hasMore = false\n    }\n  }\n\n  return featureExperiments\n}\n","import {definePlugin, isObjectInputProps} from 'sanity'\n\nimport {fieldLevelExperiments as baseFieldLevelExperiments} from '../fieldExperiments'\nimport {flattenSchemaType} from '../utils/flattenSchemaType'\nimport {LAUNCHDARKLY_CONFIG_DEFAULT, LaunchDarklyProvider} from './components/LaunchDarklyContext'\nimport {LaunchDarklyFieldLevelConfig} from './types'\nimport {getExperiments} from './utils'\n\nexport const fieldLevelExperiments = definePlugin<LaunchDarklyFieldLevelConfig>((config) => {\n  const pluginConfig = {...LAUNCHDARKLY_CONFIG_DEFAULT, ...config}\n  const {fields, projectKey, tags} = pluginConfig\n  return {\n    name: 'sanity-growthbook-personalistaion-plugin-field-level-experiments',\n    plugins: [\n      baseFieldLevelExperiments({\n        fields,\n        experiments: (client) => getExperiments({client, projectKey, tags}),\n        experimentNameOverride: 'flag',\n      }),\n    ],\n\n    form: {\n      components: {\n        input: (props) => {\n          const isRootInput = props.id === 'root' && isObjectInputProps(props)\n\n          if (!isRootInput) {\n            return props.renderDefault(props)\n          }\n\n          const flatFieldTypeNames = flattenSchemaType(props.schemaType).map(\n            (field) => field.type.name,\n          )\n\n          const hasExperiment = flatFieldTypeNames.some((name) => name.startsWith('flag'))\n\n          if (!hasExperiment) {\n            return props.renderDefault(props)\n          }\n\n          const providerProps = {\n            ...props,\n            launchDarklyFieldPluginConfig: {\n              ...pluginConfig,\n            },\n          }\n          return LaunchDarklyProvider(providerProps)\n        },\n      },\n    },\n  }\n})\n"],"names":["baseFieldLevelExperiments"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/personalization-plugin",
-  "version": "2.3.0-launch-darkly.1",
+  "version": "2.3.0-launch-darkly.2",
   "description": "Plugin to help with personalization, a/b testing when using Sanity",
   "keywords": [
     "sanity",
@@ -24,6 +24,11 @@
       "import": "./dist/index.mjs",
       "default": "./dist/index.js"
     },
+    "./launchDarkly": {
+      "source": "./src/launchDarkly/index.ts",
+      "import": "./dist/launchDarkly/index.mjs",
+      "default": "./dist/launchDarkly/index.js"
+    },
     "./package.json": "./package.json"
   },
   "main": "./dist/index.js",

package/src/components/ExperimentContext.tsx

@@ -1,5 +1,5 @@
 import equal from 'fast-deep-equal'
-import {createContext, useContext, useMemo, useState} from 'react'
+import {createContext, useContext, useMemo} from 'react'
 import {type ObjectInputProps, useClient, useWorkspace} from 'sanity'
 import {suspend} from 'suspend-react'
 
@@ -21,8 +21,6 @@ export const CONFIG_DEFAULT = {
 export const ExperimentContext = createContext<ExperimentContextProps>({
   ...CONFIG_DEFAULT,
   experiments: [],
-  setSecret: () => undefined,
-  secret: undefined,
 })
 
 export function useExperimentContext() {
@@ -35,7 +33,6 @@ type ExperimentProps = ObjectInputProps & {
 
 export function ExperimentProvider(props: ExperimentProps) {
   const {experimentFieldPluginConfig} = props
-  const [secret, setSecret] = useState<string | undefined>()
 
   const client = useClient({apiVersion: experimentFieldPluginConfig.apiVersion})
   const workspace = useWorkspace()
@@ -51,13 +48,13 @@ export function ExperimentProvider(props: ExperimentProps) {
           }
           return experimentFieldPluginConfig.experiments
         },
-        [workspace, secret],
+        [workspace],
         {equal},
       )
 
   const context = useMemo(
-    () => ({...experimentFieldPluginConfig, experiments, secret, setSecret}),
-    [experimentFieldPluginConfig, experiments, secret, setSecret],
+    () => ({...experimentFieldPluginConfig, experiments}),
+    [experimentFieldPluginConfig, experiments],
   )
 
   return (

package/src/components/ExperimentField.tsx

@@ -1,4 +1,5 @@
 import {CloseIcon} from '@sanity/icons'
+import {useCallback, useMemo} from 'react'
 import {GiSoapExperiment} from 'react-icons/gi'
 import {
   defineDocumentFieldAction,
@@ -18,9 +19,9 @@ const useAddExperimentAction = (
 ): DocumentFieldActionItem => {
   const {onChange, active, experimentNameOverride} = props
 
-  const handleAddAction = () => {
+  const handleAddAction = useCallback(() => {
     onChange([set(!active, ['active'])])
-  }
+  }, [onChange, active])
 
   return {
     title: `Add ${experimentNameOverride}`,
@@ -33,23 +34,22 @@ const useAddExperimentAction = (
 
 const useRemoveExperimentAction = (
   props: DocumentFieldActionProps &
-    PatchStuff & {experimentNameOverride: string; experimentId: string; active: boolean},
+    PatchStuff & {
+      experimentNameOverride: string
+      experimentId: string
+      active: boolean
+      variantNameOverride: string
+    },
 ): DocumentFieldActionItem => {
-  const {onChange, active, experimentId, experimentNameOverride} = props
-  const patchActiveFalseEvent = () => {
+  const {onChange, active, experimentId, experimentNameOverride, variantNameOverride} = props
+
+  const handleClearAction = useCallback(() => {
     const activeId = ['active']
-    return set(!active, activeId)
-  }
-  const patchClearEvent = () => {
     const experiment = [experimentId]
-    const variants = [experimentNameOverride]
-    return [unset(experiment), unset(variants)]
-  }
-  const handleClearAction = () => {
-    const clearEvents = patchClearEvent()
-    const activeEvent = patchActiveFalseEvent()
-    onChange([activeEvent, ...clearEvents])
-  }
+    const variants = [`${variantNameOverride}s`]
+    onChange([set(!active, activeId), unset(experiment), unset(variants)])
+  }, [onChange, active, experimentId, variantNameOverride])
+
   return {
     title: `Remove ${experimentNameOverride}`,
     type: 'action',
@@ -59,13 +59,19 @@ const useRemoveExperimentAction = (
   }
 }
 
-const newActions = ({
+const createActions = ({
   onChange,
   inputId,
   active,
   experimentNameOverride,
   experimentId,
-}: PatchStuff & {active?: boolean; experimentNameOverride: string; experimentId: string}) => {
+  variantNameOverride,
+}: PatchStuff & {
+  active?: boolean
+  experimentNameOverride: string
+  experimentId: string
+  variantNameOverride: string
+}) => {
   const removeAction = defineDocumentFieldAction({
     name: `Remove ${experimentNameOverride}`,
     useAction: (props) =>
@@ -76,6 +82,7 @@ const newActions = ({
         inputId,
         experimentNameOverride,
         experimentId,
+        variantNameOverride,
       }),
   })
   const addAction = defineDocumentFieldAction({
@@ -97,20 +104,39 @@ const newActions = ({
 }
 
 export const ExperimentField = (
-  props: ObjectFieldProps & {experimentNameOverride: string; experimentId: string},
+  props: ObjectFieldProps & {
+    experimentNameOverride: string
+    experimentId: string
+    variantNameOverride: string
+  },
 ) => {
   const {onChange} = props.inputProps
-  const {inputId, experimentNameOverride, experimentId} = props
+  const {inputId, experimentNameOverride, experimentId, variantNameOverride} = props
   const active = props.value?.active as boolean | undefined
 
-  const oldActions = props.actions || []
+  const actionProps = useMemo(
+    () => ({
+      onChange,
+      inputId,
+      active,
+      experimentNameOverride,
+      experimentId,
+      variantNameOverride,
+    }),
+    [onChange, inputId, active, experimentNameOverride, experimentId, variantNameOverride],
+  )
 
-  const withActionProps = {
-    ...props,
-    actions: [
-      newActions({onChange, inputId, active, experimentNameOverride, experimentId}),
-      ...oldActions,
-    ],
-  }
+  const memoizedActions = useMemo(() => {
+    const oldActions = props.actions || []
+    return [createActions(actionProps), ...oldActions]
+  }, [actionProps, props.actions])
+
+  const withActionProps = useMemo(
+    () => ({
+      ...props,
+      actions: memoizedActions,
+    }),
+    [props, memoizedActions],
+  )
   return props.renderDefault(withActionProps)
 }

package/src/components/ExperimentInput.tsx

@@ -28,11 +28,11 @@ export const ExperimentInput = (
 
   const id = useFormValue(['_id']) as string
   const aditionalChangePath = useMemo(
-    () => [...props.path.slice(0, -1), props.variantNameOverride],
+    () => [...props.path.slice(0, -1), `${props.variantNameOverride}s`],
     [props.variantNameOverride, props.path],
   )
-  const subValues = useFormValue(aditionalChangePath)
 
+  const subValues = useFormValue(aditionalChangePath)
   const {patch} = useDocumentOperation(id.replace('drafts.', ''), props.schemaType.name)
 
   const handleChange = useCallback(

package/src/fieldExperiments.tsx

@@ -44,6 +44,7 @@ const createExperimentType = ({
           {...props}
           experimentId={experimentId}
           experimentNameOverride={experimentNameOverride}
+          variantNameOverride={variantNameOverride}
         />
       ),
     },

package/src/index.ts

@@ -1,4 +1,3 @@
 export * from './fieldExperiments'
-export * from './launchDarklyExperiments'
 export * from './types'
 export * from './utils/flattenSchemaType'

package/src/launchDarkly/components/LaunchDarklyContext.tsx

@@ -0,0 +1,36 @@
+import {createContext, useContext, useMemo, useState} from 'react'
+import {ObjectInputProps} from 'sanity'
+
+import {LaunchDarklyContextProps, LaunchDarklyFieldLevelConfig} from '../types'
+import {Secrets} from './Secrets'
+
+export const LAUNCHDARKLY_CONFIG_DEFAULT = {}
+
+export const LaunchDarklyContext = createContext<LaunchDarklyContextProps>({
+  setSecret: () => undefined,
+  secret: undefined,
+})
+
+export function useLaunchDarklyContext() {
+  return useContext(LaunchDarklyContext)
+}
+
+type LaunchDarklyProps = ObjectInputProps & {
+  launchDarklyFieldPluginConfig: LaunchDarklyFieldLevelConfig
+}
+
+export function LaunchDarklyProvider(props: LaunchDarklyProps) {
+  const {launchDarklyFieldPluginConfig} = props
+  const [secret, setSecret] = useState<string | undefined>()
+
+  const context = useMemo(
+    () => ({...launchDarklyFieldPluginConfig, secret, setSecret}),
+    [launchDarklyFieldPluginConfig, secret, setSecret],
+  )
+
+  return (
+    <LaunchDarklyContext.Provider value={context}>
+      <Secrets {...props} />
+    </LaunchDarklyContext.Provider>
+  )
+}

package/src/{components → launchDarkly/components}/Secrets.tsx

@@ -2,8 +2,9 @@ import {SettingsView, useSecrets} from '@sanity/studio-secrets'
 import {useEffect, useState} from 'react'
 import {ObjectInputProps} from 'sanity'
 
-import {useExperimentContext} from './ExperimentContext'
+import {useLaunchDarklyContext} from './LaunchDarklyContext'
 
+const namespace = 'launchdarkly'
 const pluginConfigKeys = [
   {
     key: 'apiKey',
@@ -11,9 +12,9 @@ const pluginConfigKeys = [
   },
 ]
 
-export const Secrets = (props: ObjectInputProps, namespace: string) => {
+export const Secrets = (props: ObjectInputProps) => {
   const {secrets, loading} = useSecrets(namespace) as {secrets: {apiKey: string}; loading: boolean}
-  const {setSecret} = useExperimentContext()
+  const {setSecret} = useLaunchDarklyContext()
   const [showSettings, setShowSettings] = useState<boolean>(false)
 
   useEffect(() => {

package/src/launchDarkly/index.ts

@@ -0,0 +1,52 @@
+import {definePlugin, isObjectInputProps} from 'sanity'
+
+import {fieldLevelExperiments as baseFieldLevelExperiments} from '../fieldExperiments'
+import {flattenSchemaType} from '../utils/flattenSchemaType'
+import {LAUNCHDARKLY_CONFIG_DEFAULT, LaunchDarklyProvider} from './components/LaunchDarklyContext'
+import {LaunchDarklyFieldLevelConfig} from './types'
+import {getExperiments} from './utils'
+
+export const fieldLevelExperiments = definePlugin<LaunchDarklyFieldLevelConfig>((config) => {
+  const pluginConfig = {...LAUNCHDARKLY_CONFIG_DEFAULT, ...config}
+  const {fields, projectKey, tags} = pluginConfig
+  return {
+    name: 'sanity-growthbook-personalistaion-plugin-field-level-experiments',
+    plugins: [
+      baseFieldLevelExperiments({
+        fields,
+        experiments: (client) => getExperiments({client, projectKey, tags}),
+        experimentNameOverride: 'flag',
+      }),
+    ],
+
+    form: {
+      components: {
+        input: (props) => {
+          const isRootInput = props.id === 'root' && isObjectInputProps(props)
+
+          if (!isRootInput) {
+            return props.renderDefault(props)
+          }
+
+          const flatFieldTypeNames = flattenSchemaType(props.schemaType).map(
+            (field) => field.type.name,
+          )
+
+          const hasExperiment = flatFieldTypeNames.some((name) => name.startsWith('flag'))
+
+          if (!hasExperiment) {
+            return props.renderDefault(props)
+          }
+
+          const providerProps = {
+            ...props,
+            launchDarklyFieldPluginConfig: {
+              ...pluginConfig,
+            },
+          }
+          return LaunchDarklyProvider(providerProps)
+        },
+      },
+    },
+  }
+})