feat: client version

Author: LittleSwift

electron/main.js

@@ -0,0 +1,53 @@
+import { app, BrowserWindow } from 'electron/main';
+import path from 'node:path';
+import { readFileSync } from "node:fs";
+import { fileURLToPath } from "url";
+
+const isDev = process.env.NODE_ENV === 'development';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+function createWindow() {
+  const win = new BrowserWindow({
+    width: 800,
+    height: 600,
+    title: "florr.io - AyuScript"
+  });
+
+  win.loadURL('https://florr.io/').then(() => {
+    win.webContents.executeJavaScript(`
+      window.electron = true
+    `);
+    if (isDev) {
+      win.webContents.executeJavaScript(`
+        import('http://localhost:5173/__vite-plugin-monkey.install.user.js')
+      `);
+      win.webContents.openDevTools();
+    } else {
+      const jsPath = path.join(__dirname, '../dist/ayuscript.user.js');
+      const code = readFileSync(jsPath, 'utf-8');
+      win.webContents.executeJavaScript(code);
+    }
+  });
+  win.on('page-title-updated', (event) => {
+    event.preventDefault();
+  });
+  win.on('close', (event) => {
+    event.preventDefault()
+    win.destroy();
+  });
+}
+
+app.whenReady().then(() => {
+  createWindow();
+
+  app.on('activate', () => {
+    if (BrowserWindow.getAllWindows().length === 0) {
+      createWindow();
+    }
+  });
+});
+
+app.on('window-all-closed', () => {
+  app.quit();
+});

package.json

@@ -3,9 +3,12 @@
   "private": true,
   "version": "1.0.0",
   "type": "module",
+  "main": "electron/main.js",
   "scripts": {
     "proto:generate": "protoc --ts_proto_out=./src ./proto/*.proto --ts_proto_opt=esModuleInterop=true",
     "proto:watch": "chokidar \"**/*.proto\" -c \"npm run proto:generate\"",
+    "electron:start": "cross-env NODE_ENV=development electron .",
+    "electron:build": "npm run build && electron-builder",
     "dev": "vite",
     "build": "vite build",
     "preview": "vue-tsc -b && vite preview"
@@ -23,6 +26,9 @@
     "@vitejs/plugin-vue": "^5.2.4",
     "@vue/tsconfig": "^0.7.0",
     "chokidar-cli": "^3.0.0",
+    "cross-env": "^10.0.0",
+    "electron": "^37.4.0",
+    "electron-builder": "^26.0.12",
     "js-confuser": "^2.0.0",
     "typescript": "^5.8.3",
     "vite": "^6.3.5",

src/App.vue

@@ -62,7 +62,11 @@ onMounted(() => {
     webSocketService.connect();
   });
 });
-notice(t("notice.loaded"));
+if (window.electron) {
+  notice(t("notice.loaded.client"));
+} else {
+  notice(t("notice.loaded.browser"));
+}
 </script>
 <template>
   <Api/>

src/index.d.ts

@@ -11,6 +11,8 @@ declare global {
   export interface Window {
     ayuScriptApi: AyuScriptAPI;
 
+    electron: true | undefined;
+
     florrio: Florrio;
     Module: ModuleType;
     cp6: Cp6;

src/locales/en.json

@@ -1,6 +1,9 @@
 {
   "notice": {
-    "loaded": "AyuScript loaded.",
+    "loaded": {
+      "browser": "AyuScript (addon version) loaded",
+      "client": "AyuScript (client version) loaded"
+    },
     "newVersion": "New version {version} published!",
     "copy": "Copied to clipboard."
   },