From 07f24333d96736ed5a4ca357f800d3c97ba591c7 Mon Sep 17 00:00:00 2001
From: FatttSnake <fatttsnake@gmail.com>
Date: Tue, 15 Oct 2024 16:44:50 +0800
Subject: [PATCH] Feat(Editor): Support autoload Native API

---
 .../CodeEditor/Editor/_NativeApi.d.ts         | 33 +++++++++++++++++++
 .../Playground/CodeEditor/Editor/index.tsx    |  5 +++
 2 files changed, 38 insertions(+)
 create mode 100644 src/components/Playground/CodeEditor/Editor/_NativeApi.d.ts

diff --git a/src/components/Playground/CodeEditor/Editor/_NativeApi.d.ts b/src/components/Playground/CodeEditor/Editor/_NativeApi.d.ts
new file mode 100644
index 0000000..52609ce
--- /dev/null
+++ b/src/components/Playground/CodeEditor/Editor/_NativeApi.d.ts
@@ -0,0 +1,33 @@
+interface NativeApi {
+    /**
+     * Copy text to clipboard
+     *
+     * @param {string} text Text to be copied to clipboard
+     * @returns {boolean} Result
+     */
+    copyToClipboard: (text: string) => boolean
+
+    /**
+     * Read text from clipboard
+     *
+     * @returns {string} Result
+     */
+    readClipboard: () => string
+
+    /**
+     * Save file to download directory
+     *
+     * @param {string} dataBase64 Base64 encoded data
+     * @param {string} fileName File name to be saved
+     * @returns {boolean} Result
+     *
+     * @example
+     * // From Unit8Array:
+     * NativeApi.saveToDownloads(btoa(String.fromCharCode(...data)))
+     * // From string:
+     * NativeApi.saveToDownloads(btoa(String.fromCharCode(...new TextEncoder().encode(text))))
+     */
+    saveToDownloads: (dataBase64: string, fileName: string) => boolean
+}
+
+declare const NativeApi: NativeApi
diff --git a/src/components/Playground/CodeEditor/Editor/index.tsx b/src/components/Playground/CodeEditor/Editor/index.tsx
index c1f71fb..e7c7d36 100644
--- a/src/components/Playground/CodeEditor/Editor/index.tsx
+++ b/src/components/Playground/CodeEditor/Editor/index.tsx
@@ -6,6 +6,7 @@ import { IEditorOptions, IFiles, ITheme, ITsconfig } from '@/components/Playgrou
 import { fileNameToLanguage, tsconfigJsonDiagnosticsOptions } from '@/components/Playground/files'
 import { useEditor, useTypesProgress } from '@/components/Playground/CodeEditor/Editor/hooks'
 import { MonacoEditorConfig } from '@/components/Playground/CodeEditor/Editor/monacoConfig'
+import nativeApiDTS from '@/components/Playground/CodeEditor/Editor/_NativeApi.d.ts?raw'
 
 interface EditorProps {
     tsconfig?: ITsconfig
@@ -85,6 +86,10 @@ const Editor = ({
         }
 
         jsxSyntaxHighlightRef.current = loadJsxSyntaxHighlight(editor, monaco)
+        monaco.languages.typescript.typescriptDefaults.addExtraLib(
+            nativeApiDTS,
+            'file:///node_modules/_NativeApi.d.ts'
+        )
 
         void autoLoadExtraLib(editor, monaco, file.value, onWatch)
     }