@sanity/vision 6.20.0-next.58 → 6.20.0-next.63

package/lib/CodeDiff-Bj_o50Qy.js

@@ -0,0 +1,60 @@
+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";
+/**
+* Line diff of two texts, rendered by `@pierre/diffs` (Shiki highlighting in a shadow root).
+* 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;
+	$[0] !== lang || $[1] !== previous || $[2] !== t1 ? (t2 = {
+		name: t1,
+		contents: previous,
+		lang
+	}, $[0] = lang, $[1] = previous, $[2] = t1, $[3] = t2) : t2 = $[3];
+	let oldFile = t2, t3 = `diff.${lang}`, t4;
+	$[4] !== lang || $[5] !== next || $[6] !== t3 ? (t4 = {
+		name: t3,
+		contents: next,
+		lang
+	}, $[4] = lang, $[5] = next, $[6] = t3, $[7] = t4) : t4 = $[7];
+	let newFile = t4, themeType = color._dark ? "dark" : "light", t5, t6;
+	$[8] !== newFile || $[9] !== oldFile || $[10] !== themeType ? (t5 = () => {
+		let wrapper = wrapperRef.current;
+		if (!wrapper) return;
+		let diff = new FileDiff({
+			diffStyle: "unified",
+			disableErrorHandling: !0,
+			disableFileHeader: !0,
+			lineDiffType: "word",
+			overflow: "wrap",
+			themeType
+		});
+		return diff.render({
+			containerWrapper: wrapper,
+			newFile,
+			oldFile
+		}), () => diff.cleanUp();
+	}, t6 = [
+		newFile,
+		oldFile,
+		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;
+}
+export { CodeDiff as default };
+
+//# sourceMappingURL=CodeDiff-Bj_o50Qy.js.map

package/lib/CodeDiff-Bj_o50Qy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeDiff-Bj_o50Qy.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]","assignInlineVars({\n        '--diffs-font-family': font.code.family,\n        '--diffs-font-size': `${codeSize.fontSize}px`,\n        '--diffs-line-height': `${codeSize.lineHeight}px`,\n      })","family","`${codeSize.fontSize}px`","`${codeSize.lineHeight}px`","<div\n      ref={wrapperRef}\n      style={assignInlineVars({\n        '--diffs-font-family': font.code.family,\n        '--diffs-font-size': `${codeSize.fontSize}px`,\n        '--diffs-line-height': `${codeSize.lineHeight}px`,\n      })}\n    />","_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 {assignInlineVars} from '@vanilla-extract/dynamic'\nimport {useEffect, useMemo, useRef} from 'react'\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  return (\n    <div\n      ref={wrapperRef}\n      style={assignInlineVars({\n        '--diffs-font-family': font.code.family,\n        '--diffs-font-size': `${codeSize.fontSize}px`,\n        '--diffs-line-height': `${codeSize.lineHeight}px`,\n      })}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;AAeA,SAAwB,SAAA,IAAgD;C,eAAvC,EAAC,UAAU,MAAM,SAAjBA,IACzB,EAAC,OAAO,SAAQc,YAAW,GAC3B,WAAW,KAAK,KAAK,MAAM,IAC3B,aAAa,OAAuB,IAAI,GAE9B,KAAA,QAAQ,QAAfb;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;CAOL,IAAA,KAAA,GAAG,SAAS,SAAS,KACnB,KAAA,GAAG,SAAS,WAAW,KAHzCC;CAC4BC,AAAAA,EAAAA,QAAAA,KAAL,KAAK,UAAA,EAAA,QACZC,MAAAA,EAAAA,QACEC,MAHlB,KAAA,iBAAiB;EACtB,uBAAuB,KAAK,KAAK;EACjC,qBAAqBD;EACrB,uBAAuBC;CACzB,CAAC,GAHkCF,EAAAA,MAAAA,KAAL,KAAK,QACZC,EAAAA,MAAAA,IACEC,EAAAA,MAAAA,I;CAL3BC,IAAAA;CADF,OAGWJ,EAAAA,QAAAA,K,eAFT,MAAA,oBAAC,OAAD;EACE,KAAK;EACL,OAAOA;CAKR,CAAA,GALQA,EAAAA,MAAAA,I,cAFTI;AASJ"}