@typespec/playground 0.15.0-dev.4 → 0.15.0-dev.6

package/dist/react/index.js

@@ -1983,12 +1983,11 @@ var OutputTabs = ({ filenames, selected, onSelect }) => {
 * Tracks which output files have changed between compilations.
 * Returns the set of changed file paths and a map of changed line numbers per file.
 */
-function useFileChanges(program, outputFiles, highlightChanges) {
+function useFileChanges(program, outputFiles) {
 	const [changedFiles, setChangedFiles] = useState(/* @__PURE__ */ new Set());
 	const [changedLines, setChangedLines] = useState(/* @__PURE__ */ new Map());
 	const prevContentsRef = useRef(/* @__PURE__ */ new Map());
 	useEffect(() => {
-		if (!highlightChanges) return;
 		let cancelled = false;
 		async function diffFiles() {
 			const changed = /* @__PURE__ */ new Set();
@@ -2024,11 +2023,7 @@ function useFileChanges(program, outputFiles, highlightChanges) {
 		return () => {
 			cancelled = true;
 		};
-	}, [
-		program,
-		outputFiles,
-		highlightChanges
-	]);
+	}, [program, outputFiles]);
 	return useMemo(() => ({
 		changedFiles,
 		changedLines
@@ -2052,10 +2047,10 @@ var output_view_module_default = {
 };
 //#endregion
 //#region src/react/output-view/file-viewer.tsx
-var FileViewerComponent = ({ program, outputFiles, fileViewers, highlightChanges }) => {
+var FileViewerComponent = ({ program, outputFiles, fileViewers }) => {
 	const [filename, setFilename] = useState("");
 	const [content, setContent] = useState("");
-	const { changedFiles, changedLines } = useFileChanges(program, outputFiles, highlightChanges);
+	const { changedFiles, changedLines } = useFileChanges(program, outputFiles);
 	const showFileTree = useMemo(() => outputFiles.some((f) => f.includes("/")) || outputFiles.length >= 3, [outputFiles]);
 	const loadOutputFile = useCallback(async (path) => {
 		setContent((await program.host.readFile("./tsp-output/" + path)).text);
@@ -2090,7 +2085,7 @@ var FileViewerComponent = ({ program, outputFiles, fileViewers, highlightChanges
 					files: outputFiles,
 					selected: filename,
 					onSelect: handleFileSelection,
-					changedFiles: highlightChanges ? changedFiles : void 0
+					changedFiles
 				})
 			}), /* @__PURE__ */ jsx(Pane, { children: /* @__PURE__ */ jsxs("div", {
 				className: output_view_module_default["file-viewer-content-with-breadcrumb"],
@@ -2100,7 +2095,7 @@ var FileViewerComponent = ({ program, outputFiles, fileViewers, highlightChanges
 						filename,
 						content,
 						viewers: fileViewers,
-						changedLineNumbers: highlightChanges ? changedLines.get(filename) : void 0
+						changedLineNumbers: changedLines.get(filename)
 					})
 				})]
 			}) })]
@@ -2118,14 +2113,13 @@ var FileViewerComponent = ({ program, outputFiles, fileViewers, highlightChanges
 				filename,
 				content,
 				viewers: fileViewers,
-				changedLineNumbers: highlightChanges ? changedLines.get(filename) : void 0
+				changedLineNumbers: changedLines.get(filename)
 			})
 		})]
 	});
 };
-function createFileViewer(fileViewers, options) {
+function createFileViewer(fileViewers) {
 	const viewerMap = Object.fromEntries(fileViewers.map((x) => [x.key, x]));
-	const highlightChanges = options?.highlightChanges ?? false;
 	return {
 		key: "file-output",
 		label: "Output explorer",
@@ -2133,8 +2127,7 @@ function createFileViewer(fileViewers, options) {
 		render: (props) => {
 			return /* @__PURE__ */ jsx(FileViewerComponent, {
 				...props,
-				fileViewers: viewerMap,
-				highlightChanges
+				fileViewers: viewerMap
 			});
 		}
 	};
@@ -2166,12 +2159,8 @@ var TypeGraphViewer = {
 };
 //#endregion
 //#region src/react/output-view/output-view.tsx
-var OutputView = ({ compilationState, isCompiling, isOutputStale, viewers, fileViewers, highlightChanges, selectedViewer, onViewerChange, viewerState, onViewerStateChange }) => {
-	const resolvedViewers = useMemo(() => resolveViewers(viewers, fileViewers, highlightChanges), [
-		fileViewers,
-		viewers,
-		highlightChanges
-	]);
+var OutputView = ({ compilationState, isCompiling, isOutputStale, viewers, fileViewers, selectedViewer, onViewerChange, viewerState, onViewerStateChange }) => {
+	const resolvedViewers = useMemo(() => resolveViewers(viewers, fileViewers), [fileViewers, viewers]);
 	if (compilationState === void 0) {
 		if (isCompiling) return /* @__PURE__ */ jsx("div", {
 			className: output_view_module_default["output-compiling"],
@@ -2208,8 +2197,8 @@ var OutputView = ({ compilationState, isCompiling, isOutputStale, viewers, fileV
 		]
 	});
 };
-function resolveViewers(viewers, fileViewers, highlightChanges) {
-	const fileViewer = createFileViewer(fileViewers ?? [], { highlightChanges });
+function resolveViewers(viewers, fileViewers) {
+	const fileViewer = createFileViewer(fileViewers ?? []);
 	const output = { programViewers: {
 		[fileViewer.key]: fileViewer,
 		[TypeGraphViewer.key]: TypeGraphViewer
@@ -2598,20 +2587,34 @@ var Playground = (props) => {
 		props.samples
 	]);
 	const compileIdRef = useRef(0);
+	const isCompilingRef = useRef(false);
+	const pendingRecompileRef = useRef(false);
+	const doCompileRef = useRef(() => Promise.resolve());
 	const doCompile = useCallback(async () => {
+		if (isCompilingRef.current) {
+			pendingRecompileRef.current = true;
+			return;
+		}
 		const currentContent = typespecModel.getValue();
 		const typespecCompiler = host.compiler;
 		const compileId = ++compileIdRef.current;
+		isCompilingRef.current = true;
 		setIsCompiling(true);
 		let state;
 		try {
 			state = await compile(host, currentContent, selectedEmitter, compilerOptions);
 		} catch (error) {
 			console.error("Compilation failed", error);
-			return;
-		} finally {
+			isCompilingRef.current = false;
 			setIsCompiling(false);
+			if (pendingRecompileRef.current) {
+				pendingRecompileRef.current = false;
+				doCompileRef.current();
+			}
+			return;
 		}
+		isCompilingRef.current = false;
+		setIsCompiling(false);
 		if (compileId !== compileIdRef.current) return;
 		if ("program" in state && state.program.hasError() && state.outputFiles.length === 0 && lastSuccessfulOutputRef.current.length > 0) {
 			setIsOutputStale(true);
@@ -2639,12 +2642,19 @@ var Playground = (props) => {
 			updateDiagnosticsForCodeFixes(typespecCompiler, []);
 			editor.setModelMarkers(typespecModel, "owner", []);
 		}
+		if (pendingRecompileRef.current) {
+			pendingRecompileRef.current = false;
+			doCompileRef.current();
+		}
 	}, [
 		host,
 		selectedEmitter,
 		compilerOptions,
 		typespecModel
 	]);
+	useEffect(() => {
+		doCompileRef.current = doCompile;
+	}, [doCompile]);
 	const currentEmitterOptions = selectedEmitter ? props.emitterOptions?.[selectedEmitter] : void 0;
 	useEffect(() => {
 		const debouncer = debounce(() => doCompile(), currentEmitterOptions?.debounce ?? 200);
@@ -2760,7 +2770,6 @@ var Playground = (props) => {
 		editorOptions: props.editorOptions,
 		viewers: props.viewers,
 		fileViewers: selectedEmitter ? props.emitterViewers?.[selectedEmitter] : void 0,
-		highlightChanges: currentEmitterOptions?.newChangeDiff,
 		selectedViewer,
 		onViewerChange: onSelectedViewerChange,
 		viewerState,

package/dist/src/react/output-view/file-viewer.d.ts

@@ -1,7 +1,3 @@
 import { FileOutputViewer, ProgramViewer } from '../types.js';
-export interface FileViewerOptions {
-    /** When true, highlights changed files in the tree and changed lines in the editor after recompilation. */
-    highlightChanges?: boolean;
-}
-export declare function createFileViewer(fileViewers: FileOutputViewer[], options?: FileViewerOptions): ProgramViewer;
+export declare function createFileViewer(fileViewers: FileOutputViewer[]): ProgramViewer;
 //# sourceMappingURL=file-viewer.d.ts.map

package/dist/src/react/output-view/file-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-viewer.d.ts","sourceRoot":"","sources":["../../../../src/react/output-view/file-viewer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAqB,aAAa,EAAE,MAAM,aAAa,CAAC;AAsGtF,MAAM,WAAW,iBAAiB;IAChC,2GAA2G;IAC3G,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,gBAAgB,EAAE,EAC/B,OAAO,CAAC,EAAE,iBAAiB,GAC1B,aAAa,CAiBf"}
+{"version":3,"file":"file-viewer.d.ts","sourceRoot":"","sources":["../../../../src/react/output-view/file-viewer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAqB,aAAa,EAAE,MAAM,aAAa,CAAC;AAoGtF,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,EAAE,GAAG,aAAa,CAU/E"}

package/dist/src/react/output-view/output-view.d.ts

@@ -12,10 +12,6 @@ export interface OutputViewProps {
      */
     viewers?: ProgramViewer[];
     fileViewers?: FileOutputViewer[];
-    /**
-     * When true, highlights changed files and lines after recompilation.
-     */
-    highlightChanges?: boolean;
     /**
      * The currently selected viewer key.
      */

package/dist/src/react/output-view/output-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"output-view.d.ts","sourceRoot":"","sources":["../../../../src/react/output-view/output-view.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAkC,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAiB,gBAAgB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAMpG,MAAM,WAAW,eAAe;IAC9B,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iFAAiF;IACjF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAClC;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAoDzD,CAAC"}
+{"version":3,"file":"output-view.d.ts","sourceRoot":"","sources":["../../../../src/react/output-view/output-view.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAkC,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAiB,gBAAgB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAMpG,MAAM,WAAW,eAAe;IAC9B,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iFAAiF;IACjF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAClC;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAmDzD,CAAC"}

package/dist/src/react/output-view/use-file-changes.d.ts

@@ -7,5 +7,5 @@ export interface FileChanges {
  * Tracks which output files have changed between compilations.
  * Returns the set of changed file paths and a map of changed line numbers per file.
  */
-export declare function useFileChanges(program: CompileResult["program"], outputFiles: string[], highlightChanges: boolean): FileChanges;
+export declare function useFileChanges(program: CompileResult["program"], outputFiles: string[]): FileChanges;
 //# sourceMappingURL=use-file-changes.d.ts.map

package/dist/src/react/output-view/use-file-changes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-file-changes.d.ts","sourceRoot":"","sources":["../../../../src/react/output-view/use-file-changes.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,WAAW;IAC1B,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;CACrC;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,EACjC,WAAW,EAAE,MAAM,EAAE,EACrB,gBAAgB,EAAE,OAAO,GACxB,WAAW,CA8Db"}
+{"version":3,"file":"use-file-changes.d.ts","sourceRoot":"","sources":["../../../../src/react/output-view/use-file-changes.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,WAAW;IAC1B,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;CACrC;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,EACjC,WAAW,EAAE,MAAM,EAAE,GACpB,WAAW,CA6Db"}

package/dist/src/react/playground.d.ts

@@ -7,8 +7,6 @@ export type { PlaygroundState };
 export interface PlaygroundEmitterOptions {
     /** Compile debounce delay in milliseconds. Default is 200. */
     debounce?: number;
-    /** When true, highlights changed files and lines after recompilation. */
-    newChangeDiff?: boolean;
 }
 export interface PlaygroundProps {
     host: BrowserHost;

package/dist/src/react/playground.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../../src/react/playground.tsx"],"names":[],"mappings":"AAGA,OAAO,sCAAsC,CAAC;AAG9C,OAAO,EAML,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AASjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAoB,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEpF,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAIrF,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC,MAAM,WAAW,wBAAwB;IACvC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,WAAW,CAAC;IAElB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,kCAAkC;IAClC,QAAQ,CAAC,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IAEtC,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAE3C,oCAAoC;IACpC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,yDAAyD;IACzD,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,6CAA6C;IAC7C,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAE3D;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB,mDAAmD;IACnD,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IAEnC,kDAAkD;IAClD,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAE1B,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAEpD;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;IAE1D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAE7C,aAAa,CAAC,EAAE,wBAAwB,CAAC;IAEzC;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAC;IAEhB,oBAAoB;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAyUzD,CAAC"}
+{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../../src/react/playground.tsx"],"names":[],"mappings":"AAGA,OAAO,sCAAsC,CAAC;AAG9C,OAAO,EAML,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AASjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAoB,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEpF,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAIrF,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC,MAAM,WAAW,wBAAwB;IACvC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,WAAW,CAAC;IAElB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,kCAAkC;IAClC,QAAQ,CAAC,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IAEtC,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAE3C,oCAAoC;IACpC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,yDAAyD;IACzD,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,6CAA6C;IAC7C,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAE3D;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB,mDAAmD;IACnD,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IAEnC,kDAAkD;IAClD,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAE1B,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAEpD;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;IAE1D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAE7C,aAAa,CAAC,EAAE,wBAAwB,CAAC;IAEzC;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAC;IAEhB,oBAAoB;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAoWzD,CAAC"}

package/dist/src/react/typespec-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typespec-editor.d.ts","sourceRoot":"","sources":["../../../src/react/typespec-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAS,MAAM,eAAe,CAAC;AAC9C,OAAO,EAA4C,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,EAA0B,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,8BAA8B,CAAC;AAGtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IACvE,OAAO,CAAC,EAAE,MAAM,CAAC,oCAAoC,CAAC;CACvD;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CAejE,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,wBAAwB,CAAC;CAC1C,CA8CA,CAAC"}
+{"version":3,"file":"typespec-editor.d.ts","sourceRoot":"","sources":["../../../src/react/typespec-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAS,MAAM,eAAe,CAAC;AAC9C,OAAO,EAA4C,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,EAA0B,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,uBAAuB,CAAC;AAG/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IACvE,OAAO,CAAC,EAAE,MAAM,CAAC,oCAAoC,CAAC;CACvD;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CAejE,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,wBAAwB,CAAC;CAC1C,CA8CA,CAAC"}

package/dist/style.css

@@ -287,6 +287,10 @@
   margin: 0;
   line-height: 1.4;
 }
+/* Monaco decoration class (must be a plain global selector) */
+.playground-changed-line {
+  background-color: rgba(0, 180, 0, 0.15);
+}
 ._settings_1yvpj_1 {
   display: flex;
   flex-direction: column;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typespec/playground",
-  "version": "0.15.0-dev.4",
+  "version": "0.15.0-dev.6",
   "author": "Microsoft Corporation",
   "description": "TypeSpec playground UI components.",
   "homepage": "https://typespec.io",
@@ -74,8 +74,8 @@
     "debounce": "^3.0.0",
     "lzutf8": "0.6.3",
     "monaco-editor": "^0.55.1",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
     "react-error-boundary": "^6.1.1",
     "swagger-ui-dist": "^5.32.2",
     "vscode-languageserver": "^9.0.1",
@@ -102,7 +102,7 @@
     "rimraf": "^6.1.3",
     "storybook": "^10.3.5",
     "typescript": "~6.0.2",
-    "vite": "^8.0.7",
+    "vite": "^8.0.8",
     "vite-plugin-checker": "^0.12.0",
     "vite-plugin-dts": "4.5.4",
     "vitest": "^4.1.3",