itismyskillmarket 1.3.8 → 1.3.10

package/dist/index.js

@@ -103,7 +103,21 @@ async function isSkillInstalled(skillId) {
 // src/commands/npm.ts
 import https from "https";
 import { URL as URL2 } from "url";
-async function fetchNpmPackage(packageName) {
+async function fetchNpmPackage(packageName, retries = 1) {
+  for (let attempt = 0; attempt <= retries; attempt++) {
+    try {
+      const result = await fetchNpmPackageOnce(packageName);
+      if (result !== null) return result;
+    } catch {
+      if (attempt === retries) return null;
+    }
+    if (attempt < retries) {
+      await new Promise((r) => setTimeout(r, 500));
+    }
+  }
+  return null;
+}
+async function fetchNpmPackageOnce(packageName) {
   return new Promise((resolve2, reject) => {
     const isScoped = packageName.startsWith("@");
     let encodedName;
@@ -123,6 +137,11 @@ async function fetchNpmPackage(packageName) {
     const url = new URL2(`https://registry.npmjs.org/${encodedName}`);
     const req = https.get(url.toString(), { timeout: 1e4 }, (res) => {
       let data = "";
+      if (res.statusCode && res.statusCode >= 400) {
+        res.resume();
+        resolve2(null);
+        return;
+      }
       res.on("data", (chunk) => {
         data += chunk;
       });
@@ -1607,6 +1626,7 @@ API_ROUTES.GET["/api/skills"] = async (_req, res, url) => {
       setCache(cacheKey, searchResult, 3e4);
     }
     const { packages, total } = searchResult;
+    let fetchErrors = 0;
     const skillDetails = await throttledMap(packages, async (pkgName) => {
       try {
         const pkgCacheKey = `pkg:${pkgName}`;
@@ -1615,7 +1635,10 @@ API_ROUTES.GET["/api/skills"] = async (_req, res, url) => {
           info = await fetchNpmPackage(pkgName);
           if (info) setCache(pkgCacheKey, info, 3e4);
         }
-        if (!info) return null;
+        if (!info) {
+          fetchErrors++;
+          return null;
+        }
         const latestVersion = info["dist-tags"]?.latest || "unknown";
         const pkg = info.versions?.[latestVersion];
         const meta = pkg?.skillmarket;
@@ -1631,12 +1654,13 @@ API_ROUTES.GET["/api/skills"] = async (_req, res, url) => {
           repository: pkg?.repository?.url || ""
         };
       } catch {
+        fetchErrors++;
         return null;
       }
     }, 3);
     const skills = skillDetails.filter(Boolean);
     const totalPages = Math.ceil(total / limit) || 1;
-    jsonResponse(res, 200, { skills, page, totalPages, total });
+    jsonResponse(res, 200, { skills, page, totalPages, total, fetchErrors });
   } catch (err) {
     jsonResponse(res, 500, {
       error: String(err),
@@ -1779,7 +1803,12 @@ function serveStaticFile(res, filePath) {
   const content = readFileSync(filePath);
   const ext = extname(filePath);
   const mime = MIME_TYPES[ext] || "application/octet-stream";
-  res.writeHead(200, { "Content-Type": mime });
+  res.writeHead(200, {
+    "Content-Type": mime,
+    "Cache-Control": "no-cache, no-store, must-revalidate",
+    "Pragma": "no-cache",
+    "Expires": "0"
+  });
   res.end(content);
 }
 async function handleRequest(req, res) {

package/gui/app.js

@@ -135,6 +135,7 @@ async function loadSkills() {
     
     renderSkills(data.skills || data, container);
     renderPagination(data.page, data.totalPages || 1);
+    renderFetchWarning(data.fetchErrors);
   } catch (err) {
     container.innerHTML = `<div class="loading">Error: ${err.message}</div>`;
   }
@@ -191,6 +192,23 @@ function createSkillCard(skill, isInstalled) {
   `;
 }
 
+// -----------------------------------------------------------------------------
+// 网络错误提示
+// -----------------------------------------------------------------------------
+
+function renderFetchWarning(fetchErrors) {
+  const existing = document.getElementById('fetch-warning');
+  if (existing) existing.remove();
+
+  if (!fetchErrors || fetchErrors === 0) return;
+
+  const warning = document.createElement('div');
+  warning.id = 'fetch-warning';
+  warning.style.cssText = 'background: #664400; color: #ffcc00; padding: 8px 16px; border-radius: 6px; margin-bottom: 16px; font-size: 0.9rem;';
+  warning.textContent = `⚠ ${fetchErrors} skill(s) failed to load details from npm registry. Refresh to retry.`;
+  document.querySelector('.view-header').after(warning);
+}
+
 // -----------------------------------------------------------------------------
 // 分页
 // -----------------------------------------------------------------------------

package/gui/index.html

@@ -25,7 +25,7 @@
         </button>
       </nav>
       <div class="sidebar-footer">
-        <span class="version" id="gui-version">v1.3.8</span>
+        <span class="version" id="gui-version">v1.3.10</span>
       </div>
     </aside>
 

package/gui/style.css

@@ -109,6 +109,7 @@ nav {
 .main-content {
   flex: 1;
   overflow-y: auto;
+  min-height: 0;   /* flex 子项必须显式允许收缩 */
   padding: 30px;
 }
 
@@ -118,6 +119,8 @@ nav {
 
 .view.active {
   display: block;
+  overflow-y: auto;
+  min-height: 0;
 }
 
 .view-header {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itismyskillmarket",
-  "version": "1.3.8",
+  "version": "1.3.10",
   "description": "Cross-platform skill manager for AI coding tools",
   "type": "module",
   "bin": {