stellavault 0.1.0 → 0.2.0

package/packages/graph/test-pulse.mjs

@@ -1,68 +1,68 @@
-import { chromium } from 'playwright';
-
-const browser = await chromium.launch({ headless: false });
-const page = await browser.newPage({ viewport: { width: 1400, height: 800 } });
-page.on('console', m => { if (m.type() === 'error') console.log('ERR:', m.text()); });
-await page.goto('http://localhost:5173');
-await page.waitForTimeout(5000);
-
-const canvas = await page.locator('canvas').boundingBox();
-const cx = canvas.x + canvas.width / 2;
-const cy = canvas.y + canvas.height / 2;
-
-// 노드 찾아서 클릭
-for (let dx = -250; dx <= 250; dx += 15) {
-  for (let dy = -200; dy <= 200; dy += 15) {
-    await page.mouse.move(cx + dx, cy + dy);
-    await page.waitForTimeout(20);
-    if (await page.evaluate(() => document.body.style.cursor) === 'pointer') {
-      await page.waitForTimeout(200);
-      await page.mouse.down(); await page.waitForTimeout(50); await page.mouse.up();
-      await page.waitForTimeout(1500);
-
-      // Explore 클릭
-      const btn = page.locator('button', { hasText: 'Explore connections' });
-      if (await btn.isVisible()) {
-        console.log('Clicking Explore...');
-        await btn.click();
-
-        // 2초 동안 모니터링
-        for (let i = 0; i < 20; i++) {
-          await page.waitForTimeout(200);
-          const state = await page.evaluate(() => {
-            const cv = document.querySelector('canvas');
-            // 빛 입자가 있는지 확인 (mesh 개수 변화)
-            return {
-              canvasOK: cv ? cv.offsetWidth > 0 : false,
-            };
-          });
-          if (i % 5 === 0) console.log(`  ${i * 200}ms: canvas=${state.canvasOK}`);
-        }
-
-        // 완료 후 다른 노드 클릭
-        console.log('Clicking another node...');
-        for (let dx2 = -100; dx2 <= 100; dx2 += 15) {
-          for (let dy2 = -100; dy2 <= 100; dy2 += 15) {
-            await page.mouse.move(cx + dx2, cy + dy2);
-            await page.waitForTimeout(20);
-            if (await page.evaluate(() => document.body.style.cursor) === 'pointer') {
-              await page.mouse.down(); await page.waitForTimeout(50); await page.mouse.up();
-              await page.waitForTimeout(1000);
-              const ok = await page.evaluate(() => {
-                const cv = document.querySelector('canvas');
-                return { canvasW: cv?.offsetWidth ?? 0, hasPanel: document.body.innerText.includes('DOCUMENT PREVIEW') };
-              });
-              console.log('After 2nd click:', JSON.stringify(ok));
-              break;
-            }
-          }
-          break;
-        }
-      }
-      await page.waitForTimeout(2000);
-      await browser.close();
-      process.exit(0);
-    }
-  }
-}
-await browser.close();
+import { chromium } from 'playwright';
+
+const browser = await chromium.launch({ headless: false });
+const page = await browser.newPage({ viewport: { width: 1400, height: 800 } });
+page.on('console', m => { if (m.type() === 'error') console.log('ERR:', m.text()); });
+await page.goto('http://localhost:5173');
+await page.waitForTimeout(5000);
+
+const canvas = await page.locator('canvas').boundingBox();
+const cx = canvas.x + canvas.width / 2;
+const cy = canvas.y + canvas.height / 2;
+
+// 노드 찾아서 클릭
+for (let dx = -250; dx <= 250; dx += 15) {
+  for (let dy = -200; dy <= 200; dy += 15) {
+    await page.mouse.move(cx + dx, cy + dy);
+    await page.waitForTimeout(20);
+    if (await page.evaluate(() => document.body.style.cursor) === 'pointer') {
+      await page.waitForTimeout(200);
+      await page.mouse.down(); await page.waitForTimeout(50); await page.mouse.up();
+      await page.waitForTimeout(1500);
+
+      // Explore 클릭
+      const btn = page.locator('button', { hasText: 'Explore connections' });
+      if (await btn.isVisible()) {
+        console.log('Clicking Explore...');
+        await btn.click();
+
+        // 2초 동안 모니터링
+        for (let i = 0; i < 20; i++) {
+          await page.waitForTimeout(200);
+          const state = await page.evaluate(() => {
+            const cv = document.querySelector('canvas');
+            // 빛 입자가 있는지 확인 (mesh 개수 변화)
+            return {
+              canvasOK: cv ? cv.offsetWidth > 0 : false,
+            };
+          });
+          if (i % 5 === 0) console.log(`  ${i * 200}ms: canvas=${state.canvasOK}`);
+        }
+
+        // 완료 후 다른 노드 클릭
+        console.log('Clicking another node...');
+        for (let dx2 = -100; dx2 <= 100; dx2 += 15) {
+          for (let dy2 = -100; dy2 <= 100; dy2 += 15) {
+            await page.mouse.move(cx + dx2, cy + dy2);
+            await page.waitForTimeout(20);
+            if (await page.evaluate(() => document.body.style.cursor) === 'pointer') {
+              await page.mouse.down(); await page.waitForTimeout(50); await page.mouse.up();
+              await page.waitForTimeout(1000);
+              const ok = await page.evaluate(() => {
+                const cv = document.querySelector('canvas');
+                return { canvasW: cv?.offsetWidth ?? 0, hasPanel: document.body.innerText.includes('DOCUMENT PREVIEW') };
+              });
+              console.log('After 2nd click:', JSON.stringify(ok));
+              break;
+            }
+          }
+          break;
+        }
+      }
+      await page.waitForTimeout(2000);
+      await browser.close();
+      process.exit(0);
+    }
+  }
+}
+await browser.close();

package/packages/graph/test-screenshot.mjs

@@ -1,56 +1,56 @@
-import { chromium } from 'playwright';
-
-const browser = await chromium.launch({ headless: false });
-const page = await browser.newPage({ viewport: { width: 1400, height: 800 } });
-await page.goto('http://localhost:5173');
-await page.waitForTimeout(5000);
-
-await page.screenshot({ path: '../../../images/before-click.png' });
-console.log('1. Before click screenshot saved');
-
-const canvas = await page.locator('canvas').boundingBox();
-const cx = canvas.x + canvas.width / 2;
-const cy = canvas.y + canvas.height / 2;
-
-// 노드 찾기
-for (let dx = -250; dx <= 250; dx += 20) {
-  for (let dy = -200; dy <= 200; dy += 20) {
-    await page.mouse.move(cx + dx, cy + dy);
-    await page.waitForTimeout(30);
-    const cursor = await page.evaluate(() => document.body.style.cursor);
-    if (cursor === 'pointer') {
-      console.log(`2. Node found at [${dx}, ${dy}], clicking...`);
-      await page.mouse.click(cx + dx, cy + dy);
-      await page.waitForTimeout(2000);
-      await page.screenshot({ path: '../../../images/after-click.png' });
-      console.log('3. After click screenshot saved');
-
-      // DOM 디버그
-      const debug = await page.evaluate(() => {
-        const all = document.querySelectorAll('*');
-        let panel = null;
-        all.forEach(el => {
-          if (el.textContent?.includes('DOCUMENT PREVIEW') && el.tagName === 'DIV') {
-            const rect = el.getBoundingClientRect();
-            panel = {
-              tag: el.tagName,
-              rect: { x: rect.x, y: rect.y, w: rect.width, h: rect.height },
-              visible: rect.width > 0 && rect.height > 0,
-              display: getComputedStyle(el).display,
-              overflow: getComputedStyle(el).overflow,
-              zIndex: getComputedStyle(el).zIndex,
-            };
-          }
-        });
-        return { panel, windowSize: { w: window.innerWidth, h: window.innerHeight } };
-      });
-      console.log('4. Panel debug:', JSON.stringify(debug, null, 2));
-
-      await browser.close();
-      process.exit(0);
-    }
-  }
-}
-
-console.log('No node found');
-await browser.close();
+import { chromium } from 'playwright';
+
+const browser = await chromium.launch({ headless: false });
+const page = await browser.newPage({ viewport: { width: 1400, height: 800 } });
+await page.goto('http://localhost:5173');
+await page.waitForTimeout(5000);
+
+await page.screenshot({ path: '../../../images/before-click.png' });
+console.log('1. Before click screenshot saved');
+
+const canvas = await page.locator('canvas').boundingBox();
+const cx = canvas.x + canvas.width / 2;
+const cy = canvas.y + canvas.height / 2;
+
+// 노드 찾기
+for (let dx = -250; dx <= 250; dx += 20) {
+  for (let dy = -200; dy <= 200; dy += 20) {
+    await page.mouse.move(cx + dx, cy + dy);
+    await page.waitForTimeout(30);
+    const cursor = await page.evaluate(() => document.body.style.cursor);
+    if (cursor === 'pointer') {
+      console.log(`2. Node found at [${dx}, ${dy}], clicking...`);
+      await page.mouse.click(cx + dx, cy + dy);
+      await page.waitForTimeout(2000);
+      await page.screenshot({ path: '../../../images/after-click.png' });
+      console.log('3. After click screenshot saved');
+
+      // DOM 디버그
+      const debug = await page.evaluate(() => {
+        const all = document.querySelectorAll('*');
+        let panel = null;
+        all.forEach(el => {
+          if (el.textContent?.includes('DOCUMENT PREVIEW') && el.tagName === 'DIV') {
+            const rect = el.getBoundingClientRect();
+            panel = {
+              tag: el.tagName,
+              rect: { x: rect.x, y: rect.y, w: rect.width, h: rect.height },
+              visible: rect.width > 0 && rect.height > 0,
+              display: getComputedStyle(el).display,
+              overflow: getComputedStyle(el).overflow,
+              zIndex: getComputedStyle(el).zIndex,
+            };
+          }
+        });
+        return { panel, windowSize: { w: window.innerWidth, h: window.innerHeight } };
+      });
+      console.log('4. Panel debug:', JSON.stringify(debug, null, 2));
+
+      await browser.close();
+      process.exit(0);
+    }
+  }
+}
+
+console.log('No node found');
+await browser.close();

package/packages/graph/test-v2.mjs

@@ -1,97 +1,97 @@
-import { chromium } from 'playwright';
-
-const browser = await chromium.launch({ headless: false });
-const page = await browser.newPage({ viewport: { width: 1400, height: 800 } });
-await page.goto('http://localhost:5173');
-await page.waitForTimeout(5000);
-
-const canvas = await page.locator('canvas').boundingBox();
-const cx = canvas.x + canvas.width / 2;
-const cy = canvas.y + canvas.height / 2;
-
-// 1. 노드 찾기
-let nodeX = 0, nodeY = 0;
-for (let dx = -250; dx <= 250; dx += 15) {
-  for (let dy = -200; dy <= 200; dy += 15) {
-    await page.mouse.move(cx + dx, cy + dy);
-    await page.waitForTimeout(20);
-    const cursor = await page.evaluate(() => document.body.style.cursor);
-    if (cursor === 'pointer') {
-      nodeX = cx + dx;
-      nodeY = cy + dy;
-      console.log(`1. Node found at [${dx}, ${dy}]`);
-      break;
-    }
-  }
-  if (nodeX) break;
-}
-
-if (!nodeX) { console.log('No node found'); await browser.close(); process.exit(1); }
-
-// 2. 호버 상태 확인 (툴팁만, 사이드패널 없음)
-await page.mouse.move(nodeX, nodeY);
-await page.waitForTimeout(500);
-let result = await page.evaluate(() => ({
-  hasPanel: document.body.innerText.includes('Document Preview'),
-  bodySnippet: document.body.innerText.slice(0, 200),
-}));
-console.log(`2. Hover only — panel: ${result.hasPanel}`);
-
-// 3. 클릭 (mousedown + mouseup at same position)
-await page.mouse.move(nodeX, nodeY);
-await page.waitForTimeout(200);
-await page.mouse.down();
-await page.waitForTimeout(50);
-await page.mouse.up();
-await page.waitForTimeout(1500);
-
-result = await page.evaluate(() => ({
-  hasPanel: document.body.innerText.includes('Document Preview'),
-  hasExplore: document.body.innerText.includes('Explore connections'),
-  snippet: document.body.innerText.slice(0, 400),
-}));
-console.log(`3. After click — panel: ${result.hasPanel}, explore: ${result.hasExplore}`);
-if (result.hasPanel) console.log('   Content:', result.snippet.slice(200, 400));
-
-// 4. 빈 곳 클릭 → 해제
-await page.mouse.move(cx + 300, cy + 250);
-await page.waitForTimeout(200);
-await page.mouse.down();
-await page.waitForTimeout(50);
-await page.mouse.up();
-await page.waitForTimeout(800);
-
-result = await page.evaluate(() => ({
-  hasPanel: document.body.innerText.includes('Document Preview'),
-}));
-console.log(`4. After empty click — panel: ${result.hasPanel}`);
-
-// 5. 같은 노드 다시 클릭 → 열기
-await page.mouse.move(nodeX, nodeY);
-await page.waitForTimeout(300);
-await page.mouse.down();
-await page.waitForTimeout(50);
-await page.mouse.up();
-await page.waitForTimeout(1500);
-
-result = await page.evaluate(() => ({
-  hasPanel: document.body.innerText.includes('Document Preview'),
-}));
-console.log(`5. Re-click node — panel: ${result.hasPanel}`);
-
-// 6. 같은 노드 또 클릭 → 토글 닫기
-await page.mouse.move(nodeX, nodeY);
-await page.waitForTimeout(300);
-await page.mouse.down();
-await page.waitForTimeout(50);
-await page.mouse.up();
-await page.waitForTimeout(800);
-
-result = await page.evaluate(() => ({
-  hasPanel: document.body.innerText.includes('Document Preview'),
-}));
-console.log(`6. Toggle off — panel: ${result.hasPanel}`);
-
-console.log('\nDone!');
-await page.waitForTimeout(2000);
-await browser.close();
+import { chromium } from 'playwright';
+
+const browser = await chromium.launch({ headless: false });
+const page = await browser.newPage({ viewport: { width: 1400, height: 800 } });
+await page.goto('http://localhost:5173');
+await page.waitForTimeout(5000);
+
+const canvas = await page.locator('canvas').boundingBox();
+const cx = canvas.x + canvas.width / 2;
+const cy = canvas.y + canvas.height / 2;
+
+// 1. 노드 찾기
+let nodeX = 0, nodeY = 0;
+for (let dx = -250; dx <= 250; dx += 15) {
+  for (let dy = -200; dy <= 200; dy += 15) {
+    await page.mouse.move(cx + dx, cy + dy);
+    await page.waitForTimeout(20);
+    const cursor = await page.evaluate(() => document.body.style.cursor);
+    if (cursor === 'pointer') {
+      nodeX = cx + dx;
+      nodeY = cy + dy;
+      console.log(`1. Node found at [${dx}, ${dy}]`);
+      break;
+    }
+  }
+  if (nodeX) break;
+}
+
+if (!nodeX) { console.log('No node found'); await browser.close(); process.exit(1); }
+
+// 2. 호버 상태 확인 (툴팁만, 사이드패널 없음)
+await page.mouse.move(nodeX, nodeY);
+await page.waitForTimeout(500);
+let result = await page.evaluate(() => ({
+  hasPanel: document.body.innerText.includes('Document Preview'),
+  bodySnippet: document.body.innerText.slice(0, 200),
+}));
+console.log(`2. Hover only — panel: ${result.hasPanel}`);
+
+// 3. 클릭 (mousedown + mouseup at same position)
+await page.mouse.move(nodeX, nodeY);
+await page.waitForTimeout(200);
+await page.mouse.down();
+await page.waitForTimeout(50);
+await page.mouse.up();
+await page.waitForTimeout(1500);
+
+result = await page.evaluate(() => ({
+  hasPanel: document.body.innerText.includes('Document Preview'),
+  hasExplore: document.body.innerText.includes('Explore connections'),
+  snippet: document.body.innerText.slice(0, 400),
+}));
+console.log(`3. After click — panel: ${result.hasPanel}, explore: ${result.hasExplore}`);
+if (result.hasPanel) console.log('   Content:', result.snippet.slice(200, 400));
+
+// 4. 빈 곳 클릭 → 해제
+await page.mouse.move(cx + 300, cy + 250);
+await page.waitForTimeout(200);
+await page.mouse.down();
+await page.waitForTimeout(50);
+await page.mouse.up();
+await page.waitForTimeout(800);
+
+result = await page.evaluate(() => ({
+  hasPanel: document.body.innerText.includes('Document Preview'),
+}));
+console.log(`4. After empty click — panel: ${result.hasPanel}`);
+
+// 5. 같은 노드 다시 클릭 → 열기
+await page.mouse.move(nodeX, nodeY);
+await page.waitForTimeout(300);
+await page.mouse.down();
+await page.waitForTimeout(50);
+await page.mouse.up();
+await page.waitForTimeout(1500);
+
+result = await page.evaluate(() => ({
+  hasPanel: document.body.innerText.includes('Document Preview'),
+}));
+console.log(`5. Re-click node — panel: ${result.hasPanel}`);
+
+// 6. 같은 노드 또 클릭 → 토글 닫기
+await page.mouse.move(nodeX, nodeY);
+await page.waitForTimeout(300);
+await page.mouse.down();
+await page.waitForTimeout(50);
+await page.mouse.up();
+await page.waitForTimeout(800);
+
+result = await page.evaluate(() => ({
+  hasPanel: document.body.innerText.includes('Document Preview'),
+}));
+console.log(`6. Toggle off — panel: ${result.hasPanel}`);
+
+console.log('\nDone!');
+await page.waitForTimeout(2000);
+await browser.close();

package/packages/graph/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./src/app.tsx","./src/main.tsx","./src/api/client.ts","./src/components/clusterfilter.tsx","./src/components/constellationview.tsx","./src/components/exportpanel.tsx","./src/components/graph3d.tsx","./src/components/graphedges.tsx","./src/components/graphnodes.tsx","./src/components/healthdashboard.tsx","./src/components/layout.tsx","./src/components/motionoverlay.tsx","./src/components/motiontoggle.tsx","./src/components/multiverseview.tsx","./src/components/nodedetail.tsx","./src/components/pulseparticle.tsx","./src/components/searchbar.tsx","./src/components/starfield.tsx","./src/components/statusbar.tsx","./src/components/timeline.tsx","./src/components/toolspanel.tsx","./src/components/tooltip.tsx","./src/components/typefilter.tsx","./src/embed/embedgraph.tsx","./src/hooks/useconstellationlod.ts","./src/hooks/usedecay.ts","./src/hooks/useexport.ts","./src/hooks/usegraph.ts","./src/hooks/usekeyboardnav.ts","./src/hooks/uselayout.ts","./src/hooks/usemotion.ts","./src/hooks/usepulse.ts","./src/hooks/usesearch.ts","./src/lib/constellation.ts","./src/lib/export-utils.ts","./src/lib/gesture-detector.ts","./src/lib/layout.worker.ts","./src/lib/motion-controller.ts","./src/lib/profile-card.ts","./src/stores/graph-store.ts"],"version":"5.9.3"}

package/packages/sync/.env.example

@@ -1,11 +1,11 @@
-# Notion API 키 (https://www.notion.so/my-integrations 에서 생성)
-NOTION_API_KEY=ntn_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
-
-# 프로젝트 상위 페이지 ID (노션 URL의 마지막 32자리)
-NOTION_ROOT_PAGE_ID=330dcee017df808d92d4d9ff46fa7697
-
-# 옵시디언 저장 경로
-OBSIDIAN_PATH=F:/obsidian/Evan/04_Projects
-
-# 로컬 프로젝트 경로들 (쉼표 구분)
-PROJECT_PATHS=E:/AI코딩프로젝트/클로드코드/ai_destiny,E:/AI코딩프로젝트/클로드코드/project-manager,E:/AI코딩프로젝트/클로드코드/stock_analist_beta,E:/AI코딩프로젝트/클로드코드/stock-autotrade,E:/AI코딩프로젝트/클로드코드/vibevonweb,E:/AI코딩프로젝트/클로드코드/TEST
+# Notion API 키 (https://www.notion.so/my-integrations 에서 생성)
+NOTION_API_KEY=ntn_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+
+# 프로젝트 상위 페이지 ID (노션 URL의 마지막 32자리)
+NOTION_ROOT_PAGE_ID=330dcee017df808d92d4d9ff46fa7697
+
+# 옵시디언 저장 경로
+OBSIDIAN_PATH=F:/obsidian/Evan/04_Projects
+
+# 로컬 프로젝트 경로들 (쉼표 구분)
+PROJECT_PATHS=E:/AI코딩프로젝트/클로드코드/ai_destiny,E:/AI코딩프로젝트/클로드코드/project-manager,E:/AI코딩프로젝트/클로드코드/stock_analist_beta,E:/AI코딩프로젝트/클로드코드/stock-autotrade,E:/AI코딩프로젝트/클로드코드/vibevonweb,E:/AI코딩프로젝트/클로드코드/TEST