Upload 19 files

frontend/assets/app.js

@@ -4,6 +4,21 @@
   const $ = (sel, root = document) => root.querySelector(sel);
   const $$ = (sel, root = document) => [...root.querySelectorAll(sel)];
   const byId = (id) => document.getElementById(id);
+  // HF 环境识别（用于禁用不支持的本地能力）
+  const onHF = typeof location !== "undefined" && /\bhf\.space$/i.test(location.hostname);
+  function hideById(id) {
+    const el = byId(id);
+    if (el) {
+      el.style.display = "none";
+      if ("disabled" in el) el.disabled = true;
+    }
+  }
+  function hideLabelForInput(id) {
+    const el = byId(id);
+    const label = el && el.closest ? el.closest("label") : null;
+    if (label) label.style.display = "none";
+  }
+
   // 提示音状态（运行时），默认关闭，URL 指向 /ring/ring.mp3
   let soundEnabled = false;
   let soundUrl = "/ring/ring.mp3";
@@ -129,6 +144,15 @@
       if (byId("cfg-custom-primary")) byId("cfg-custom-primary").value = cfg.custom_primary ?? "#7ba23f";
       applyAccentFromConfig(cfg);
 
+      // HF 环境不支持选择/打开本地目录，端口也由平台分配，不可编辑
+      if (onHF) {
+        hideLabelForInput("cfg-port");
+        hideById("btn-select-output-dir");
+        hideById("btn-open-output-dir");
+        const msg = byId("cfg-message");
+        if (msg) msg.textContent = "HF 环境：端口由平台分配（已忽略本地端口设置），目录选择/打开功能已禁用。";
+      }
+
       // 提示音配置
       soundEnabled = !!cfg.sound_enabled;
       soundUrl = cfg.sound_url || "/ring/ring.mp3";
@@ -511,6 +535,10 @@
   const selOutBtn = byId("btn-select-output-dir");
   if (selOutBtn) {
     selOutBtn.addEventListener("click", async () => {
+      if (onHF) {
+        toast("HF 环境不支持系统目录选择，请在输入框手填或留空使用默认。", "info");
+        return;
+      }
       try {
         loading.show();
         const res = await fetch("/api/select-output-dir");
@@ -542,6 +570,10 @@
   const openOutBtn = byId("btn-open-output-dir");
   if (openOutBtn) {
     openOutBtn.addEventListener("click", async () => {
+      if (onHF) {
+        toast("HF 环境不支持打开系统目录（不影响生成与下载）。", "info");
+        return;
+      }
       try {
         loading.show();
         const p = byId("cfg-output-dir")?.value || "";
@@ -578,5 +610,8 @@
   byId("btn-inpaint").addEventListener("click", handleInpaint);
  
   // Init
+  if (onHF) {
+    toast("HF 环境：端口由平台分配，目录选择/打开已禁用。", "info");
+  }
   loadConfig();
 })();

frontend/index.html

@@ -10,14 +10,14 @@
   <header class="app-header">
     <div class="brand">New NAI</div>
     <nav class="tabs">
-      <button class="tab-btn active" data-tab="tab-config">配置</button>
-      <button class="tab-btn" data-tab="tab-t2i">文生图</button>
-      <button class="tab-btn" data-tab="tab-i2i">图生图</button>
-      <button class="tab-btn" data-tab="tab-inpaint">局部重绘</button>
+      <button type="button" class="tab-btn active" data-tab="tab-config">配置</button>
+      <button type="button" class="tab-btn" data-tab="tab-t2i">文生图</button>
+      <button type="button" class="tab-btn" data-tab="tab-i2i">图生图</button>
+      <button type="button" class="tab-btn" data-tab="tab-inpaint">局部重绘</button>
     </nav>
     <div class="header-actions">
-      <button id="theme-toggle" class="tab-btn">主题：深色</button>
-      <button id="sound-toggle" class="tab-btn" aria-pressed="false">提示音：关</button>
+      <button type="button" id="theme-toggle" class="tab-btn">主题：深色</button>
+      <button type="button" id="sound-toggle" class="tab-btn" aria-pressed="false">提示音：关</button>
     </div>
   </header>
 
@@ -114,10 +114,10 @@
           </label>
         </div>
         <div class="actions">
-          <button id="btn-load-config">读取配置</button>
-          <button id="btn-select-output-dir">选择保存目录</button>
-          <button id="btn-open-output-dir">打开保存目录</button>
-          <button id="btn-save-config" class="primary">保存配置</button>
+          <button type="button" id="btn-load-config">读取配置</button>
+          <button type="button" id="btn-select-output-dir">选择保存目录</button>
+          <button type="button" id="btn-open-output-dir">打开保存目录</button>
+          <button type="button" id="btn-save-config" class="primary">保存配置</button>
         </div>
         <p id="cfg-message" class="message"></p>
       </div>
@@ -193,7 +193,7 @@
           </label>
         </div>
         <div class="actions">
-          <button id="btn-t2i" class="primary">生成</button>
+          <button type="button" id="btn-t2i" class="primary">生成</button>
         </div>
         <div class="result">
           <img id="t2i-img" alt="生成结果" />
@@ -287,7 +287,7 @@
           </label>
         </div>
         <div class="actions">
-          <button id="btn-i2i" class="primary">生成</button>
+          <button type="button" id="btn-i2i" class="primary">生成</button>
         </div>
         <div class="result">
           <img id="i2i-img" alt="生成结果" />
@@ -389,7 +389,7 @@
           </label>
         </div>
         <div class="actions">
-          <button id="btn-inpaint" class="primary">生成</button>
+          <button type="button" id="btn-inpaint" class="primary">生成</button>
         </div>
         <div class="result">
           <img id="inpaint-img" alt="生成结果" />

package.json

@@ -1,11 +1,11 @@
 {
-  "name": "new-nai-node",
+  "name": "new-nai-node-hf",
   "version": "1.0.0",
   "private": true,
+  "description": "New NAI - Node/Express for Hugging Face Spaces (Docker)",
   "main": "server.js",
   "scripts": {
-    "start": "node server.js",
-    "dev": "nodemon --watch ./ --ext js,json --ignore output --ignore \"Semi-Auto-NovelAI-to-Pixiv\" server.js"
+    "start": "node server.js"
   },
   "engines": {
     "node": ">=18.0.0"
@@ -19,8 +19,5 @@
     "axios": "^1.7.2",
     "adm-zip": "^0.5.10",
     "fs-extra": "^11.2.0"
-  },
-  "devDependencies": {
-    "nodemon": "^3.1.0"
   }
 }

server.js

@@ -90,28 +90,30 @@ const DEFAULT_CONFIG = {
   sound_enabled: false,
   sound_url: "/ring/ring.mp3"
 };
+let CURRENT_CFG = null; // HF: 内存态配置，避免写盘触发重启
 
 function readConfig() {
+  // HF 环境：优先使用内存态，避免文件写入引发 nodemon/watchdog 重启
+  if (CURRENT_CFG) return { ...CURRENT_CFG };
   try {
     if (fs.existsSync(CONFIG_PATH)) {
       const raw = fs.readFileSync(CONFIG_PATH, 'utf-8');
       const fileCfg = JSON.parse(raw || '{}');
-      // 合并默认值，确保前端读取字段齐全
-      return { ...DEFAULT_CONFIG, ...fileCfg };
+      CURRENT_CFG = { ...DEFAULT_CONFIG, ...fileCfg };
+      return { ...CURRENT_CFG };
     }
   } catch (e) {
     // ignore and fallback
   }
-  // 若不存在则写入默认文件
-  writeConfig(DEFAULT_CONFIG);
-  return { ...DEFAULT_CONFIG };
+  CURRENT_CFG = { ...DEFAULT_CONFIG };
+  return { ...CURRENT_CFG };
 }
 
 function writeConfig(cfg) {
+  // HF 环境：仅更新内存态，不写盘，避免引发容器内重启/热更新
   const merged = { ...DEFAULT_CONFIG, ...(cfg || {}) };
-  fse.ensureDirSync(path.dirname(CONFIG_PATH));
-  fs.writeFileSync(CONFIG_PATH, JSON.stringify(merged, null, 2), 'utf-8');
-  return merged;
+  CURRENT_CFG = merged;
+  return { ...merged };
 }
 
 // ---------- 工具函数：系统命令 ----------
@@ -247,37 +249,14 @@ app.put('/api/config', (req, res) => {
 
 // 选择输出目录（桌面环境）
 app.get('/api/select-output-dir', async (req, res) => {
-  try {
-    const p = await pickDirectory();
-    if (!p) return res.status(500).json({ detail: '未选择任何目录' });
-    return res.json({ path: p });
-  } catch (e) {
-    // 与前端对齐：返回 { detail }
-    return res.status(500).json({ detail: String(e && e.message || e) });
-  }
+  // HF 环境不支持系统目录选择，直接返回 501，前端已做兜底提示
+  return res.status(501).json({ detail: 'HF 环境不支持目录选择，请在“保存目录”中手动填写或留空。' });
 });
 
 // 打开目录
 app.post('/api/open-dir', async (req, res) => {
-  try {
-    let target = (req.body && req.body.path) || '';
-    if (!target) {
-      const cfg = readConfig();
-      target = cfg.output_dir || '';
-    }
-    if (!target) {
-      return res.status(400).json({ detail: '未提供路径且配置中未设置 output_dir' });
-    }
-    await fse.ensureDir(target);
-    try {
-      await openDirectory(target);
-    } catch (e) {
-      // 某些无 GUI 环境会失败，但仍视作已准备好目录
-    }
-    res.json({ ok: true, path: target });
-  } catch (e) {
-    res.status(500).json({ detail: String(e && e.message || e) });
-  }
+  // HF 环境不支持打开系统目录，统一返回 501
+  return res.status(501).json({ detail: 'HF 环境不支持打开系统目录（不影响生成与下载）。' });
 });
 
 // 生成接口：T2I
@@ -372,6 +351,9 @@ app.post('/api/generate/inpaint', async (req, res) => {
  }
 });
 
+// favicon 占位，避免某些浏览器 404 导致干扰
+app.get('/favicon.ico', (req, res) => res.status(204).end());
+
 // ---------- 静态资源 ----------
 
 // 铃声目录