sanjang 0.3.6 → 0.3.7

package/dashboard/app.js

@@ -1736,23 +1736,40 @@ function renderWorkspace(data) {
   const previewEl = document.getElementById('ws-preview');
   const previewToolbar = document.getElementById('ws-preview-toolbar');
   if (previewUrl) {
-    const port = new URL(previewUrl).port || '80';
-    const proxyUrl = `/preview/${port}/`;
-    previewEl.innerHTML = `
-      <iframe src="${escHtml(proxyUrl)}" class="ws-preview-iframe"></iframe>
-      <div class="ws-preview-fallback" style="display:none">
-        <a href="${escHtml(previewUrl)}" target="_blank" class="btn btn-primary">
-          새 탭에서 열기 → ${escHtml(previewUrl)}
-        </a>
-      </div>`;
-    const iframe = previewEl.querySelector('iframe');
-    iframe.addEventListener('error', () => {
-      iframe.style.display = 'none';
-      previewEl.querySelector('.ws-preview-fallback').style.display = 'flex';
-    });
-    if (previewToolbar) previewToolbar.style.display = '';
-    updateUrlBar('/');
-    if (currentViewport !== 'desktop') setViewport(currentViewport);
+    const hasExtension = !!window.__SANJANG_EXTENSION__;
+    if (hasExtension) {
+      previewEl.innerHTML = `
+        <div style="display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;">
+          <div style="font-size:48px">⛰</div>
+          <div style="color:var(--text-muted);font-size:14px;text-align:center;">
+            확장이 설치되어 있어유!<br>
+            dev 서버를 직접 볼 수 있어유.
+          </div>
+          <a href="${escHtml(previewUrl)}" target="_blank" class="btn btn-primary" style="text-decoration:none">
+            새 탭에서 열기 → ${escHtml(previewUrl)}
+          </a>
+        </div>`;
+      if (previewToolbar) previewToolbar.style.display = 'none';
+    } else {
+      // No extension — use iframe+proxy fallback
+      const port = new URL(previewUrl).port || '80';
+      const proxyUrl = `/preview/${port}/`;
+      previewEl.innerHTML = `
+        <iframe src="${escHtml(proxyUrl)}" class="ws-preview-iframe"></iframe>
+        <div class="ws-preview-fallback" style="display:none">
+          <a href="${escHtml(previewUrl)}" target="_blank" class="btn btn-primary">
+            새 탭에서 열기 → ${escHtml(previewUrl)}
+          </a>
+        </div>`;
+      const iframe = previewEl.querySelector('iframe');
+      iframe.addEventListener('error', () => {
+        iframe.style.display = 'none';
+        previewEl.querySelector('.ws-preview-fallback').style.display = 'flex';
+      });
+      if (previewToolbar) previewToolbar.style.display = '';
+      updateUrlBar('/');
+      if (currentViewport !== 'desktop') setViewport(currentViewport);
+    }
   } else {
     if (previewToolbar) previewToolbar.style.display = 'none';
     previewEl.innerHTML = `

package/dist/lib/server.js

@@ -540,6 +540,38 @@ export async function createApp(projectRoot, options = {}) {
     // -------------------------------------------------------------------------
     // REST API
     // -------------------------------------------------------------------------
+    // CORS for extension — localhost cross-port requests
+    app.use("/api/", (req, res, next) => {
+        const origin = req.headers.origin || "";
+        if (origin.startsWith("http://localhost:") || origin.startsWith("http://127.0.0.1:") ||
+            origin.startsWith("https://localhost:") || origin.startsWith("https://127.0.0.1:")) {
+            res.setHeader("Access-Control-Allow-Origin", origin);
+            res.setHeader("Access-Control-Allow-Methods", "GET, POST, DELETE, OPTIONS");
+            res.setHeader("Access-Control-Allow-Headers", "Content-Type");
+        }
+        if (req.method === "OPTIONS")
+            return res.sendStatus(204);
+        next();
+    });
+    // Extension API — 확장이 현재 포트가 산장 캠프인지 확인
+    app.get("/api/camps/by-port/:port", (req, res) => {
+        const targetPort = parseInt(req.params.port, 10);
+        if (!Number.isFinite(targetPort))
+            return res.status(400).json({ error: "invalid port" });
+        const camps = getAll();
+        const camp = camps.find((c) => c.fePort === targetPort && c.status === "running");
+        if (!camp)
+            return res.status(404).json({ error: "not found" });
+        res.json({
+            name: camp.name,
+            branch: camp.branch,
+            status: camp.status,
+            fePort: camp.fePort,
+        });
+    });
+    app.get("/api/extension/version", (_req, res) => {
+        res.json({ serverVersion: "0.3.7", minExtVersion: "0.1.0" });
+    });
     // Project info — used by dashboard header
     const projectName = projectRoot.split("/").pop() ?? "project";
     app.get("/api/project", (_req, res) => res.json({ name: projectName }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanjang",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "description": "AI dev environment for vibe coders — camp isolation, self-healing, smart PR",
   "type": "module",
   "bin": {
@@ -9,10 +9,12 @@
   "scripts": {
     "start": "node bin/sanjang.js",
     "build": "tsc -p tsconfig.build.json",
-    "prepublishOnly": "npm run build && echo '#!/usr/bin/env node' | cat - dist/bin/sanjang.js > dist/bin/_tmp && mv dist/bin/_tmp dist/bin/sanjang.js",
+    "prepublishOnly": "npm run build && npm run ext:build && echo '#!/usr/bin/env node' | cat - dist/bin/sanjang.js > dist/bin/_tmp && mv dist/bin/_tmp dist/bin/sanjang.js",
     "test": "node --experimental-transform-types --test test/**/*.test.ts bin/__tests__/*.test.ts",
     "typecheck": "tsc --noEmit",
-    "lint": "npx @biomejs/biome check lib/ test/ bin/"
+    "lint": "npx @biomejs/biome check lib/ test/ bin/",
+    "ext:dev": "cd extension && npx wxt",
+    "ext:build": "cd extension && npx wxt build"
   },
   "dependencies": {
     "express": "^4.19.2",
@@ -36,7 +38,8 @@
   "files": [
     "dist/",
     "dashboard/",
-    "templates/"
+    "templates/",
+    "extension/.output/chrome-mv3/"
   ],
   "devDependencies": {
     "@biomejs/biome": "^2.4.10",