@sanity/personalization-plugin 2.5.0-field-level-personalization.1 → 2.5.0

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.5.0-field-level-personalization.1",
+  "version": "2.5.0",
   "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",
@@ -76,16 +81,16 @@
     "lint-staged": "^15.2.10",
     "prettier": "^3.6.2",
     "prettier-plugin-packagejson": "^2.5.19",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "sanity": "^3.99.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "sanity": "^5.0.1",
     "semantic-release": "^24.2.7",
     "styled-components": "^6.1.19",
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
     "react": "^18 || ^19",
-    "sanity": "^3 || ^4.0.0-0"
+    "sanity": "^3 || ^4.0.0-0 || ^5.0.0"
   },
   "engines": {
     "node": ">=18"

package/src/components/{experiment/Array.tsx → Array.tsx}

@@ -3,8 +3,8 @@ import {uuid} from '@sanity/uuid'
 import {useCallback} from 'react'
 import {useFormValue} from 'sanity'
 
-import {ArrayInputProps, VariantType} from '../../types'
-import {useExperimentContext} from './Context'
+import {ArrayInputProps, VariantType} from '../types'
+import {useExperimentContext} from './ExperimentContext'
 
 export const ArrayInput = (props: ArrayInputProps) => {
   const fieldPath = props.path.slice(0, -1)

package/src/components/{experiment/Context.tsx → ExperimentContext.tsx}

@@ -3,7 +3,7 @@ import {createContext, useContext, useMemo} from 'react'
 import {type ObjectInputProps, useClient, useWorkspace} from 'sanity'
 import {suspend} from 'suspend-react'
 
-import {ExperimentContextProps, ExperimentFieldPluginConfig} from '../../types'
+import {ExperimentContextProps, FieldPluginConfig} from '../types'
 
 // This provider makes the plugin config available to all components in the document form
 // But with experiments resolved
@@ -28,7 +28,7 @@ export function useExperimentContext() {
 }
 
 type ExperimentProps = ObjectInputProps & {
-  experimentFieldPluginConfig: Required<ExperimentFieldPluginConfig>
+  experimentFieldPluginConfig: Required<FieldPluginConfig>
 }
 
 export function ExperimentProvider(props: ExperimentProps) {

package/src/components/{experiment/Field.tsx → ExperimentField.tsx}

@@ -11,8 +11,6 @@ import {
   set,
   unset,
 } from 'sanity'
-
-import {clearChildrenGroups} from '../../utils/clearChildGroups'
 type PatchStuff = {onChange: (patch: FormPatch | FormPatch[] | PatchEvent) => void; inputId: string}
 
 const useAddExperimentAction = (
@@ -101,7 +99,7 @@ const createActions = ({
   return active ? removeAction : addAction
 }
 
-export const Field = (
+export const ExperimentField = (
   props: ObjectFieldProps & {
     experimentNameOverride: string
     experimentId: string
@@ -129,13 +127,12 @@ export const Field = (
     return [createActions(actionProps), ...oldActions]
   }, [actionProps, props.actions])
 
-  const enhancedProps = useMemo(() => {
-    const propsWithClearedGroups = clearChildrenGroups(props)
-    return {
-      ...propsWithClearedGroups,
+  const withActionProps = useMemo(
+    () => ({
+      ...props,
       actions: memoizedActions,
-    }
-  }, [props, memoizedActions])
-
-  return props.renderDefault(enhancedProps)
+    }),
+    [props, memoizedActions],
+  )
+  return props.renderDefault(withActionProps)
 }

package/src/components/{experiment/Input.tsx → ExperimentInput.tsx}

@@ -11,9 +11,9 @@ import {
   useFormValue,
 } from 'sanity'
 
-import {ExperimentType} from '../..'
-import {Select} from '../Select'
-import {useExperimentContext} from './Context'
+import {ExperimentType} from '..'
+import {useExperimentContext} from './ExperimentContext'
+import {Select} from './Select'
 
 export type SelectOption = {title: string; value: string}
 const formatlistOptions = (experiments: ExperimentType[]): SelectOption[] =>
@@ -22,7 +22,7 @@ const formatlistOptions = (experiments: ExperimentType[]): SelectOption[] =>
     value: experiment.id,
   }))
 
-export const Input = (
+export const ExperimentInput = (
   props: StringInputProps & {variantNameOverride: string; experimentNameOverride: string},
 ) => {
   const {experiments} = useExperimentContext()

package/src/components/{ArrayItem.tsx → ExperimentItem.tsx}

@@ -1,9 +1,10 @@
 import {ObjectItem, ObjectItemProps, set} from 'sanity'
 
-export const ArrayItem = (props: ObjectItemProps) => {
+export const ExperimentItem = (props: ObjectItemProps) => {
   const {active} = props.value as ObjectItem & {active: boolean}
   if (!active) {
     props.inputProps.onChange(set(true, ['active']))
   }
+
   return props.renderDefault(props)
 }

package/src/components/Select.tsx

@@ -2,7 +2,7 @@ import {Select as SanitySelect} from '@sanity/ui'
 import {FormEvent} from 'react'
 import {FormPatch, PatchEvent, Path, StringInputProps} from 'sanity'
 
-import {SelectOption} from './experiment/Input'
+import {SelectOption} from './ExperimentInput'
 
 export const Select = (
   props: StringInputProps & {

package/src/components/{experiment/VariantPreview.tsx → VariantPreview.tsx}

@@ -8,8 +8,8 @@ import {
   useClient,
 } from 'sanity'
 
-import {VariantPreviewProps} from '../../types'
-import {useExperimentContext} from './Context'
+import {VariantPreviewProps} from '../types'
+import {useExperimentContext} from './ExperimentContext'
 
 export const VariantPreview = (props: PreviewProps) => {
   const [subtitle, setSubtitle] = useState<string | undefined>(undefined)

package/src/fieldExperiments.tsx

@@ -7,17 +7,14 @@ import {
   isObjectInputProps,
 } from 'sanity'
 
-import {ArrayItem} from './components/ArrayItem'
-import {
-  ArrayInput,
-  CONFIG_DEFAULT,
-  ExperimentProvider,
-  Field,
-  Input,
-  VariantInput,
-  VariantPreview,
-} from './components/experiment'
-import {ExperimentFieldPluginConfig} from './types'
+import {ArrayInput} from './components/Array'
+import {CONFIG_DEFAULT, ExperimentProvider} from './components/ExperimentContext'
+import {ExperimentField} from './components/ExperimentField'
+import {ExperimentInput} from './components/ExperimentInput'
+import {ExperimentItem} from './components/ExperimentItem'
+import {VariantInput} from './components/VariantInput'
+import {VariantPreview} from './components/VariantPreview'
+import {FieldPluginConfig} from './types'
 import {flattenSchemaType} from './utils/flattenSchemaType'
 
 const createExperimentType = ({
@@ -42,39 +39,16 @@ const createExperimentType = ({
   return defineType({
     name: `${experimentNameOverride}${usedName}`,
     type: 'object',
-    groups: [
-      {
-        name: 'default',
-        title: 'Default',
-        hidden: ({parent}) => {
-          return !Array.isArray(parent)
-        },
-      },
-      {
-        name: 'experiments',
-        title: 'Experiments',
-        hidden: ({parent}) => {
-          return !Array.isArray(parent)
-        },
-      },
-      {
-        name: 'all-fields',
-        title: 'All fields',
-        hidden: ({parent}) => {
-          return Array.isArray(parent)
-        },
-      },
-    ],
     components: {
       field: (props) => (
-        <Field
+        <ExperimentField
           {...props}
           experimentId={experimentId}
           experimentNameOverride={experimentNameOverride}
           variantNameOverride={variantNameOverride}
         />
       ),
-      item: ArrayItem,
+      item: ExperimentItem,
     },
     fields: [
       typeof field === `string`
@@ -82,13 +56,11 @@ const createExperimentType = ({
           defineField({
             name: 'default',
             type: field,
-            group: 'default',
           })
         : // Pass in the configured options, but overwrite the name
           {
             ...field,
             name: 'default',
-            group: 'default',
           },
       defineField({
         name: 'active',
@@ -99,10 +71,9 @@ const createExperimentType = ({
       defineField({
         name: experimentId,
         type: 'string',
-        group: 'experiments',
         components: {
           input: (props) => (
-            <Input
+            <ExperimentInput
               {...props}
               experimentNameOverride={experimentNameOverride}
               variantNameOverride={variantNameOverride}
@@ -116,7 +87,6 @@ const createExperimentType = ({
       defineField({
         name: variantArrayName,
         type: 'array',
-        group: 'experiments',
         hidden: ({parent}) => {
           return !parent?.[experimentId]
         },
@@ -220,7 +190,7 @@ const fieldSchema = ({
   variantId,
   variantArrayName,
   experimentId,
-}: Required<Omit<ExperimentFieldPluginConfig, 'apiVersion' | 'experiments'>>) => {
+}: Required<Omit<FieldPluginConfig, 'apiVersion' | 'experiments'>>) => {
   return [
     ...fields.map((field) =>
       createVariantType({field, variantNameOverride, variantId, experimentId}),
@@ -238,7 +208,7 @@ const fieldSchema = ({
   ]
 }
 
-export const fieldLevelExperiments = definePlugin<ExperimentFieldPluginConfig>((config) => {
+export const fieldLevelExperiments = definePlugin<FieldPluginConfig>((config) => {
   const pluginConfig = {...CONFIG_DEFAULT, ...config}
   const {fields, experimentNameOverride, variantNameOverride} = pluginConfig
 

package/src/index.ts

@@ -1,4 +1,3 @@
 export * from './fieldExperiments'
-export * from './fieldPersonalization'
 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/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)}
+    </>
+  )
+}