fix onnx model loading

trigo-web/ONNXRUNTIME_NODE_FIX.md

@@ -0,0 +1,145 @@
+# onnxruntime-node 安装问题修复方案
+
+## 问题描述
+
+`[email protected]` 的 postinstall 脚本在下载二进制文件时无法正确处理 HTTP 302 重定向，导致安装失败：
+
+```
+Error: Failed to download build list. HTTP status code = 302
+```
+
+## 根本原因
+
+Node.js 原生的 `https.get()` 不会自动跟随 HTTP 重定向。`onnxruntime-node` 的 `install-utils.js` 中的 `downloadFile()` 和 `downloadJson()` 函数缺少重定向处理逻辑。
+
+## 解决方案
+
+### 方案 A: 应用 Patch（推荐）
+
+已创建 patch 文件来修复重定向问题：
+
+```bash
+cd ~/work/trigoRL/third_party/trigo/trigo-web/node_modules/onnxruntime-node/script
+patch -p0 < ~/work/trigoRL/third_party/trigo/trigo-web/onnxruntime-node-redirect-fix.patch
+```
+
+**Patch 修改内容：**
+1. 为 `downloadFile()` 和 `downloadJson()` 添加 `maxRedirects` 参数（默认值 5）
+2. 检测 HTTP 状态码 300-399 并提取 `Location` 头
+3. 递归调用自身跟随重定向，直到获得 200 状态码或达到最大重定向次数
+
+### 方案 B: 跳过安装（仅用于不需要 ONNX 推理的场景）
+
+```bash
+yarn install --ignore-scripts
+```
+
+**限制：** onnxruntime-node 的 CUDA 和 TensorRT 二进制文件不会被下载，无法在 Node.js 中进行 GPU 推理。
+
+## 修复验证
+
+### 1. 测试安装脚本
+
+```bash
+cd ~/work/trigoRL/third_party/trigo/trigo-web/node_modules/onnxruntime-node
+node ./script/install
+```
+
+**预期输出：**
+```
+Following redirect to https://nuget.azure.cn/v3/index.json
+Following redirect to https://nuget.azure.cn/v3-flatcontainer/...
+Downloading https://api.nuget.org/v3-flatcontainer/...
+Extracting runtimes/linux-x64/native/libonnxruntime_providers_cuda.so to ...
+Extracting runtimes/linux-x64/native/libonnxruntime_providers_shared.so to ...
+Extracting runtimes/linux-x64/native/libonnxruntime_providers_tensorrt.so to ...
+```
+
+### 2. 验证模块加载
+
+```bash
+cd ~/work/trigoRL/third_party/trigo/trigo-web
+node -e "const ort = require('onnxruntime-node'); console.log('Supported backends:', ort.listSupportedBackends());"
+```
+
+**预期输出：**
+```javascript
+Supported backends: [
+  { name: 'cpu', bundled: true },
+  { name: 'webgpu', bundled: true },
+  { name: 'cuda', bundled: false },
+  { name: 'tensorrt', bundled: false }
+]
+```
+
+### 3. 检查二进制文件
+
+```bash
+ls -lh ~/work/trigoRL/third_party/trigo/trigo-web/node_modules/onnxruntime-node/bin/napi-v6/linux/x64/*.so
+```
+
+**预期输出：**
+```
+-rw-rw-rw- 1 camus camus 352M libonnxruntime_providers_cuda.so
+-rw-rw-rw- 1 camus camus  15K libonnxruntime_providers_shared.so
+-rw-rw-rw- 1 camus camus 811K libonnxruntime_providers_tensorrt.so
+```
+
+## 技术细节
+
+### 修改的函数
+
+#### downloadFile()
+添加递归重定向处理：
+```javascript
+async function downloadFile(url, dest, maxRedirects = 5) {
+  // 检查重定向次数
+  if (maxRedirects < 0) {
+    reject(new Error('Too many redirects'));
+    return;
+  }
+
+  // 检测 300-399 状态码
+  if (res.statusCode >= 300 && res.statusCode < 400 && res.headers.location) {
+    const redirectUrl = new URL(res.headers.location, url).toString();
+    downloadFile(redirectUrl, dest, maxRedirects - 1).then(resolve).catch(reject);
+    return;
+  }
+  // ...
+}
+```
+
+#### downloadJson()
+类似的重定向处理逻辑应用于 JSON 下载。
+
+### 为什么需要这个修复
+
+1. **NuGet CDN 重定向：** onnxruntime 使用 NuGet 包托管，某些 CDN 节点会返回 302 重定向
+2. **代理环境：** 在使用代理的网络环境中，重定向更为常见
+3. **地理位置优化：** NuGet 会根据地理位置重定向到最近的镜像服务器
+
+## 未来维护
+
+当 `onnxruntime-node` 更新到新版本时：
+
+1. **检查是否已修复：** 新版本可能已经包含重定向处理
+2. **重新应用 patch：** 如果未修复，需要在新版本的 `install-utils.js` 上重新应用 patch
+3. **提交上游 PR：** 可以向 onnxruntime 项目提交 Pull Request 来永久修复这个问题
+
+## 相关文件
+
+- **Patch 文件：** `onnxruntime-node-redirect-fix.patch`
+- **原始脚本：** `node_modules/onnxruntime-node/script/install-utils.js`
+- **备份文件：** `node_modules/onnxruntime-node/script/install-utils.js.backup`
+
+## 环境信息
+
+- **修复日期：** 2025-11-21
+- **onnxruntime-node 版本：** 1.23.2
+- **Node.js 版本：** v24.11.1
+- **操作系统：** Ubuntu 22.04 (LXD container)
+- **GPU：** 8x NVIDIA H20
+
+## 状态
+
+✅ **已彻底解决** - onnxruntime-node 的 CUDA 和 TensorRT 后端已成功安装并可用于 Node.js ONNX 模型推理。

trigo-web/app/package-lock.json

@@ -8,6 +8,8 @@
 			"name": "trigo-app",
 			"version": "0.0.0",
 			"dependencies": {
+				"onnxruntime-common": "^1.23.2",
+				"onnxruntime-web": "^1.23.2",
 				"pinia": "^2.1.6",
 				"socket.io-client": "^4.5.2",
 				"three": "^0.156.1",
@@ -740,6 +742,60 @@
 				"url": "https://opencollective.com/parcel"
 			}
 		},
+		"node_modules/@protobufjs/aspromise": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz",
+			"integrity": "sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ=="
+		},
+		"node_modules/@protobufjs/base64": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/@protobufjs/base64/-/base64-1.1.2.tgz",
+			"integrity": "sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg=="
+		},
+		"node_modules/@protobufjs/codegen": {
+			"version": "2.0.4",
+			"resolved": "https://registry.npmjs.org/@protobufjs/codegen/-/codegen-2.0.4.tgz",
+			"integrity": "sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg=="
+		},
+		"node_modules/@protobufjs/eventemitter": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@protobufjs/eventemitter/-/eventemitter-1.1.0.tgz",
+			"integrity": "sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q=="
+		},
+		"node_modules/@protobufjs/fetch": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@protobufjs/fetch/-/fetch-1.1.0.tgz",
+			"integrity": "sha512-lljVXpqXebpsijW71PZaCYeIcE5on1w5DlQy5WH6GLbFryLUrBD4932W/E2BSpfRJWseIL4v/KPgBFxDOIdKpQ==",
+			"dependencies": {
+				"@protobufjs/aspromise": "^1.1.1",
+				"@protobufjs/inquire": "^1.1.0"
+			}
+		},
+		"node_modules/@protobufjs/float": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/@protobufjs/float/-/float-1.0.2.tgz",
+			"integrity": "sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ=="
+		},
+		"node_modules/@protobufjs/inquire": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@protobufjs/inquire/-/inquire-1.1.0.tgz",
+			"integrity": "sha512-kdSefcPdruJiFMVSbn801t4vFK7KB/5gd2fYvrxhuJYg8ILrmn9SKSX2tZdV6V+ksulWqS7aXjBcRXl3wHoD9Q=="
+		},
+		"node_modules/@protobufjs/path": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/@protobufjs/path/-/path-1.1.2.tgz",
+			"integrity": "sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA=="
+		},
+		"node_modules/@protobufjs/pool": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@protobufjs/pool/-/pool-1.1.0.tgz",
+			"integrity": "sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw=="
+		},
+		"node_modules/@protobufjs/utf8": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.0.tgz",
+			"integrity": "sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw=="
+		},
 		"node_modules/@rollup/rollup-android-arm-eabi": {
 			"version": "4.52.5",
 			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.52.5.tgz",
@@ -1041,9 +1097,6 @@
 			"version": "24.10.1",
 			"resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.1.tgz",
 			"integrity": "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==",
-			"dev": true,
-			"optional": true,
-			"peer": true,
 			"dependencies": {
 				"undici-types": "~7.16.0"
 			}
@@ -1436,6 +1489,11 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/flatbuffers": {
+			"version": "25.9.23",
+			"resolved": "https://registry.npmjs.org/flatbuffers/-/flatbuffers-25.9.23.tgz",
+			"integrity": "sha512-MI1qs7Lo4Syw0EOzUl0xjs2lsoeqFku44KpngfIduHBYvzm8h2+7K8YMQh1JtVVVrUvhLpNwqVi4DERegUJhPQ=="
+		},
 		"node_modules/fsevents": {
 			"version": "2.3.3",
 			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -1450,6 +1508,11 @@
 				"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
 			}
 		},
+		"node_modules/guid-typescript": {
+			"version": "1.0.9",
+			"resolved": "https://registry.npmjs.org/guid-typescript/-/guid-typescript-1.0.9.tgz",
+			"integrity": "sha512-Y8T4vYhEfwJOTbouREvG+3XDsjr8E3kIr7uf+JZ0BYloFsttiHU0WfvANVsR7TxNUJa/WpCnw/Ino/p+DeBhBQ=="
+		},
 		"node_modules/has-flag": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@@ -1507,6 +1570,11 @@
 				"node": ">=0.12.0"
 			}
 		},
+		"node_modules/long": {
+			"version": "5.3.2",
+			"resolved": "https://registry.npmjs.org/long/-/long-5.3.2.tgz",
+			"integrity": "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA=="
+		},
 		"node_modules/magic-string": {
 			"version": "0.30.19",
 			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.19.tgz",
@@ -1585,6 +1653,24 @@
 			"dev": true,
 			"optional": true
 		},
+		"node_modules/onnxruntime-common": {
+			"version": "1.23.2",
+			"resolved": "https://registry.npmjs.org/onnxruntime-common/-/onnxruntime-common-1.23.2.tgz",
+			"integrity": "sha512-5LFsC9Dukzp2WV6kNHYLNzp8sT6V02IubLCbzw2Xd6X5GOlr65gAX6xiJwyi2URJol/s71gaQLC5F2C25AAR2w=="
+		},
+		"node_modules/onnxruntime-web": {
+			"version": "1.23.2",
+			"resolved": "https://registry.npmjs.org/onnxruntime-web/-/onnxruntime-web-1.23.2.tgz",
+			"integrity": "sha512-T09JUtMn+CZLk3mFwqiH0lgQf+4S7+oYHHtk6uhaYAAJI95bTcKi5bOOZYwORXfS/RLZCjDDEXGWIuOCAFlEjg==",
+			"dependencies": {
+				"flatbuffers": "^25.1.24",
+				"guid-typescript": "^1.0.9",
+				"long": "^5.2.3",
+				"onnxruntime-common": "1.23.2",
+				"platform": "^1.3.6",
+				"protobufjs": "^7.2.4"
+			}
+		},
 		"node_modules/path-browserify": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
@@ -1630,6 +1716,11 @@
 				}
 			}
 		},
+		"node_modules/platform": {
+			"version": "1.3.6",
+			"resolved": "https://registry.npmjs.org/platform/-/platform-1.3.6.tgz",
+			"integrity": "sha512-fnWVljUchTro6RiCFvCXBbNhJc2NijN7oIQxbwsyL0buWJPG85v81ehlHI9fXrJsMNgTofEoWIQeClKpgxFLrg=="
+		},
 		"node_modules/postcss": {
 			"version": "8.5.6",
 			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
@@ -1657,6 +1748,29 @@
 				"node": "^10 || ^12 || >=14"
 			}
 		},
+		"node_modules/protobufjs": {
+			"version": "7.5.4",
+			"resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-7.5.4.tgz",
+			"integrity": "sha512-CvexbZtbov6jW2eXAvLukXjXUW1TzFaivC46BpWc/3BpcCysb5Vffu+B3XHMm8lVEuy2Mm4XGex8hBSg1yapPg==",
+			"hasInstallScript": true,
+			"dependencies": {
+				"@protobufjs/aspromise": "^1.1.2",
+				"@protobufjs/base64": "^1.1.2",
+				"@protobufjs/codegen": "^2.0.4",
+				"@protobufjs/eventemitter": "^1.1.0",
+				"@protobufjs/fetch": "^1.1.0",
+				"@protobufjs/float": "^1.0.2",
+				"@protobufjs/inquire": "^1.1.0",
+				"@protobufjs/path": "^1.1.2",
+				"@protobufjs/pool": "^1.1.0",
+				"@protobufjs/utf8": "^1.1.0",
+				"@types/node": ">=13.7.0",
+				"long": "^5.0.0"
+			},
+			"engines": {
+				"node": ">=12.0.0"
+			}
+		},
 		"node_modules/readdirp": {
 			"version": "4.1.2",
 			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
@@ -2182,10 +2296,7 @@
 		"node_modules/undici-types": {
 			"version": "7.16.0",
 			"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
-			"integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
-			"dev": true,
-			"optional": true,
-			"peer": true
+			"integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="
 		},
 		"node_modules/varint": {
 			"version": "6.0.0",

trigo-web/app/src/views/TrigoView.vue

@@ -917,7 +917,7 @@
 					if (entry.target === viewportCanvas.value && viewport) {
 						// Trigger viewport resize
 						const rect = viewportCanvas.value.getBoundingClientRect();
-						console.log(`Canvas resized: ${rect.width}x${rect.height}`);
+						//console.log(`Canvas resized: ${rect.width}x${rect.height}`);
 
 						// Call the viewport's resize handler directly
 						// The onWindowResize method updates camera aspect and renderer size
@@ -951,6 +951,27 @@
 		window.addEventListener("keydown", handleKeyPress);
 	});
 
+	// Watch for game mode changes and initialize AI when switching to vs-ai
+	watch(gameMode, (newMode, oldMode) => {
+		console.log(`[TrigoView] Game mode changed: ${oldMode} -> ${newMode}`);
+
+		if (newMode === "vs-ai" && !aiReady.value) {
+			console.log("[TrigoView] Switching to VS AI mode, initializing AI agent...");
+			aiAgent.initialize()
+				.then(() => {
+					// After AI is ready, if it's AI's turn, generate move
+					if (gameStarted.value && currentPlayer.value === aiPlayerColor.value) {
+						setTimeout(() => {
+							generateAIMove();
+						}, 100);
+					}
+				})
+				.catch((err) => {
+					console.error("[TrigoView] Failed to initialize AI agent:", err);
+				});
+		}
+	});
+
 	onUnmounted(() => {
 		console.log("TrigoDemo component unmounted");
 

trigo-web/onnxruntime-node-redirect-fix.patch

@@ -0,0 +1,63 @@
+--- install-utils.js.backup	2025-11-21 07:38:06.154213581 +0000
++++ install-utils.js	2025-11-21 07:38:44.799438104 +0000
+@@ -10,11 +10,27 @@
+ const os = require('os');
+ const AdmZip = require('adm-zip'); // Use adm-zip instead of spawn
+ 
+-async function downloadFile(url, dest) {
++async function downloadFile(url, dest, maxRedirects = 5) {
+   return new Promise((resolve, reject) => {
++    if (maxRedirects < 0) {
++      reject(new Error('Too many redirects'));
++      return;
++    }
++
+     const file = fs.createWriteStream(dest);
+     https
+       .get(url, (res) => {
++        // Handle redirects (301, 302, 303, 307, 308)
++        if (res.statusCode >= 300 && res.statusCode < 400 && res.headers.location) {
++          file.close();
++          fs.unlinkSync(dest);
++          // Follow redirect
++          const redirectUrl = new URL(res.headers.location, url).toString();
++          console.log(`Following redirect to ${redirectUrl}`);
++          downloadFile(redirectUrl, dest, maxRedirects - 1).then(resolve).catch(reject);
++          return;
++        }
++
+         if (res.statusCode !== 200) {
+           file.close();
+           fs.unlinkSync(dest);
+@@ -39,8 +55,13 @@
+   });
+ }
+ 
+-async function downloadJson(url) {
++async function downloadJson(url, maxRedirects = 5) {
+   return new Promise((resolve, reject) => {
++    if (maxRedirects < 0) {
++      reject(new Error('Too many redirects'));
++      return;
++    }
++
+     https
+       .get(url, (res) => {
+         const { statusCode } = res;
+@@ -50,6 +71,16 @@
+           reject(new Error('No response statud code from server.'));
+           return;
+         }
++
++        // Handle redirects (301, 302, 303, 307, 308)
++        if (statusCode >= 300 && statusCode < 400 && res.headers.location) {
++          // Follow redirect
++          const redirectUrl = new URL(res.headers.location, url).toString();
++          console.log(`Following redirect to ${redirectUrl}`);
++          downloadJson(redirectUrl, maxRedirects - 1).then(resolve).catch(reject);
++          return;
++        }
++
+         if (statusCode >= 400 && statusCode < 500) {
+           resolve(null);
+           return;