use wxt to build ime extension (#1)

Author: eagleoflqj

.github/workflows/ci.yml

@@ -0,0 +1,60 @@
+name: ci
+
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-24.04
+    steps:
+      - uses: actions/checkout@v5
+
+      - uses: actions/setup-node@v5
+        with:
+          node-version: 24.x
+
+      - name: Install dependencies
+        run: |
+          npm i -g pnpm
+          pnpm i
+
+      - name: Lint
+        run: |
+          pnpm run lint
+          pnpm run check
+
+      - name: Build
+        run: |
+          pnpm run build
+
+      - name: Package zip
+        working-directory: .output
+        run: 
+          zip -r ../fcitx5-chrome.zip fcitx5-chrome
+
+      - name: Upload artifact
+        if: ${{ github.ref != 'refs/heads/master' }}
+        uses: actions/upload-artifact@v4
+        with:
+          name: artifact-chrome
+          path: |
+            fcitx5-chrome.zip
+
+      - name: Setup tmate session
+        if: ${{ failure() }}
+        uses: mxschmitt/action-tmate@v3
+
+      - name: Release
+        if: ${{ github.ref == 'refs/heads/master' }}
+        uses: 'marvinpinto/action-automatic-releases@latest'
+        with:
+          repo_token: ${{ secrets.GITHUB_TOKEN }}
+          automatic_release_tag: latest
+          prerelease: true
+          title: "Nightly Build"
+          files: |
+            fcitx5-chrome.zip

.gitignore

@@ -0,0 +1,7 @@
+.DS_Store
+node_modules
+pnpm-lock.yaml
+web-ext.config.ts
+.wxt
+.output
+*.zip

entrypoints/background.ts

@@ -0,0 +1,61 @@
+export default defineBackground(() => {
+  if (!browser.input) {
+    return
+  }
+  let contextID = 0
+  const { ime } = browser.input
+
+  ime.onFocus.addListener((context) => {
+    contextID = context.contextID
+  })
+
+  ime.onBlur.addListener(() => {
+    contextID = -1
+  })
+
+  ime.onKeyEvent.addListener((engineID, keyData, requestId) => {
+    if (keyData.type !== 'keydown') {
+      return false
+    }
+
+    if (/^[a-z]$/i.test(keyData.key)) {
+      ime.setComposition({
+        contextID,
+        text: '',
+        cursor: 0,
+      })
+
+      const candidates = [
+        { candidate: 'foo', id: 0, label: '1' },
+        { candidate: 'bar', id: 1, label: '2' },
+      ]
+      ime.setCandidates({
+        contextID,
+        candidates,
+      })
+      ime.setCandidateWindowProperties({
+        engineID,
+        properties: {
+          visible: true,
+          cursorVisible: true,
+          vertical: true,
+          pageSize: candidates.length,
+        },
+      })
+      ime.keyEventHandled(requestId, true)
+      return true
+    }
+
+    ime.keyEventHandled(requestId, false)
+    return false
+  })
+
+  ime.onCandidateClicked.addListener((engineID, candidateID) => {
+    ime.commitText({ contextID, text: candidateID.toString() })
+    ime.setCandidates({
+      contextID,
+      candidates: [],
+    })
+    ime.setCandidateWindowProperties({ engineID, properties: { visible: false } })
+  })
+})

eslint.config.mjs

@@ -0,0 +1,3 @@
+import antfu from '@antfu/eslint-config'
+
+export default antfu()

package.json

@@ -0,0 +1,19 @@
+{
+  "name": "fcitx5-chrome",
+  "version": "0.1.0",
+  "description": "Fcitx5 Chrome edition",
+  "license": "AGPL-3.0-or-later",
+  "scripts": {
+    "build": "wxt build",
+    "postinstall": "wxt prepare",
+    "lint": "eslint entrypoints",
+    "lint:fix": "eslint entrypoints --fix",
+    "check": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^5.3.0",
+    "eslint": "^9.35.0",
+    "typescript": "^5.9.2",
+    "wxt": "^0.20.11"
+  }
+}

tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "./.wxt/tsconfig.json"
+}

wxt.config.ts

@@ -0,0 +1,19 @@
+import { defineConfig } from 'wxt'
+
+export default defineConfig({
+  manifest: {
+    name: 'Fcitx5',
+    permissions: [
+      'input',
+    ],
+    input_components: [{
+      name: 'Fcitx5',
+      type: 'ime',
+      id: 'fcitx5',
+      description: 'Fcitx5 input method framework',
+      language: ['en-US'],
+      layouts: ['us'],
+    }],
+  },
+  outDirTemplate: 'fcitx5-chrome',
+})