From 68edb62172fda7daca85e4a39028617eca1182f4 Mon Sep 17 00:00:00 2001
From: MrBandit81 <rvdiepe@hotmail.com>
Date: Thu, 14 Nov 2024 03:16:05 +0100
Subject: [PATCH] index.html

---
 index.html | 73 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 73 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..99a043b
--- /dev/null
+++ b/index.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+  </head>
+  <div id="loader">Loading...</div>
+  <div id="monaco-editor-embed" style="height: 800px;" />
+  <script>
+    // First set up the VSCode loader in a script tag
+    const getLoaderScript = document.createElement('script')
+    getLoaderScript.src = 'https://www.typescriptlang.org/js/vs.loader.js'
+    getLoaderScript.async = true
+    getLoaderScript.onload = () => {
+      // Now the loader is ready, tell require where it can get the version of monaco, and the sandbox
+      // This version uses the latest version of the sandbox, which is used on the TypeScript website
+
+      // For the monaco version you can use unpkg or the TypeSCript web infra CDN
+      // You can see the available releases for TypeScript here:
+      // https://playgroundcdn.typescriptlang.org/indexes/releases.json
+      //
+      require.config({
+        paths: {
+          vs: 'https://playgroundcdn.typescriptlang.org/cdn/4.0.5/monaco/min/vs',
+          // vs: 'https://unpkg.com/@typescript-deploys/monaco-editor@4.0.5/min/vs',
+          sandbox: 'https://www.typescriptlang.org/js/sandbox',
+        },
+        // This is something you need for monaco to work
+        ignoreDuplicateModules: ['vs/editor/editor.main'],
+      })
+
+      // Grab a copy of monaco, TypeScript and the sandbox
+      require(['vs/editor/editor.main', 'vs/language/typescript/tsWorker', 'sandbox/index'], (
+        main,
+        _tsWorker,
+        sandboxFactory
+      ) => {
+        const initialCode = `import {markdown, danger} from "danger"
+
+export default async function () {
+    // Check for new @types in devDependencies
+    const packageJSONDiff = await danger.git.JSONDiffForFile("package.json")
+    const newDeps = packageJSONDiff.devDependencies.added
+    const newTypesDeps = newDeps?.filter(d => d.includes("@types")) ?? []
+    if (newTypesDeps.length){
+        markdown("Added new types packages " + newTypesDeps.join(", "))
+    }
+}
+`
+
+        const isOK = main && window.ts && sandboxFactory
+        if (isOK) {
+          document.getElementById('loader').parentNode.removeChild(document.getElementById('loader'))
+        } else {
+          console.error('Could not get all the dependencies of sandbox set up!')
+          console.error('main', !!main, 'ts', !!window.ts, 'sandbox', !!sandbox)
+          return
+        }
+
+        // Create a sandbox and embed it into the div #monaco-editor-embed
+        const sandboxConfig = {
+          text: initialCode,
+          compilerOptions: {},
+          domID: 'monaco-editor-embed',
+        }
+
+        const sandbox = sandboxFactory.createTypeScriptSandbox(sandboxConfig, main, window.ts)
+        sandbox.editor.focus()
+      })
+    }
+
+    document.body.appendChild(getLoaderScript)
+  </script>
+</html>
