@sanity/vision 6.20.0 → 6.21.0-next.103

package/lib/{CodeDiff-Bj_o50Qy.js → CodeDiff-MkS3Q87A.js}

@@ -1,7 +1,6 @@
 import { useEffect, useRef } from "react";
 import { c } from "react/compiler-runtime";
 import { useTheme_v2 } from "@sanity/ui";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
 import { FileDiff } from "@pierre/diffs";
 /**
@@ -9,7 +8,7 @@ import { FileDiff } from "@pierre/diffs";
 * Only loaded through `lazy()` once a history entry's changes are expanded.
 */
 function CodeDiff(t0) {
-	let $ = c(19), { previous, next, lang } = t0, { color, font } = useTheme_v2(), codeSize = font.code.sizes[1], wrapperRef = useRef(null), t1 = `diff.${lang}`, t2;
+	let $ = c(17), { previous, next, lang } = t0, { color, font } = useTheme_v2(), codeSize = font.code.sizes[1], wrapperRef = useRef(null), t1 = `diff.${lang}`, t2;
 	$[0] !== lang || $[1] !== previous || $[2] !== t1 ? (t2 = {
 		name: t1,
 		contents: previous,
@@ -44,17 +43,19 @@ function CodeDiff(t0) {
 		themeType
 	], $[8] = newFile, $[9] = oldFile, $[10] = themeType, $[11] = t5, $[12] = t6) : (t5 = $[11], t6 = $[12]), useEffect(t5, t6);
 	let t7 = `${codeSize.fontSize}px`, t8 = `${codeSize.lineHeight}px`, t9;
-	$[13] !== font.code.family || $[14] !== t7 || $[15] !== t8 ? (t9 = assignInlineVars({
-		"--diffs-font-family": font.code.family,
-		"--diffs-font-size": t7,
-		"--diffs-line-height": t8
-	}), $[13] = font.code.family, $[14] = t7, $[15] = t8, $[16] = t9) : t9 = $[16];
-	let t10;
-	return $[17] === t9 ? t10 = $[18] : (t10 = /* @__PURE__ */ jsx("div", {
-		ref: wrapperRef,
-		style: t9
-	}), $[17] = t9, $[18] = t10), t10;
+	if ($[13] !== font.code.family || $[14] !== t7 || $[15] !== t8) {
+		let style = {
+			"--diffs-font-family": font.code.family,
+			"--diffs-font-size": t7,
+			"--diffs-line-height": t8
+		};
+		t9 = /* @__PURE__ */ jsx("div", {
+			ref: wrapperRef,
+			style
+		}), $[13] = font.code.family, $[14] = t7, $[15] = t8, $[16] = t9;
+	} else t9 = $[16];
+	return t9;
 }
 export { CodeDiff as default };
 
-//# sourceMappingURL=CodeDiff-Bj_o50Qy.js.map
+//# sourceMappingURL=CodeDiff-MkS3Q87A.js.map

package/lib/CodeDiff-MkS3Q87A.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeDiff-MkS3Q87A.js","names":["{previous, next, lang}: CodeDiffProps","{name: `diff.${lang}`, contents: previous, lang}","`diff.${lang}`","useMemo<FileContents>(\n    () => ({name: `diff.${lang}`, contents: previous, lang}),\n    [lang, previous],\n  )","{name: `diff.${lang}`, contents: next, lang}","useMemo<FileContents>(\n    () => ({name: `diff.${lang}`, contents: next, lang}),\n    [lang, next],\n  )","() => {\n    const wrapper = wrapperRef.current\n    if (!wrapper) return undefined\n    const diff = new FileDiff({\n      diffStyle: 'unified',\n      // Thrown from `render` in this effect, a failure reaches the History panel's error\n      // boundary and its Retry, rather than being drawn as a stack trace inside the diff\n      disableErrorHandling: true,\n      disableFileHeader: true,\n      lineDiffType: 'word',\n      overflow: 'wrap',\n      themeType,\n    })\n    diff.render({containerWrapper: wrapper, newFile, oldFile})\n    return () => diff.cleanUp()\n  }","[newFile, oldFile, themeType]","<div ref={wrapperRef} style={style} />","family","`${codeSize.fontSize}px`","`${codeSize.lineHeight}px`","_c","useThemeV2"],"sources":["../src/vista/components/response/CodeDiff.tsx"],"sourcesContent":["import {type FileContents, FileDiff} from '@pierre/diffs'\nimport {useTheme_v2 as useThemeV2} from '@sanity/ui'\nimport {type CSSProperties, useEffect, useMemo, useRef} from 'react'\n\n/** The custom properties `@pierre/diffs` styles its markup with */\ninterface DiffsStyle extends CSSProperties {\n  '--diffs-font-family': string\n  '--diffs-font-size': string\n  '--diffs-line-height': string\n}\n\nexport interface CodeDiffProps {\n  previous: string\n  next: string\n  lang: 'json' | 'text'\n}\n\n/**\n * Line diff of two texts, rendered by `@pierre/diffs` (Shiki highlighting in a shadow root).\n * Only loaded through `lazy()` once a history entry's changes are expanded.\n */\nexport default function CodeDiff({previous, next, lang}: CodeDiffProps) {\n  const {color, font} = useThemeV2()\n  const codeSize = font.code.sizes[1]\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  const oldFile = useMemo<FileContents>(\n    () => ({name: `diff.${lang}`, contents: previous, lang}),\n    [lang, previous],\n  )\n  const newFile = useMemo<FileContents>(\n    () => ({name: `diff.${lang}`, contents: next, lang}),\n    [lang, next],\n  )\n  const themeType = color._dark ? 'dark' : 'light'\n\n  // The library's React components keep their container and hydrate whatever markup a previous\n  // instance left in it, so after StrictMode detaches and re-attaches their ref they render\n  // nothing. An instance per effect run with a container of its own (removed on clean up) has no\n  // such markup to find\n  useEffect(() => {\n    const wrapper = wrapperRef.current\n    if (!wrapper) return undefined\n    const diff = new FileDiff({\n      diffStyle: 'unified',\n      // Thrown from `render` in this effect, a failure reaches the History panel's error\n      // boundary and its Retry, rather than being drawn as a stack trace inside the diff\n      disableErrorHandling: true,\n      disableFileHeader: true,\n      lineDiffType: 'word',\n      overflow: 'wrap',\n      themeType,\n    })\n    diff.render({containerWrapper: wrapper, newFile, oldFile})\n    return () => diff.cleanUp()\n  }, [newFile, oldFile, themeType])\n\n  const style: DiffsStyle = {\n    '--diffs-font-family': font.code.family,\n    '--diffs-font-size': `${codeSize.fontSize}px`,\n    '--diffs-line-height': `${codeSize.lineHeight}px`,\n  }\n\n  return <div ref={wrapperRef} style={style} />\n}\n"],"mappings":";;;;;;;;;AAqBA,SAAwB,SAAA,IAAgD;C,eAAvC,EAAC,UAAU,MAAM,SAAjBA,IACzB,EAAC,OAAO,SAAQa,YAAW,GAC3B,WAAW,KAAK,KAAK,MAAM,IAC3B,aAAa,OAAuB,IAAI,GAE9B,KAAA,QAAQ,QAAfZ;CAA2C,AAAA,EAAA,OAAA,QAAA,EAAA,OAAV,YAAA,EAAA,OAA1BC,MAAP,KAAA;EAAC,MAAMA;EAAgB,UAAU;EAAU;CAAI,GAAJ,EAAA,KAAA,MAAV,EAAA,KAAA,UAA1BA,EAAAA,KAAAA,I;CADhB,IAAM,UAAUC,IAKA,KAAA,QAAQ,QAAfC;CAAuC,AAAA,EAAA,OAAA,QAAA,EAAA,OAAN,QAAA,EAAA,OAA1BF,MAAP,KAAA;EAAC,MAAMA;EAAgB,UAAU;EAAM;CAAI,GAAJ,EAAA,KAAA,MAAN,EAAA,KAAA,MAA1BA,EAAAA,KAAAA,I;CADhB,IAAM,UAAUG,IAIV,YAAY,MAAM,QAAQ,SAAS,SAM/BC,IAePC;CAfH,AAa0C,EAAA,OAAA,WAAA,EAAA,OAAS,WAAA,EAAA,QAF/C,aAXM,WAAM;EACd,IAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,SAAS;EACd,IAAM,OAAO,IAAI,SAAS;GACxB,WAAW;GAGX,sBAAsB;GACtB,mBAAmB;GACnB,cAAc;GACd,UAAU;GACV;EACF,CAAC;EAED,OADA,KAAK,OAAO;GAAC,kBAAkB;GAAS;GAAS;EAAO,CAAC,SAC5C,KAAK,QAAQ;CAC5B,GAAG,KAAA;EAAC;EAAS;EAAS;CAAS,GAFW,EAAA,KAAA,SAAS,EAAA,KAAA,SAF/C,EAAA,MAAA,W,oDAXJ,UAAUD,IAePC,EAA6B;CAIT,IAAA,KAAA,GAAG,SAAS,SAAS,KACnB,KAAA,GAAG,SAAS,WAAW,KAGzCC;CAL4BC,IAAAA,EAAAA,QAAAA,KAAL,KAAK,UAAA,EAAA,QACZC,MAAAA,EAAAA,QACEC,IAAAA;EAHzB,IAAM,QAAoB;GACxB,uBAAuB,KAAK,KAAK;GACjC,qBAAqBD;GACrB,uBAAuBC;EACzB;E,AAEO,KAAA,oBAAC,OAAD;GAAK,KAAK;GAAmB;EAAQ,CAAA,GALTF,EAAAA,MAAAA,KAAL,KAAK,QACZC,EAAAA,MAAAA,IACEC,EAAAA,MAAAA,I;;CAGzB,OAAOH;AACT"}