feat(stage-tamagotchi-electron): transparent

apps/stage-tamagotchi-electron/package.json

@@ -24,6 +24,7 @@
     "@electron-toolkit/preload": "^3.0.2",
     "@electron-toolkit/utils": "^4.0.0",
     "@formkit/auto-animate": "^0.8.4",
+    "@guiiai/logg": "^1.0.10",
     "@huggingface/transformers": "^3.7.2",
     "@moeru/std": "catalog:",
     "@proj-airi/audio": "workspace:^",
@@ -71,6 +72,7 @@
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.2",
     "shiki": "^3.12.2",
+    "std-env": "^3.9.0",
     "three": "^0.179.1",
     "unified": "^11.0.5",
     "unspeech": "^0.1.7",

apps/stage-tamagotchi-electron/src/main/index.ts

@@ -1,29 +1,47 @@
-import { join } from 'node:path'
+import { dirname, join } from 'node:path'
 import { env, platform } from 'node:process'
+import { fileURLToPath } from 'node:url'
 
 import { electronApp, is, optimizer } from '@electron-toolkit/utils'
-import { app, BrowserWindow, ipcMain, shell } from 'electron'
+import { Format, LogLevel, setGlobalFormat, setGlobalLogLevel } from '@guiiai/logg'
+import { app, BrowserWindow, shell } from 'electron'
+import { isMacOS } from 'std-env'
 
 import icon from '../../resources/icon.png?asset'
 
+setGlobalFormat(Format.Pretty)
+setGlobalLogLevel(LogLevel.Log)
+
+if (/^true$/i.test(env.APP_REMOTE_DEBUG || '')) {
+  const remoteDebugPort = Number(env.APP_REMOTE_DEBUG_PORT || '9222')
+  if (Number.isNaN(remoteDebugPort) || !Number.isInteger(remoteDebugPort) || remoteDebugPort < 0 || remoteDebugPort > 65535) {
+    throw new Error(`Invalid remote debug port: ${env.APP_REMOTE_DEBUG_PORT}`)
+  }
+
+  app.commandLine.appendSwitch('remote-debugging-port', String(remoteDebugPort))
+  app.commandLine.appendSwitch('remote-allow-origins', `http://localhost:${remoteDebugPort}`)
+}
+
+app.dock?.setIcon(icon)
+
 function createWindow(): void {
-  // Create the browser window.
   const mainWindow = new BrowserWindow({
-    width: 900,
-    height: 670,
+    width: 450.0,
+    height: 600.0,
     show: false,
-    autoHideMenuBar: true,
-    ...(platform === 'linux' ? { icon } : {}),
+    icon,
     webPreferences: {
-      preload: join(__dirname, '../preload/index.js'),
+      preload: join(dirname(fileURLToPath(import.meta.url)), '../preload/index.mjs'),
       sandbox: false,
     },
+    frame: false,
+    titleBarStyle: isMacOS ? 'hidden' : undefined,
+    transparent: true,
+    hasShadow: false,
   })
 
-  mainWindow.on('ready-to-show', () => {
-    mainWindow.show()
-  })
-
+  mainWindow.setWindowButtonVisibility(false)
+  mainWindow.on('ready-to-show', () => mainWindow!.show())
   mainWindow.webContents.setWindowOpenHandler((details) => {
     shell.openExternal(details.url)
     return { action: 'deny' }
@@ -44,7 +62,7 @@ function createWindow(): void {
 // Some APIs can only be used after this event occurs.
 app.whenReady().then(() => {
   // Set app user model id for windows
-  electronApp.setAppUserModelId('com.electron')
+  electronApp.setAppUserModelId('ai.moeru.airi')
 
   // Default open or close DevTools by F12 in development
   // and ignore CommandOrControl + R in production.
@@ -53,18 +71,7 @@ app.whenReady().then(() => {
     optimizer.watchWindowShortcuts(window)
   })
 
-  // IPC test
-  // eslint-disable-next-line no-console
-  ipcMain.on('ping', () => console.log('pong'))
-
   createWindow()
-
-  app.on('activate', () => {
-    // On macOS it's common to re-create a window in the app when the
-    // dock icon is clicked and there are no other windows open.
-    if (BrowserWindow.getAllWindows().length === 0)
-      createWindow()
-  })
 })
 
 // Quit when all windows are closed, except on macOS. There, it's common

pnpm-lock.yaml

@@ -701,6 +701,9 @@ importers:
       '@formkit/auto-animate':
         specifier: ^0.8.4
         version: 0.8.4
+      '@guiiai/logg':
+        specifier: ^1.0.10
+        version: 1.0.10
       '@huggingface/transformers':
         specifier: ^3.7.2
         version: 3.7.2
@@ -842,6 +845,9 @@ importers:
       shiki:
         specifier: ^3.12.2
         version: 3.12.2
+      std-env:
+        specifier: ^3.9.0
+        version: 3.9.0
       three:
         specifier: ^0.179.1
         version: 0.179.1