@typespec/playground 0.15.1-dev.4 → 0.15.1-dev.5

package/dist/react/index.js

@@ -5,10 +5,10 @@ import { KeyCode, KeyMod, MarkerSeverity, MarkerTag, Range, Uri, editor } from "
 import { Fragment, createContext, memo, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
 import { Button, Card, Checkbox, DrawerBody, DrawerHeader, DrawerHeaderTitle, FluentProvider, Input, Label, Menu, MenuDivider, MenuItem, MenuList, MenuPopover, MenuTrigger, OverlayDrawer, Popover, PopoverSurface, PopoverTrigger, Radio, RadioGroup, SearchBox, Select, Spinner, Subtitle2, Switch, Tab, TabList, Table, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow, Text, Title3, Toast, ToastBody, ToastTitle, Toaster, Toolbar, ToolbarButton, Tooltip, mergeClasses, tokens, useId as useId$1, useToastController, webLightTheme } from "@fluentui/react-components";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { $ } from "@typespec/compiler/typekit";
 import { Broom16Filled, Bug16Regular, Checkmark16Regular, ChevronDown16Regular, ChevronDownRegular, ChevronRightRegular, DataLineRegular, Dismiss24Regular, DocumentBulletList24Regular, DocumentRegular, ErrorCircle16Filled, FolderListRegular, FolderRegular, MoreHorizontal24Filled, Save16Regular, SettingsRegular, Warning16Filled } from "@fluentui/react-icons";
 import debounce from "debounce";
 import { parse, stringify } from "yaml";
+import { $ } from "@typespec/compiler/typekit";
 import { ErrorBoundary } from "react-error-boundary";
 import { TypeGraph } from "@typespec/html-program-viewer/react";
 import "@typespec/html-program-viewer/style.css";
@@ -1779,6 +1779,244 @@ var EditorPanel = ({ host, model, actions, editorOptions, onMount, selectedEmitt
 		})]
 	});
 };
+//#endregion
+//#region src/react/compilation/compile.ts
+var outputDir = resolveVirtualPath("tsp-output");
+async function compile(host, content, selectedEmitter, options) {
+	await host.writeFile("main.tsp", content);
+	await emptyOutputDir(host);
+	try {
+		return {
+			program: await host.compiler.compile(host, resolveVirtualPath("main.tsp"), {
+				...options,
+				options: {
+					...options.options,
+					[selectedEmitter]: {
+						...options.options?.[selectedEmitter],
+						"emitter-output-dir": outputDir
+					}
+				},
+				outputDir,
+				emit: selectedEmitter ? [selectedEmitter] : []
+			}),
+			outputFiles: await findOutputFiles(host)
+		};
+	} catch (error) {
+		console.error("Internal compiler error", error);
+		return { internalCompilerError: error };
+	}
+}
+async function findOutputFiles(host) {
+	const files = [];
+	async function addFiles(dir) {
+		const items = await host.readDir(outputDir + dir);
+		for (const item of items) {
+			const itemPath = `${dir}/${item}`;
+			if ((await host.stat(outputDir + itemPath)).isDirectory()) await addFiles(itemPath);
+			else files.push(dir === "" ? item : `${dir}/${item}`);
+		}
+	}
+	await addFiles("");
+	return files;
+}
+async function emptyOutputDir(host) {
+	const dirs = await host.readDir("./tsp-output");
+	for (const file of dirs) {
+		const path = "./tsp-output/" + file;
+		const uri = Uri.parse(host.pathToFileURL(path));
+		const model = editor.getModel(uri);
+		if (model) model.dispose();
+		await host.rm(path, { recursive: true });
+	}
+}
+//#endregion
+//#region src/react/hooks/use-compilation.ts
+function useCompilation({ host, selectedEmitter, compilerOptions, typespecModel }) {
+	const [compilationState, setCompilationState] = useState(void 0);
+	const [isCompiling, setIsCompiling] = useState(false);
+	const [isOutputStale, setIsOutputStale] = useState(false);
+	const lastSuccessfulOutputRef = useRef([]);
+	useEffect(() => {
+		lastSuccessfulOutputRef.current = [];
+		setIsOutputStale(false);
+	}, [selectedEmitter]);
+	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);
+			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);
+			setCompilationState({
+				...state,
+				outputFiles: lastSuccessfulOutputRef.current
+			});
+		} else {
+			setIsOutputStale(false);
+			if ("program" in state && state.outputFiles.length > 0) lastSuccessfulOutputRef.current = state.outputFiles;
+			setCompilationState(state);
+		}
+		if ("program" in state) {
+			const markers = state.program.diagnostics.map((diag) => ({
+				...getMonacoRange(typespecCompiler, diag.target),
+				message: diag.message,
+				severity: diag.severity === "error" ? MarkerSeverity.Error : MarkerSeverity.Warning,
+				tags: diag.code === "deprecated" ? [MarkerTag.Deprecated] : void 0
+			}));
+			updateDiagnosticsForCodeFixes(typespecCompiler, state.program.diagnostics);
+			debugGlobals().program = state.program;
+			debugGlobals().$$ = $(state.program);
+			editor.setModelMarkers(typespecModel, "owner", markers ?? []);
+		} else {
+			updateDiagnosticsForCodeFixes(host.compiler, []);
+			editor.setModelMarkers(typespecModel, "owner", []);
+		}
+		if (pendingRecompileRef.current) {
+			pendingRecompileRef.current = false;
+			doCompileRef.current();
+		}
+	}, [
+		host,
+		selectedEmitter,
+		compilerOptions,
+		typespecModel
+	]);
+	useEffect(() => {
+		doCompileRef.current = doCompile;
+	}, [doCompile]);
+	useEffect(() => {
+		doCompile();
+	}, [doCompile]);
+	return {
+		compilationState,
+		isCompiling,
+		isOutputStale,
+		doCompile
+	};
+}
+//#endregion
+//#region src/react/hooks/use-debounced-compile.ts
+/**
+* Subscribes to Monaco model content changes and triggers compilation
+* after a debounce delay.
+*/
+function useDebouncedCompile({ typespecModel, doCompile, debounceDelay = 200 }) {
+	useEffect(() => {
+		const debouncer = debounce(() => doCompile(), debounceDelay);
+		const disposable = typespecModel.onDidChangeContent(debouncer);
+		return () => {
+			debouncer.clear();
+			disposable.dispose();
+		};
+	}, [
+		typespecModel,
+		doCompile,
+		debounceDelay
+	]);
+}
+//#endregion
+//#region src/react/hooks/use-editor-actions.ts
+function useEditorActions({ typespecModel, editorRef, selectedEmitter, compilerOptions, selectedSampleName, isSampleUntouched, selectedViewer, viewerState, onSave, onFileBug }) {
+	const saveCode = useCallback(() => {
+		if (onSave) onSave({
+			content: typespecModel.getValue(),
+			emitter: selectedEmitter,
+			compilerOptions,
+			sampleName: isSampleUntouched ? selectedSampleName : void 0,
+			selectedViewer,
+			viewerState
+		});
+	}, [
+		typespecModel,
+		onSave,
+		selectedEmitter,
+		compilerOptions,
+		selectedSampleName,
+		isSampleUntouched,
+		selectedViewer,
+		viewerState
+	]);
+	return {
+		saveCode,
+		formatCode: useCallback(() => {
+			editorRef.current?.getAction("editor.action.formatDocument")?.run();
+		}, [editorRef]),
+		fileBug: useCallback(async () => {
+			if (onFileBug) {
+				saveCode();
+				onFileBug();
+			}
+		}, [onFileBug, saveCode]),
+		editorActions: useMemo(() => [{
+			id: "save",
+			label: "Save",
+			keybindings: [KeyMod.CtrlCmd | KeyCode.KeyS],
+			run: saveCode
+		}], [saveCode])
+	};
+}
+//#endregion
+//#region src/react/hooks/use-monaco-sync.ts
+/**
+* Bidirectional sync between a Monaco editor model and React state.
+*
+* - When `content` changes externally (e.g. sample selection), the model is updated.
+* - When the user types in the editor, `onContentChange` is called.
+* - Uses a ref guard (`isModelDrivenChangeRef`) to prevent infinite loops.
+*/
+function useMonacoSync({ typespecModel, content, onContentChange }) {
+	const isModelDrivenChangeRef = useRef(false);
+	useEffect(() => {
+		if (isModelDrivenChangeRef.current) {
+			isModelDrivenChangeRef.current = false;
+			return;
+		}
+		if (typespecModel.getValue() !== (content ?? "")) typespecModel.setValue(content ?? "");
+	}, [content, typespecModel]);
+	const contentRef = useRef(content);
+	const onContentChangeRef = useRef(onContentChange);
+	useEffect(() => {
+		contentRef.current = content;
+	}, [content]);
+	useEffect(() => {
+		onContentChangeRef.current = onContentChange;
+	}, [onContentChange]);
+	useEffect(() => {
+		const disposable = typespecModel.onDidChangeContent(() => {
+			const newContent = typespecModel.getValue();
+			if (newContent !== contentRef.current) {
+				isModelDrivenChangeRef.current = true;
+				onContentChangeRef.current(newContent);
+			}
+		});
+		return () => disposable.dispose();
+	}, [typespecModel]);
+}
 var file_breadcrumb_module_default = {
 	breadcrumb: "_breadcrumb_15sw5_1",
 	segment: "_segment_15sw5_15",
@@ -2547,10 +2785,6 @@ var Playground = (props) => {
 		debugGlobals().host = host;
 	}, [host]);
 	const typespecModel = useMonacoModel("inmemory://test/main.tsp", "typespec");
-	const [compilationState, setCompilationState] = useState(void 0);
-	const lastSuccessfulOutputRef = useRef([]);
-	const [isCompiling, setIsCompiling] = useState(false);
-	const [isOutputStale, setIsOutputStale] = useState(false);
 	const { selectedEmitter, compilerOptions, selectedSampleName, selectedViewer, viewerState, content, onSelectedEmitterChange, onCompilerOptionsChange, onSelectedSampleNameChange, onSelectedViewerChange, onViewerStateChange, onContentChange } = usePlaygroundState({
 		libraries: props.libraries,
 		samples: props.samples,
@@ -2560,162 +2794,40 @@ var Playground = (props) => {
 		defaultEmitter: props.defaultEmitter,
 		defaultContent: props.defaultContent
 	});
-	useEffect(() => {
-		lastSuccessfulOutputRef.current = [];
-		setIsOutputStale(false);
-	}, [selectedEmitter]);
-	const isModelDrivenChangeRef = useRef(false);
-	useEffect(() => {
-		if (isModelDrivenChangeRef.current) {
-			isModelDrivenChangeRef.current = false;
-			return;
-		}
-		if (typespecModel.getValue() !== (content ?? "")) typespecModel.setValue(content ?? "");
-	}, [content, typespecModel]);
-	const contentRef = useRef(content);
-	const onContentChangeRef = useRef(onContentChange);
-	useEffect(() => {
-		contentRef.current = content;
-	}, [content]);
-	useEffect(() => {
-		onContentChangeRef.current = onContentChange;
-	}, [onContentChange]);
-	useEffect(() => {
-		const disposable = typespecModel.onDidChangeContent(() => {
-			const newContent = typespecModel.getValue();
-			if (newContent !== contentRef.current) {
-				isModelDrivenChangeRef.current = true;
-				onContentChangeRef.current(newContent);
-			}
-		});
-		return () => disposable.dispose();
-	}, [typespecModel]);
-	const isSampleUntouched = useMemo(() => {
-		return Boolean(selectedSampleName && content === props.samples?.[selectedSampleName]?.content);
-	}, [
+	useMonacoSync({
+		typespecModel,
 		content,
-		selectedSampleName,
-		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);
-			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);
-			setCompilationState({
-				...state,
-				outputFiles: lastSuccessfulOutputRef.current
-			});
-		} else {
-			setIsOutputStale(false);
-			if ("program" in state && state.outputFiles.length > 0) lastSuccessfulOutputRef.current = state.outputFiles;
-			setCompilationState(state);
-		}
-		if ("program" in state) {
-			const markers = state.program.diagnostics.map((diag) => ({
-				...getMonacoRange(typespecCompiler, diag.target),
-				message: diag.message,
-				severity: diag.severity === "error" ? MarkerSeverity.Error : MarkerSeverity.Warning,
-				tags: diag.code === "deprecated" ? [MarkerTag.Deprecated] : void 0
-			}));
-			updateDiagnosticsForCodeFixes(typespecCompiler, state.program.diagnostics);
-			debugGlobals().program = state.program;
-			debugGlobals().$$ = $(state.program);
-			editor.setModelMarkers(typespecModel, "owner", markers ?? []);
-		} else {
-			updateDiagnosticsForCodeFixes(typespecCompiler, []);
-			editor.setModelMarkers(typespecModel, "owner", []);
-		}
-		if (pendingRecompileRef.current) {
-			pendingRecompileRef.current = false;
-			doCompileRef.current();
-		}
-	}, [
+		onContentChange
+	});
+	const { compilationState, isCompiling, isOutputStale, doCompile } = useCompilation({
 		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);
-		const disposable = typespecModel.onDidChangeContent(debouncer);
-		return () => {
-			debouncer.clear();
-			disposable.dispose();
-		};
-	}, [
+	});
+	useDebouncedCompile({
 		typespecModel,
 		doCompile,
-		currentEmitterOptions?.debounce
-	]);
-	useEffect(() => {
-		doCompile();
-	}, [doCompile]);
-	const saveCode = useCallback(() => {
-		if (onSave) onSave({
-			content: typespecModel.getValue(),
-			emitter: selectedEmitter,
-			compilerOptions,
-			sampleName: isSampleUntouched ? selectedSampleName : void 0,
-			selectedViewer,
-			viewerState
-		});
-	}, [
+		debounceDelay: (selectedEmitter ? props.emitterOptions?.[selectedEmitter] : void 0)?.debounce
+	});
+	const { saveCode, formatCode, fileBug, editorActions } = useEditorActions({
 		typespecModel,
-		onSave,
+		editorRef,
 		selectedEmitter,
 		compilerOptions,
 		selectedSampleName,
-		isSampleUntouched,
+		isSampleUntouched: useMemo(() => {
+			return Boolean(selectedSampleName && content === props.samples?.[selectedSampleName]?.content);
+		}, [
+			content,
+			selectedSampleName,
+			props.samples
+		]),
 		selectedViewer,
-		viewerState
-	]);
-	const formatCode = useCallback(() => {
-		editorRef.current?.getAction("editor.action.formatDocument")?.run();
-	}, []);
-	const fileBug = useCallback(async () => {
-		if (props.onFileBug) {
-			saveCode();
-			props.onFileBug();
-		}
-	}, [props, saveCode]);
-	const typespecEditorActions = useMemo(() => [{
-		id: "save",
-		label: "Save",
-		keybindings: [KeyMod.CtrlCmd | KeyCode.KeyS],
-		run: saveCode
-	}], [saveCode]);
+		viewerState,
+		onSave,
+		onFileBug: props.onFileBug
+	});
 	const onTypeSpecEditorMount = useCallback(({ editor }) => {
 		editorRef.current = editor;
 	}, []);
@@ -2765,7 +2877,7 @@ var Playground = (props) => {
 	const editorPanel = /* @__PURE__ */ jsx(EditorPanel, {
 		host,
 		model: typespecModel,
-		actions: typespecEditorActions,
+		actions: editorActions,
 		editorOptions: props.editorOptions,
 		onMount: onTypeSpecEditorMount,
 		selectedEmitter,
@@ -2832,54 +2944,6 @@ var verticalPaneSizesConst = {
 	collapsed: [void 0, 30],
 	expanded: [void 0, 200]
 };
-var outputDir = resolveVirtualPath("tsp-output");
-async function compile(host, content, selectedEmitter, options) {
-	await host.writeFile("main.tsp", content);
-	await emptyOutputDir(host);
-	try {
-		return {
-			program: await host.compiler.compile(host, resolveVirtualPath("main.tsp"), {
-				...options,
-				options: {
-					...options.options,
-					[selectedEmitter]: {
-						...options.options?.[selectedEmitter],
-						"emitter-output-dir": outputDir
-					}
-				},
-				outputDir,
-				emit: selectedEmitter ? [selectedEmitter] : []
-			}),
-			outputFiles: await findOutputFiles(host)
-		};
-	} catch (error) {
-		console.error("Internal compiler error", error);
-		return { internalCompilerError: error };
-	}
-}
-async function findOutputFiles(host) {
-	const files = [];
-	async function addFiles(dir) {
-		const items = await host.readDir(outputDir + dir);
-		for (const item of items) {
-			const itemPath = `${dir}/${item}`;
-			if ((await host.stat(outputDir + itemPath)).isDirectory()) await addFiles(itemPath);
-			else files.push(dir === "" ? item : `${dir}/${item}`);
-		}
-	}
-	await addFiles("");
-	return files;
-}
-async function emptyOutputDir(host) {
-	const dirs = await host.readDir("./tsp-output");
-	for (const file of dirs) {
-		const path = "./tsp-output/" + file;
-		const uri = Uri.parse(host.pathToFileURL(path));
-		const model = editor.getModel(uri);
-		if (model) model.dispose();
-		await host.rm(path, { recursive: true });
-	}
-}
 //#endregion
 //#region src/react/standalone.tsx
 function useStandalonePlaygroundContext(config) {

package/dist/src/react/compilation/compile.d.ts

@@ -0,0 +1,5 @@
+import { CompilerOptions } from '@typespec/compiler';
+import { BrowserHost } from '../../types.js';
+import { CompilationState } from '../types.js';
+export declare function compile(host: BrowserHost, content: string, selectedEmitter: string, options: CompilerOptions): Promise<CompilationState>;
+//# sourceMappingURL=compile.d.ts.map

package/dist/src/react/compilation/compile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compile.d.ts","sourceRoot":"","sources":["../../../../src/react/compilation/compile.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAIpD,wBAAsB,OAAO,CAC3B,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,MAAM,EACf,eAAe,EAAE,MAAM,EACvB,OAAO,EAAE,eAAe,GACvB,OAAO,CAAC,gBAAgB,CAAC,CAwB3B"}

package/dist/src/react/footer/footer-version-item.d.ts

@@ -15,5 +15,5 @@ export interface FooterVersionItemProps {
     /** Provide a way to change the version of packages in the playground */
     versionSelector?: VersionSelectorProps;
 }
-export declare const FooterVersionItem: import('react').MemoExoticComponent<({ versionSelector }: FooterVersionItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const FooterVersionItem: import('react').MemoExoticComponent<({ versionSelector }: FooterVersionItemProps) => import("react").JSX.Element>;
 //# sourceMappingURL=footer-version-item.d.ts.map

package/dist/src/react/footer/footer-version-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer-version-item.d.ts","sourceRoot":"","sources":["../../../../src/react/footer/footer-version-item.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,sBAAsB,EAAE,CAAC;IAEnC,uEAAuE;IACvE,QAAQ,EAAE,MAAM,CAAC;IAEjB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,oDAAoD;IACpD,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,sBAAsB;IACrC,wEAAwE;IACxE,eAAe,CAAC,EAAE,oBAAoB,CAAC;CACxC;AAED,eAAO,MAAM,iBAAiB,4DAA8B,sBAAsB,6CAqBhF,CAAC"}
+{"version":3,"file":"footer-version-item.d.ts","sourceRoot":"","sources":["../../../../src/react/footer/footer-version-item.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,sBAAsB,EAAE,CAAC;IAEnC,uEAAuE;IACvE,QAAQ,EAAE,MAAM,CAAC;IAEjB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,oDAAoD;IACpD,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,sBAAsB;IACrC,wEAAwE;IACxE,eAAe,CAAC,EAAE,oBAAoB,CAAC;CACxC;AAED,eAAO,MAAM,iBAAiB,4DAA8B,sBAAsB,iCAqBhF,CAAC"}

package/dist/src/react/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export { useCompilation, type UseCompilationOptions, type UseCompilationResult, } from './use-compilation.js';
+export { useDebouncedCompile, type UseDebouncedCompileOptions } from './use-debounced-compile.js';
+export { useEditorActions, type PlaygroundSaveData, type UseEditorActionsOptions, type UseEditorActionsResult, } from './use-editor-actions.js';
+export { useMonacoSync, type UseMonacoSyncOptions } from './use-monaco-sync.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/react/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,GAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,mBAAmB,EAAE,KAAK,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAClG,OAAO,EACL,gBAAgB,EAChB,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,GAC5B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/src/react/hooks/use-compilation.d.ts

@@ -0,0 +1,18 @@
+import { CompilerOptions } from '@typespec/compiler';
+import { editor } from 'monaco-editor';
+import { BrowserHost } from '../../types.js';
+import { CompilationState } from '../types.js';
+export interface UseCompilationOptions {
+    host: BrowserHost;
+    selectedEmitter: string;
+    compilerOptions: CompilerOptions;
+    typespecModel: editor.ITextModel;
+}
+export interface UseCompilationResult {
+    compilationState: CompilationState | undefined;
+    isCompiling: boolean;
+    isOutputStale: boolean;
+    doCompile: () => Promise<void>;
+}
+export declare function useCompilation({ host, selectedEmitter, compilerOptions, typespecModel, }: UseCompilationOptions): UseCompilationResult;
+//# sourceMappingURL=use-compilation.d.ts.map

package/dist/src/react/hooks/use-compilation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-compilation.d.ts","sourceRoot":"","sources":["../../../../src/react/hooks/use-compilation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAA6B,MAAM,EAAE,MAAM,eAAe,CAAC;AAGlE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,WAAW,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,eAAe,CAAC;IACjC,aAAa,EAAE,MAAM,CAAC,UAAU,CAAC;CAClC;AAED,MAAM,WAAW,oBAAoB;IACnC,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,eAAe,EACf,eAAe,EACf,aAAa,GACd,EAAE,qBAAqB,GAAG,oBAAoB,CA0G9C"}

package/dist/src/react/hooks/use-debounced-compile.d.ts

@@ -0,0 +1,12 @@
+import { editor } from 'monaco-editor';
+export interface UseDebouncedCompileOptions {
+    typespecModel: editor.ITextModel;
+    doCompile: () => Promise<void>;
+    debounceDelay?: number;
+}
+/**
+ * Subscribes to Monaco model content changes and triggers compilation
+ * after a debounce delay.
+ */
+export declare function useDebouncedCompile({ typespecModel, doCompile, debounceDelay, }: UseDebouncedCompileOptions): void;
+//# sourceMappingURL=use-debounced-compile.d.ts.map

package/dist/src/react/hooks/use-debounced-compile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounced-compile.d.ts","sourceRoot":"","sources":["../../../../src/react/hooks/use-debounced-compile.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAGvC,MAAM,WAAW,0BAA0B;IACzC,aAAa,EAAE,MAAM,CAAC,UAAU,CAAC;IACjC,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,EACb,SAAS,EACT,aAAmB,GACpB,EAAE,0BAA0B,GAAG,IAAI,CASnC"}

package/dist/src/react/hooks/use-editor-actions.d.ts

@@ -0,0 +1,30 @@
+import { CompilerOptions } from '@typespec/compiler';
+import { editor } from 'monaco-editor';
+import { RefObject } from 'react';
+import { PlaygroundState } from '../use-playground-state.js';
+export interface PlaygroundSaveData extends PlaygroundState {
+    /** Current content of the playground. */
+    content: string;
+    /** Emitter name. */
+    emitter: string;
+}
+export interface UseEditorActionsOptions {
+    typespecModel: editor.ITextModel;
+    editorRef: RefObject<editor.IStandaloneCodeEditor | undefined>;
+    selectedEmitter: string;
+    compilerOptions: CompilerOptions;
+    selectedSampleName: string;
+    isSampleUntouched: boolean;
+    selectedViewer?: string;
+    viewerState: Record<string, any>;
+    onSave?: (value: PlaygroundSaveData) => void;
+    onFileBug?: () => void;
+}
+export interface UseEditorActionsResult {
+    saveCode: () => void;
+    formatCode: () => void;
+    fileBug: () => Promise<void>;
+    editorActions: editor.IActionDescriptor[];
+}
+export declare function useEditorActions({ typespecModel, editorRef, selectedEmitter, compilerOptions, selectedSampleName, isSampleUntouched, selectedViewer, viewerState, onSave, onFileBug, }: UseEditorActionsOptions): UseEditorActionsResult;
+//# sourceMappingURL=use-editor-actions.d.ts.map

package/dist/src/react/hooks/use-editor-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-editor-actions.d.ts","sourceRoot":"","sources":["../../../../src/react/hooks/use-editor-actions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAmB,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,yCAAyC;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,uBAAuB;IACtC,aAAa,EAAE,MAAM,CAAC,UAAU,CAAC;IACjC,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,qBAAqB,GAAG,SAAS,CAAC,CAAC;IAC/D,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,eAAe,CAAC;IACjC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC;CAC3C;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,SAAS,EACT,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE,uBAAuB,GAAG,sBAAsB,CA2ClD"}

package/dist/src/react/hooks/use-monaco-sync.d.ts

@@ -0,0 +1,15 @@
+import { editor } from 'monaco-editor';
+export interface UseMonacoSyncOptions {
+    typespecModel: editor.ITextModel;
+    content: string;
+    onContentChange: (content: string) => void;
+}
+/**
+ * Bidirectional sync between a Monaco editor model and React state.
+ *
+ * - When `content` changes externally (e.g. sample selection), the model is updated.
+ * - When the user types in the editor, `onContentChange` is called.
+ * - Uses a ref guard (`isModelDrivenChangeRef`) to prevent infinite loops.
+ */
+export declare function useMonacoSync({ typespecModel, content, onContentChange, }: UseMonacoSyncOptions): void;
+//# sourceMappingURL=use-monaco-sync.d.ts.map

package/dist/src/react/hooks/use-monaco-sync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-monaco-sync.d.ts","sourceRoot":"","sources":["../../../../src/react/hooks/use-monaco-sync.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAGvC,MAAM,WAAW,oBAAoB;IACnC,aAAa,EAAE,MAAM,CAAC,UAAU,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,OAAO,EACP,eAAe,GAChB,EAAE,oBAAoB,GAAG,IAAI,CAqC7B"}

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

@@ -1,5 +1,6 @@
 import { FunctionComponent, ReactNode } from 'react';
 import { BrowserHost, PlaygroundSample } from '../types.js';
+import { PlaygroundSaveData } from './hooks/index.js';
 import { CommandBarItem } from './responsive-command-bar/index.js';
 import { FileOutputViewer, ProgramViewer } from './types.js';
 import { PlaygroundState } from './use-playground-state.js';
@@ -48,12 +49,7 @@ export interface PlaygroundProps {
 export interface PlaygroundEditorsOptions {
     theme?: string;
 }
-export interface PlaygroundSaveData extends PlaygroundState {
-    /** Current content of the playground.   */
-    content: string;
-    /** Emitter name. */
-    emitter: string;
-}
+export type { PlaygroundSaveData };
 /**
  * Playground component for TypeSpec with consolidated state management.
  *

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;AAIf,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,CA0XzD,CAAC"}
+{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../../src/react/playground.tsx"],"names":[],"mappings":"AAEA,OAAO,sCAAsC,CAAC;AAE9C,OAAO,EAML,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAMjE,OAAO,EAKL,KAAK,kBAAkB,EACxB,MAAM,kBAAkB,CAAC;AAI1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAElE,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;AAGD,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAiNzD,CAAC"}

package/dist/src/react/problem-pane/header.d.ts

@@ -5,5 +5,5 @@ export interface ProblemPaneHeaderProps {
     onClick?: MouseEventHandler<HTMLDivElement>;
     collaped: boolean;
 }
-export declare const ProblemPaneHeader: import('react').MemoExoticComponent<({ compilationState, ...props }: ProblemPaneHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ProblemPaneHeader: import('react').MemoExoticComponent<({ compilationState, ...props }: ProblemPaneHeaderProps) => import("react").JSX.Element>;
 //# sourceMappingURL=header.d.ts.map

package/dist/src/react/problem-pane/header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/react/problem-pane/header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,iBAAiB,EAAkB,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD,MAAM,WAAW,sBAAsB;IACrC,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,uEAAyC,sBAAsB,6CAoC3F,CAAC"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/react/problem-pane/header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,iBAAiB,EAAkB,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD,MAAM,WAAW,sBAAsB;IACrC,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,uEAAyC,sBAAsB,iCAoC3F,CAAC"}

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

@@ -9,7 +9,7 @@ export interface ReactPlaygroundConfig extends Partial<PlaygroundProps> {
     readonly fallback?: ReactNode;
 }
 export declare const StandalonePlayground: FunctionComponent<ReactPlaygroundConfig>;
-export declare function createReactPlayground(config: ReactPlaygroundConfig): Promise<import("react/jsx-runtime").JSX.Element>;
+export declare function createReactPlayground(config: ReactPlaygroundConfig): Promise<import("react").JSX.Element>;
 export declare function renderReactPlayground(config: ReactPlaygroundConfig): Promise<void>;
 export declare function createStandalonePlaygroundStateStorage(): UrlStateStorage<PlaygroundSaveData>;
 //# sourceMappingURL=standalone.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"standalone.d.ts","sourceRoot":"","sources":["../../../src/react/standalone.tsx"],"names":[],"mappings":"AASA,OAAO,EAML,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,kBAAkB,EAExB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,qBAAsB,SAAQ,OAAO,CAAC,eAAe,CAAC;IACrE,QAAQ,CAAC,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IAC7C,sEAAsE;IACtE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAyBD,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,qBAAqB,CAuFzE,CAAC;AAEF,wBAAsB,qBAAqB,CAAC,MAAM,EAAE,qBAAqB,oDAExE;AAED,wBAAsB,qBAAqB,CAAC,MAAM,EAAE,qBAAqB,iBASxE;AAED,wBAAgB,sCAAsC,IAAI,eAAe,CAAC,kBAAkB,CAAC,CAkC5F"}
+{"version":3,"file":"standalone.d.ts","sourceRoot":"","sources":["../../../src/react/standalone.tsx"],"names":[],"mappings":"AASA,OAAO,EAML,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,kBAAkB,EAExB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,qBAAsB,SAAQ,OAAO,CAAC,eAAe,CAAC;IACrE,QAAQ,CAAC,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IAC7C,sEAAsE;IACtE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAyBD,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,qBAAqB,CAuFzE,CAAC;AAEF,wBAAsB,qBAAqB,CAAC,MAAM,EAAE,qBAAqB,wCAExE;AAED,wBAAsB,qBAAqB,CAAC,MAAM,EAAE,qBAAqB,iBASxE;AAED,wBAAgB,sCAAsC,IAAI,eAAe,CAAC,kBAAkB,CAAC,CAkC5F"}

package/dist/src/react/viewers/react-wrapper.d.ts

@@ -1,5 +1,5 @@
 declare const _default: (props: {
     spec: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default _default;
 //# sourceMappingURL=react-wrapper.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typespec/playground",
-  "version": "0.15.1-dev.4",
+  "version": "0.15.1-dev.5",
   "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.5",
-    "react-dom": "^19.2.5",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "react-error-boundary": "^6.1.1",
     "swagger-ui-dist": "^5.32.2",
     "vscode-languageserver": "^9.0.1",
@@ -92,7 +92,7 @@
     "@testing-library/react": "^16.3.2",
     "@types/debounce": "^1.2.4",
     "@types/node": "^25.5.2",
-    "@types/react": "^19.2.14",
+    "@types/react": "^19.2.16",
     "@types/react-dom": "^19.2.3",
     "@types/swagger-ui-dist": "^3.30.6",
     "@typespec/bundler": "^0.6.0 || >= 0.6.1-dev.0",