Build(package.json): Upgrade dependencies

src/components/Playground/CodeEditor/Editor/ata.ts

@@ -34,8 +34,7 @@ export interface TypeHelper {
 export const createATA = async (): Promise<TypeHelper> => {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-expect-error
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-    const ts = await import('https://esm.sh/typescript@5.3.3')
+    const ts = await import('https://esm.sh/typescript@5.6.3')
 
     const maxConcurrentRequests = 50
     let activeRequests = 0
@@ -63,7 +62,6 @@ export const createATA = async (): Promise<TypeHelper> => {
 
     const ata = setupTypeAcquisition({
         projectName: 'monaco-ts',
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
         typescript: ts,
         logger: console,
         fetcher: (input, init) => {
@@ -117,7 +115,6 @@ export const createATA = async (): Promise<TypeHelper> => {
     }
 
     return {
-        // eslint-disable-next-line @typescript-eslint/no-misused-promises
         acquireType,
         addListener,
         removeListener,

src/components/Playground/CodeEditor/Editor/index.tsx

@@ -73,7 +73,6 @@ const Editor = ({
 
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-expect-error
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
         editor['_codeEditorService'].doOpenEditor = function (
             editor: editor.IStandaloneCodeEditor,
             input: { options: { selection: Selection }; resource: { path: string } }

src/components/Playground/CodeEditor/Editor/loader.ts

@@ -2,6 +2,6 @@ import { loader } from '@monaco-editor/react'
 
 loader.config({
     paths: {
-        vs: 'https://unpkg.com/monaco-editor@0.49.0/min/vs'
+        vs: 'https://unpkg.com/monaco-editor@0.52.0/min/vs'
     }
 })

src/components/Playground/CodeEditor/FileSelector/file-selector.scss

@@ -83,4 +83,4 @@
     }
   }
 
-}
+}

src/components/Playground/CodeEditor/code-editor.scss

@@ -2,4 +2,4 @@
   position: relative;
   width: 100%;
   height: 100%;
-}
+}

src/components/Playground/Output/Preview/Render.tsx

@@ -186,15 +186,15 @@ const Render = ({ iframeKey, compiledCode, mobileMode = false }: RenderProps) =>
                             className={`device-content${isRotate ? ' rotate' : ''}`}
                             style={{
                                 width: isRotate
-                                    ? devices.find((value) => value.name === selectedDevice)
-                                          ?.height ?? 915
-                                    : devices.find((value) => value.name === selectedDevice)
-                                          ?.width ?? 412,
+                                    ? (devices.find((value) => value.name === selectedDevice)
+                                          ?.height ?? 915)
+                                    : (devices.find((value) => value.name === selectedDevice)
+                                          ?.width ?? 412),
                                 height: isRotate
-                                    ? devices.find((value) => value.name === selectedDevice)
-                                          ?.width ?? 412
-                                    : devices.find((value) => value.name === selectedDevice)
-                                          ?.height ?? 915
+                                    ? (devices.find((value) => value.name === selectedDevice)
+                                          ?.width ?? 412)
+                                    : (devices.find((value) => value.name === selectedDevice)
+                                          ?.height ?? 915)
                             }}
                         >
                             <iframe

src/components/Playground/Output/Preview/iframe.html

@@ -38,7 +38,7 @@
     }
 
     if (data?.type === "SCALE") {
-      document.getElementById("root").style.zoom = data.data.zoom
+      document.getElementById("root").style.zoom = data.data.zoom;
     }
   });
 </script>

src/components/Playground/Output/Transform/transform.scss

@@ -1,3 +1,3 @@
 [data-component=playground-transform] {
   position: relative;
-}
+}

src/components/Playground/compiler.ts

@@ -30,7 +30,7 @@ class Compiler {
             void esbuild
                 .initialize({
                     worker: true,
-                    wasmURL: 'https://esm.sh/esbuild-wasm@0.21.5/esbuild.wasm'
+                    wasmURL: 'https://esm.sh/esbuild-wasm@0.24.0/esbuild.wasm'
                 })
                 .finally(() => {
                     this.init = true

src/components/Playground/import-map-schema.json

@@ -1,4 +1,4 @@
 {
     "type": "object",
     "additionalProperties": {"type": "string"}
-}
+}

src/components/Playground/playground.scss

@@ -5,4 +5,4 @@
   > * {
     width: 0 !important;
   }
-}
+}

src/components/Playground/tsconfig-schema.json

@@ -864,4 +864,4 @@
       }
     }
   }
-}
+}