@via-dev/via 0.1.0

package/dist/commands/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/commands/ui/index.ts"],"names":[],"mappings":";;;;;;AACA,mDAA0C;AAC1C,gDAAwB;AACxB,kDAA0B;AAC1B,qCAAqC;AAE9B,MAAM,EAAE,GAAG,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE;IACpC,MAAM,GAAG,GAAG,IAAA,kBAAS,GAAE,CAAC;IAExB,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,IAAI,CAAC,gDAAgD,IAAI,KAAK,CAAC,CAAC,CAAC;IAEnF,IAAA,mBAAK,EAAC;QACF,KAAK,EAAE,GAAG,CAAC,KAAK;QAChB,IAAI;KACP,EAAE,CAAC,IAAI,EAAE,EAAE;QACR,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,KAAK,CAAC,IAAI,CAAC,8DAA8D,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACzG,IAAA,cAAI,EAAC,oBAAoB,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAZW,QAAA,EAAE,MAYb"}

package/dist/commands/ui/server.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createApp = void 0;
+const hono_1 = require("hono");
+const cors_1 = require("hono/cors");
+const fs_1 = require("fs");
+const path_1 = require("path");
+const paths_1 = require("../../utils/paths");
+const zlib_1 = require("zlib");
+const layout_1 = require("./templates/layout");
+const createApp = () => {
+    const app = new hono_1.Hono();
+    app.use("/*", (0, cors_1.cors)());
+    const mappingPath = (0, paths_1.getViaDataPath)('mapping.json');
+    const modulesDir = (0, paths_1.getViaDataPath)('modules');
+    app.get("/api/modules", (c) => {
+        if (!(0, fs_1.existsSync)(mappingPath)) {
+            return c.json({ modules: [] });
+        }
+        try {
+            const mapping = JSON.parse((0, fs_1.readFileSync)(mappingPath, "utf-8"));
+            const modules = Object.entries(mapping).map(([name, id]) => {
+                const viaPath = (0, path_1.join)(modulesDir, `${id}.via`);
+                if ((0, fs_1.existsSync)(viaPath)) {
+                    const compressed = (0, fs_1.readFileSync)(viaPath);
+                    const data = JSON.parse((0, zlib_1.gunzipSync)(compressed).toString());
+                    return {
+                        name,
+                        id,
+                        ...data
+                    };
+                }
+                return { name, id, error: "Module file missing" };
+            });
+            return c.json({ modules });
+        }
+        catch (e) {
+            return c.json({ error: "Failed to load modules", details: e.message }, 500);
+        }
+    });
+    app.get("/", (c) => {
+        return c.html((0, layout_1.getLayout)());
+    });
+    return app;
+};
+exports.createApp = createApp;
+//# sourceMappingURL=server.js.map

package/dist/commands/ui/server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.js","sourceRoot":"","sources":["../../../src/commands/ui/server.ts"],"names":[],"mappings":";;;AACA,+BAA4B;AAC5B,oCAAiC;AACjC,2BAA8C;AAC9C,+BAA4B;AAC5B,6CAAmD;AACnD,+BAAkC;AAClC,+CAA+C;AAExC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC1B,MAAM,GAAG,GAAG,IAAI,WAAI,EAAE,CAAC;IACvB,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,IAAA,WAAI,GAAE,CAAC,CAAC;IAEtB,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,cAAc,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,SAAS,CAAC,CAAC;IAE7C,GAAG,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE;QAC1B,IAAI,CAAC,IAAA,eAAU,EAAC,WAAW,CAAC,EAAE,CAAC;YAC3B,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;QACnC,CAAC;QAED,IAAI,CAAC;YACD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAA,iBAAY,EAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;YAC/D,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE;gBACvD,MAAM,OAAO,GAAG,IAAA,WAAI,EAAC,UAAU,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;gBAC9C,IAAI,IAAA,eAAU,EAAC,OAAO,CAAC,EAAE,CAAC;oBACtB,MAAM,UAAU,GAAG,IAAA,iBAAY,EAAC,OAAO,CAAC,CAAC;oBACzC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAA,iBAAU,EAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;oBAC3D,OAAO;wBACH,IAAI;wBACJ,EAAE;wBACF,GAAG,IAAI;qBACV,CAAC;gBACN,CAAC;gBACD,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,CAAC;YACtD,CAAC,CAAC,CAAC;YAEH,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;QAC/B,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACT,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,wBAAwB,EAAE,OAAO,EAAG,CAAW,CAAC,OAAO,EAAE,EAAE,GAAG,CAAC,CAAC;QAC3F,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE;QACf,OAAO,CAAC,CAAC,IAAI,CAAC,IAAA,kBAAS,GAAE,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,OAAO,GAAG,CAAC;AACf,CAAC,CAAC;AAvCW,QAAA,SAAS,aAuCpB"}

package/dist/commands/ui/static/script.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.script = void 0;
+exports.script = `
+    let modules = [];
+    let selectedModule = null;
+
+    async function fetchModules() {
+        try {
+            const res = await fetch('/api/modules');
+            const data = await res.json();
+            modules = data.modules;
+            renderModuleList();
+        } catch (e) {
+            console.error("Failed to fetch modules", e);
+        }
+    }
+
+    function renderModuleList(filtered = modules) {
+        const list = document.getElementById('module-list');
+        list.innerHTML = filtered.map(m => {
+            const isActive = selectedModule?.id === m.id;
+            // Use simple string concatenation to accidental escape issues with backticks/template literals in the transpiled output
+            // if this string is injected into another template literal.
+            return '<div class="module-item ' + (isActive ? 'active' : '') + '" onclick="selectModule(\\'' + m.id + '\\')">' + m.name + '</div>';
+        }).join('');
+    }
+
+    function filterModules(query) {
+        const filtered = modules.filter(m => m.name.toLowerCase().includes(query.toLowerCase()));
+        renderModuleList(filtered);
+    }
+
+    function selectModule(id) {
+        selectedModule = modules.find(m => m.id === id);
+        renderModuleList();
+        renderContent();
+    }
+
+    function renderContent() {
+        if (!selectedModule) return;
+
+        const main = document.getElementById('main-content');
+        const allFiles = flattenDeps(selectedModule.deps || {});
+        
+        let html = '<div class="module-header"><div class="module-title">' + selectedModule.name + '<span class="badge">Module</span></div><p style="color: var(--text-secondary)">ID: ' + selectedModule.id + '</p></div>';
+        
+        html += '<div class="stats-grid">';
+        html += '<div class="stat-card"><div class="stat-label">Total Files</div><div class="stat-value">' + allFiles.length + '</div></div>';
+        html += '<div class="stat-card"><div class="stat-label">Original Name</div><div class="stat-value">' + (selectedModule.originalName || 'N/A') + '</div></div>';
+        html += '</div>';
+
+        html += '<div class="file-tree"><div class="tree-header"><span style="font-weight: 600">Module Structure</span></div><div class="tree-body">';
+        html += allFiles.map(f => {
+            return '<div class="file-item" onclick="showCode(\\'' + f.path + '\\')"><span class="file-icon">📄</span><span>' + f.path + '</span></div>';
+        }).join('');
+        html += '</div></div>';
+
+        html += '<div id="code-viewer" class="code-container"><div style="display: flex; justify-content: space-between; margin-bottom: 16px; border-bottom: 1px solid var(--border); padding-bottom: 12px;"><span id="filename-label" style="font-family: \\'JetBrains Mono\\', monospace; font-size: 12px; color: var(--accent)"></span><span style="font-size: 10px; color: var(--text-secondary); cursor: pointer;" onclick="hideCode()">Close</span></div><pre><code id="code-content"></code></pre></div>';
+
+        main.innerHTML = html;
+    }
+
+    function flattenDeps(node) {
+        if (!node || !node.path) return [];
+        let files = [{ path: node.path, content: node.content }];
+        if (node.dependencies) {
+            node.dependencies.forEach(dep => {
+                files = [...files, ...flattenDeps(dep)];
+            });
+        }
+        const seen = new Set();
+        return files.filter(f => {
+            if (seen.has(f.path)) return false;
+            seen.add(f.path);
+            return true;
+        });
+    }
+
+    function showCode(path) {
+        const allFiles = flattenDeps(selectedModule.deps || {});
+        const file = allFiles.find(f => f.path === path);
+        if (!file) return;
+
+        const viewer = document.getElementById('code-viewer');
+        const label = document.getElementById('filename-label');
+        const content = document.getElementById('code-content');
+
+        label.innerText = path;
+        content.innerText = file.content || '// No content available';
+        viewer.style.display = 'block';
+        viewer.scrollIntoView({ behavior: 'smooth' });
+    }
+
+    function hideCode() {
+        document.getElementById('code-viewer').style.display = 'none';
+    }
+
+    fetchModules();
+`;
+//# sourceMappingURL=script.js.map

package/dist/commands/ui/static/script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"script.js","sourceRoot":"","sources":["../../../../src/commands/ui/static/script.ts"],"names":[],"mappings":";;;AACa,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGrB,CAAC"}

package/dist/commands/ui/static/styles.js

@@ -0,0 +1,245 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+exports.styles = `
+    :root {
+        --bg: #0a0a0c;
+        --sidebar-bg: #111114;
+        --card-bg: #16161a;
+        --accent: #C13C62;
+        --accent-gradient: linear-gradient(135deg, #9621A1 0%, #C13C62 50%, #B6353B 100%);
+        --text-primary: #ffffff;
+        --text-secondary: #94a3b8;
+        --border: rgba(255, 255, 255, 0.05);
+        --border-hover: rgba(255, 255, 255, 0.1);
+    }
+
+    * {
+        box-sizing: border-box;
+        margin: 0;
+        padding: 0;
+    }
+
+    body {
+        font-family: 'Outfit', sans-serif;
+        background-color: var(--bg);
+        color: var(--text-primary);
+        display: flex;
+        height: 100vh;
+        overflow: hidden;
+    }
+
+    /* Sidebar */
+    aside {
+        width: 300px;
+        background-color: var(--sidebar-bg);
+        border-right: 1px solid var(--border);
+        display: flex;
+        flex-direction: column;
+        padding: 24px;
+    }
+
+    .logo {
+        font-size: 24px;
+        font-weight: 600;
+        margin-bottom: 32px;
+        background: var(--accent-gradient);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        display: flex;
+        align-items: center;
+        gap: 12px;
+    }
+
+    .search {
+        background: rgba(255, 255, 255, 0.03);
+        border: 1px solid var(--border);
+        padding: 12px 16px;
+        border-radius: 12px;
+        color: white;
+        margin-bottom: 24px;
+        outline: none;
+        transition: all 0.2s;
+    }
+
+    .search:focus {
+        border-color: var(--accent);
+        background: rgba(255, 255, 255, 0.05);
+    }
+
+    .module-list {
+        flex: 1;
+        overflow-y: auto;
+    }
+
+    .module-item {
+        padding: 12px 16px;
+        border-radius: 10px;
+        cursor: pointer;
+        transition: all 0.2s;
+        margin-bottom: 8px;
+        border: 1px solid transparent;
+    }
+
+    .module-item:hover {
+        background: rgba(255, 255, 255, 0.03);
+        border-color: var(--border-hover);
+    }
+
+    .module-item.active {
+        background: rgba(193, 60, 98, 0.1);
+        border-color: rgba(193, 60, 98, 0.2);
+        color: var(--accent);
+    }
+
+    /* Main Content */
+    main {
+        flex: 1;
+        padding: 40px;
+        overflow-y: auto;
+        position: relative;
+    }
+
+    .empty-state {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+        color: var(--text-secondary);
+        text-align: center;
+    }
+
+    .empty-state h1 {
+        font-size: 48px;
+        margin-bottom: 16px;
+        opacity: 0.1;
+    }
+
+    .module-header {
+        margin-bottom: 40px;
+    }
+
+    .module-title {
+        font-size: 32px;
+        font-weight: 600;
+        margin-bottom: 12px;
+        display: flex;
+        align-items: center;
+        gap: 16px;
+    }
+
+    .badge {
+        font-size: 12px;
+        padding: 4px 10px;
+        border-radius: 20px;
+        background: rgba(255, 255, 255, 0.05);
+        border: 1px solid var(--border);
+        color: var(--text-secondary);
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+    }
+
+    .stats-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+        gap: 20px;
+        margin-bottom: 40px;
+    }
+
+    .stat-card {
+        background: var(--card-bg);
+        padding: 24px;
+        border-radius: 16px;
+        border: 1px solid var(--border);
+    }
+
+    .stat-label {
+        font-size: 14px;
+        color: var(--text-secondary);
+        margin-bottom: 8px;
+    }
+
+    .stat-value {
+        font-size: 20px;
+        font-weight: 600;
+    }
+
+    .file-tree {
+        background: var(--card-bg);
+        border-radius: 16px;
+        border: 1px solid var(--border);
+        overflow: hidden;
+    }
+
+    .tree-header {
+        padding: 16px 24px;
+        background: rgba(255, 255, 255, 0.02);
+        border-bottom: 1px solid var(--border);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+
+    .tree-body {
+        padding: 20px;
+    }
+
+    .file-item {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        padding: 8px 12px;
+        border-radius: 8px;
+        cursor: pointer;
+        transition: all 0.2s;
+        font-family: 'JetBrains Mono', monospace;
+        font-size: 14px;
+    }
+
+    .file-item:hover {
+        background: rgba(255, 255, 255, 0.03);
+    }
+
+    .file-icon {
+        opacity: 0.5;
+    }
+
+    .code-container {
+        margin-top: 40px;
+        background: #011627;
+        border-radius: 16px;
+        border: 1px solid var(--border);
+        padding: 24px;
+        overflow: auto;
+        max-height: 600px;
+        display: none;
+    }
+
+    pre {
+        font-family: 'JetBrains Mono', monospace;
+        font-size: 13px;
+        line-height: 1.6;
+        color: #d6deeb;
+    }
+
+    ::-webkit-scrollbar {
+        width: 8px;
+    }
+
+    ::-webkit-scrollbar-track {
+        background: transparent;
+    }
+
+    ::-webkit-scrollbar-thumb {
+        background: rgba(255, 255, 255, 0.1);
+        border-radius: 4px;
+    }
+
+    ::-webkit-scrollbar-thumb:hover {
+        background: rgba(255, 255, 255, 0.2);
+    }
+
+    .highlight-accent { color: var(--accent); }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/commands/ui/static/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/commands/ui/static/styles.ts"],"names":[],"mappings":";;;AACa,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgPrB,CAAC"}

package/dist/commands/ui/templates/layout.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLayout = void 0;
+const styles_1 = require("../static/styles");
+const script_1 = require("../static/script");
+const getLayout = () => {
+    return `
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Via UI — Module Explorer</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+    <style>
+        ${styles_1.styles}
+    </style>
+</head>
+<body>
+    <aside>
+        <div class="logo">
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 2L2 7L12 12L22 7L12 2Z" fill="currentColor"/>
+                <path d="M2 17L12 22L22 17M2 12L12 17L22 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+            Via UI
+        </div>
+        <input type="text" class="search" placeholder="Search modules..." oninput="filterModules(this.value)">
+        <div class="module-list" id="module-list">
+            <!-- Modules will be populated here -->
+        </div>
+    </aside>
+
+    <main id="main-content">
+        <div class="empty-state">
+            <h1>VIA</h1>
+            <p>Select a module to explore its details</p>
+        </div>
+    </main>
+
+    <script>
+        ${script_1.script}
+    </script>
+</body>
+</html>
+    `;
+};
+exports.getLayout = getLayout;
+//# sourceMappingURL=layout.js.map

package/dist/commands/ui/templates/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../../src/commands/ui/templates/layout.ts"],"names":[],"mappings":";;;AACA,6CAA0C;AAC1C,6CAA0C;AAEnC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC1B,OAAO;;;;;;;;;;;UAWD,eAAM;;;;;;;;;;;;;;;;;;;;;;;;;;UA0BN,eAAM;;;;KAIX,CAAC;AACN,CAAC,CAAC;AA3CW,QAAA,SAAS,aA2CpB"}