@typespec/playground 0.15.1-dev.2 → 0.15.1-dev.3

package/dist/index.js

@@ -1,4 +1,4 @@
-import { i as createBrowserHost, n as registerMonacoLanguage } from "./services-EHXtFZ69.js";
+import { i as createBrowserHost, n as registerMonacoLanguage } from "./services-okAeHMZK.js";
 import { createUrlStateStorage } from "./state-storage.js";
 //#region src/monaco-worker.ts
 function registerMonacoDefaultWorkersForVite() {

package/dist/react/index.js

@@ -1,4 +1,4 @@
-import { a as resolveVirtualPath, i as createBrowserHost, n as registerMonacoLanguage, o as debugGlobals, r as updateDiagnosticsForCodeFixes, s as printDebugInfo, t as getMonacoRange } from "../services-EHXtFZ69.js";
+import { a as resolveVirtualPath, i as createBrowserHost, n as registerMonacoLanguage, o as debugGlobals, r as updateDiagnosticsForCodeFixes, s as printDebugInfo, t as getMonacoRange } from "../services-okAeHMZK.js";
 import { createUrlStateStorage } from "../state-storage.js";
 import { getSourceLocation } from "@typespec/compiler";
 import { KeyCode, KeyMod, MarkerSeverity, MarkerTag, Range, Uri, editor } from "monaco-editor";
@@ -960,7 +960,7 @@ var SampleIcon = ({ name }) => {
 				opacity: .12
 			});
 			case "hexagon": return /* @__PURE__ */ jsx("polygon", {
-				points: `${half},4 ${size - 6},${half / 2 + 4} ${size - 6},${size - half / 2 - 4} ${half},${size - 4} 6,${size - half / 2 - 4} 6,${half / 2 + 4}`,
+				points: `${half},4 ${size - 6},16 ${size - 6},${size - half / 2 - 4} ${half},${size - 4} 6,${size - half / 2 - 4} 6,16`,
 				fill: colors.fg,
 				opacity: .12
 			});
@@ -2564,20 +2564,32 @@ var Playground = (props) => {
 		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 !== content) onContentChange(newContent);
+			if (newContent !== contentRef.current) {
+				isModelDrivenChangeRef.current = true;
+				onContentChangeRef.current(newContent);
+			}
 		});
 		return () => disposable.dispose();
-	}, [
-		typespecModel,
-		content,
-		onContentChange
-	]);
+	}, [typespecModel]);
 	const isSampleUntouched = useMemo(() => {
 		return Boolean(selectedSampleName && content === props.samples?.[selectedSampleName]?.content);
 	}, [
@@ -2672,7 +2684,7 @@ var Playground = (props) => {
 	}, [doCompile]);
 	const saveCode = useCallback(() => {
 		if (onSave) onSave({
-			content: content ?? "",
+			content: typespecModel.getValue(),
 			emitter: selectedEmitter,
 			compilerOptions,
 			sampleName: isSampleUntouched ? selectedSampleName : void 0,
@@ -2680,7 +2692,7 @@ var Playground = (props) => {
 			viewerState
 		});
 	}, [
-		content,
+		typespecModel,
 		onSave,
 		selectedEmitter,
 		compilerOptions,

package/dist/react/viewers/index.js

@@ -5,7 +5,7 @@ import "swagger-ui-dist/swagger-ui.css";
 var swagger_ui_module_default = { "swagger-ui-container": "_swagger-ui-container_1c81n_1" };
 //#endregion
 //#region src/react/viewers/swagger-ui.tsx
-var LazySwaggerUI = lazy(() => import("../../react-wrapper-B-poU4Lv.js"));
+var LazySwaggerUI = lazy(() => import("../../react-wrapper-D1icSVtJ.js"));
 var SwaggerUI = (props) => {
 	return /* @__PURE__ */ jsx(Suspense, {
 		fallback: /* @__PURE__ */ jsx("div", {}),

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,CAoWzD,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;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"}

package/dist/vite.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../vite.config.ts"],"names":[],"mappings":";AAwBA,wBAuCG"}
+{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../vite.config.ts"],"names":[],"mappings":";AAwBA,wBAqCG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typespec/playground",
-  "version": "0.15.1-dev.2",
+  "version": "0.15.1-dev.3",
   "author": "Microsoft Corporation",
   "description": "TypeSpec playground UI components.",
   "homepage": "https://typespec.io",
@@ -62,11 +62,11 @@
     "@fluentui/react-components": "^9.73.7",
     "@fluentui/react-icons": "^2.0.323",
     "@typespec/bundler": "^0.6.0 || >= 0.6.1-dev.0",
-    "@typespec/compiler": "^1.12.0 || >= 1.13.0-dev.8",
-    "@typespec/html-program-viewer": "^0.82.0 || >= 0.83.0-dev.1",
+    "@typespec/compiler": "^1.12.0 || >= 1.13.0-dev.10",
+    "@typespec/html-program-viewer": "^0.82.0 || >= 0.83.0-dev.2",
     "@typespec/http": "^1.12.0 || >= 1.13.0-dev.0",
-    "@typespec/openapi": "^1.12.0 || >= 1.13.0-dev.2",
-    "@typespec/openapi3": "^1.12.0 || >= 1.13.0-dev.5",
+    "@typespec/openapi": "^1.12.0 || >= 1.13.0-dev.3",
+    "@typespec/openapi3": "^1.12.0 || >= 1.13.0-dev.6",
     "@typespec/protobuf": "^0.82.0 || >= 0.83.0-dev.0",
     "@typespec/rest": "^0.82.0 || >= 0.83.0-dev.0",
     "@typespec/versioning": "^0.82.0 || >= 0.83.0-dev.0",
@@ -103,8 +103,8 @@
     "storybook": "^10.3.5",
     "typescript": "~6.0.2",
     "vite": "^8.0.8",
-    "vite-plugin-checker": "^0.12.0",
-    "vite-plugin-dts": "4.5.4",
+    "vite-plugin-checker": "^0.14.1",
+    "vite-plugin-dts": "5.0.1",
     "vitest": "^4.1.3",
     "@typespec/react-components": "^0.57.0"
   },