@driftime/sanity-plugin-link 0.1.0

package/dist/index.js

@@ -0,0 +1,1010 @@
+import { d as readPath, f as defaultTitleField, i as searchParamTypeName, l as convertCase, m as pluginName, n as linkMarkTypeName, o as composeAnchorHref, r as linkTypeName, u as isDefined } from "./types-BR08fVY8.js";
+import { ChangeIndicator, FieldActionsProvider, FieldActionsResolver, FormField, defineArrayMember, defineField, definePlugin, defineType, getPublishedId, insert, set, setIfMissing, unset, useDocumentPreviewStore, useFormValue } from "sanity";
+import { c } from "react/compiler-runtime";
+import { createElement, useEffect, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Box, Button, Dialog, Flex, Stack, Tab, TabList, TabPanel, TextInput } from "@sanity/ui";
+import { CloseIcon } from "@sanity/icons/Close";
+import { stegaClean } from "@sanity/client/stega";
+import { AddIcon } from "@sanity/icons/Add";
+import { randomKey } from "@sanity/util/content";
+import { useEditor } from "@portabletext/editor";
+import { defineBehavior, raise } from "@portabletext/editor/behaviors";
+import { isSelectionExpanded } from "@portabletext/editor/selectors";
+import { htmlToPortableText } from "@portabletext/html";
+/**
+* Checks whether a form node holds members of its own, as an object or an array of objects does.
+*
+* @param node - The form node to check.
+* @returns True if the node holds members.
+*/
+function hasMembers(node) {
+	return "members" in node;
+}
+/**
+* Gathers the validation reported on a form node and on anything inside it.
+*
+* @param node - The form node to gather validation from.
+* @returns Every validation reported on the node or within it.
+*/
+function collectNodeValidation(node) {
+	return [...node.validation, ...hasMembers(node) ? collectMemberValidation(node.members) : []];
+}
+/**
+* Gathers the validation reported anywhere inside a field's members. The form hands a field only what
+* is reported at its own path, which suits a frame drawing its members inline but leaves one that
+* hides them showing nothing they report.
+*
+* @param members - The members to gather validation from.
+* @returns Every validation reported on a member or within one.
+*/
+function collectMemberValidation(members) {
+	return members.flatMap((member) => member.kind === "field" ? collectNodeValidation(member.field) : member.kind === "fieldSet" ? collectMemberValidation(member.fieldSet.members) : member.kind === "item" ? collectNodeValidation(member.item) : []);
+}
+function Field(t0) {
+	let $ = c(40), { actions, schemaType, title, description, presence, validation, level, inputId, path, changed, children, inputProps } = t0, t1;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = [], $[0] = t1) : t1 = $[0];
+	let [headerActions, setHeaderActions] = useState(t1), t2;
+	$[1] === Symbol.for("react.memo_cache_sentinel") ? (t2 = ["_id"], $[1] = t2) : t2 = $[1];
+	let documentId = useFormValue(t2), fieldValidation, focused, t3;
+	if ($[2] !== actions || $[3] !== documentId || $[4] !== inputProps.focused || $[5] !== inputProps.members || $[6] !== path || $[7] !== schemaType || $[8] !== validation) {
+		let publishedId = typeof documentId == "string" ? getPublishedId(documentId) : void 0;
+		focused = inputProps.focused === !0;
+		let t4;
+		$[12] !== inputProps.members || $[13] !== validation ? (t4 = [...validation, ...collectMemberValidation(inputProps.members)], $[12] = inputProps.members, $[13] = validation, $[14] = t4) : t4 = $[14], fieldValidation = t4, t3 = isDefined(publishedId) && isDefined(actions) && /* @__PURE__ */ jsx(FieldActionsResolver, {
+			actions,
+			documentId: publishedId,
+			documentType: schemaType.name,
+			onActions: setHeaderActions,
+			path,
+			schemaType
+		}), $[2] = actions, $[3] = documentId, $[4] = inputProps.focused, $[5] = inputProps.members, $[6] = path, $[7] = schemaType, $[8] = validation, $[9] = fieldValidation, $[10] = focused, $[11] = t3;
+	} else fieldValidation = $[9], focused = $[10], t3 = $[11];
+	let t4;
+	$[15] !== changed || $[16] !== children || $[17] !== focused || $[18] !== path ? (t4 = /* @__PURE__ */ jsx(ChangeIndicator, {
+		path,
+		hasFocus: focused,
+		isChanged: changed,
+		children
+	}), $[15] = changed, $[16] = children, $[17] = focused, $[18] = path, $[19] = t4) : t4 = $[19];
+	let t5;
+	$[20] !== description || $[21] !== fieldValidation || $[22] !== headerActions || $[23] !== inputId || $[24] !== inputProps.readOnly || $[25] !== level || $[26] !== path || $[27] !== presence || $[28] !== schemaType.deprecated || $[29] !== t4 || $[30] !== title ? (t5 = /* @__PURE__ */ jsx(FormField, {
+		__unstable_headerActions: headerActions,
+		__unstable_presence: presence,
+		description,
+		inputId,
+		level,
+		title,
+		validation: fieldValidation,
+		deprecated: schemaType.deprecated,
+		path,
+		readOnly: inputProps.readOnly,
+		children: t4
+	}), $[20] = description, $[21] = fieldValidation, $[22] = headerActions, $[23] = inputId, $[24] = inputProps.readOnly, $[25] = level, $[26] = path, $[27] = presence, $[28] = schemaType.deprecated, $[29] = t4, $[30] = title, $[31] = t5) : t5 = $[31];
+	let t6;
+	$[32] !== focused || $[33] !== headerActions || $[34] !== path || $[35] !== t5 ? (t6 = /* @__PURE__ */ jsx(FieldActionsProvider, {
+		actions: headerActions,
+		focused,
+		path,
+		children: t5
+	}), $[32] = focused, $[33] = headerActions, $[34] = path, $[35] = t5, $[36] = t6) : t6 = $[36];
+	let t7;
+	return $[37] !== t3 || $[38] !== t6 ? (t7 = /* @__PURE__ */ jsxs(Fragment, { children: [t3, t6] }), $[37] = t3, $[38] = t6, $[39] = t7) : t7 = $[39], t7;
+}
+/**
+* Properties the plugin's own icons are drawn with. Icons taken from `@sanity/icons` are left alone,
+* since they already carry the sizing and stroke the rest of the Studio uses.
+*/
+const defaultIconProps = {
+	width: "1em",
+	height: "1em",
+	strokeWidth: 1.5
+};
+/**
+* Creates a Sanity Studio icon component from an SVG icon.
+*
+* @param icon - The icon component to wrap.
+* @param props - Additional props merged over the default properties a Studio icon is drawn with.
+* @returns A Studio icon component.
+*/
+function createSanityIcon(icon, props) {
+	let Icon = icon;
+	function SanityIcon() {
+		return createElement(Icon, {
+			...defaultIconProps,
+			...props
+		});
+	}
+	return SanityIcon;
+}
+function HashIcon(props) {
+	let $ = c(6), t0, t1, t2, t3;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("line", {
+		x1: "4",
+		x2: "20",
+		y1: "9",
+		y2: "9"
+	}), t1 = /* @__PURE__ */ jsx("line", {
+		x1: "4",
+		x2: "20",
+		y1: "15",
+		y2: "15"
+	}), t2 = /* @__PURE__ */ jsx("line", {
+		x1: "10",
+		x2: "8",
+		y1: "3",
+		y2: "21"
+	}), t3 = /* @__PURE__ */ jsx("line", {
+		x1: "16",
+		x2: "14",
+		y1: "3",
+		y2: "21"
+	}), $[0] = t0, $[1] = t1, $[2] = t2, $[3] = t3) : (t0 = $[0], t1 = $[1], t2 = $[2], t3 = $[3]);
+	let t4;
+	return $[4] === props ? t4 = $[5] : (t4 = /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			t0,
+			t1,
+			t2,
+			t3
+		]
+	}), $[4] = props, $[5] = t4), t4;
+}
+function Anchor(t0) {
+	let $ = c(8), { elementProps, value, onChange, readOnly } = t0, t1;
+	$[0] === onChange ? t1 = $[1] : (t1 = function handleChange(event) {
+		let next = event.currentTarget.value;
+		onChange(isDefined(next) ? set(next) : unset());
+	}, $[0] = onChange, $[1] = t1);
+	let handleChange = t1, t2;
+	$[2] === Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx(HashIcon, {
+		...defaultIconProps,
+		width: "0.8em",
+		height: "0.8em"
+	}), $[2] = t2) : t2 = $[2];
+	let t3 = value ?? "", t4;
+	return $[3] !== elementProps || $[4] !== handleChange || $[5] !== readOnly || $[6] !== t3 ? (t4 = /* @__PURE__ */ jsx(TextInput, {
+		...elementProps,
+		icon: t2,
+		value: t3,
+		readOnly,
+		onChange: handleChange,
+		placeholder: "our-values"
+	}), $[3] = elementProps, $[4] = handleChange, $[5] = readOnly, $[6] = t3, $[7] = t4) : t4 = $[7], t4;
+}
+function Hidden() {
+	return null;
+}
+/**
+* Reads the host a web address points at, so a link to a file buried three folders deep still reads
+* as the site it came from. The subdomain everyone ignores goes with it.
+*
+* @param url - The address to read.
+* @returns The host, or undefined when the address cannot be read as one.
+*/
+function getDomain(url) {
+	let address = stegaClean(url);
+	if (isDefined(address)) try {
+		return new URL(address).hostname.replace(/^www\./u, "");
+	} catch {
+		return;
+	}
+}
+/**
+* Describes where a link leads using only what the document already holds, which covers every
+* destination an author typed out in full.
+*
+* @param value - The link being authored.
+* @returns The description, or undefined when the destination is stored as a pointer.
+*/
+function getLocalDetail(value) {
+	if (isDefined(value)) {
+		if (value.type === "anchor") return composeAnchorHref(value.anchor);
+		if (value.type === "url") return getDomain(value.url);
+		if (value.type === "email") return stegaClean(value.email);
+		if (value.type === "phone") return stegaClean(value.phone);
+	}
+}
+/**
+* Names the document a link leads to, for the two destinations stored as a pointer rather than as
+* something an author wrote.
+*
+* @param value - The link being authored.
+* @returns The document's identifier, or undefined when the destination holds none.
+*/
+function getReferencedId(value) {
+	if (isDefined(value)) {
+		if (value.type === "page") {
+			let { reference } = value;
+			return isDefined(reference) && "_ref" in reference ? reference._ref : void 0;
+		}
+		if (value.type === "file") {
+			let asset = value.file?.asset;
+			return isDefined(asset) && "_ref" in asset ? asset._ref : void 0;
+		}
+	}
+}
+/**
+* Builds the one line the closed control reads, putting what an author wrote first and where it
+* leads in brackets behind it. Either alone stands on its own.
+*
+* @param label - Text the author wrote.
+* @param detail - Where the link leads.
+* @returns The line, or undefined when neither is known.
+*/
+function composeSummary(label, detail) {
+	let written = stegaClean(label);
+	return isDefined(written) && isDefined(detail) ? `${written} (${detail})` : written ?? detail;
+}
+/**
+* Describes where a link leads, reading the title or filename held by the document it points at.
+* Read through the Studio's preview store, so links share one subscription and a rename updates them.
+*
+* @param value - The link being authored.
+* @param titleField - Field an internal link's destination holds its title in.
+* @returns Where the link leads, or undefined while it is being read or when there is nothing to read.
+*/
+function useDestinationDetail(value, titleField) {
+	let $ = c(13), previewStore = useDocumentPreviewStore(), t0;
+	$[0] === value ? t0 = $[1] : (t0 = getLocalDetail(value), $[0] = value, $[1] = t0);
+	let local = t0, t1;
+	$[2] === value ? t1 = $[3] : (t1 = getReferencedId(value), $[2] = value, $[3] = t1);
+	let id = t1, isFile = value?.type === "file", [read, setRead] = useState(), t2, t3;
+	$[4] !== id || $[5] !== isFile || $[6] !== previewStore || $[7] !== titleField ? (t2 = () => {
+		if (!isDefined(id)) return;
+		let destinationId = id, path = (isFile ? "originalFilename" : titleField).split("."), subscription = previewStore.observePaths({ _ref: destinationId }, [path]).subscribe((document) => {
+			let detail = readPath(document, path);
+			setRead({
+				id: destinationId,
+				detail: typeof detail == "string" ? detail : void 0
+			});
+		});
+		return () => {
+			subscription.unsubscribe();
+		};
+	}, t3 = [
+		previewStore,
+		id,
+		isFile,
+		titleField
+	], $[4] = id, $[5] = isFile, $[6] = previewStore, $[7] = titleField, $[8] = t2, $[9] = t3) : (t2 = $[8], t3 = $[9]), useEffect(t2, t3);
+	let t4;
+	return $[10] !== id || $[11] !== read ? (t4 = isDefined(read) && read.id === id ? read.detail : void 0, $[10] = id, $[11] = read, $[12] = t4) : t4 = $[12], local ?? t4;
+}
+function LinkIcon(props) {
+	let $ = c(4), t0, t1;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), t1 = /* @__PURE__ */ jsx("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" }), $[0] = t0, $[1] = t1) : (t0 = $[0], t1 = $[1]);
+	let t2;
+	return $[2] === props ? t2 = $[3] : (t2 = /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [t0, t1]
+	}), $[2] = props, $[3] = t2), t2;
+}
+function ExternalLinkIcon(props) {
+	let $ = c(5), t0, t1, t2;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("path", { d: "M15 3h6v6" }), t1 = /* @__PURE__ */ jsx("path", { d: "M10 14 21 3" }), t2 = /* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }), $[0] = t0, $[1] = t1, $[2] = t2) : (t0 = $[0], t1 = $[1], t2 = $[2]);
+	let t3;
+	return $[3] === props ? t3 = $[4] : (t3 = /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			t0,
+			t1,
+			t2
+		]
+	}), $[3] = props, $[4] = t3), t3;
+}
+function FileDownIcon(props) {
+	let $ = c(6), t0, t1, t2, t3;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }), t1 = /* @__PURE__ */ jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), t2 = /* @__PURE__ */ jsx("path", { d: "M12 18v-6" }), t3 = /* @__PURE__ */ jsx("path", { d: "m9 15 3 3 3-3" }), $[0] = t0, $[1] = t1, $[2] = t2, $[3] = t3) : (t0 = $[0], t1 = $[1], t2 = $[2], t3 = $[3]);
+	let t4;
+	return $[4] === props ? t4 = $[5] : (t4 = /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			t0,
+			t1,
+			t2,
+			t3
+		]
+	}), $[4] = props, $[5] = t4), t4;
+}
+function FileSymlinkIcon(props) {
+	let $ = c(5), t0, t1, t2;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("path", { d: "M4 11V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h7" }), t1 = /* @__PURE__ */ jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), t2 = /* @__PURE__ */ jsx("path", { d: "m10 18 3-3-3-3" }), $[0] = t0, $[1] = t1, $[2] = t2) : (t0 = $[0], t1 = $[1], t2 = $[2]);
+	let t3;
+	return $[3] === props ? t3 = $[4] : (t3 = /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			t0,
+			t1,
+			t2
+		]
+	}), $[3] = props, $[4] = t3), t3;
+}
+function MailIcon(props) {
+	let $ = c(4), t0, t1;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7" }), t1 = /* @__PURE__ */ jsx("rect", {
+		x: "2",
+		y: "4",
+		width: "20",
+		height: "16",
+		rx: "2"
+	}), $[0] = t0, $[1] = t1) : (t0 = $[0], t1 = $[1]);
+	let t2;
+	return $[2] === props ? t2 = $[3] : (t2 = /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [t0, t1]
+	}), $[2] = props, $[3] = t2), t2;
+}
+function PhoneIcon(props) {
+	let $ = c(3), t0;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("path", { d: "M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384" }), $[0] = t0) : t0 = $[0];
+	let t1;
+	return $[1] === props ? t1 = $[2] : (t1 = /* @__PURE__ */ jsx("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: t0
+	}), $[1] = props, $[2] = t1), t1;
+}
+/**
+* The kinds of destination a link may point at, offered in this order. The stored union, the schema's
+* fields, the tabs, and the resolver all follow it.
+*/
+const linkTypes = [
+	{
+		name: "page",
+		icon: FileSymlinkIcon,
+		label: "Page",
+		fields: [
+			"reference",
+			"anchor",
+			"searchParams"
+		]
+	},
+	{
+		name: "anchor",
+		icon: HashIcon,
+		label: "Anchor",
+		fields: ["anchor"]
+	},
+	{
+		name: "url",
+		icon: ExternalLinkIcon,
+		label: "URL",
+		fields: ["url"]
+	},
+	{
+		name: "email",
+		icon: MailIcon,
+		label: "Email",
+		fields: ["email", "subject"]
+	},
+	{
+		name: "phone",
+		icon: PhoneIcon,
+		label: "Phone",
+		fields: ["phone"]
+	},
+	{
+		name: "file",
+		icon: FileDownIcon,
+		label: "File",
+		fields: ["file"]
+	}
+], defaultDestinations = linkTypes.map((linkType) => linkType.name);
+/**
+* Reads which kind of destination a stored value names, so the tabs and the preview describe the same
+* choice. A value the plugin no longer offers reads as no choice at all.
+*
+* @param name - The stored type value.
+* @returns The matching link type, or undefined when nothing recognisable was stored.
+*/
+function getLinkType(name) {
+	return linkTypes.find((linkType) => linkType.name === name);
+}
+/**
+* Names the fields every other destination owns, so moving to one clears what the last one wrote. A
+* field the destination being moved to also owns is kept, since a page and a section share the anchor.
+*
+* @param type - The destination being moved to.
+* @returns Fields belonging to the destinations being left.
+*/
+function getStaleFields(type) {
+	let kept = new Set(getLinkType(type)?.fields);
+	return linkTypes.filter((linkType) => linkType.name !== type).flatMap((linkType) => [...linkType.fields]).filter((field) => !kept.has(field));
+}
+/**
+* Checks whether the destination a link points at shows a given field, so a field's visibility is
+* read from the one table that says which destination owns what.
+*
+* @param parent - The link the field belongs to.
+* @param field - Name of the field to check for.
+* @returns Whether the link's destination shows that field.
+*/
+function showsField(parent, field) {
+	return linkTypes.some((linkType) => linkType.fields.some((owned) => owned === field) && isLinkType(parent, linkType.name));
+}
+/**
+* Checks the kind of destination the link a field belongs to points at, so a field is shown and
+* required only for the link type that uses it.
+*
+* @param parent - The link the field belongs to.
+* @param type - The link type to check for.
+* @returns Whether the link points at that kind of destination.
+*/
+function isLinkType(parent, type) {
+	return typeof parent == "object" && !!parent && "type" in parent && parent.type === type;
+}
+/**
+* Checks whether the link a field belongs to was authored as an annotation, where the text it wraps
+* supplies what the field would otherwise hold.
+*
+* @param parent - The link the field belongs to.
+* @returns Whether the link is a text annotation.
+*/
+function isLinkMark(parent) {
+	return typeof parent == "object" && !!parent && "_type" in parent && parent._type === "linkMark";
+}
+/**
+* Settles what a link field offers. The list says what is on and replaces whatever the plugin was
+* given, so one line tells you the whole answer.
+*
+* @param options - Options the field itself was given.
+* @param config - Configuration the plugin was given.
+* @returns The settings the field runs on.
+*/
+function resolveLinkOptions(options, config) {
+	return { destinations: options?.destinations ?? config.destinations ?? defaultDestinations };
+}
+/**
+* Narrows the destinations to those on offer, in the order they were named. A name this version does
+* not recognise is skipped, and a set that leaves nothing offers them all rather than a field with
+* nowhere to point.
+*
+* @param destinations - Destinations to offer.
+* @returns The destinations on offer, of which there is always at least one.
+*/
+function getOfferedLinkTypes(destinations) {
+	let [offered, ...rest] = [...new Set(destinations)].flatMap((name) => {
+		let linkType = getLinkType(name);
+		return isDefined(linkType) ? [linkType] : [];
+	}), [everything, ...others] = linkTypes;
+	return isDefined(offered) ? [offered, ...rest] : [everything, ...others];
+}
+function Destinations(t0) {
+	let $ = c(16), { id, offered, selected, showTabs, readOnly, onSelect, children } = t0, t1;
+	$[0] !== id || $[1] !== offered || $[2] !== onSelect || $[3] !== readOnly || $[4] !== selected || $[5] !== showTabs ? (t1 = showTabs && /* @__PURE__ */ jsx(TabList, {
+		gap: 1,
+		children: offered.map((linkType) => /* @__PURE__ */ jsx(Tab, {
+			id: `${id}-tab-${linkType.name}`,
+			"aria-controls": `${id}-panel`,
+			icon: /* @__PURE__ */ jsx(linkType.icon, { ...defaultIconProps }),
+			label: linkType.label,
+			selected: linkType.name === selected.name,
+			disabled: readOnly,
+			onClick: () => {
+				onSelect(linkType.name);
+			}
+		}, linkType.name))
+	}), $[0] = id, $[1] = offered, $[2] = onSelect, $[3] = readOnly, $[4] = selected, $[5] = showTabs, $[6] = t1) : t1 = $[6];
+	let t2;
+	$[7] !== children || $[8] !== id || $[9] !== selected || $[10] !== showTabs ? (t2 = showTabs && /* @__PURE__ */ jsx(TabPanel, {
+		id: `${id}-panel`,
+		"aria-labelledby": `${id}-tab-${selected.name}`,
+		paddingTop: 3,
+		children
+	}), $[7] = children, $[8] = id, $[9] = selected, $[10] = showTabs, $[11] = t2) : t2 = $[11];
+	let t3 = !showTabs && children, t4;
+	return $[12] !== t1 || $[13] !== t2 || $[14] !== t3 ? (t4 = /* @__PURE__ */ jsxs(Stack, {
+		gap: 4,
+		children: [
+			t1,
+			t2,
+			t3
+		]
+	}), $[12] = t1, $[13] = t2, $[14] = t3, $[15] = t4) : t4 = $[15], t4;
+}
+/**
+* Builds the patches that move a link to a destination, clearing whatever the last one wrote. A
+* destination moved away from would otherwise stay in the document unseen, and reappear the moment
+* an author moved the tab back.
+*
+* @param typeName - Name the link type is registered under.
+* @param type - The destination being moved to.
+* @returns The patches to apply.
+*/
+function createDestinationPatches(typeName, type) {
+	return [
+		setIfMissing({ _type: typeName }),
+		set(type, ["type"]),
+		...getStaleFields(type).map((field) => unset([field]))
+	];
+}
+/**
+* Creates the input a link field is drawn with, holding what the plugin was configured with so a
+* field naming its own destinations replaces them rather than adding to them.
+*
+* @param titleField - Field an internal link's destination holds its title in.
+* @param config - Configuration the plugin was given.
+* @returns The input component.
+*/
+function createInput(titleField, config) {
+	function Input(props) {
+		let $ = c(22), { id, path, schemaType, value, onChange, readOnly, renderDefault } = props, [open, setOpen] = useState(!1), { destinations } = resolveLinkOptions(schemaType.options, config), offered = getOfferedLinkTypes(destinations), [defaultLinkType] = offered, stored = getLinkType(value?.type), selected = stored ?? defaultLinkType, detail = useDestinationDetail(value, titleField), summary = composeSummary(value?.label, detail) ?? stored?.label, Icon = stored?.icon ?? LinkIcon, t0;
+		$[0] === path ? t0 = $[1] : (t0 = path.at(-1), $[0] = path, $[1] = t0);
+		let isArrayItem = typeof t0 == "object", showTabs = offered.length > 1, t1;
+		$[2] !== onChange || $[3] !== schemaType.name ? (t1 = function handleSelectType(type) {
+			onChange(createDestinationPatches(schemaType.name, type));
+		}, $[2] = onChange, $[3] = schemaType.name, $[4] = t1) : t1 = $[4];
+		let handleSelectType = t1;
+		if (useEffect(() => {
+			isArrayItem && !isDefined(stored) && onChange(createDestinationPatches(schemaType.name, selected.name));
+		}, [
+			isArrayItem,
+			stored,
+			selected,
+			onChange,
+			schemaType.name
+		]), isArrayItem) {
+			let t2;
+			return $[5] !== props || $[6] !== renderDefault ? (t2 = renderDefault(props), $[5] = props, $[6] = renderDefault, $[7] = t2) : t2 = $[7], /* @__PURE__ */ jsx(Destinations, {
+				id,
+				offered,
+				selected,
+				showTabs,
+				readOnly,
+				onSelect: handleSelectType,
+				children: t2
+			});
+		}
+		let t2;
+		$[8] !== onChange || $[9] !== readOnly || $[10] !== value ? (t2 = isDefined(value) && /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			mode: "ghost",
+			tone: "critical",
+			icon: /* @__PURE__ */ jsx(CloseIcon, {}),
+			text: "Clear",
+			disabled: readOnly,
+			onClick: () => {
+				onChange(unset());
+			},
+			"aria-label": "Clear this link"
+		}), $[8] = onChange, $[9] = readOnly, $[10] = value, $[11] = t2) : t2 = $[11];
+		let t3;
+		return $[12] !== handleSelectType || $[13] !== id || $[14] !== offered || $[15] !== open || $[16] !== props || $[17] !== readOnly || $[18] !== renderDefault || $[19] !== selected || $[20] !== showTabs ? (t3 = open && /* @__PURE__ */ jsx(Dialog, {
+			id: `${id}-dialog`,
+			header: "Link",
+			width: 1,
+			onClose: () => {
+				setOpen(!1);
+			},
+			onClickOutside: () => {
+				setOpen(!1);
+			},
+			children: /* @__PURE__ */ jsx(Box, {
+				padding: 4,
+				children: /* @__PURE__ */ jsx(Destinations, {
+					id,
+					offered,
+					selected,
+					showTabs,
+					readOnly,
+					onSelect: handleSelectType,
+					children: renderDefault(props)
+				})
+			})
+		}), $[12] = handleSelectType, $[13] = id, $[14] = offered, $[15] = open, $[16] = props, $[17] = readOnly, $[18] = renderDefault, $[19] = selected, $[20] = showTabs, $[21] = t3) : t3 = $[21], /* @__PURE__ */ jsxs(Flex, {
+			gap: 2,
+			children: [
+				/* @__PURE__ */ jsx(Button, {
+					id,
+					type: "button",
+					mode: "ghost",
+					icon: /* @__PURE__ */ jsx(Icon, { ...defaultIconProps }),
+					text: summary ?? "Add link",
+					disabled: readOnly,
+					onClick: () => {
+						isDefined(stored) || handleSelectType(selected.name), setOpen(!0);
+					},
+					"aria-label": isDefined(summary) ? `Edit link: ${summary}` : "Add link"
+				}),
+				t2,
+				t3
+			]
+		});
+	}
+	return Input;
+}
+/**
+* Reads a row's pair, which arrives as the bare keyed item the array input is typed with rather than
+* as the parameter it holds.
+*
+* @param param - The stored row.
+* @returns The name and value the row carries, either of which may be unwritten.
+*/
+function readParam(param) {
+	return {
+		key: "key" in param && typeof param.key == "string" ? param.key : void 0,
+		value: "value" in param && typeof param.value == "string" ? param.value : void 0
+	};
+}
+function SearchParams(t0) {
+	let $ = c(24), { id, value, onChange, readOnly } = t0, t1;
+	$[0] === value ? t1 = $[1] : (t1 = value ?? [], $[0] = value, $[1] = t1);
+	let params = t1, t2;
+	$[2] === onChange ? t2 = $[3] : (t2 = function handleEdit(key, field, next) {
+		onChange(isDefined(next) ? set(next, [{ _key: key }, field]) : unset([{ _key: key }, field]));
+	}, $[2] = onChange, $[3] = t2);
+	let handleEdit = t2, t3;
+	if ($[4] !== handleEdit || $[5] !== id || $[6] !== onChange || $[7] !== params || $[8] !== readOnly) {
+		let t4;
+		$[10] !== handleEdit || $[11] !== id || $[12] !== onChange || $[13] !== readOnly ? (t4 = (param, index) => {
+			let { key: key_0, value: parameterValue } = readParam(param), position = String(index + 1);
+			return /* @__PURE__ */ jsxs(Flex, {
+				gap: 2,
+				align: "center",
+				children: [
+					/* @__PURE__ */ jsx(Box, {
+						flex: 1,
+						children: /* @__PURE__ */ jsx(TextInput, {
+							id: index === 0 ? id : void 0,
+							value: key_0 ?? "",
+							placeholder: "Name",
+							readOnly,
+							onChange: (event) => {
+								handleEdit(param._key, "key", event.currentTarget.value);
+							},
+							"aria-label": `Name of parameter ${position}`
+						})
+					}),
+					/* @__PURE__ */ jsx(Box, {
+						flex: 1,
+						children: /* @__PURE__ */ jsx(TextInput, {
+							value: parameterValue ?? "",
+							placeholder: "Value",
+							readOnly,
+							onChange: (event_0) => {
+								handleEdit(param._key, "value", event_0.currentTarget.value);
+							},
+							"aria-label": `Value of parameter ${position}`
+						})
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						mode: "bleed",
+						tone: "critical",
+						icon: /* @__PURE__ */ jsx(CloseIcon, {}),
+						disabled: readOnly,
+						onClick: () => {
+							onChange(unset([{ _key: param._key }]));
+						},
+						"aria-label": `Remove parameter ${position}`
+					})
+				]
+			}, param._key);
+		}, $[10] = handleEdit, $[11] = id, $[12] = onChange, $[13] = readOnly, $[14] = t4) : t4 = $[14], t3 = params.map(t4), $[4] = handleEdit, $[5] = id, $[6] = onChange, $[7] = params, $[8] = readOnly, $[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	$[15] === Symbol.for("react.memo_cache_sentinel") ? (t4 = /* @__PURE__ */ jsx(AddIcon, {}), $[15] = t4) : t4 = $[15];
+	let t5;
+	$[16] === onChange ? t5 = $[17] : (t5 = () => {
+		onChange([setIfMissing([]), insert([{
+			_type: searchParamTypeName,
+			_key: randomKey(12)
+		}], "after", [-1])]);
+	}, $[16] = onChange, $[17] = t5);
+	let t6;
+	$[18] !== readOnly || $[19] !== t5 ? (t6 = /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		mode: "ghost",
+		icon: t4,
+		text: "Add parameter",
+		disabled: readOnly,
+		onClick: t5
+	}) }), $[18] = readOnly, $[19] = t5, $[20] = t6) : t6 = $[20];
+	let t7;
+	return $[21] !== t3 || $[22] !== t6 ? (t7 = /* @__PURE__ */ jsxs(Stack, {
+		gap: 2,
+		children: [t3, t6]
+	}), $[21] = t3, $[22] = t6, $[23] = t7) : t7 = $[23], t7;
+}
+/**
+* Creates the object type a link is stored as, offering internal pages among the document types it
+* is given and borrowing a label from whichever field those documents hold their title in.
+*
+* @param config - Configuration the plugin was given.
+* @returns An object type definition for a stored link.
+*/
+function createLinkType(config) {
+	let { documentTypes, title: { field: titleField = defaultTitleField } = {} } = config;
+	return defineType({
+		name: linkTypeName,
+		type: "object",
+		icon: createSanityIcon(LinkIcon),
+		description: "Link to a page, a URL, an email address, a phone number, or a file.",
+		components: {
+			field: Field,
+			input: createInput(titleField, config)
+		},
+		validation: (rule) => rule.custom((value) => !isDefined(value) || isDefined(value.type) ? !0 : "Choose a destination."),
+		preview: {
+			select: {
+				type: "type",
+				title: `reference.${titleField}`,
+				label: "label"
+			},
+			prepare(selection) {
+				let { type, title, label } = selection, linkType = getLinkType(type);
+				return {
+					title: label ?? title ?? linkType?.label ?? "Link",
+					media: createSanityIcon(linkType?.icon ?? LinkIcon)
+				};
+			}
+		},
+		fields: [
+			defineField({
+				name: "type",
+				type: "string",
+				description: "Which kind of destination this link points at, chosen from the tabs above.",
+				components: { field: Hidden }
+			}),
+			defineField({
+				name: "reference",
+				type: "reference",
+				description: "Page on this site to link to, which keeps working if its address changes.",
+				to: documentTypes.map((type) => ({ type })),
+				hidden: ({ parent }) => !showsField(parent, "reference"),
+				validation: (rule) => rule.custom((value, context) => isLinkType(context.parent, "page") && !isDefined(value) ? "Choose the page this link opens." : !0)
+			}),
+			defineField({
+				name: "url",
+				type: "url",
+				title: "URL",
+				description: "Full web address to link to, including the https:// in front of it.",
+				hidden: ({ parent }) => !showsField(parent, "url"),
+				validation: (rule) => rule.uri({ scheme: ["http", "https"] }).custom((value, context) => isLinkType(context.parent, "url") && !isDefined(value) ? "Enter the web address this link opens." : !0)
+			}),
+			defineField({
+				name: "email",
+				type: "string",
+				description: "Address a message opens to when a visitor follows this link.",
+				hidden: ({ parent }) => !showsField(parent, "email"),
+				validation: (rule) => rule.email().custom((value, context) => isLinkType(context.parent, "email") && !isDefined(value) ? "Enter the address this link opens a message to." : !0)
+			}),
+			defineField({
+				name: "subject",
+				type: "string",
+				description: "Optional subject line, filled in for the visitor before they start writing.",
+				hidden: ({ parent }) => !showsField(parent, "subject")
+			}),
+			defineField({
+				name: "phone",
+				type: "string",
+				description: "Number to call, written however it reads best. Spacing is ignored.",
+				hidden: ({ parent }) => !showsField(parent, "phone"),
+				validation: (rule) => rule.regex(/^\+?[\d\s()-]{6,}$/u, { name: "phone number" }).custom((value, context) => isLinkType(context.parent, "phone") && !isDefined(value) ? "Enter the number this link calls." : !0)
+			}),
+			defineField({
+				name: "file",
+				type: "file",
+				description: "File a visitor downloads, uploaded here so it stays with the link.",
+				hidden: ({ parent }) => !showsField(parent, "file"),
+				validation: (rule) => rule.custom((value, context) => isLinkType(context.parent, "file") && !isDefined(value) ? "Upload the file this link serves." : !0)
+			}),
+			defineField({
+				name: "anchor",
+				type: "string",
+				description: "Section of the page to send the visitor to, named without its leading hash.",
+				hidden: ({ parent }) => !showsField(parent, "anchor"),
+				components: { input: Anchor },
+				validation: (rule) => rule.custom((value, context) => isDefined(value) ? value === convertCase(value, "kebab") || "Write the section name in lowercase, with hyphens instead of spaces." : !isLinkType(context.parent, "anchor") || "Name the section this link scrolls to.")
+			}),
+			defineField({
+				name: "searchParams",
+				type: "array",
+				title: "Search Parameters",
+				description: "Extra values carried in the address, often recording where a visitor came from.",
+				hidden: ({ parent }) => !showsField(parent, "searchParams"),
+				components: { input: SearchParams },
+				validation: (rule) => rule.custom((value) => !isDefined(value) || value.every(({ key, value: carried }) => !isDefined(carried) || isDefined(key)) ? !0 : "Name every parameter that carries a value."),
+				of: [defineArrayMember({
+					name: searchParamTypeName,
+					type: "object",
+					preview: {
+						select: {
+							key: "key",
+							value: "value"
+						},
+						prepare(selection) {
+							let { key, value } = selection;
+							return {
+								title: key ?? "Parameter",
+								subtitle: value
+							};
+						}
+					},
+					fields: [defineField({
+						name: "key",
+						type: "string",
+						description: "Name this value is read under."
+					}), defineField({
+						name: "value",
+						type: "string",
+						description: "Value carried under that name."
+					})]
+				})]
+			}),
+			defineField({
+				name: "label",
+				type: "string",
+				description: "Text a visitor clicks, which should still make sense out of context.",
+				hidden: ({ parent }) => isLinkMark(parent) || !linkTypes.some(({ name }) => isLinkType(parent, name)),
+				validation: (rule) => rule.custom((value, context) => {
+					let { parent } = context;
+					return isLinkMark(parent) || isLinkType(parent, "page") ? !0 : linkTypes.some(({ name }) => isLinkType(parent, name)) && !isDefined(value) ? "Write the text a visitor clicks." : !0;
+				})
+			})
+		]
+	});
+}
+/**
+* Creates the link field type for Sanity Studio, offering a page, a section of it, an address, an
+* email, a phone number, or a file behind one control, and resolving nothing about routing itself.
+*
+* @param config - Plugin configuration.
+* @returns Sanity plugin definition.
+* @public
+*/
+const linkPlugin = definePlugin((config) => ({
+	name: pluginName,
+	schema: { types: [createLinkType(config)] }
+})), linkAnnotation = defineArrayMember({
+	name: linkMarkTypeName,
+	type: linkTypeName,
+	title: "Link",
+	icon: createSanityIcon(LinkIcon)
+});
+/**
+* Builds the annotation a pasted address becomes, so an address arriving as markup lands on the link
+* type this plugin registers.
+*
+* @param schema - Schema of the editor the paste landed in.
+* @param url - Address the pasted link points at.
+* @returns The annotation to apply, or undefined when the editor offers no link annotation.
+*/
+function createUrlLink(schema, url) {
+	let annotation = schema.annotations.find(({ name }) => name === linkMarkTypeName);
+	if (isDefined(annotation)) return {
+		_type: linkMarkTypeName,
+		type: "url",
+		url
+	};
+}
+/**
+* Keeps hyperlinks when formatted text is pasted. Sanity's own handling recognises only its default
+* annotation shape, so a pasted link would otherwise arrive as plain text.
+*/
+const pasteUrlBehavior = defineBehavior({
+	on: "clipboard.paste",
+	guard: ({ snapshot, event }) => {
+		let html = event.originEvent.dataTransfer.getData("text/html");
+		return /<a\s[^>]*href/iu.test(html) ? { blocks: htmlToPortableText(html, {
+			schema: snapshot.context.schema,
+			keyGenerator: snapshot.context.keyGenerator,
+			rules: [{ deserialize(element, next) {
+				if (!(element instanceof Element) || element.nodeName.toLowerCase() !== "a") return;
+				let url = element.getAttribute("href"), link = isDefined(url) ? createUrlLink(snapshot.context.schema, url) : void 0;
+				return isDefined(link) ? {
+					_type: "__annotation",
+					markDef: {
+						...link,
+						_key: snapshot.context.keyGenerator()
+					},
+					children: next(element.childNodes)
+				} : next(element.childNodes);
+			} }]
+		}) } : !1;
+	},
+	actions: [({ snapshot }, { blocks }) => [...isSelectionExpanded(snapshot) ? [raise({ type: "delete" })] : [], raise({
+		type: "insert.blocks",
+		blocks,
+		placement: "auto"
+	})]]
+});
+/**
+* Writes this plugin's link when an author pastes one, from formatted markup or a bare address. Pass
+* it to a text type's `components.portableText.plugins`.
+*
+* @param props - Portable Text plugin props the Studio supplies.
+* @returns The editor's own plugins, with link pasting replaced.
+* @public
+*/
+function PortableTextLinkPlugins(props) {
+	let $ = c(5), editor = useEditor(), t0, t1;
+	$[0] === editor ? (t0 = $[1], t1 = $[2]) : (t0 = () => {
+		let unregister = editor.registerBehavior({ behavior: pasteUrlBehavior });
+		return () => {
+			unregister();
+		};
+	}, t1 = [editor], $[0] = editor, $[1] = t0, $[2] = t1), useEffect(t0, t1);
+	let t2;
+	return $[3] === props ? t2 = $[4] : (t2 = props.renderDefault({
+		...props,
+		plugins: {
+			...props.plugins,
+			pasteLink: {
+				...props.plugins.pasteLink,
+				link: _temp
+			}
+		}
+	}), $[3] = props, $[4] = t2), t2;
+}
+function _temp(t0) {
+	let { context, value } = t0;
+	return createUrlLink(context.schema, value.href);
+}
+export { PortableTextLinkPlugins, linkAnnotation, linkPlugin };
+
+//# sourceMappingURL=index.js.map