sanjang 0.3.2 → 0.3.4

package/dashboard/index.html

@@ -17,6 +17,20 @@
 
   <!-- Portal Home -->
   <div id="portal">
+    <!-- 베이스캠프 씬 -->
+    <div class="portal-section" id="basecamp-scene">
+      <div class="bc-scene" id="bc-scene-container">
+        <!-- JS renders time-based SVG scene here -->
+      </div>
+      <!-- Speech bubble stays outside SVG for text rendering -->
+      <div class="bc-speech-wrap">
+        <div class="bc-sherpa-hitbox" onclick="toggleSherpaMode()" title="클릭해서 모드 변경"></div>
+        <div class="bc-speech fade-in" id="sherpa-speech">
+          <span id="sherpa-quote"></span>
+        </div>
+      </div>
+    </div>
+
     <!-- 새로 시작 (핵심 액션, 맨 위) -->
     <div class="portal-section">
       <div class="portal-quickstart">
@@ -34,17 +48,16 @@
       <div id="portal-work" class="portal-work-list"></div>
     </div>
 
-    <!-- 추천 작업 (최대 5개, 이어하기와 중복 제거) -->
-    <div class="portal-section" id="portal-suggestions-section" style="display:none">
-      <h2 class="portal-section-title">이런 걸 해볼 수 있어요</h2>
-      <div id="portal-suggestions" class="portal-work-list"></div>
-    </div>
-
     <!-- 기존 캠프가 있으면 아래에 카드 그리드 표시 -->
     <div id="portal-camps-section" class="portal-section hidden">
       <h2 class="portal-section-title">캠프</h2>
       <div class="grid" id="grid"></div>
     </div>
+
+    <!-- 활동 지형도 -->
+    <div class="portal-section" id="activity-trail-section" style="display:none">
+      <div id="activity-trail"></div>
+    </div>
   </div>
 
   <!-- Workspace View (full-screen preview + slide panel) -->

package/dashboard/style.css

@@ -2046,67 +2046,126 @@ header.hidden {
    Onboarding Tutorial
    ============================================================ */
 
-.onboarding-overlay {
-  position: fixed;
-  top: 0; left: 0; right: 0; bottom: 0;
-  background: rgba(0, 0, 0, 0.6);
-  z-index: 10000;
+
+/* ============================================================
+   Basecamp Scene — Himalaya
+   ============================================================ */
+
+.bc-scene {
+  position: relative;
+  height: 220px;
+  border-radius: 12px;
+  overflow: hidden;
+  border: 1px solid #1c2030;
 }
 
-.onboarding-highlight {
-  position: fixed;
-  border: 2px solid var(--accent, #6366f1);
+.bc-scene svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+/* Speech bubble positioning */
+.bc-speech-wrap {
+  position: absolute;
+  bottom: 56px;
+  left: calc(50% + 16px);
+  z-index: 5;
+}
+
+.bc-sherpa-hitbox {
+  position: absolute;
+  bottom: -44px;
+  left: -8px;
+  width: 44px;
+  height: 44px;
+  cursor: pointer;
+  z-index: 6;
+}
+
+#basecamp-scene {
+  position: relative;
+}
+
+.bc-speech {
+  position: relative;
+  background: #1c2030;
+  border: 1px solid #2a2f42;
   border-radius: 8px;
-  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5), 0 0 20px rgba(99, 102, 241, 0.4);
-  z-index: 10001;
-  pointer-events: none;
-  animation: onboard-pulse 1.5s ease-in-out infinite;
+  padding: 6px 10px;
+  font-size: 11px;
+  color: #e4e8f0;
+  white-space: nowrap;
+  animation: bubble-float 3s ease-in-out infinite;
+}
+
+.bc-speech::after {
+  content: '';
+  position: absolute;
+  bottom: -5px;
+  left: 20px;
+  width: 8px;
+  height: 8px;
+  background: #1c2030;
+  border-right: 1px solid #2a2f42;
+  border-bottom: 1px solid #2a2f42;
+  transform: rotate(45deg);
 }
 
-@keyframes onboard-pulse {
-  0%, 100% { box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5), 0 0 20px rgba(99, 102, 241, 0.3); }
-  50% { box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5), 0 0 30px rgba(99, 102, 241, 0.6); }
+@keyframes bubble-float {
+  0%, 100% { transform: translateY(0); }
+  50% { transform: translateY(-3px); }
 }
 
-.onboarding-tooltip {
-  position: fixed;
-  background: var(--bg-elevated, #1e1e2e);
-  border: 1px solid var(--border, #333);
-  border-radius: 12px;
-  padding: 16px 20px;
-  max-width: 320px;
-  z-index: 10002;
-  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
-  animation: onboard-fade-in 0.3s ease-out;
+.bc-speech.fade-out {
+  opacity: 0;
+  transition: opacity 0.5s;
 }
 
-@keyframes onboard-fade-in {
-  from { opacity: 0; transform: translateY(8px); }
-  to { opacity: 1; transform: translateY(0); }
+.bc-speech.fade-in {
+  opacity: 1;
+  transition: opacity 0.5s;
 }
 
-.onboarding-title {
-  font-size: 15px;
-  font-weight: 700;
-  color: var(--text-primary, #fff);
-  margin-bottom: 6px;
+.bc-speech.guide-mode {
+  border-color: rgba(99, 102, 241, 0.4);
+  background: #1a1d2e;
 }
 
-.onboarding-text {
-  font-size: 13px;
-  color: var(--text-secondary, #aaa);
-  line-height: 1.5;
-  margin-bottom: 12px;
+.bc-speech.guide-mode::after {
+  background: #1a1d2e;
+  border-color: rgba(99, 102, 241, 0.4);
+}
+
+#sherpa-quote {
+  transition: opacity 0.5s;
 }
 
-.onboarding-actions {
+/* ============================================================
+   Activity Trail
+   ============================================================ */
+
+#activity-trail {
+  background: #0a0c11;
+  border: 1px solid #1c2030;
+  border-radius: 10px;
+  overflow: hidden;
+}
+
+.activity-info {
+  padding: 12px 20px;
   display: flex;
+  justify-content: space-between;
   align-items: center;
-  gap: 8px;
 }
 
-.onboarding-step {
+.activity-streak {
+  font-size: 13px;
+  color: #8fbc8f;
+  font-weight: 600;
+}
+
+.activity-period {
   font-size: 11px;
-  color: var(--text-muted, #666);
-  flex: 1;
+  color: var(--text-muted);
 }

package/dist/bin/sanjang.js

@@ -132,7 +132,49 @@ else if (command === "help" || command === "--help" || command === "-h") {
 `);
 }
 else {
-    // Default: start server
+    // Default: start server — auto-init if no config exists
+    const configPath = resolve(projectRoot, "sanjang.config.js");
+    if (!existsSync(configPath)) {
+        console.log("⛰ 설정 파일이 없습니다. 프로젝트를 분석합니다...\n");
+        const { generateConfig, detectApps } = await import("../lib/config.js");
+        const apps = detectApps(projectRoot);
+        let appDir;
+        if (apps.length >= 2) {
+            console.log("⛰ 여러 앱이 감지되었습니다:");
+            for (let i = 0; i < apps.length; i++) {
+                console.log(`  ${i + 1}) ${apps[i].dir}/\t(${apps[i].framework})`);
+            }
+            console.log("");
+            const { createInterface } = await import("node:readline");
+            const rl = createInterface({ input: process.stdin, output: process.stdout });
+            const answer = await new Promise((r) => { rl.question("  어떤 앱을 띄울까요? [번호]: ", r); });
+            rl.close();
+            const idx = parseInt(answer) - 1;
+            if (idx < 0 || idx >= apps.length || isNaN(idx)) {
+                console.error("⛰ 잘못된 선택입니다.");
+                process.exit(1);
+            }
+            appDir = apps[idx].dir;
+            console.log(`  → ${appDir}/ (${apps[idx].framework}) 선택됨\n`);
+        }
+        else if (apps.length === 1) {
+            appDir = apps[0].dir;
+        }
+        const result = generateConfig(projectRoot, { appDir, force });
+        if (result.created) {
+            console.log(`⛰ ${result.message}`);
+            console.log(`  프레임워크: ${result.framework}\n`);
+        }
+        // Add .sanjang to .gitignore
+        const gitignorePath = resolve(projectRoot, ".gitignore");
+        if (existsSync(gitignorePath)) {
+            const { readFileSync, appendFileSync } = await import("node:fs");
+            const content = readFileSync(gitignorePath, "utf8");
+            if (!content.includes(".sanjang")) {
+                appendFileSync(gitignorePath, "\n# Sanjang local dev camps\n.sanjang/\n");
+            }
+        }
+    }
     const { startServer } = await import("../lib/server.js");
     await startServer(projectRoot, { port });
 }

package/dist/lib/server.js

@@ -304,10 +304,13 @@ export async function createApp(projectRoot, options = {}) {
         if (!Number.isFinite(targetPort) || targetPort < 1000 || targetPort > 65535) {
             return res.status(400).send("Invalid port");
         }
-        // Find camp name by port
+        // Only allow proxying to known camp ports (prevent SSRF to arbitrary local services)
         const camps = getAll();
         const camp = camps.find(c => c.fePort === targetPort);
-        const campName = camp?.name ?? "unknown";
+        if (!camp) {
+            return res.status(403).send("이 포트는 활성 캠프가 아닙니다.");
+        }
+        const campName = camp.name;
         const targetPath = req.url || "/";
         const proxyReq = httpRequest({ hostname: "127.0.0.1", port: targetPort, path: targetPath, method: req.method, headers: { ...req.headers, host: `localhost:${targetPort}` } }, (proxyRes) => {
             const contentType = proxyRes.headers["content-type"] || "";
@@ -1357,6 +1360,70 @@ export async function createApp(projectRoot, options = {}) {
         }
         res.json({ fixed: false, description: fix?.description ?? "자동으로 고칠 수 있는 문제를 찾지 못했습니다." });
     });
+    let activityCache = null;
+    const ACTIVITY_CACHE_TTL = 5 * 60 * 1000; // 5 minutes
+    app.get("/api/activity", (_req, res) => {
+        if (activityCache && Date.now() - activityCache.ts < ACTIVITY_CACHE_TTL) {
+            return res.json(activityCache.data);
+        }
+        // --- daily commits (last 4 weeks) ---
+        const gitLog = spawnSync("git", ["log", "--since=4 weeks ago", "--format=%ad", "--date=short"], {
+            cwd: projectRoot,
+            stdio: "pipe",
+            encoding: "utf8",
+        });
+        const commitDates = (gitLog.status === 0 ? gitLog.stdout : "").trim().split("\n").filter(Boolean);
+        const countByDate = new Map();
+        for (const d of commitDates) {
+            countByDate.set(d, (countByDate.get(d) ?? 0) + 1);
+        }
+        // Fill missing days in the 4-week window
+        const daily = [];
+        const now = new Date();
+        for (let i = 27; i >= 0; i--) {
+            const d = new Date(now);
+            d.setDate(d.getDate() - i);
+            const key = d.toISOString().slice(0, 10);
+            daily.push({ date: key, commits: countByDate.get(key) ?? 0 });
+        }
+        // --- merged PRs ---
+        let mergedPrs = [];
+        const ghResult = spawnSync("gh", ["pr", "list", "--state", "merged", "--limit", "10", "--json", "number,title,mergedAt"], {
+            cwd: projectRoot,
+            stdio: "pipe",
+            encoding: "utf8",
+        });
+        if (ghResult.status === 0 && ghResult.stdout) {
+            try {
+                const parsed = JSON.parse(ghResult.stdout);
+                mergedPrs = parsed;
+            }
+            catch {
+                // malformed JSON — keep empty
+            }
+        }
+        // --- streak (consecutive days with commits, backward from today) ---
+        let streak = 0;
+        const todayStr = now.toISOString().slice(0, 10);
+        for (let i = 0; i <= 27; i++) {
+            const d = new Date(now);
+            d.setDate(d.getDate() - i);
+            const key = d.toISOString().slice(0, 10);
+            if ((countByDate.get(key) ?? 0) > 0) {
+                streak++;
+            }
+            else if (key === todayStr) {
+                // Today having 0 commits is ok — streak can start from yesterday
+                continue;
+            }
+            else {
+                break;
+            }
+        }
+        const data = { daily, mergedPrs, streak };
+        activityCache = { data, ts: Date.now() };
+        res.json(data);
+    });
     // SPA fallback
     app.get("*", (_req, res) => {
         res.sendFile(join(dashboardDir, "index.html"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanjang",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "Local dev environment manager for vibe coders",
   "type": "module",
   "bin": {