feat(provider-transformers): added package to integrate transformers.js with xsai (moeru-ai#36)

* feat(provider-transformers): added package to integrate transformers.js with xsai
* fix: build
* chore: use updated xsai

---------

Signed-off-by: Neko Ayaka <neko@ayaka.moe>

Author: nekomeowww

apps/moonshine-web/package.json

@@ -18,7 +18,7 @@
   },
   "dependencies": {
     "@tresjs/core": "^4.3.3",
-    "@unocss/reset": "^66.1.0-beta.1",
+    "@unocss/reset": "^66.1.0-beta.3",
     "@vueuse/core": "^12.7.0",
     "@vueuse/motion": "^2.2.6",
     "ofetch": "^1.4.1",

apps/stage-tamagotchi/package.json

@@ -48,8 +48,8 @@
     "@tresjs/core": "^4.3.3",
     "@types/yauzl": "^2.10.3",
     "@typeschema/valibot": "^0.14.0",
-    "@unhead/vue": "^2.0.0-alpha.23",
-    "@unocss/reset": "^66.1.0-beta.1",
+    "@unhead/vue": "^2.0.0-alpha.27",
+    "@unocss/reset": "^66.1.0-beta.3",
     "@vueuse/core": "^12.7.0",
     "@vueuse/head": "^2.0.0",
     "@vueuse/shared": "^12.7.0",
@@ -59,7 +59,7 @@
     "@xsai/providers": "catalog:",
     "@xsai/shared-chat": "catalog:",
     "@xsai/stream-text": "catalog:",
-    "@xsai/utils-chat": "^0.1.0-beta.7",
+    "@xsai/utils-chat": "^0.1.0-beta.9",
     "defu": "^6.1.4",
     "nprogress": "^0.2.0",
     "ofetch": "^1.4.1",
@@ -85,9 +85,9 @@
   },
   "devDependencies": {
     "@electron-toolkit/tsconfig": "^1.0.1",
-    "@iconify-json/carbon": "^1.2.7",
+    "@iconify-json/carbon": "^1.2.8",
     "@iconify-json/eos-icons": "^1.2.2",
-    "@iconify-json/lucide": "^1.2.26",
+    "@iconify-json/lucide": "^1.2.27",
     "@iconify-json/mingcute": "^1.2.3",
     "@iconify-json/solar": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.2",
@@ -103,14 +103,14 @@
     "@vitejs/plugin-vue": "^5.2.1",
     "@vue-macros/volar": "^0.30.14",
     "@vueuse/motion": "^2.2.6",
-    "electron": "^34.2.0",
+    "electron": "^34.3.0",
     "electron-builder": "24.13.3",
     "electron-vite": "^2.3.0",
     "markdown-it-link-attributes": "^4.0.1",
     "unocss-preset-scrollbar": "^3.2.0",
-    "unplugin-auto-import": "^19.1.0",
-    "unplugin-vue-components": "^28.4.0",
-    "unplugin-vue-macros": "^2.14.3",
+    "unplugin-auto-import": "^19.1.1",
+    "unplugin-vue-components": "^28.4.1",
+    "unplugin-vue-macros": "^2.14.4",
     "unplugin-vue-markdown": "^28.3.1",
     "unplugin-vue-router": "^0.11.2",
     "vite-bundle-visualizer": "^1.2.1",

apps/stage-web/package.json

@@ -44,8 +44,8 @@
     "@tresjs/core": "^4.3.3",
     "@types/yauzl": "^2.10.3",
     "@typeschema/valibot": "^0.14.0",
-    "@unhead/vue": "^2.0.0-alpha.23",
-    "@unocss/reset": "^66.1.0-beta.1",
+    "@unhead/vue": "^2.0.0-alpha.27",
+    "@unocss/reset": "^66.1.0-beta.3",
     "@valibot/to-json-schema": "1.0.0-rc.0",
     "@vueuse/core": "^12.7.0",
     "@vueuse/head": "^2.0.0",
@@ -56,7 +56,7 @@
     "@xsai/providers": "catalog:",
     "@xsai/shared-chat": "catalog:",
     "@xsai/stream-text": "catalog:",
-    "@xsai/utils-chat": "^0.1.0-beta.7",
+    "@xsai/utils-chat": "catalog:",
     "defu": "^6.1.4",
     "jszip": "^3.10.1",
     "nprogress": "^0.2.0",
@@ -83,9 +83,9 @@
   },
   "devDependencies": {
     "@electron-toolkit/preload": "^3.0.1",
-    "@iconify-json/carbon": "^1.2.7",
+    "@iconify-json/carbon": "^1.2.8",
     "@iconify-json/eos-icons": "^1.2.2",
-    "@iconify-json/lucide": "^1.2.26",
+    "@iconify-json/lucide": "^1.2.27",
     "@iconify-json/mingcute": "^1.2.3",
     "@iconify-json/simple-icons": "^1.2.26",
     "@iconify-json/solar": "^1.2.2",
@@ -105,9 +105,9 @@
     "@vueuse/motion": "^2.2.6",
     "hfup": "workspace:^",
     "markdown-it-link-attributes": "^4.0.1",
-    "unplugin-auto-import": "^19.1.0",
-    "unplugin-vue-components": "^28.4.0",
-    "unplugin-vue-macros": "^2.14.3",
+    "unplugin-auto-import": "^19.1.1",
+    "unplugin-vue-components": "^28.4.1",
+    "unplugin-vue-macros": "^2.14.4",
     "unplugin-vue-markdown": "^28.3.1",
     "unplugin-vue-router": "^0.11.2",
     "vite-bundle-visualizer": "^1.2.1",

apps/whisper-webgpu/package.json

@@ -17,7 +17,7 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@unocss/reset": "^66.1.0-beta.1",
+    "@unocss/reset": "^66.1.0-beta.3",
     "@vueuse/core": "^12.7.0",
     "ofetch": "^1.4.1",
     "vue": "^3.5.13"

package.json

@@ -2,7 +2,7 @@
   "name": "airi-vtuber",
   "type": "module",
   "private": true,
-  "packageManager": "pnpm@10.5.0",
+  "packageManager": "pnpm@10.5.2",
   "description": "LLM powered virtual character",
   "author": {
     "name": "Neko Ayaka",
@@ -35,8 +35,8 @@
     "@antfu/ni": "^23.3.1",
     "@cspell/dict-ru_ru": "^2.2.4",
     "@types/node": "^22.13.5",
-    "@unocss/eslint-config": "^66.1.0-beta.1",
-    "@unocss/eslint-plugin": "^66.1.0-beta.1",
+    "@unocss/eslint-config": "^66.1.0-beta.3",
+    "@unocss/eslint-plugin": "^66.1.0-beta.3",
     "@vitest/coverage-v8": "3.0.5",
     "bumpp": "^10.0.3",
     "changelogithub": "^13.12.1",
@@ -50,9 +50,9 @@
     "taze": "^18.6.0",
     "typescript": "~5.7.3",
     "unbuild": "3.0.0-rc.11",
-    "unocss": "^66.1.0-beta.1",
+    "unocss": "^66.1.0-beta.3",
     "vite": "^6.2.0",
-    "vite-plugin-inspect": "^10.3.0",
+    "vite-plugin-inspect": "^11.0.0",
     "vitest": "^3.0.7"
   },
   "workspaces": [

packages/provider-transformers/netlify.toml

@@ -0,0 +1,13 @@
+[build]
+base = "/"
+command = "pnpm -F @proj-airi/provider-transformers... run build"
+publish = "/packages/provider-transformers/playground/dist"
+
+[build.environment]
+NODE_VERSION = "23"
+
+[[redirects]]
+from = "/*"
+to = "/index.html"
+status = 200
+force = false

packages/provider-transformers/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@proj-airi/provider-transformers",
+  "type": "module",
+  "private": true,
+  "description": "Transformers.js wrapper makes it easy to use with xsai",
+  "author": {
+    "name": "Neko Ayaka",
+    "email": "neko@ayaka.moe",
+    "url": "https://github.com/nekomeowww"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/moeru-ai/airi.git",
+    "directory": "packages/provider-transformers"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./worker": {
+      "types": "./dist/worker/index.d.ts",
+      "import": "./dist/worker/index.mjs"
+    },
+    "./types": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/types/index.mjs"
+    }
+  },
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "README.md",
+    "dist",
+    "package.json"
+  ],
+  "scripts": {
+    "dev": "pnpm run stub && pnpm run play:dev",
+    "stub": "unbuild --stub",
+    "build": "unbuild && pnpm run play:build",
+    "play:dev": "vite",
+    "play:build": "vite build",
+    "play:preview": "vite preview",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "web-worker": "^1.5.0"
+  },
+  "peerDependenciesMeta": {
+    "web-worker": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@huggingface/transformers": "^3.3.3",
+    "@proj-airi/utils-transformers": "workspace:^",
+    "@webgpu/types": "^0.1.54",
+    "@xsai-ext/shared-providers": "catalog:",
+    "@xsai/embed": "catalog:",
+    "@xsai/shared": "catalog:",
+    "defu": "^6.1.4",
+    "es-toolkit": "^1.32.0"
+  },
+  "devDependencies": {
+    "@iconify-json/solar": "^1.2.2",
+    "@unocss/reset": "^66.1.0-beta.3",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vueuse/core": "^12.7.0",
+    "vite": "^6.2.0",
+    "vue": "^3.5.13",
+    "vue-tsc": "^2.2.4"
+  }
+}

packages/provider-transformers/playground/index.html

@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Project AIRI 🤗 Transformers.js xsai provider Playground</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
+    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <script>
+      ;(function () {
+        const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
+        const setting = localStorage.getItem('vueuse-color-scheme') || 'auto'
+        if (setting === 'dark' || (prefersDark && setting !== 'light'))
+          document.documentElement.classList.toggle('dark', true)
+      })()
+    </script>
+  </head>
+  <body class="font-sans">
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+    <noscript> This website requires JavaScript to function properly. Please enable JavaScript to continue. </noscript>
+  </body>
+</html>