@sanity/personalization-plugin 2.4.1 → 2.5.0-launch-darkly.1

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.toString(),
+        label: variation.name ?? variation.value.toString()
+      }))
+    }));
+    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.toString(),\n        label: variation.name ?? variation.value.toString(),\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":"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"}

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.toString(),
+        label: variation.name ?? variation.value.toString()
+      }))
+    }));
+    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.toString(),\n        label: variation.name ?? variation.value.toString(),\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.4.1",
+  "version": "2.5.0-launch-darkly.1",
   "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"
+    },
     "./growthbook": {
       "source": "./src/growthbook/index.ts",
       "import": "./dist/growthbook/index.mjs",
@@ -50,7 +55,7 @@
   },
   "dependencies": {
     "@sanity/incompatible-plugin": "^1.0.4",
-    "@sanity/studio-secrets": "^3.0.0",
+    "@sanity/studio-secrets": "^3.0.1",
     "@sanity/ui": "^2.8.19",
     "@sanity/uuid": "^3.0.2",
     "fast-deep-equal": "^3.1.3",

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/launchDarkly/components/Secrets.tsx

@@ -0,0 +1,46 @@
+import {SettingsView, useSecrets} from '@sanity/studio-secrets'
+import {useEffect, useState} from 'react'
+import {ObjectInputProps} from 'sanity'
+
+import {useLaunchDarklyContext} from './LaunchDarklyContext'
+
+const namespace = 'launchdarkly'
+const pluginConfigKeys = [
+  {
+    key: 'apiKey',
+    title: 'Your secret API key',
+  },
+]
+
+export const Secrets = (props: ObjectInputProps) => {
+  const {secrets, loading} = useSecrets(namespace) as {secrets: {apiKey: string}; loading: boolean}
+  const {setSecret} = useLaunchDarklyContext()
+  const [showSettings, setShowSettings] = useState<boolean>(false)
+
+  useEffect(() => {
+    if (loading) return undefined
+    if (!secrets && !loading) {
+      setSecret(undefined)
+      return setShowSettings(true)
+    }
+    setSecret(secrets.apiKey)
+    return setShowSettings(false)
+  }, [secrets, loading, setSecret])
+
+  if (!showSettings) {
+    return props.renderDefault(props)
+  }
+  return (
+    <>
+      <SettingsView
+        title={`${namespace} api key`}
+        namespace={namespace}
+        keys={pluginConfigKeys}
+        onClose={() => {
+          setShowSettings(false)
+        }}
+      />
+      {props.renderDefault(props)}
+    </>
+  )
+}

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)
+        },
+      },
+    },
+  }
+})

package/src/launchDarkly/launchdarkly.md

@@ -0,0 +1,76 @@
+# @sanity/personalization-plugin - launchDarklyFieldLevel
+
+## Previously know as @sanity/personalisation-plugin
+
+> This is a **Sanity Studio v3** plugin.
+
+This plugin allows users to add a/b/n testing experiments to individual fields connecting to the [LaunchDarkly](https://launchdarkly.com//) A/B testing service.
+
+- [@sanity/personalization-plugin - launchDarklyFieldLevel](#sanitypersonalization-plugin---launchDarklyFieldLevel)
+  - [Installation](#installation)
+  - [Usage](#usage)
+  - [Loading Experiments](#loading-experiments)
+
+This plugin is built on top of the `fieldLevelExperiments` export so see the main readme for details of:
+
+- [Using complex field configurations](/#using-complex-field-configurations)
+- [Validation of individual array items](/#validation-of-individual-array-items)
+- [Shape of stored data](/#shape-of-stored-data)
+- [Querying data](/#querying-data)
+- [License](#license)
+- [Develop \& test](#develop--test)
+  - [Release new version](#release-new-version)
+- [License](#license-1)
+
+## Installation
+
+```sh
+npm install @sanity/personalization-plugin
+```
+
+## Usage
+
+Add it as a plugin in `sanity.config.ts` (or .js):
+
+```ts
+import {defineConfig} from 'sanity'
+import {fieldLevelExperiments} from '@sanity/personalization-plugin/launchDarkly'
+
+export default defineConfig({
+  //...
+  plugins: [
+    //...
+    launchDarklyFieldLevel({
+      fields: ['string'],
+      projectKey: 'string', // required filter parameter for fetching features/variants
+      tags: ['string'] //optional parameter that filters the list to flags that have all of the tags in the list
+    }),
+  ],
+})
+```
+
+This will register two new fields to the schema., based on the setting passed into `fields:`
+
+- `flagString` an Object field with `string` field called `default`, a `string` field called `flagId` and an array field of type:
+- `variantsString` an object field with a `string` field called `value`, a string field called `variantId`, a `string` field called `flagId`.
+
+Use the flag field in your schema like this:
+
+```ts
+//for Example in post.ts
+
+fields: [
+  defineField({
+    name: 'title',
+    type: 'flagString',
+  }),
+]
+```
+
+## Loading Experiments
+
+This plugin uses [@sanity/studio-secrets](https://www.npmjs.com/package/@sanity/studio-secrets) for storing your Launch Darkly API key. The first time you open a document that has an experiment you will be asked to provide your API key. This is stored in a private document on the dataset.
+
+Once you have entered you API key the plugin will fetch feature flags and variants flags. If features/variants are updated on LaunchDarkly you will need to refresh the page.
+
+The values stored for an flag will be the Feature Key amd the variants will stored the variation value.