Merge pull request #3879 from microsoft/hediet/webcomponent-bugfix

Fixes webcomponent sample for local development
microsoft · Apr 5, 2023 · 1c6f48a · 1c6f48a
2 parents 14a9240 + 6c77360
commit 1c6f48a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/website/scripts/check-playground-samples-js.ts b/website/scripts/check-playground-samples-js.ts
@@ -14,6 +14,8 @@ import { exit } from "process";
 					"yarn",
 					[
 						"tsc",
+						"--target",
+						"es6",
 						"--noEmit",
 						"--allowJs",
 						"--checkJs",

diff --git a/website/src/website/data/playground-samples/creating-the-editor/web-component/sample.js b/website/src/website/data/playground-samples/creating-the-editor/web-component/sample.js
@@ -11,10 +11,12 @@ customElements.define(
 			const shadowRoot = this.attachShadow({ mode: "open" });
 
 			// Copy over editor styles
-			const style = document.querySelector(
-				"link[rel='stylesheet'][data-name='vs/editor/editor.main']"
+			const styles = document.querySelectorAll(
+				"link[rel='stylesheet'][data-name^='vs/']"
 			);
-			shadowRoot.appendChild(style.cloneNode(true));
+			for (const style of styles) {
+				shadowRoot.appendChild(style.cloneNode(true));
+			}
 
 			const template = /** @type HTMLTemplateElement */ (
 				document.getElementById("editor-template")