feat: Refactoring styling, add jp/kr locales, collapsable block.

.github/workflows/main.yml

@@ -12,9 +12,9 @@ env:
 on:
   # Triggers the workflow on push or pull request events but only for the "master" branch
   push:
-    branches: ["master", "beta"]
+    branches: [master, beta]
   pull_request:
-    branches: ["master", "beta"]
+    branches: [master, beta]
 
 # A workflow run is made up of one or more jobs that can run sequentially or in parallel
 jobs:
@@ -25,7 +25,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [24.x]
 
     # Steps represent a sequence of tasks that will be executed as part of the job
     steps:
@@ -35,7 +35,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 24
 
       - name: Set env
         run: echo "RELEASE_VERSION=${GITHUB_REF#refs/*/}" >> $GITHUB_ENV

.prettierrc.js

@@ -1,8 +1,8 @@
-const fabric = require('@shlab/fabric');
+const fabric = require('@shlab/fabric')
 
 module.exports = {
   ...fabric.prettier,
   tabWidth: 2,
   printWidth: 120,
   singleQuote: true,
-};
+}

.vscode/extensions.json

@@ -1,5 +1,5 @@
 {
   "recommendations": [
-    "editorconfig.editorconfig",
+    "editorconfig.editorconfig"
   ]
 }

.vscode/launch.json

@@ -1,15 +1,15 @@
 {
-    // 使用 IntelliSense 了解相关属性。 
-    // 悬停以查看现有属性的描述。
-    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "type": "pwa-chrome",
-            "request": "launch",
-            "name": "Launch Chrome against localhost",
-            "url": "http://localhost:8080",
-            "webRoot": "${workspaceFolder}"
-        }
-    ]
-}
+  // 使用 IntelliSense 了解相关属性。
+  // 悬停以查看现有属性的描述。
+  // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "pwa-chrome",
+      "request": "launch",
+      "name": "Launch Chrome against localhost",
+      "url": "http://localhost:8080",
+      "webRoot": "${workspaceFolder}"
+    }
+  ]
+}

.vscode/settings.json

@@ -1,19 +1,19 @@
 {
-    "editor.wordWrap": "off",
-    // Turns on auto format on save for all files types.
-    // This is also required to allow Prettier to auto format files on save.
-    "editor.formatOnSave": true,
-    // Turns it off for JavaScript since we use Prettier to auto format on save.
-    "javascript.format.enable": false,
-    "javascript.validate.enable": true,
-    "json.format.enable": false,
-    // Required to allow auto format on save with Prettier + ESLint + Vetur.
-    "editor.codeActionsOnSave": {
-        "source.fixAll.eslint": true
-    },
-    "eslint.alwaysShowStatus": true,
-    "sort-imports.suppress-warnings": true,
-    "search.exclude": {
-        "**/node_modules*": true
-    }
+  "editor.wordWrap": "off",
+  // Turns on auto format on save for all files types.
+  // This is also required to allow Prettier to auto format files on save.
+  "editor.formatOnSave": true,
+  // Turns it off for JavaScript since we use Prettier to auto format on save.
+  "javascript.format.enable": false,
+  "javascript.validate.enable": true,
+  "json.format.enable": false,
+  // Required to allow auto format on save with Prettier + ESLint + Vetur.
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  "eslint.alwaysShowStatus": true,
+  "sort-imports.suppress-warnings": true,
+  "search.exclude": {
+    "**/node_modules*": true
+  }
 }

eslint.config.mjs

@@ -0,0 +1,19 @@
+import antfu from '@antfu/eslint-config'
+
+export default antfu({
+  react: true,
+  ignores: ['dist', 'node_modules', '*.min.js'],
+}, {
+  files: ['server/**/*.js'],
+  rules: {
+    'no-console': 'off',
+    'node/prefer-global/process': 'off',
+    'ts/no-var-requires': 'off',
+    'unused-imports/no-unused-vars': 'off',
+  },
+}, {
+  files: ['vite.config.ts'],
+  rules: {
+    'node/prefer-global/process': 'off',
+  },
+})

manifest.json

@@ -17,5 +17,9 @@
       "128": "icons/candi-tab@3x.png"
     }
   },
+  "options_ui": {
+    "page": "src/options.html",
+    "open_in_tab": false
+  },
   "permissions": ["storage"]
 }