codemap-python 0.1.0__py3-none-any.whl → 0.1.1__py3-none-any.whl

{codemap_python-0.1.0.dist-info → codemap_python-0.1.1.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: codemap-python
-Version: 0.1.0
+Version: 0.1.1
 Summary: Local Python code analysis tool - understand architecture, dependencies, and call graphs
 Author-email: ADITYA <aditykushwaha69@gmail.com>
 License: MIT
@@ -22,8 +22,9 @@ Requires-Python: >=3.10
 Description-Content-Type: text/markdown
 Requires-Dist: fastapi>=0.110
 Requires-Dist: uvicorn>=0.23
-Requires-Dist: jinja2>=3.1
+Requires-Dist: jinja2>=3.1.4
 Requires-Dist: requests>=2.31
+Requires-Dist: starlette==0.40.0
 
 # CodeMap
 
@@ -47,12 +48,8 @@ Requires-Dist: requests>=2.31
 ### Step 1️⃣: Install CodeMap
 
 ```bash
-# Clone the repository
-git clone https://github.com/ADITYA-kus/codemap_ai.git
-cd codemap_ai
-
-# Install as a local package
-pip install -e .
+# Install from PyPI (easiest)
+pip install codemap-python
 ```
 
 **Verify installation:**
@@ -65,6 +62,13 @@ You should see:
 usage: codemap [-h] {analyze,dashboard,open,cache} ...
 ```
 
+> **For developers:** To modify source code or contribute, clone the repository:
+> ```bash
+> git clone https://github.com/ADITYA-kus/codemap_ai.git
+> cd codemap_ai
+> pip install -e .
+> ```
+
 ---
 
 ### Step 2️⃣: Analyze Your First Repository
@@ -188,8 +192,10 @@ echo "YOUR_TOKEN" | codemap analyze --github https://github.com/owner/repo --tok
 
 ## Directory Structure
 
+This is the source code structure for developers. **If you installed via pip, these files are automatically installed in your Python environment.**
+
 ```
-codemap_ai_clean/
+codemap_ai/  (source code)
 ├── README.md              # This file
 ├── cli.py                 # Command-line interface
 ├── security_utils.py      # Security & secret redaction

{codemap_python-0.1.0.dist-info → codemap_python-0.1.1.dist-info}/RECORD

@@ -44,15 +44,15 @@ analysis/utils/cache_manager.py,sha256=FUuZOO_CSHP_A2cFO4Kk8WQc34AYfqTol2w6n7DmT
 analysis/utils/path_resolver.py,sha256=NprapbBX8E1c_5jp2R1OLIYMeqrFeNfaxnmIlwqs9hI,27
 analysis/utils/repo_fetcher.py,sha256=bCUBG0qUypcXXgQPAAdJAaRoQSc75Nd53B7HD72Euno,15105
 ui/__init__.py,sha256=frcCV1k9oG9oKj3dpUqdJg1PxRT2RSN_XKdLCPjaYaY,2
-ui/app.py,sha256=HQQ6oGR-LScaLxXbVklRkZRAF8YIXg3U7JtWymie8js,80878
+ui/app.py,sha256=BDjfHMRzBWBwFuRrMYen-KKFfeotn7RdXHG20gu5_4c,81661
 ui/device_id.py,sha256=gAan8gMnSY_lDpDSllafK27CSskFT-_OdFw2m8y2QUA,708
-ui/static/app.js,sha256=Qv7VPyBG2hWyX3PT2A0EO5XYcdImObiUctuqK5jHl50,114003
-ui/static/styles.css,sha256=gUEnjAQHh9qy0J2drZEiQyXMYe7y-krK1TX97yi4Q7w,20759
-ui/templates/index.html,sha256=h60_WeamhraIrxwAOifVFMeQ_Yzg7zye5etAjypmxjY,10773
+ui/static/app.js,sha256=Nmfgs6pqMkS6Q44CtSBpEV9uW_xks2mS8BIxW7WqAXg,115957
+ui/static/styles.css,sha256=B_QkNK8zziUDl-m8HzcpyO1FFujYf-DdO05Ly7JZbB8,23639
+ui/templates/index.html,sha256=x8isBJyxzt8UdkLJK4NDqBlEjn_FbXdFc1O_llti-R0,11945
 ui/utils/__init__.py,sha256=8Bo3TpyB49uJs6QpQMTWpUR2hJhqEpbkK_E_GW7tYpU,5
 ui/utils/registry_manager.py,sha256=jEhWMQJ3H1ZtyUP2ObneqFOVDTdDqiBvUh-46-rGFDw,6730
-codemap_python-0.1.0.dist-info/METADATA,sha256=1dcRsNr8nxwc5kkJ0Hb42b7jGKElQ68Fo34aiRnIBuU,10075
-codemap_python-0.1.0.dist-info/WHEEL,sha256=aeYiig01lYGDzBgS8HxWXOg3uV61G9ijOsup-k9o1sk,91
-codemap_python-0.1.0.dist-info/entry_points.txt,sha256=71TCgwo56CPxSfh-YSmofpNwq4-kSsjmBL_qzJ5kfmk,45
-codemap_python-0.1.0.dist-info/top_level.txt,sha256=JOu1LG-DyeBXc4u2Cn7KznNz-bZExhsf1CB7fV4r-t8,43
-codemap_python-0.1.0.dist-info/RECORD,,
+codemap_python-0.1.1.dist-info/METADATA,sha256=gd2H56fRIsVq-dtcHVFkHMVyU-Ws7dWGlTGgULwMcCE,10382
+codemap_python-0.1.1.dist-info/WHEEL,sha256=aeYiig01lYGDzBgS8HxWXOg3uV61G9ijOsup-k9o1sk,91
+codemap_python-0.1.1.dist-info/entry_points.txt,sha256=71TCgwo56CPxSfh-YSmofpNwq4-kSsjmBL_qzJ5kfmk,45
+codemap_python-0.1.1.dist-info/top_level.txt,sha256=JOu1LG-DyeBXc4u2Cn7KznNz-bZExhsf1CB7fV4r-t8,43
+codemap_python-0.1.1.dist-info/RECORD,,

ui/app.py

@@ -35,6 +35,23 @@ from ui.utils.registry_manager import (
 from security_utils import redact_payload, redact_secrets
 
 
+# Custom cache class that doesn't cache (to avoid TypeError with unhashable Request objects)
+class NoCache:
+    """A cache implementation that doesn't cache anything.
+    
+    This prevents Jinja2 from trying to cache templates with unhashable objects
+    like the Starlette Request in the context.
+    """
+    def get(self, key: Any, default: Any = None) -> Any:
+        return default
+    
+    def set(self, key: Any, value: Any, timeout: Any = None) -> None:
+        pass
+    
+    def clear(self) -> None:
+        pass
+
+
 PROJECT_ROOT = os.path.dirname(os.path.dirname(__file__))
 ANALYSIS_ROOT = os.path.join(PROJECT_ROOT, "analysis")
 DEFAULT_REPO = os.getenv("CODEMAP_UI_REPO", "testing_repo")
@@ -50,7 +67,11 @@ _SESSION_WORKSPACE_READY = False
 
 
 app = FastAPI(title="CodeMap UI")
-templates = Jinja2Templates(directory=os.path.join(os.path.dirname(__file__), "templates"))
+templates_dir = os.path.join(os.path.dirname(__file__), "templates")
+templates = Jinja2Templates(directory=templates_dir)
+# Disable Jinja2 template caching to prevent TypeError with unhashable Request objects
+# This avoids issues when Jinja2 tries to cache templates containing the Request context
+templates.env.cache = NoCache()
 app.mount("/static", StaticFiles(directory=os.path.join(os.path.dirname(__file__), "static")), name="static")
 SEARCH_INDEX_CACHE: Dict[str, List[Dict[str, Any]]] = {}
 GRAPH_INDEX_CACHE: Dict[str, Dict[str, Any]] = {}

ui/static/app.js

@@ -5,6 +5,9 @@
   const repoSelectEl = document.getElementById("repo-select");
   const addRepoBtnEl = document.getElementById("add-repo-btn");
   const aiSettingsBtnEl = document.getElementById("ai-settings-btn");
+  const themeToggleBtnEl = document.getElementById("theme-toggle-btn");
+  const themeWhiteOptionEl = document.getElementById("theme-white");
+  const themeDarkOptionEl = document.getElementById("theme-dark");
   const repoListModePillEl = document.getElementById("repo-list-mode-pill");
   const treeStatusEl = document.getElementById("tree-status");
   const treeEl = document.getElementById("tree");
@@ -2014,6 +2017,53 @@
   }
 
   function bindAiSettingsControls() {
+    // Theme toggle handlers
+    const setTheme = (themeName) => {
+      localStorage.setItem("codemap-theme", themeName);
+      if (themeName === "dark") {
+        document.documentElement.classList.add("dark-theme");
+        document.body.classList.add("dark-theme");
+        if (themeToggleBtnEl) themeToggleBtnEl.textContent = "☀️ Light";
+        if (themeDarkOptionEl) {
+          themeDarkOptionEl.classList.add("active");
+        }
+        if (themeWhiteOptionEl) {
+          themeWhiteOptionEl.classList.remove("active");
+        }
+      } else {
+        document.documentElement.classList.remove("dark-theme");
+        document.body.classList.remove("dark-theme");
+        if (themeToggleBtnEl) themeToggleBtnEl.textContent = "🌙 Dark";
+        if (themeWhiteOptionEl) {
+          themeWhiteOptionEl.classList.add("active");
+        }
+        if (themeDarkOptionEl) {
+          themeDarkOptionEl.classList.remove("active");
+        }
+      }
+    };
+
+    // Initialize theme from localStorage (default is DARK)
+    const savedTheme = localStorage.getItem("codemap-theme") || "dark";
+    setTheme(savedTheme);
+
+    // Theme toggle button (top bar)
+    if (themeToggleBtnEl) {
+      themeToggleBtnEl.addEventListener("click", () => {
+        const isDark = document.documentElement.classList.contains("dark-theme");
+        setTheme(isDark ? "light" : "dark");
+      });
+    }
+
+    // Theme option buttons (settings modal)
+    if (themeWhiteOptionEl) {
+      themeWhiteOptionEl.addEventListener("click", () => setTheme("light"));
+    }
+    if (themeDarkOptionEl) {
+      themeDarkOptionEl.addEventListener("click", () => setTheme("dark"));
+    }
+
+    // Original AI settings handlers
     if (aiSettingsBtnEl) {
       aiSettingsBtnEl.addEventListener("click", async () => {
         await openAiSettingsModal();

ui/static/styles.css

@@ -9,6 +9,18 @@
   --active-border: #4f84ff;
 }
 
+html.dark-theme,
+body.dark-theme {
+  --bg: #1a1a1a;
+  --panel: #252525;
+  --line: #404040;
+  --text: #e5e5e5;
+  --muted: #a0a0a0;
+  --accent: #4fa3ff;
+  --active-bg: #2a3a4a;
+  --active-border: #5fa3ff;
+}
+
 * {
   box-sizing: border-box;
 }
@@ -1200,6 +1212,121 @@ body.modal-open {
   margin: 10px 0;
 }
 
+.theme-selector {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 10px;
+  padding: 8px;
+  background: var(--panel);
+  border-radius: 8px;
+  border: 1px solid var(--line);
+}
+
+.theme-option {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6px;
+  padding: 12px;
+  border: 2px solid var(--line);
+  border-radius: 8px;
+  background: var(--panel);
+  color: var(--text);
+  cursor: pointer;
+  transition: all 200ms ease;
+  font-size: 12px;
+  font-weight: 500;
+}
+
+.theme-option:hover {
+  border-color: var(--accent);
+  box-shadow: 0 0 0 3px rgba(79, 132, 255, 0.15);
+  transform: translateY(-1px);
+}
+
+.theme-option.active {
+  border-color: var(--accent);
+  background: var(--active-bg);
+  color: #0f3f9c;
+  font-weight: 600;
+  box-shadow: 0 0 0 3px rgba(79, 132, 255, 0.2);
+}
+
+body.dark-theme .theme-option.active {
+  background: #3a4a5f;
+  color: #4fa3ff;
+  border-color: #4fa3ff;
+}
+
+.theme-icon {
+  font-size: 20px;
+  line-height: 1;
+}
+
+.theme-label {
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  font-weight: 600;
+}
+
+/* Dark theme specific styles */
+html.dark-theme .topbar,
+body.dark-theme .topbar {
+  background: #2a2a2a;
+}
+
+html.dark-theme .card,
+html.dark-theme .repo-row,
+html.dark-theme .confirm-card,
+html.dark-theme .modal-form input,
+html.dark-theme .modal-form select,
+html.dark-theme .repo-select,
+html.dark-theme .repo-btn,
+html.dark-theme .tab-btn,
+html.dark-theme .graph-controls select,
+html.dark-theme .graph-controls input[type="text"],
+html.dark-theme .search-results,
+html.dark-theme .graph-node,
+html.dark-theme .kpi-card,
+html.dark-theme .risk-file-row,
+html.dark-theme .risk-target,
+html.dark-theme .impact-file-row,
+body.dark-theme .card,
+body.dark-theme .repo-row,
+body.dark-theme .confirm-card,
+body.dark-theme .modal-form input,
+body.dark-theme .modal-form select,
+body.dark-theme .repo-select,
+body.dark-theme .repo-btn,
+body.dark-theme .tab-btn,
+body.dark-theme .graph-controls select,
+body.dark-theme .graph-controls input[type="text"],
+body.dark-theme .search-results,
+body.dark-theme .graph-node,
+body.dark-theme .kpi-card,
+body.dark-theme .risk-file-row,
+body.dark-theme .risk-target,
+body.dark-theme .impact-file-row {
+  background: var(--panel);
+  color: var(--text);
+  border-color: var(--line);
+}
+
+html.dark-theme #symbol-search-input,
+body.dark-theme #symbol-search-input {
+  background: var(--panel);
+  color: var(--text);
+  border-color: var(--line);
+}
+
+html.dark-theme .toast,
+body.dark-theme .toast {
+  background: #2a2a2a;
+  color: #e5e5e5;
+}
+
 @media (max-width: 1000px) {
   .layout {
     grid-template-columns: 1fr;

ui/templates/index.html

@@ -5,6 +5,20 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>CodeMap UI</title>
   <link rel="stylesheet" href="/static/styles.css" />
+  <script>
+    // Apply theme IMMEDIATELY on page load, before rendering
+    (function() {
+      try {
+        const theme = localStorage.getItem("codemap-theme") || "dark";
+        if (theme === "dark") {
+          document.documentElement.classList.add("dark-theme");
+        }
+      } catch (e) {
+        // fallback: use dark as default
+        document.documentElement.classList.add("dark-theme");
+      }
+    })();
+  </script>
 </head>
 <body>
   <header class="topbar">
@@ -18,6 +32,7 @@
     <div class="workspace-controls">
       <select id="repo-select" class="repo-select"></select>
       <button id="add-repo-btn" class="repo-btn" type="button">+ Add repo...</button>
+      <button id="theme-toggle-btn" class="repo-btn" type="button" title="Toggle theme">🌙 Dark</button>
       <button id="ai-settings-btn" class="repo-btn" type="button" onclick="var m=document.getElementById('ai-settings-modal'); if(m){ m.classList.remove('hidden'); document.body.classList.add('modal-open'); }">Settings</button>
       <span id="repo-list-mode-pill" class="repo-badge">Session Mode</span>
     </div>
@@ -73,6 +88,21 @@
   <div id="ai-settings-modal" class="confirm-modal hidden">
     <div class="confirm-card settings-card">
       <div class="section-title">Settings</div>
+      <div class="path">Appearance</div>
+      <label class="path">
+        <span>Theme</span>
+      </label>
+      <div class="theme-selector">
+        <button id="theme-white" class="theme-option" type="button" data-theme="light">
+          <span class="theme-icon">☀️</span>
+          <span class="theme-label">Light</span>
+        </button>
+        <button id="theme-dark" class="theme-option active" type="button" data-theme="dark">
+          <span class="theme-icon">🌙</span>
+          <span class="theme-label">Dark</span>
+        </button>
+      </div>
+      <div class="divider"></div>
       <div class="path">General</div>
       <label class="path">
         <input id="ai-settings-remember-repos" type="checkbox" />