docs: add injector demo

gizmo-ds · Mar 16, 2024 · 7007c55 · 7007c55
1 parent 0a42786
commit 7007c55
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 0 deletions.
diff --git a/Makefile b/Makefile
@@ -3,6 +3,9 @@ all: build-script build-installer compress sha256sum
 build-script:
 	@esbuild src/index.ts --bundle --minify --format=iife --platform=browser --outfile=cmd/installer/vcc-auto-translate.js
 
+build-injector:
+	@esbuild .\src\injector.ts --bundle --format=esm --platform=browser --target=es2017 --minify --outfile=docs/injector.min.js
+
 build-installer: build-script
 	@mkdir -p build
 	@cp -r localization/*.json cmd/installer/localization

diff --git a/docs/injector.html b/docs/injector.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>injector demo</title>
+  </head>
+  <body>
+    <div>
+      <input type="text" value="vcc_auto_translate" id="function_name" />
+      <button id="doit">do it</button>
+    </div>
+    <div>
+      <textarea id="code" cols="100" rows="10"></textarea>
+    </div>
+    <script type="module">
+      import { injector } from './injector.min.js'
+
+      document.getElementById('doit').addEventListener('click', () => {
+        injector(
+          document.getElementById('code').value,
+          document.getElementById('function_name').value
+        ).then((code) => {
+          document.getElementById('code').value = code
+          alert('success👍')
+        })
+      })
+    </script>
+  </body>
+</html>
diff --git a/docs/injector.min.js b/docs/injector.min.js