sanity-plugin-alt-text-generator 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Bryam Loaiza
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,89 @@
+# sanity-plugin-alt-text-generator
+
+Generate alt text for your images inside Sanity CMS. You can generate alt text one image at a time, or in bulk for all your assets.
+
+[Get a free API key →](https://alttextgeneratorai.com/dashboard)
+
+## Features
+
+- **Per-field "Generate Alt Text" button** on any image field with an `alt` subfield
+- **Bulk dashboard** — a dedicated "Alt Text Generator" tool in the Studio nav that scans your entire dataset for image fields, lets you filter by missing/all, generate one at a time or in bulk, review and edit before saving, and save every change in one transaction
+- **In-Studio Settings panel** — paste your API key directly in the Studio, no code or redeploy required; shows your remaining credit balance
+- Automatically finds every image field with an `alt` subfield across your schema — no manual field configuration needed
+
+## Installation
+
+```sh
+npm install sanity-plugin-alt-text-generator
+```
+
+## Usage
+
+Add the plugin in `sanity.config.ts` (or `.js`):
+
+```ts
+import {defineConfig} from 'sanity'
+import {altTextGenerator} from 'sanity-plugin-alt-text-generator'
+
+export default defineConfig({
+  // ...
+  plugins: [altTextGenerator()],
+})
+```
+
+Open the **Alt Text Generator** tool in the Studio nav and paste your key into its Settings panel ([get a free one here](https://alttextgeneratorai.com/dashboard)). You can also pass a default key in code for local development/CI.
+
+```ts
+altTextGenerator({apiKey: process.env.SANITY_STUDIO_ALT_TEXT_API_KEY})
+```
+
+### Wiring up the per-field button
+
+Any image field with an `alt` subfield is automatically picked up by the bulk dashboard. To also get a one-click "Generate Alt Text" button on that field, wire it in one of two ways:
+
+**On the `alt` string field itself** (recommended — the button renders right under Alternative Text, above any other fields like Caption):
+
+```ts
+import {defineField, defineType} from 'sanity'
+import {AltTextField} from 'sanity-plugin-alt-text-generator'
+
+defineType({
+  name: 'imageWithAlt',
+  type: 'image',
+  fields: [
+    defineField({
+      name: 'alt',
+      title: 'Alternative Text',
+      type: 'string',
+      components: {input: AltTextField},
+    }),
+    defineField({name: 'caption', type: 'string'}),
+  ],
+})
+```
+
+**On the whole image field** (button renders below all of the image's fields at once):
+
+```ts
+import {AltTextImageInput} from 'sanity-plugin-alt-text-generator'
+
+defineField({
+  name: 'mainImage',
+  type: 'image',
+  components: {input: AltTextImageInput},
+})
+```
+
+Either way, the image type needs an `alt` string field for the bulk dashboard to find it and for either component to know where to write the result.
+
+## License
+
+[MIT](LICENSE) © Bryam Loaiza
+
+## Develop & test
+
+This plugin uses [@sanity/plugin-kit](https://github.com/sanity-io/plugins/tree/main/packages/@sanity/plugin-kit)
+with default configuration for build & watch scripts.
+
+See [Testing a plugin in Sanity Studio](https://github.com/sanity-io/plugins/tree/main/packages/@sanity/plugin-kit#testing-a-plugin-in-sanity-studio)
+on how to run this plugin with hotreload in the studio.

package/dist/index.d.ts

@@ -0,0 +1,86 @@
+import { ImageInputProps, StringInputProps } from "sanity";
+interface AltTextGeneratorConfig {
+  /**
+   * Optional default API key from your Alt Text Generator account
+   * (alttextgeneratorai.com). Not required — merchants can instead (or also)
+   * paste their key into the plugin's own Settings panel in the Studio, which
+   * takes priority when both are set. Passing one here is mainly useful for
+   * local development or CI.
+   */
+  apiKey?: string;
+  /** Override the generation endpoint — mainly useful for local development. */
+  apiEndpoint?: string;
+  /** Default language for generated alt text, e.g. "english", "spanish". */
+  language?: string;
+}
+/**
+ * Drop-in replacement for the default image input: renders the normal image
+ * field (upload, crop, hotspot — via `renderDefault`) plus a "Generate Alt
+ * Text" button that sends the uploaded asset's CDN URL to the Alt Text
+ * Generator API and writes the result into the image's `alt` field.
+ */
+export declare function AltTextImageInput(props: ImageInputProps): import("react").JSX.Element;
+/**
+ * Attaches to the `alt` STRING field itself (not the whole image type), so
+ * the "Generate Alt Text" button renders directly under the Alternative Text
+ * input instead of below every other field on the image (e.g. Caption).
+ *
+ * Reads the sibling image value via useFormValue since a field-level input
+ * component only gets its own value/path, not the parent object's.
+ */
+export declare function AltTextField(props: StringInputProps): import("react").JSX.Element;
+/**
+ * The bulk companion to AltTextImageInput: scans every document type in the
+ * schema for image fields that have an `alt` subfield (see schemaScan.ts),
+ * lists every image found across the dataset, and lets the user review,
+ * generate, and save alt text for many images in one pass.
+ */
+export declare function AltTextDashboard(): import("react").JSX.Element;
+/**
+ * Usage in `sanity.config.ts`:
+ *
+ * ```ts
+ * import {defineConfig} from 'sanity'
+ * import {altTextGenerator} from 'sanity-plugin-alt-text-generator'
+ *
+ * export default defineConfig({
+ *   // ...
+ *   plugins: [altTextGenerator()],
+ * })
+ * ```
+ *
+ * No API key required at setup time — open the "Alt Text Generator" tool in
+ * the Studio nav and paste your key into its Settings panel (get a free one
+ * at alttextgeneratorai.com). You can also pass a default `apiKey` here for
+ * local development/CI; the Settings-panel key takes priority once saved.
+ *
+ * Then wire it into your schema in one of two ways:
+ *
+ * 1. On the `alt` string field itself (recommended — puts the "Generate Alt
+ *    Text" button right under Alternative Text, above any other fields like
+ *    Caption):
+ *
+ * ```ts
+ * defineField({
+ *   name: 'alt',
+ *   type: 'string',
+ *   components: {input: AltTextField},
+ * })
+ * ```
+ *
+ * 2. On the whole image field (button renders below all of the image's
+ *    fields at once):
+ *
+ * ```ts
+ * defineField({
+ *   name: 'mainImage',
+ *   type: 'image',
+ *   components: {input: AltTextImageInput},
+ * })
+ * ```
+ *
+ * @public
+ */
+export declare const altTextGenerator: import("sanity").Plugin<void | AltTextGeneratorConfig>;
+export type { AltTextGeneratorConfig };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -0,0 +1,673 @@
+import { definePlugin, set, useClient, useFormValue, useSchema } from "sanity";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { Box, Button, Card, Checkbox, Container, Flex, Heading, Spinner, Stack, Text, TextArea, TextInput } from "@sanity/ui";
+import imageUrlBuilder from "@sanity/image-url";
+const AltTextGeneratorContext = createContext(null);
+function useAltTextGeneratorConfig() {
+	let ctx = useContext(AltTextGeneratorContext);
+	if (!ctx) throw Error("useAltTextGeneratorConfig must be used within the alt-text-generator plugin. Did you forget to add altTextGenerator() to your sanity.config plugins array?");
+	return ctx;
+}
+/**
+* A single, well-known document this plugin owns to store its own settings
+* (currently just the API key). Not registered in the consumer's schema —
+* Sanity's document store doesn't require a document's `_type` to be part of
+* the Studio's schema, so this stays entirely internal to the plugin and
+* never shows up in Content/search for the merchant.
+*/
+const SETTINGS_DOC_ID = "sanity-plugin-alt-text-generator.settings", API_VERSION$5 = "2024-01-01";
+async function getSettingsApiKey(client) {
+	return await client.withConfig({ apiVersion: API_VERSION$5 }).fetch("*[_id == $id][0].apiKey", { id: "sanity-plugin-alt-text-generator.settings" }) || void 0;
+}
+async function saveSettingsApiKey(client, apiKey) {
+	await client.withConfig({ apiVersion: API_VERSION$5 }).transaction().createIfNotExists({
+		_id: SETTINGS_DOC_ID,
+		_type: "sanityPluginAltTextGeneratorSettings"
+	}).patch(SETTINGS_DOC_ID, (p) => p.set({ apiKey })).commit();
+}
+/**
+* Injects the plugin's config into React context for the whole Studio tree,
+* via the `studio.components.layout` slot — this is how a plugin makes its
+* config reachable from an input component deep in a document form, without
+* the merchant having to repeat the API key on every field.
+*
+* The API key can come from two places: the static `apiKey` passed to
+* `altTextGenerator({...})` in sanity.config.ts, and/or the key saved through
+* the plugin's own Settings panel (stored in a document — see
+* settingsStore.ts). The Settings-panel key takes priority once loaded, so a
+* merchant can paste their key into the Studio UI without touching code.
+*/
+function createAltTextGeneratorProvider(staticConfig) {
+	return function AltTextGeneratorProvider(props) {
+		let client = useClient({ apiVersion: "2024-01-01" }), [liveApiKey, setLiveApiKey] = useState(void 0);
+		useEffect(() => {
+			let cancelled = !1;
+			return getSettingsApiKey(client).then((key) => {
+				cancelled || setLiveApiKey(key);
+			}).catch(() => {}), () => {
+				cancelled = !0;
+			};
+		}, [client]);
+		let value = useMemo(() => ({
+			apiKey: liveApiKey || staticConfig.apiKey || "",
+			apiEndpoint: staticConfig.apiEndpoint,
+			language: staticConfig.language,
+			updateApiKey: setLiveApiKey
+		}), [liveApiKey, staticConfig]);
+		return <AltTextGeneratorContext.Provider value={value}>
+        {props.renderDefault(props)}
+      </AltTextGeneratorContext.Provider>;
+	};
+}
+function chainHasName(type, name) {
+	let t = type;
+	for (; t;) {
+		if (t.name === name) return !0;
+		t = t.type;
+	}
+	return !1;
+}
+function hasAltSubfield(imageType) {
+	return (imageType.fields || []).some((f) => f.name === "alt");
+}
+function walkFields(type, path, documentType, out, seen, depth) {
+	let fields = type.fields;
+	if (fields) for (let field of fields) {
+		let fieldPath = [...path, field.name], fieldType = field.type;
+		if (chainHasName(fieldType, "image")) {
+			if (hasAltSubfield(fieldType)) {
+				let key = `${documentType}:${fieldPath.join(".")}`;
+				seen.has(key) || (seen.add(key), out.push({
+					documentType,
+					fieldPath
+				}));
+			}
+			continue;
+		}
+		fieldType.jsonType === "object" && depth < 2 && walkFields(fieldType, fieldPath, documentType, out, seen, depth + 1);
+	}
+}
+/**
+* Walks every document type in the (fully merged, runtime) schema and finds
+* every image field that has an `alt` subfield — the convention this plugin's
+* own AltTextImageInput relies on, and the one most real-world Sanity schemas
+* already use for accessible images either way.
+*/
+function findAltTextFields(schema) {
+	let results = [], seen = /* @__PURE__ */ new Set();
+	for (let typeName of schema.getTypeNames()) {
+		let type = schema.get(typeName);
+		type && chainHasName(type, "document") && walkFields(type, [], typeName, results, seen, 0);
+	}
+	return results;
+}
+function fieldAlias(fieldPath) {
+	return "f_" + fieldPath.join("_");
+}
+function groqPath(fieldPath) {
+	return fieldPath.join(".");
+}
+/**
+* One GROQ query per document type (fields are grouped by documentType first),
+* projecting every discovered image field on that type plus a best-effort title.
+*/
+function buildQuery(documentType, fields) {
+	return `*[_type == "${documentType}"]{
+    _id,
+    _type,
+    "documentTitle": coalesce(title, name, heading, label, _id),
+    ${fields.map((f) => `"${fieldAlias(f.fieldPath)}": ${groqPath(f.fieldPath)}{alt, "url": asset->url}`).join(",\n    ")}
+  }`;
+}
+async function fetchAltTextRows(client, targets) {
+	let byType = /* @__PURE__ */ new Map();
+	for (let t of targets) {
+		let list = byType.get(t.documentType) || [];
+		list.push(t), byType.set(t.documentType, list);
+	}
+	let rows = [];
+	for (let [documentType, fields] of byType) {
+		let query = buildQuery(documentType, fields), docs = await client.fetch(query);
+		for (let doc of docs) for (let f of fields) {
+			let value = doc[fieldAlias(f.fieldPath)];
+			value && value.url && rows.push({
+				key: `${doc._id}:${f.fieldPath.join(".")}`,
+				documentId: doc._id,
+				documentType,
+				documentTitle: doc.documentTitle || doc._id,
+				fieldPath: f.fieldPath,
+				fieldLabel: f.fieldPath.join(" › "),
+				imageUrl: value.url,
+				alt: value.alt || ""
+			});
+		}
+	}
+	return rows;
+}
+/** Saves every update in one transaction — either all land or none do. */
+async function saveAltTextUpdates(client, updates) {
+	if (!updates.length) return;
+	let tx = client.transaction();
+	for (let u of updates) {
+		let patchKey = `${groqPath(u.fieldPath)}.alt`;
+		tx = tx.patch(u.documentId, (p) => p.set({ [patchKey]: u.alt }));
+	}
+	await tx.commit();
+}
+function messageForStatus(status, body) {
+	return status === 401 ? {
+		message: "Invalid API key. Check it under the plugin config.",
+		tone: "critical"
+	} : status === 402 ? {
+		message: "No credits left on this API key.",
+		tone: "caution"
+	} : {
+		message: body || `Generation failed (${status}).`,
+		tone: "critical"
+	};
+}
+async function generateAltText(imageUrl, config) {
+	try {
+		let endpoint = config.apiEndpoint || "https://alttextgeneratorai.com/api/sanity", res = await fetch(endpoint, {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify({
+				image: imageUrl,
+				wpkey: config.apiKey,
+				language: config.language || "english"
+			})
+		}), body = await res.text();
+		if (!res.ok) return {
+			ok: !1,
+			...messageForStatus(res.status, body)
+		};
+		let creditsHeader = res.headers.get("X-Credits-Left");
+		return {
+			ok: !0,
+			altText: body.trim(),
+			creditsLeft: creditsHeader === null ? null : Number(creditsHeader)
+		};
+	} catch (e) {
+		return {
+			ok: !1,
+			message: e instanceof Error ? e.message : "Network error while generating alt text.",
+			tone: "critical"
+		};
+	}
+}
+/**
+* The credits-check endpoint isn't Sanity-specific — it's the same
+* `/api/verify` every plugin (Framer, WordPress, Magento...) already calls.
+* Derived from the generation endpoint so a local-dev `apiEndpoint` override
+* (e.g. http://localhost:3000/api/sanity) checks credits against the same
+* local backend instead of production.
+*/
+function verifyEndpointFor(config) {
+	return (config.apiEndpoint || "https://alttextgeneratorai.com/api/sanity").replace(/\/[^/]+$/, "/verify");
+}
+async function fetchCreditsRemaining(config, apiKey) {
+	if (!apiKey) return null;
+	try {
+		let res = await fetch(verifyEndpointFor(config), {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify({ apiKey })
+		});
+		if (!res.ok) return null;
+		let data = await res.json();
+		return typeof data.freeRewritesLeft == "number" ? data.freeRewritesLeft : null;
+	} catch {
+		return null;
+	}
+}
+/**
+* Lets a merchant paste their API key directly in the Studio, no code edit
+* required — saved to a plugin-internal settings document (settingsStore.ts)
+* and pushed straight into the shared context so every open field/tool picks
+* it up immediately. Also shows the current credit balance for the active key.
+*/
+function SettingsPanel() {
+	let client = useClient({ apiVersion: "2024-01-01" }), config = useAltTextGeneratorConfig(), [keyInput, setKeyInput] = useState(config.apiKey), [saving, setSaving] = useState(!1), [justSaved, setJustSaved] = useState(!1), [error, setError] = useState(null), [credits, setCredits] = useState(null), [checkingCredits, setCheckingCredits] = useState(!1);
+	useEffect(() => {
+		setKeyInput(config.apiKey);
+	}, [config.apiKey]);
+	let checkCredits = useCallback(async (apiKey) => {
+		if (!apiKey) {
+			setCredits(null);
+			return;
+		}
+		setCheckingCredits(!0);
+		let result = await fetchCreditsRemaining(config, apiKey);
+		setCredits(result), setCheckingCredits(!1);
+	}, [config]);
+	useEffect(() => {
+		checkCredits(config.apiKey);
+	}, [config.apiKey]);
+	let handleSave = useCallback(async () => {
+		setSaving(!0), setError(null), setJustSaved(!1);
+		try {
+			let trimmed = keyInput.trim();
+			await saveSettingsApiKey(client, trimmed), config.updateApiKey(trimmed), setJustSaved(!0), checkCredits(trimmed);
+		} catch (e) {
+			setError(e instanceof Error ? e.message : "Failed to save.");
+		} finally {
+			setSaving(!1);
+		}
+	}, [
+		client,
+		keyInput,
+		config,
+		checkCredits
+	]);
+	return <Card padding={4} radius={2} border tone="transparent">
+      <Stack gap={3}>
+        <Text size={1} weight="medium">
+          API Key
+        </Text>
+        <Text size={1} muted>
+          Paste your Alt Text Generator API key below.{" "}
+          <a href={"https://alttextgeneratorai.com/dashboard"} target="_blank" rel="noreferrer">
+            Get a free API key →
+          </a>
+        </Text>
+        <Flex gap={2} align="center" wrap="wrap">
+          <Box flex={1} style={{ minWidth: 240 }}>
+            <TextInput value={keyInput} placeholder="Paste your API key" onChange={(e) => setKeyInput(e.currentTarget.value)} />
+          </Box>
+          <Button text={saving ? "Saving…" : "Save"} tone="primary" disabled={saving || keyInput.trim() === config.apiKey} onClick={handleSave} />
+        </Flex>
+        {justSaved && <Text size={1} style={{ color: "var(--card-positive-fg-color, #2a9d5c)" }}>
+            Saved.
+          </Text>}
+        {error && <Text size={1} style={{ color: "var(--card-critical-fg-color, #e02b27)" }}>
+            {error}
+          </Text>}
+        {!config.apiKey && <Text size={1} style={{ color: "var(--card-caution-fg-color, #a56a0d)" }}>
+            No API key configured yet — generation will fail until you add one.
+          </Text>}
+        {config.apiKey && <Text size={1} muted>
+            {checkingCredits ? "Checking credits…" : credits === null ? "Could not check credits for this key." : `${credits} credit${credits === 1 ? "" : "s"} remaining`}
+          </Text>}
+      </Stack>
+    </Card>;
+}
+/**
+* The bulk companion to AltTextImageInput: scans every document type in the
+* schema for image fields that have an `alt` subfield (see schemaScan.ts),
+* lists every image found across the dataset, and lets the user review,
+* generate, and save alt text for many images in one pass.
+*/
+function AltTextDashboard() {
+	let schema = useSchema(), client = useClient({ apiVersion: "2024-01-01" }), config = useAltTextGeneratorConfig(), [scanning, setScanning] = useState(!1), [scanError, setScanError] = useState(null), [rows, setRows] = useState([]), [scannedTypes, setScannedTypes] = useState(0), [filter, setFilter] = useState("missing"), [overwrite, setOverwrite] = useState(!1), [selected, setSelected] = useState(/* @__PURE__ */ new Set()), [dirty, setDirty] = useState({}), [rowErrors, setRowErrors] = useState({}), [bulkRunning, setBulkRunning] = useState(!1), [progress, setProgress] = useState(""), [credits, setCredits] = useState(null), [saving, setSaving] = useState(!1), stopRequested = useRef(!1), targets = useMemo(() => findAltTextFields(schema), [schema]), handleScan = useCallback(async () => {
+		setScanning(!0), setScanError(null);
+		try {
+			let found = await fetchAltTextRows(client, targets);
+			setRows(found), setScannedTypes(new Set(targets.map((t) => t.documentType)).size), setDirty({}), setSelected(/* @__PURE__ */ new Set()), setRowErrors({});
+		} catch (e) {
+			setScanError(e instanceof Error ? e.message : "Scan failed.");
+		} finally {
+			setScanning(!1);
+		}
+	}, [client, targets]), currentAlt = useCallback((row) => row.key in dirty ? dirty[row.key] : row.alt, [dirty]), visibleRows = useMemo(() => rows.filter((row) => {
+		if (filter === "all") return !0;
+		let text = currentAlt(row);
+		return !text || text.trim() === "";
+	}), [
+		rows,
+		filter,
+		currentAlt
+	]), isLocked = useCallback((row) => !overwrite && currentAlt(row).trim() !== "", [overwrite, currentAlt]), setRowText = useCallback((key, text) => {
+		setDirty((prev) => ({
+			...prev,
+			[key]: text
+		}));
+	}, []), generateOne = useCallback(async (row) => {
+		if (setRowErrors((prev) => {
+			let next = { ...prev };
+			return delete next[row.key], next;
+		}), !row.imageUrl) return {
+			ok: !1,
+			message: "No image URL."
+		};
+		let result = await generateAltText(row.imageUrl, config);
+		return result.ok ? (setRowText(row.key, result.altText), result.creditsLeft !== null && setCredits(result.creditsLeft), { ok: !0 }) : (setRowErrors((prev) => ({
+			...prev,
+			[row.key]: result.message
+		})), {
+			ok: !1,
+			message: result.message
+		});
+	}, [config, setRowText]), runBulk = useCallback(async (list) => {
+		setBulkRunning(!0), stopRequested.current = !1;
+		let done = 0, applied = 0, failed = 0, lastError = "";
+		for (let row of list) {
+			if (stopRequested.current) break;
+			let result = await generateOne(row);
+			if (done++, result.ok) applied++;
+			else if (failed++, lastError = result.message || "", lastError.toLowerCase().includes("credits")) {
+				setProgress(`Stopped: out of credits. ${applied} generated.`);
+				break;
+			}
+			setProgress(`${done} / ${list.length} · ${applied} generated` + (failed ? ` · ${failed} failed — last error: ${lastError}` : ""));
+		}
+		setBulkRunning(!1);
+	}, [generateOne]), handleGenerateSelected = useCallback(() => {
+		let list = visibleRows.filter((r) => selected.has(r.key) && !isLocked(r));
+		list.length && runBulk(list);
+	}, [
+		visibleRows,
+		selected,
+		isLocked,
+		runBulk
+	]), handleGenerateAllMissing = useCallback(() => {
+		let list = rows.filter((r) => currentAlt(r).trim() === "");
+		list.length && runBulk(list);
+	}, [
+		rows,
+		currentAlt,
+		runBulk
+	]), handleSave = useCallback(async () => {
+		let updates = Object.entries(dirty).map(([key, alt]) => {
+			let row = rows.find((r) => r.key === key);
+			return {
+				documentId: row.documentId,
+				fieldPath: row.fieldPath,
+				alt
+			};
+		});
+		if (updates.length) {
+			setSaving(!0);
+			try {
+				await saveAltTextUpdates(client, updates), setRows((prev) => prev.map((r) => r.key in dirty ? {
+					...r,
+					alt: dirty[r.key]
+				} : r)), setDirty({}), setProgress(`Saved ${updates.length} image(s).`);
+			} catch (e) {
+				setProgress(`Save failed: ${e instanceof Error ? e.message : "unknown error"}`);
+			} finally {
+				setSaving(!1);
+			}
+		}
+	}, [
+		dirty,
+		rows,
+		client
+	]), toggleSelectAll = useCallback((checked) => {
+		setSelected(checked ? new Set(visibleRows.filter((r) => !isLocked(r)).map((r) => r.key)) : /* @__PURE__ */ new Set());
+	}, [visibleRows, isLocked]), missingCount = rows.filter((r) => currentAlt(r).trim() === "").length;
+	return <Container width={4} padding={4}>
+      <Stack gap={4}>
+        <Heading size={2}>Alt Text Generator AI</Heading>
+
+        <SettingsPanel />
+
+        <Flex align="center" gap={3}>
+          <Button text={scanning ? "Scanning…" : "Scan Dataset"} tone="primary" disabled={scanning} onClick={handleScan} />
+          {rows.length > 0 && <Text size={1} muted>
+              {rows.length} image{rows.length === 1 ? "" : "s"} · {missingCount} missing alt text (scanned {scannedTypes}{" "}
+              document type{scannedTypes === 1 ? "" : "s"})
+            </Text>}
+          {scanning && <Spinner muted />}
+        </Flex>
+
+        {scanError && <Card tone="critical" padding={3} radius={2} border>
+            <Text size={1}>{scanError}</Text>
+          </Card>}
+
+        {targets.length === 0 && !scanning && <Card tone="caution" padding={3} radius={2} border>
+            <Text size={1}>
+              No image fields with an &quot;alt&quot; subfield were found in this Studio&apos;s schema. Add an{" "}
+              <code>alt</code> string field to an image type (see the README) for it to show up here.
+            </Text>
+          </Card>}
+
+        {rows.length > 0 && <Stack gap={4}>
+            <Flex align="center" gap={3}>
+              <Button text="Missing" mode={filter === "missing" ? "default" : "ghost"} tone={filter === "missing" ? "primary" : "default"} onClick={() => setFilter("missing")} />
+              <Button text="All" mode={filter === "all" ? "default" : "ghost"} tone={filter === "all" ? "primary" : "default"} onClick={() => setFilter("all")} />
+              <Flex align="center" gap={2}>
+                <Checkbox checked={overwrite} onChange={(e) => setOverwrite(e.currentTarget.checked)} id="atg-overwrite" />
+                <Text as="label" size={1} htmlFor="atg-overwrite">
+                  Overwrite images that already have alt text
+                </Text>
+              </Flex>
+            </Flex>
+
+            <Flex align="center" gap={2}>
+              <Checkbox checked={visibleRows.length > 0 && visibleRows.every((r) => isLocked(r) || selected.has(r.key))} onChange={(e) => toggleSelectAll(e.currentTarget.checked)} id="atg-select-all" />
+              <Text as="label" size={1} htmlFor="atg-select-all">
+                Select all visible {selected.size > 0 && `(${selected.size} selected)`}
+              </Text>
+            </Flex>
+
+            <Card border radius={2} style={{
+		maxHeight: 520,
+		overflowY: "auto"
+	}}>
+              <Stack gap={0}>
+                {visibleRows.map((row) => {
+		let locked = isLocked(row), text = currentAlt(row), error = rowErrors[row.key];
+		return <Flex key={row.key} padding={3} gap={3} align="flex-start" style={{ borderBottom: "1px solid var(--card-border-color)" }}>
+                      <Box paddingTop={1}>
+                        <Checkbox checked={selected.has(row.key)} disabled={locked} onChange={(e) => {
+			let checked = e.currentTarget.checked;
+			setSelected((prev) => {
+				let next = new Set(prev);
+				return checked ? next.add(row.key) : next.delete(row.key), next;
+			});
+		}} />
+                      </Box>
+                      {row.imageUrl && <img src={`${row.imageUrl}?w=80&h=80&fit=crop`} width={56} height={56} style={{
+			objectFit: "cover",
+			borderRadius: 4,
+			flexShrink: 0
+		}} alt="" />}
+                      <Box style={{
+			width: 220,
+			flexShrink: 0
+		}}>
+                        <Text size={1} weight="medium">
+                          {row.documentTitle}
+                        </Text>
+                        <Text size={1} muted>
+                          {row.documentType} · {row.fieldLabel}
+                        </Text>
+                      </Box>
+                      <Box flex={1}>
+                        <Stack gap={2}>
+                          <TextArea rows={2} value={text} disabled={locked} onChange={(e) => setRowText(row.key, e.currentTarget.value)} />
+                          {error && <Text size={1} style={{ color: "var(--card-critical-fg-color, #e02b27)" }}>
+                              {error}
+                            </Text>}
+                        </Stack>
+                      </Box>
+                      <Box paddingTop={1}>
+                        <Button text="Generate" mode="ghost" fontSize={1} disabled={locked || bulkRunning} onClick={() => generateOne(row)} />
+                      </Box>
+                    </Flex>;
+	})}
+              </Stack>
+            </Card>
+
+            <Flex align="center" gap={3} wrap="wrap">
+              <Button text="Generate Selected" tone="primary" disabled={bulkRunning || selected.size === 0} onClick={handleGenerateSelected} />
+              <Button text="Generate All Missing" mode="ghost" disabled={bulkRunning || missingCount === 0} onClick={handleGenerateAllMissing} />
+              {bulkRunning && <Button text="Stop" mode="ghost" tone="critical" onClick={() => stopRequested.current = !0} />}
+              <Button text={saving ? "Saving…" : "Save Changes"} tone="positive" disabled={saving || Object.keys(dirty).length === 0} onClick={handleSave} />
+              {credits !== null && <Text size={1} muted>
+                  ({credits} credits remaining)
+                </Text>}
+            </Flex>
+
+            {progress && <Text size={1} muted>
+                {progress}
+              </Text>}
+          </Stack>}
+      </Stack>
+    </Container>;
+}
+/**
+* Drop-in replacement for the default image input: renders the normal image
+* field (upload, crop, hotspot — via `renderDefault`) plus a "Generate Alt
+* Text" button that sends the uploaded asset's CDN URL to the Alt Text
+* Generator API and writes the result into the image's `alt` field.
+*/
+function AltTextImageInput(props) {
+	let { value, onChange } = props, config = useAltTextGeneratorConfig(), client = useClient({ apiVersion: "2024-01-01" }), [loading, setLoading] = useState(!1), [error, setError] = useState(null), handleGenerate = useCallback(async () => {
+		if (value?.asset?._ref && config.apiKey) {
+			setLoading(!0), setError(null);
+			try {
+				let { projectId, dataset } = client.config();
+				if (!projectId || !dataset) throw Error("Could not determine the Sanity project/dataset for this Studio.");
+				let result = await generateAltText(imageUrlBuilder({
+					projectId,
+					dataset
+				}).image(value).url(), config);
+				if (!result.ok) {
+					setError(result);
+					return;
+				}
+				onChange(set(result.altText, ["alt"]));
+			} catch (e) {
+				setError({
+					ok: !1,
+					message: e instanceof Error ? e.message : "Network error while generating alt text.",
+					tone: "critical"
+				});
+			} finally {
+				setLoading(!1);
+			}
+		}
+	}, [
+		value,
+		client,
+		config,
+		onChange
+	]);
+	return <Stack gap={2}>
+      {props.renderDefault(props)}
+      {value?.asset && <Stack gap={2}>
+          <Flex>
+            <Button text={loading ? "Generating…" : "Generate Alt Text"} tone="primary" mode="ghost" disabled={loading || !config.apiKey} onClick={handleGenerate} />
+          </Flex>
+          {error && <Card tone={error.tone} padding={2} radius={2} border>
+              <Text size={1}>{error.message}</Text>
+            </Card>}
+          {!config.apiKey && <Text size={1} muted>
+              No API key configured — open the &quot;Alt Text Generator&quot; tool in the nav to add one.
+            </Text>}
+        </Stack>}
+    </Stack>;
+}
+/**
+* Attaches to the `alt` STRING field itself (not the whole image type), so
+* the "Generate Alt Text" button renders directly under the Alternative Text
+* input instead of below every other field on the image (e.g. Caption).
+*
+* Reads the sibling image value via useFormValue since a field-level input
+* component only gets its own value/path, not the parent object's.
+*/
+function AltTextField(props) {
+	let { onChange, value = "" } = props, config = useAltTextGeneratorConfig(), client = useClient({ apiVersion: "2024-01-01" }), [loading, setLoading] = useState(!1), [error, setError] = useState(null), imagePath = props.path.slice(0, -1), imageValue = useFormValue(imagePath), handleGenerate = useCallback(async () => {
+		if (imageValue?.asset?._ref && config.apiKey) {
+			setLoading(!0), setError(null);
+			try {
+				let { projectId, dataset } = client.config();
+				if (!projectId || !dataset) throw Error("Could not determine the Sanity project/dataset for this Studio.");
+				let result = await generateAltText(imageUrlBuilder({
+					projectId,
+					dataset
+				}).image(imageValue).url(), config);
+				if (!result.ok) {
+					setError(result);
+					return;
+				}
+				onChange(set(result.altText));
+			} catch (e) {
+				setError({
+					ok: !1,
+					message: e instanceof Error ? e.message : "Network error while generating alt text.",
+					tone: "critical"
+				});
+			} finally {
+				setLoading(!1);
+			}
+		}
+	}, [
+		imageValue,
+		client,
+		config,
+		onChange
+	]);
+	return <Stack gap={2}>
+      {props.renderDefault(props)}
+      {imageValue?.asset && <Stack gap={2}>
+          <Flex>
+            <Button text={loading ? "Generating…" : "Generate Alt Text"} tone="primary" mode="ghost" disabled={loading || !config.apiKey} onClick={handleGenerate} />
+          </Flex>
+          {error && <Card tone={error.tone} padding={2} radius={2} border>
+              <Text size={1}>{error.message}</Text>
+            </Card>}
+          {!config.apiKey && <Text size={1} muted>
+              No API key configured — open the &quot;Alt Text Generator&quot; tool in the nav to add one.
+            </Text>}
+        </Stack>}
+    </Stack>;
+}
+/**
+* Usage in `sanity.config.ts`:
+*
+* ```ts
+* import {defineConfig} from 'sanity'
+* import {altTextGenerator} from 'sanity-plugin-alt-text-generator'
+*
+* export default defineConfig({
+*   // ...
+*   plugins: [altTextGenerator()],
+* })
+* ```
+*
+* No API key required at setup time — open the "Alt Text Generator" tool in
+* the Studio nav and paste your key into its Settings panel (get a free one
+* at alttextgeneratorai.com). You can also pass a default `apiKey` here for
+* local development/CI; the Settings-panel key takes priority once saved.
+*
+* Then wire it into your schema in one of two ways:
+*
+* 1. On the `alt` string field itself (recommended — puts the "Generate Alt
+*    Text" button right under Alternative Text, above any other fields like
+*    Caption):
+*
+* ```ts
+* defineField({
+*   name: 'alt',
+*   type: 'string',
+*   components: {input: AltTextField},
+* })
+* ```
+*
+* 2. On the whole image field (button renders below all of the image's
+*    fields at once):
+*
+* ```ts
+* defineField({
+*   name: 'mainImage',
+*   type: 'image',
+*   components: {input: AltTextImageInput},
+* })
+* ```
+*
+* @public
+*/
+const altTextGenerator = definePlugin((config) => ({
+	name: "sanity-plugin-alt-text-generator",
+	studio: { components: { layout: createAltTextGeneratorProvider(config || {}) } },
+	tools: (prev) => [...prev, {
+		name: "alt-text-generator",
+		title: "Alt Text Generator",
+		component: AltTextDashboard
+	}]
+}));
+export { AltTextDashboard, AltTextField, AltTextImageInput, altTextGenerator };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["API_VERSION","API_VERSION","DEFAULT_ENDPOINT","API_VERSION","API_VERSION","API_VERSION"],"sources":["../src/context.ts","../src/settingsStore.ts","../src/AltTextGeneratorProvider.tsx","../src/schemaScan.ts","../src/dashboardData.ts","../src/generateAltText.ts","../src/verifyCredits.ts","../src/SettingsPanel.tsx","../src/AltTextDashboard.tsx","../src/AltTextImageInput.tsx","../src/AltTextField.tsx","../src/index.ts"],"sourcesContent":["import {createContext, useContext} from 'react'\n\nexport interface AltTextGeneratorConfig {\n  /**\n   * Optional default API key from your Alt Text Generator account\n   * (alttextgeneratorai.com). Not required — merchants can instead (or also)\n   * paste their key into the plugin's own Settings panel in the Studio, which\n   * takes priority when both are set. Passing one here is mainly useful for\n   * local development or CI.\n   */\n  apiKey?: string\n  /** Override the generation endpoint — mainly useful for local development. */\n  apiEndpoint?: string\n  /** Default language for generated alt text, e.g. \"english\", \"spanish\". */\n  language?: string\n}\n\nexport interface AltTextGeneratorContextValue {\n  apiKey: string\n  apiEndpoint?: string\n  language?: string\n  /** Updates the live, in-memory API key immediately after a successful save from Settings. */\n  updateApiKey: (apiKey: string) => void\n}\n\nexport const AltTextGeneratorContext = createContext<AltTextGeneratorContextValue | null>(null)\n\nexport function useAltTextGeneratorConfig(): AltTextGeneratorContextValue {\n  const ctx = useContext(AltTextGeneratorContext)\n  if (!ctx) {\n    throw new Error(\n      'useAltTextGeneratorConfig must be used within the alt-text-generator plugin. ' +\n        'Did you forget to add altTextGenerator() to your sanity.config plugins array?',\n    )\n  }\n  return ctx\n}\n","import type {SanityClient} from 'sanity'\n\n/**\n * A single, well-known document this plugin owns to store its own settings\n * (currently just the API key). Not registered in the consumer's schema —\n * Sanity's document store doesn't require a document's `_type` to be part of\n * the Studio's schema, so this stays entirely internal to the plugin and\n * never shows up in Content/search for the merchant.\n */\nexport const SETTINGS_DOC_ID = 'sanity-plugin-alt-text-generator.settings'\nexport const SETTINGS_DOC_TYPE = 'sanityPluginAltTextGeneratorSettings'\n\nconst API_VERSION = '2024-01-01'\n\nexport async function getSettingsApiKey(client: SanityClient): Promise<string | undefined> {\n  const key = await client\n    .withConfig({apiVersion: API_VERSION})\n    .fetch<string | null>(`*[_id == $id][0].apiKey`, {id: SETTINGS_DOC_ID})\n  return key || undefined\n}\n\nexport async function saveSettingsApiKey(client: SanityClient, apiKey: string): Promise<void> {\n  await client\n    .withConfig({apiVersion: API_VERSION})\n    .transaction()\n    .createIfNotExists({_id: SETTINGS_DOC_ID, _type: SETTINGS_DOC_TYPE})\n    .patch(SETTINGS_DOC_ID, (p) => p.set({apiKey}))\n    .commit()\n}\n","import {useEffect, useMemo, useState} from 'react'\nimport {useClient, type LayoutProps} from 'sanity'\nimport {AltTextGeneratorContext, type AltTextGeneratorConfig} from './context'\nimport {getSettingsApiKey} from './settingsStore'\n\nconst API_VERSION = '2024-01-01'\n\n/**\n * Injects the plugin's config into React context for the whole Studio tree,\n * via the `studio.components.layout` slot — this is how a plugin makes its\n * config reachable from an input component deep in a document form, without\n * the merchant having to repeat the API key on every field.\n *\n * The API key can come from two places: the static `apiKey` passed to\n * `altTextGenerator({...})` in sanity.config.ts, and/or the key saved through\n * the plugin's own Settings panel (stored in a document — see\n * settingsStore.ts). The Settings-panel key takes priority once loaded, so a\n * merchant can paste their key into the Studio UI without touching code.\n */\nexport function createAltTextGeneratorProvider(staticConfig: AltTextGeneratorConfig) {\n  return function AltTextGeneratorProvider(props: LayoutProps) {\n    const client = useClient({apiVersion: API_VERSION})\n    const [liveApiKey, setLiveApiKey] = useState<string | undefined>(undefined)\n\n    useEffect(() => {\n      let cancelled = false\n      getSettingsApiKey(client)\n        .then((key) => {\n          if (!cancelled) setLiveApiKey(key)\n        })\n        .catch(() => {\n          // No settings doc yet, or no read access — fall back to static config silently.\n        })\n      return () => {\n        cancelled = true\n      }\n    }, [client])\n\n    const value = useMemo(\n      () => ({\n        apiKey: liveApiKey || staticConfig.apiKey || '',\n        apiEndpoint: staticConfig.apiEndpoint,\n        language: staticConfig.language,\n        updateApiKey: setLiveApiKey,\n      }),\n      [liveApiKey, staticConfig],\n    )\n\n    return (\n      <AltTextGeneratorContext.Provider value={value}>\n        {props.renderDefault(props)}\n      </AltTextGeneratorContext.Provider>\n    )\n  }\n}\n","import type {Schema, SchemaType} from 'sanity'\n\nexport interface AltTextFieldTarget {\n  documentType: string\n  /** e.g. ['mainImage'] or ['seo', 'ogImage'] — joined with '.' for GROQ/patch paths. */\n  fieldPath: string[]\n}\n\nfunction chainHasName(type: SchemaType | undefined, name: string): boolean {\n  let t: SchemaType | undefined = type\n  while (t) {\n    if (t.name === name) return true\n    t = (t as {type?: SchemaType}).type\n  }\n  return false\n}\n\nfunction hasAltSubfield(imageType: SchemaType): boolean {\n  const fields = (imageType as {fields?: {name: string}[]}).fields || []\n  return fields.some((f) => f.name === 'alt')\n}\n\nconst MAX_NESTING_DEPTH = 2\n\nfunction walkFields(\n  type: SchemaType,\n  path: string[],\n  documentType: string,\n  out: AltTextFieldTarget[],\n  seen: Set<string>,\n  depth: number,\n) {\n  const fields = (type as {fields?: {name: string; type: SchemaType}[]}).fields\n  if (!fields) return\n\n  for (const field of fields) {\n    const fieldPath = [...path, field.name]\n    const fieldType = field.type\n\n    if (chainHasName(fieldType, 'image')) {\n      if (hasAltSubfield(fieldType)) {\n        const key = `${documentType}:${fieldPath.join('.')}`\n        if (!seen.has(key)) {\n          seen.add(key)\n          out.push({documentType, fieldPath})\n        }\n      }\n      continue\n    }\n\n    // Recurse into plain nested objects (e.g. `seo.ogImage`), skip arrays/references\n    // to keep discovery predictable — deeply nested or array-of-image fields are a\n    // known gap, not attempted here.\n    if (fieldType.jsonType === 'object' && depth < MAX_NESTING_DEPTH) {\n      walkFields(fieldType, fieldPath, documentType, out, seen, depth + 1)\n    }\n  }\n}\n\n/**\n * Walks every document type in the (fully merged, runtime) schema and finds\n * every image field that has an `alt` subfield — the convention this plugin's\n * own AltTextImageInput relies on, and the one most real-world Sanity schemas\n * already use for accessible images either way.\n */\nexport function findAltTextFields(schema: Schema): AltTextFieldTarget[] {\n  const results: AltTextFieldTarget[] = []\n  const seen = new Set<string>()\n\n  for (const typeName of schema.getTypeNames()) {\n    const type = schema.get(typeName)\n    if (!type || !chainHasName(type, 'document')) continue\n    walkFields(type, [], typeName, results, seen, 0)\n  }\n\n  return results\n}\n","import type {SanityClient} from 'sanity'\nimport type {AltTextFieldTarget} from './schemaScan'\n\nexport interface AltTextRow {\n  key: string\n  documentId: string\n  documentType: string\n  documentTitle: string\n  fieldPath: string[]\n  fieldLabel: string\n  imageUrl: string | null\n  alt: string\n}\n\nfunction fieldAlias(fieldPath: string[]): string {\n  return 'f_' + fieldPath.join('_')\n}\n\nfunction groqPath(fieldPath: string[]): string {\n  return fieldPath.join('.')\n}\n\n/**\n * One GROQ query per document type (fields are grouped by documentType first),\n * projecting every discovered image field on that type plus a best-effort title.\n */\nfunction buildQuery(documentType: string, fields: AltTextFieldTarget[]): string {\n  const projections = fields\n    .map((f) => {\n      const alias = fieldAlias(f.fieldPath)\n      const path = groqPath(f.fieldPath)\n      return `\"${alias}\": ${path}{alt, \"url\": asset->url}`\n    })\n    .join(',\\n    ')\n\n  return `*[_type == \"${documentType}\"]{\n    _id,\n    _type,\n    \"documentTitle\": coalesce(title, name, heading, label, _id),\n    ${projections}\n  }`\n}\n\nexport async function fetchAltTextRows(\n  client: SanityClient,\n  targets: AltTextFieldTarget[],\n): Promise<AltTextRow[]> {\n  const byType = new Map<string, AltTextFieldTarget[]>()\n  for (const t of targets) {\n    const list = byType.get(t.documentType) || []\n    list.push(t)\n    byType.set(t.documentType, list)\n  }\n\n  const rows: AltTextRow[] = []\n\n  for (const [documentType, fields] of byType) {\n    const query = buildQuery(documentType, fields)\n    const docs = await client.fetch<Record<string, unknown>[]>(query)\n\n    for (const doc of docs) {\n      for (const f of fields) {\n        const alias = fieldAlias(f.fieldPath)\n        const value = doc[alias] as {alt?: string; url?: string} | null | undefined\n        if (!value || !value.url) continue // field empty on this doc — nothing to show\n\n        rows.push({\n          key: `${doc._id}:${f.fieldPath.join('.')}`,\n          documentId: doc._id as string,\n          documentType,\n          documentTitle: (doc.documentTitle as string) || (doc._id as string),\n          fieldPath: f.fieldPath,\n          fieldLabel: f.fieldPath.join(' › '),\n          imageUrl: value.url,\n          alt: value.alt || '',\n        })\n      }\n    }\n  }\n\n  return rows\n}\n\nexport interface AltTextUpdate {\n  documentId: string\n  fieldPath: string[]\n  alt: string\n}\n\n/** Saves every update in one transaction — either all land or none do. */\nexport async function saveAltTextUpdates(client: SanityClient, updates: AltTextUpdate[]): Promise<void> {\n  if (!updates.length) return\n\n  let tx = client.transaction()\n  for (const u of updates) {\n    const patchKey = `${groqPath(u.fieldPath)}.alt`\n    tx = tx.patch(u.documentId, (p) => p.set({[patchKey]: u.alt}))\n  }\n  await tx.commit()\n}\n","import type {AltTextGeneratorConfig} from './context'\n\nconst DEFAULT_ENDPOINT = 'https://alttextgeneratorai.com/api/sanity'\n\nexport type GenerateResult =\n  | {ok: true; altText: string; creditsLeft: number | null}\n  | {ok: false; message: string; tone: 'critical' | 'caution'}\n\nfunction messageForStatus(status: number, body: string): {message: string; tone: 'critical' | 'caution'} {\n  if (status === 401) return {message: 'Invalid API key. Check it under the plugin config.', tone: 'critical'}\n  if (status === 402) return {message: 'No credits left on this API key.', tone: 'caution'}\n  return {message: body || `Generation failed (${status}).`, tone: 'critical'}\n}\n\nexport async function generateAltText(imageUrl: string, config: AltTextGeneratorConfig): Promise<GenerateResult> {\n  try {\n    const endpoint = config.apiEndpoint || DEFAULT_ENDPOINT\n    const res = await fetch(endpoint, {\n      method: 'POST',\n      headers: {'Content-Type': 'application/json'},\n      body: JSON.stringify({\n        image: imageUrl,\n        wpkey: config.apiKey,\n        language: config.language || 'english',\n      }),\n    })\n\n    const body = await res.text()\n\n    if (!res.ok) {\n      return {ok: false, ...messageForStatus(res.status, body)}\n    }\n\n    const creditsHeader = res.headers.get('X-Credits-Left')\n    return {\n      ok: true,\n      altText: body.trim(),\n      creditsLeft: creditsHeader === null ? null : Number(creditsHeader),\n    }\n  } catch (e) {\n    return {\n      ok: false,\n      message: e instanceof Error ? e.message : 'Network error while generating alt text.',\n      tone: 'critical',\n    }\n  }\n}\n","import type {AltTextGeneratorConfig} from './context'\n\nconst DEFAULT_ENDPOINT = 'https://alttextgeneratorai.com/api/sanity'\n\n/**\n * The credits-check endpoint isn't Sanity-specific — it's the same\n * `/api/verify` every plugin (Framer, WordPress, Magento...) already calls.\n * Derived from the generation endpoint so a local-dev `apiEndpoint` override\n * (e.g. http://localhost:3000/api/sanity) checks credits against the same\n * local backend instead of production.\n */\nfunction verifyEndpointFor(config: AltTextGeneratorConfig): string {\n  const base = config.apiEndpoint || DEFAULT_ENDPOINT\n  return base.replace(/\\/[^/]+$/, '/verify')\n}\n\nexport async function fetchCreditsRemaining(config: AltTextGeneratorConfig, apiKey: string): Promise<number | null> {\n  if (!apiKey) return null\n  try {\n    const res = await fetch(verifyEndpointFor(config), {\n      method: 'POST',\n      headers: {'Content-Type': 'application/json'},\n      body: JSON.stringify({apiKey}),\n    })\n    if (!res.ok) return null\n    const data = (await res.json()) as {freeRewritesLeft?: number}\n    return typeof data.freeRewritesLeft === 'number' ? data.freeRewritesLeft : null\n  } catch {\n    return null\n  }\n}\n","import {useCallback, useEffect, useState} from 'react'\nimport {Box, Button, Card, Flex, Stack, Text, TextInput} from '@sanity/ui'\nimport {useClient} from 'sanity'\nimport {useAltTextGeneratorConfig} from './context'\nimport {saveSettingsApiKey} from './settingsStore'\nimport {fetchCreditsRemaining} from './verifyCredits'\n\nconst API_VERSION = '2024-01-01'\nconst GET_KEY_URL = 'https://alttextgeneratorai.com/dashboard'\n\n/**\n * Lets a merchant paste their API key directly in the Studio, no code edit\n * required — saved to a plugin-internal settings document (settingsStore.ts)\n * and pushed straight into the shared context so every open field/tool picks\n * it up immediately. Also shows the current credit balance for the active key.\n */\nexport function SettingsPanel() {\n  const client = useClient({apiVersion: API_VERSION})\n  const config = useAltTextGeneratorConfig()\n\n  const [keyInput, setKeyInput] = useState(config.apiKey)\n  const [saving, setSaving] = useState(false)\n  const [justSaved, setJustSaved] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [credits, setCredits] = useState<number | null>(null)\n  const [checkingCredits, setCheckingCredits] = useState(false)\n\n  // Keep the input in sync if the live key changes elsewhere (e.g. loaded after mount).\n  useEffect(() => {\n    setKeyInput(config.apiKey)\n  }, [config.apiKey])\n\n  const checkCredits = useCallback(\n    async (apiKey: string) => {\n      if (!apiKey) {\n        setCredits(null)\n        return\n      }\n      setCheckingCredits(true)\n      const result = await fetchCreditsRemaining(config, apiKey)\n      setCredits(result)\n      setCheckingCredits(false)\n    },\n    [config],\n  )\n\n  useEffect(() => {\n    checkCredits(config.apiKey)\n    // Only re-check when the live key itself changes, not on every config identity change.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [config.apiKey])\n\n  const handleSave = useCallback(async () => {\n    setSaving(true)\n    setError(null)\n    setJustSaved(false)\n    try {\n      const trimmed = keyInput.trim()\n      await saveSettingsApiKey(client, trimmed)\n      config.updateApiKey(trimmed)\n      setJustSaved(true)\n      checkCredits(trimmed)\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'Failed to save.')\n    } finally {\n      setSaving(false)\n    }\n  }, [client, keyInput, config, checkCredits])\n\n  return (\n    <Card padding={4} radius={2} border tone=\"transparent\">\n      <Stack gap={3}>\n        <Text size={1} weight=\"medium\">\n          API Key\n        </Text>\n        <Text size={1} muted>\n          Paste your Alt Text Generator API key below.{' '}\n          <a href={GET_KEY_URL} target=\"_blank\" rel=\"noreferrer\">\n            Get a free API key →\n          </a>\n        </Text>\n        <Flex gap={2} align=\"center\" wrap=\"wrap\">\n          <Box flex={1} style={{minWidth: 240}}>\n            <TextInput\n              value={keyInput}\n              placeholder=\"Paste your API key\"\n              onChange={(e) => setKeyInput(e.currentTarget.value)}\n            />\n          </Box>\n          <Button\n            text={saving ? 'Saving…' : 'Save'}\n            tone=\"primary\"\n            disabled={saving || keyInput.trim() === config.apiKey}\n            onClick={handleSave}\n          />\n        </Flex>\n        {justSaved && (\n          <Text size={1} style={{color: 'var(--card-positive-fg-color, #2a9d5c)'}}>\n            Saved.\n          </Text>\n        )}\n        {error && (\n          <Text size={1} style={{color: 'var(--card-critical-fg-color, #e02b27)'}}>\n            {error}\n          </Text>\n        )}\n        {!config.apiKey && (\n          <Text size={1} style={{color: 'var(--card-caution-fg-color, #a56a0d)'}}>\n            No API key configured yet — generation will fail until you add one.\n          </Text>\n        )}\n        {config.apiKey && (\n          <Text size={1} muted>\n            {checkingCredits\n              ? 'Checking credits…'\n              : credits === null\n                ? 'Could not check credits for this key.'\n                : `${credits} credit${credits === 1 ? '' : 's'} remaining`}\n          </Text>\n        )}\n      </Stack>\n    </Card>\n  )\n}\n","import {useCallback, useMemo, useRef, useState} from 'react'\nimport {\n  Box,\n  Button,\n  Card,\n  Checkbox,\n  Container,\n  Flex,\n  Heading,\n  Stack,\n  Text,\n  TextArea,\n  Spinner,\n} from '@sanity/ui'\nimport {useClient, useSchema} from 'sanity'\nimport {findAltTextFields} from './schemaScan'\nimport {fetchAltTextRows, saveAltTextUpdates, type AltTextRow} from './dashboardData'\nimport {generateAltText} from './generateAltText'\nimport {useAltTextGeneratorConfig} from './context'\nimport {SettingsPanel} from './SettingsPanel'\n\nconst API_VERSION = '2024-01-01'\n\ntype Filter = 'missing' | 'all'\n\n/**\n * The bulk companion to AltTextImageInput: scans every document type in the\n * schema for image fields that have an `alt` subfield (see schemaScan.ts),\n * lists every image found across the dataset, and lets the user review,\n * generate, and save alt text for many images in one pass.\n */\nexport function AltTextDashboard() {\n  const schema = useSchema()\n  const client = useClient({apiVersion: API_VERSION})\n  const config = useAltTextGeneratorConfig()\n\n  const [scanning, setScanning] = useState(false)\n  const [scanError, setScanError] = useState<string | null>(null)\n  const [rows, setRows] = useState<AltTextRow[]>([])\n  const [scannedTypes, setScannedTypes] = useState(0)\n\n  const [filter, setFilter] = useState<Filter>('missing')\n  const [overwrite, setOverwrite] = useState(false)\n  const [selected, setSelected] = useState<Set<string>>(new Set())\n  const [dirty, setDirty] = useState<Record<string, string>>({}) // key -> new alt text\n  const [rowErrors, setRowErrors] = useState<Record<string, string>>({})\n\n  const [bulkRunning, setBulkRunning] = useState(false)\n  const [progress, setProgress] = useState('')\n  const [credits, setCredits] = useState<number | null>(null)\n  const [saving, setSaving] = useState(false)\n  const stopRequested = useRef(false)\n\n  const targets = useMemo(() => findAltTextFields(schema), [schema])\n\n  const handleScan = useCallback(async () => {\n    setScanning(true)\n    setScanError(null)\n    try {\n      const found = await fetchAltTextRows(client, targets)\n      setRows(found)\n      setScannedTypes(new Set(targets.map((t) => t.documentType)).size)\n      setDirty({})\n      setSelected(new Set())\n      setRowErrors({})\n    } catch (e) {\n      setScanError(e instanceof Error ? e.message : 'Scan failed.')\n    } finally {\n      setScanning(false)\n    }\n  }, [client, targets])\n\n  const currentAlt = useCallback(\n    (row: AltTextRow) => (row.key in dirty ? dirty[row.key] : row.alt),\n    [dirty],\n  )\n\n  const visibleRows = useMemo(() => {\n    return rows.filter((row) => {\n      if (filter === 'all') return true\n      const text = currentAlt(row)\n      return !text || text.trim() === ''\n    })\n  }, [rows, filter, currentAlt])\n\n  const isLocked = useCallback(\n    (row: AltTextRow) => !overwrite && currentAlt(row).trim() !== '',\n    [overwrite, currentAlt],\n  )\n\n  const setRowText = useCallback((key: string, text: string) => {\n    setDirty((prev) => ({...prev, [key]: text}))\n  }, [])\n\n  const generateOne = useCallback(\n    async (row: AltTextRow): Promise<{ok: boolean; message?: string}> => {\n      setRowErrors((prev) => {\n        const next = {...prev}\n        delete next[row.key]\n        return next\n      })\n      if (!row.imageUrl) return {ok: false, message: 'No image URL.'}\n\n      const result = await generateAltText(row.imageUrl, config)\n      if (!result.ok) {\n        setRowErrors((prev) => ({...prev, [row.key]: result.message}))\n        return {ok: false, message: result.message}\n      }\n      setRowText(row.key, result.altText)\n      if (result.creditsLeft !== null) setCredits(result.creditsLeft)\n      return {ok: true}\n    },\n    [config, setRowText],\n  )\n\n  const runBulk = useCallback(\n    async (list: AltTextRow[]) => {\n      setBulkRunning(true)\n      stopRequested.current = false\n      let done = 0\n      let applied = 0\n      let failed = 0\n      let lastError = ''\n\n      for (const row of list) {\n        if (stopRequested.current) break\n        const result = await generateOne(row)\n        done++\n        if (result.ok) {\n          applied++\n        } else {\n          failed++\n          lastError = result.message || ''\n          if (lastError.toLowerCase().includes('credits')) {\n            setProgress(`Stopped: out of credits. ${applied} generated.`)\n            break\n          }\n        }\n        setProgress(\n          `${done} / ${list.length} · ${applied} generated` +\n            (failed ? ` · ${failed} failed — last error: ${lastError}` : ''),\n        )\n      }\n\n      setBulkRunning(false)\n    },\n    [generateOne],\n  )\n\n  const handleGenerateSelected = useCallback(() => {\n    const list = visibleRows.filter((r) => selected.has(r.key) && !isLocked(r))\n    if (!list.length) return\n    runBulk(list)\n  }, [visibleRows, selected, isLocked, runBulk])\n\n  const handleGenerateAllMissing = useCallback(() => {\n    const list = rows.filter((r) => currentAlt(r).trim() === '')\n    if (!list.length) return\n    runBulk(list)\n  }, [rows, currentAlt, runBulk])\n\n  const handleSave = useCallback(async () => {\n    const updates = Object.entries(dirty).map(([key, alt]) => {\n      const row = rows.find((r) => r.key === key)!\n      return {documentId: row.documentId, fieldPath: row.fieldPath, alt}\n    })\n    if (!updates.length) return\n\n    setSaving(true)\n    try {\n      await saveAltTextUpdates(client, updates)\n      // Reflect saved values into the base rows and clear dirty state.\n      setRows((prev) =>\n        prev.map((r) => (r.key in dirty ? {...r, alt: dirty[r.key]} : r)),\n      )\n      setDirty({})\n      setProgress(`Saved ${updates.length} image(s).`)\n    } catch (e) {\n      setProgress(`Save failed: ${e instanceof Error ? e.message : 'unknown error'}`)\n    } finally {\n      setSaving(false)\n    }\n  }, [dirty, rows, client])\n\n  const toggleSelectAll = useCallback(\n    (checked: boolean) => {\n      setSelected(checked ? new Set(visibleRows.filter((r) => !isLocked(r)).map((r) => r.key)) : new Set())\n    },\n    [visibleRows, isLocked],\n  )\n\n  const missingCount = rows.filter((r) => currentAlt(r).trim() === '').length\n\n  return (\n    <Container width={4} padding={4}>\n      <Stack gap={4}>\n        <Heading size={2}>Alt Text Generator AI</Heading>\n\n        <SettingsPanel />\n\n        <Flex align=\"center\" gap={3}>\n          <Button text={scanning ? 'Scanning…' : 'Scan Dataset'} tone=\"primary\" disabled={scanning} onClick={handleScan} />\n          {rows.length > 0 && (\n            <Text size={1} muted>\n              {rows.length} image{rows.length === 1 ? '' : 's'} · {missingCount} missing alt text (scanned {scannedTypes}{' '}\n              document type{scannedTypes === 1 ? '' : 's'})\n            </Text>\n          )}\n          {scanning && <Spinner muted />}\n        </Flex>\n\n        {scanError && (\n          <Card tone=\"critical\" padding={3} radius={2} border>\n            <Text size={1}>{scanError}</Text>\n          </Card>\n        )}\n\n        {targets.length === 0 && !scanning && (\n          <Card tone=\"caution\" padding={3} radius={2} border>\n            <Text size={1}>\n              No image fields with an &quot;alt&quot; subfield were found in this Studio&apos;s schema. Add an{' '}\n              <code>alt</code> string field to an image type (see the README) for it to show up here.\n            </Text>\n          </Card>\n        )}\n\n        {rows.length > 0 && (\n          <Stack gap={4}>\n            <Flex align=\"center\" gap={3}>\n              <Button\n                text=\"Missing\"\n                mode={filter === 'missing' ? 'default' : 'ghost'}\n                tone={filter === 'missing' ? 'primary' : 'default'}\n                onClick={() => setFilter('missing')}\n              />\n              <Button\n                text=\"All\"\n                mode={filter === 'all' ? 'default' : 'ghost'}\n                tone={filter === 'all' ? 'primary' : 'default'}\n                onClick={() => setFilter('all')}\n              />\n              <Flex align=\"center\" gap={2}>\n                <Checkbox checked={overwrite} onChange={(e) => setOverwrite(e.currentTarget.checked)} id=\"atg-overwrite\" />\n                <Text as=\"label\" size={1} htmlFor=\"atg-overwrite\">\n                  Overwrite images that already have alt text\n                </Text>\n              </Flex>\n            </Flex>\n\n            <Flex align=\"center\" gap={2}>\n              <Checkbox\n                checked={visibleRows.length > 0 && visibleRows.every((r) => isLocked(r) || selected.has(r.key))}\n                onChange={(e) => toggleSelectAll(e.currentTarget.checked)}\n                id=\"atg-select-all\"\n              />\n              <Text as=\"label\" size={1} htmlFor=\"atg-select-all\">\n                Select all visible {selected.size > 0 && `(${selected.size} selected)`}\n              </Text>\n            </Flex>\n\n            <Card border radius={2} style={{maxHeight: 520, overflowY: 'auto'}}>\n              <Stack gap={0}>\n                {visibleRows.map((row) => {\n                  const locked = isLocked(row)\n                  const text = currentAlt(row)\n                  const error = rowErrors[row.key]\n                  return (\n                    <Flex key={row.key} padding={3} gap={3} align=\"flex-start\" style={{borderBottom: '1px solid var(--card-border-color)'}}>\n                      <Box paddingTop={1}>\n                        <Checkbox\n                          checked={selected.has(row.key)}\n                          disabled={locked}\n                          onChange={(e) => {\n                            // Extract the primitive before it reaches the state\n                            // updater — React can invoke that updater outside the\n                            // original synchronous event (Strict Mode double-invokes\n                            // it), and by then `e.currentTarget` is already null.\n                            const checked = e.currentTarget.checked\n                            setSelected((prev) => {\n                              const next = new Set(prev)\n                              if (checked) next.add(row.key)\n                              else next.delete(row.key)\n                              return next\n                            })\n                          }}\n                        />\n                      </Box>\n                      {row.imageUrl && (\n                        <img\n                          src={`${row.imageUrl}?w=80&h=80&fit=crop`}\n                          width={56}\n                          height={56}\n                          style={{objectFit: 'cover', borderRadius: 4, flexShrink: 0}}\n                          alt=\"\"\n                        />\n                      )}\n                      <Box style={{width: 220, flexShrink: 0}}>\n                        <Text size={1} weight=\"medium\">\n                          {row.documentTitle}\n                        </Text>\n                        <Text size={1} muted>\n                          {row.documentType} · {row.fieldLabel}\n                        </Text>\n                      </Box>\n                      <Box flex={1}>\n                        <Stack gap={2}>\n                          <TextArea\n                            rows={2}\n                            value={text}\n                            disabled={locked}\n                            onChange={(e) => setRowText(row.key, e.currentTarget.value)}\n                          />\n                          {error && (\n                            <Text size={1} style={{color: 'var(--card-critical-fg-color, #e02b27)'}}>\n                              {error}\n                            </Text>\n                          )}\n                        </Stack>\n                      </Box>\n                      <Box paddingTop={1}>\n                        <Button\n                          text=\"Generate\"\n                          mode=\"ghost\"\n                          fontSize={1}\n                          disabled={locked || bulkRunning}\n                          onClick={() => generateOne(row)}\n                        />\n                      </Box>\n                    </Flex>\n                  )\n                })}\n              </Stack>\n            </Card>\n\n            <Flex align=\"center\" gap={3} wrap=\"wrap\">\n              <Button\n                text=\"Generate Selected\"\n                tone=\"primary\"\n                disabled={bulkRunning || selected.size === 0}\n                onClick={handleGenerateSelected}\n              />\n              <Button\n                text=\"Generate All Missing\"\n                mode=\"ghost\"\n                disabled={bulkRunning || missingCount === 0}\n                onClick={handleGenerateAllMissing}\n              />\n              {bulkRunning && (\n                <Button text=\"Stop\" mode=\"ghost\" tone=\"critical\" onClick={() => (stopRequested.current = true)} />\n              )}\n              <Button\n                text={saving ? 'Saving…' : 'Save Changes'}\n                tone=\"positive\"\n                disabled={saving || Object.keys(dirty).length === 0}\n                onClick={handleSave}\n              />\n              {credits !== null && (\n                <Text size={1} muted>\n                  ({credits} credits remaining)\n                </Text>\n              )}\n            </Flex>\n\n            {progress && (\n              <Text size={1} muted>\n                {progress}\n              </Text>\n            )}\n          </Stack>\n        )}\n      </Stack>\n    </Container>\n  )\n}\n","import {useCallback, useState} from 'react'\nimport {Button, Card, Flex, Stack, Text} from '@sanity/ui'\nimport {set, useClient, type ImageInputProps} from 'sanity'\nimport imageUrlBuilder from '@sanity/image-url'\nimport {useAltTextGeneratorConfig} from './context'\nimport {generateAltText, type GenerateResult} from './generateAltText'\n\nconst API_VERSION = '2024-01-01'\n\n/**\n * Drop-in replacement for the default image input: renders the normal image\n * field (upload, crop, hotspot — via `renderDefault`) plus a \"Generate Alt\n * Text\" button that sends the uploaded asset's CDN URL to the Alt Text\n * Generator API and writes the result into the image's `alt` field.\n */\nexport function AltTextImageInput(props: ImageInputProps) {\n  const {value, onChange} = props\n  const config = useAltTextGeneratorConfig()\n  const client = useClient({apiVersion: API_VERSION})\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<Extract<GenerateResult, {ok: false}> | null>(null)\n\n  const handleGenerate = useCallback(async () => {\n    if (!value?.asset?._ref || !config.apiKey) return\n    setLoading(true)\n    setError(null)\n\n    try {\n      const {projectId, dataset} = client.config()\n      if (!projectId || !dataset) {\n        throw new Error('Could not determine the Sanity project/dataset for this Studio.')\n      }\n      const imageUrl = imageUrlBuilder({projectId, dataset}).image(value).url()\n\n      const result = await generateAltText(imageUrl, config)\n      if (!result.ok) {\n        setError(result)\n        return\n      }\n      onChange(set(result.altText, ['alt']))\n    } catch (e) {\n      setError({\n        ok: false,\n        message: e instanceof Error ? e.message : 'Network error while generating alt text.',\n        tone: 'critical',\n      })\n    } finally {\n      setLoading(false)\n    }\n  }, [value, client, config, onChange])\n\n  return (\n    <Stack gap={2}>\n      {props.renderDefault(props)}\n      {value?.asset && (\n        <Stack gap={2}>\n          <Flex>\n            <Button\n              text={loading ? 'Generating…' : 'Generate Alt Text'}\n              tone=\"primary\"\n              mode=\"ghost\"\n              disabled={loading || !config.apiKey}\n              onClick={handleGenerate}\n            />\n          </Flex>\n          {error && (\n            <Card tone={error.tone} padding={2} radius={2} border>\n              <Text size={1}>{error.message}</Text>\n            </Card>\n          )}\n          {!config.apiKey && (\n            <Text size={1} muted>\n              No API key configured — open the &quot;Alt Text Generator&quot; tool in the nav to add one.\n            </Text>\n          )}\n        </Stack>\n      )}\n    </Stack>\n  )\n}\n","import {useCallback, useState} from 'react'\nimport {Button, Card, Flex, Stack, Text} from '@sanity/ui'\nimport {set, useClient, useFormValue, type StringInputProps} from 'sanity'\nimport imageUrlBuilder from '@sanity/image-url'\nimport {useAltTextGeneratorConfig} from './context'\nimport {generateAltText, type GenerateResult} from './generateAltText'\n\nconst API_VERSION = '2024-01-01'\n\ntype ImageWithAsset = {asset?: {_ref: string}}\n\n/**\n * Attaches to the `alt` STRING field itself (not the whole image type), so\n * the \"Generate Alt Text\" button renders directly under the Alternative Text\n * input instead of below every other field on the image (e.g. Caption).\n *\n * Reads the sibling image value via useFormValue since a field-level input\n * component only gets its own value/path, not the parent object's.\n */\nexport function AltTextField(props: StringInputProps) {\n  const {onChange, value = ''} = props\n  const config = useAltTextGeneratorConfig()\n  const client = useClient({apiVersion: API_VERSION})\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<Extract<GenerateResult, {ok: false}> | null>(null)\n\n  // props.path is e.g. ['mainImage', 'alt'] — the image value lives one level up.\n  const imagePath = props.path.slice(0, -1)\n  const imageValue = useFormValue(imagePath) as ImageWithAsset | undefined\n\n  const handleGenerate = useCallback(async () => {\n    if (!imageValue?.asset?._ref || !config.apiKey) return\n    setLoading(true)\n    setError(null)\n\n    try {\n      const {projectId, dataset} = client.config()\n      if (!projectId || !dataset) {\n        throw new Error('Could not determine the Sanity project/dataset for this Studio.')\n      }\n      const imageUrl = imageUrlBuilder({projectId, dataset}).image(imageValue).url()\n\n      const result = await generateAltText(imageUrl, config)\n      if (!result.ok) {\n        setError(result)\n        return\n      }\n      onChange(set(result.altText))\n    } catch (e) {\n      setError({\n        ok: false,\n        message: e instanceof Error ? e.message : 'Network error while generating alt text.',\n        tone: 'critical',\n      })\n    } finally {\n      setLoading(false)\n    }\n  }, [imageValue, client, config, onChange])\n\n  return (\n    <Stack gap={2}>\n      {props.renderDefault(props)}\n      {imageValue?.asset && (\n        <Stack gap={2}>\n          <Flex>\n            <Button\n              text={loading ? 'Generating…' : 'Generate Alt Text'}\n              tone=\"primary\"\n              mode=\"ghost\"\n              disabled={loading || !config.apiKey}\n              onClick={handleGenerate}\n            />\n          </Flex>\n          {error && (\n            <Card tone={error.tone} padding={2} radius={2} border>\n              <Text size={1}>{error.message}</Text>\n            </Card>\n          )}\n          {!config.apiKey && (\n            <Text size={1} muted>\n              No API key configured — open the &quot;Alt Text Generator&quot; tool in the nav to add one.\n            </Text>\n          )}\n        </Stack>\n      )}\n    </Stack>\n  )\n}\n","import {definePlugin} from 'sanity'\nimport type {AltTextGeneratorConfig} from './context'\nimport {createAltTextGeneratorProvider} from './AltTextGeneratorProvider'\nimport {AltTextDashboard} from './AltTextDashboard'\n\nexport {AltTextImageInput} from './AltTextImageInput'\nexport {AltTextField} from './AltTextField'\nexport {AltTextDashboard} from './AltTextDashboard'\nexport type {AltTextGeneratorConfig} from './context'\n\n/**\n * Usage in `sanity.config.ts`:\n *\n * ```ts\n * import {defineConfig} from 'sanity'\n * import {altTextGenerator} from 'sanity-plugin-alt-text-generator'\n *\n * export default defineConfig({\n *   // ...\n *   plugins: [altTextGenerator()],\n * })\n * ```\n *\n * No API key required at setup time — open the \"Alt Text Generator\" tool in\n * the Studio nav and paste your key into its Settings panel (get a free one\n * at alttextgeneratorai.com). You can also pass a default `apiKey` here for\n * local development/CI; the Settings-panel key takes priority once saved.\n *\n * Then wire it into your schema in one of two ways:\n *\n * 1. On the `alt` string field itself (recommended — puts the \"Generate Alt\n *    Text\" button right under Alternative Text, above any other fields like\n *    Caption):\n *\n * ```ts\n * defineField({\n *   name: 'alt',\n *   type: 'string',\n *   components: {input: AltTextField},\n * })\n * ```\n *\n * 2. On the whole image field (button renders below all of the image's\n *    fields at once):\n *\n * ```ts\n * defineField({\n *   name: 'mainImage',\n *   type: 'image',\n *   components: {input: AltTextImageInput},\n * })\n * ```\n *\n * @public\n */\nexport const altTextGenerator = definePlugin<AltTextGeneratorConfig | void>((config) => {\n  const staticConfig = config || {}\n\n  return {\n    name: 'sanity-plugin-alt-text-generator',\n    studio: {\n      components: {\n        layout: createAltTextGeneratorProvider(staticConfig),\n      },\n    },\n    tools: (prev) => [\n      ...prev,\n      {\n        name: 'alt-text-generator',\n        title: 'Alt Text Generator',\n        component: AltTextDashboard,\n      },\n    ],\n  }\n})\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "sanity-plugin-alt-text-generator",
+  "version": "1.0.0",
+  "description": "Generate AI-powered, SEO-friendly alt text for images inside Sanity Studio — per-field, or in bulk across your whole dataset from a built-in dashboard.",
+  "keywords": [
+    "sanity",
+    "sanity-plugin",
+    "alt-text",
+    "accessibility",
+    "seo",
+    "ai",
+    "images"
+  ],
+  "homepage": "https://github.com/balt1794/sanity-plugin-alt-text-generator#readme",
+  "bugs": {
+    "url": "https://github.com/balt1794/sanity-plugin-alt-text-generator/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/balt1794/sanity-plugin-alt-text-generator.git"
+  },
+  "license": "MIT",
+  "author": "Bryam Loaiza <balt1794@gmail.com>",
+  "browserslist": "extends @sanity/browserslist-config",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "plugin-kit verify-package --silent && pkg-utils build --strict --check --clean",
+    "format": "oxfmt",
+    "link-watch": "plugin-kit link-watch",
+    "lint": "oxlint",
+    "prepublishOnly": "npm run build",
+    "watch": "pkg-utils watch --strict"
+  },
+  "dependencies": {
+    "@sanity/image-url": "^2.1.1",
+    "@sanity/ui": "^4.2.1"
+  },
+  "devDependencies": {
+    "@sanity/browserslist-config": "^1.0.5",
+    "@sanity/pkg-utils": "^13.0.0",
+    "@sanity/plugin-kit": "^10.0.9",
+    "@types/react": "^19.3.0",
+    "oxfmt": "^0.68.0",
+    "oxlint": "^1.83.0",
+    "oxlint-tsgolint": "^7.0.2001",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "sanity": "^6.13.2",
+    "styled-components": "^6.5.3",
+    "typescript": "^6.0.3"
+  },
+  "peerDependencies": {
+    "react": "^18",
+    "sanity": "^5 || ^6.0.0-0"
+  },
+  "engines": {
+    "node": ">=20.19 <22 || >=22.12"
+  },
+  "publishConfig": {
+    "exports": {
+      ".": "./dist/index.js",
+      "./package.json": "./package.json"
+    }
+  }
+}