Use esbuild to create the playground

Author: orta

packages/playground/package.json

@@ -10,11 +10,13 @@
   ],
   "scripts": {
     "bootstrap": "node scripts/getListOfPluginsFromNPM.js",
+    "build-fast": "esbuild src/index.ts --outdir=../typescriptlang-org/static/js/playground/2  --format=esm --target=es2020 --bundle",
     "build": "tsc",
     "test": "jest"
   },
   "dependencies": {
-    "@typescript/sandbox": "0.1.0"
+    "@typescript/sandbox": "0.1.0",
+    "esbuild": "^0.13.4"
   },
   "devDependencies": {
     "@types/jest": "^25.1.3",

packages/playground/src/index.ts

@@ -70,7 +70,7 @@ interface PlaygroundConfig {
   supportCustomPlugins: boolean
 }
 
-export const setupPlayground = (
+const setupPlayground = (
   sandbox: Sandbox,
   monaco: Monaco,
   config: PlaygroundConfig,
@@ -445,7 +445,7 @@ export const setupPlayground = (
         sidebarTabs.style.display = "none"
         sidebarContent.style.display = "none"
         settingsContent.style.display = "block"
-        ;(document.querySelector(".playground-sidebar label") as any).focus()
+          ; (document.querySelector(".playground-sidebar label") as any).focus()
       }
       settingsToggle.parentElement!.classList.toggle("open")
     }
@@ -668,3 +668,5 @@ const redirectTabPressTo = (element: HTMLElement, container: HTMLElement | undef
     }
   })
 }
+
+window.setupPlayground = setupPlayground