vs-code-ext-from-any-js 1.15.4

package/archive/V5/frontEnd/registerCommands.js

@@ -0,0 +1,7 @@
+import addListenersCommands from './addListeners/registerCommands.js';
+
+const registerAllCommands = (context) => {
+    addListenersCommands(context);
+};
+
+export default registerAllCommands;

package/archive/V5/nodeJs/appJs/backend/readHtml.js

@@ -0,0 +1,31 @@
+import * as vscode from 'vscode';
+
+import { getHtmlWithScripts } from "./utils/htmlLoader.js";
+import { handleWebviewMessage } from "./services/messageRouter.js";
+import { getWorkspaceContext } from "./utils/workspaceHelper.js";
+
+const activateHtml = (context, uri) => {
+    const panel = vscode.window.createWebviewPanel(
+        "showHtml",
+        "Show Html",
+        vscode.ViewColumn.One,
+        { enableScripts: true }
+    );
+
+    panel.webview.html = getHtmlWithScripts();
+
+    panel.webview.onDidReceiveMessage(async (message) => {
+        const { userRootFolder, schemasPath, folderPath, port } = getWorkspaceContext(uri);
+
+        await handleWebviewMessage({
+            message,
+            panel,
+            toPath: folderPath,
+            schemasPath,
+            port,
+            inTargetPath: userRootFolder
+        });
+    });
+};
+
+export default activateHtml;

package/archive/V5/nodeJs/appJs/backend/services/actions/startEndPoint.js

@@ -0,0 +1,14 @@
+import { runSync } from 'kschema-api-gen-appjs';
+import { executeGenerationTask } from "../generatorService.js";
+
+const startFunc = async ({ panel, toPath, inFolderName }) => {
+    await executeGenerationTask({
+        panel,
+        actionLabel: `Add ${inFolderName}`,
+        inFolderName,
+        toPath,
+        generateFunc: runSync
+    });
+};
+
+export default startFunc;

package/archive/V5/nodeJs/appJs/backend/services/generatorService.js

@@ -0,0 +1,38 @@
+export async function executeGenerationTask({
+    panel,
+    actionLabel,
+    toPath,
+    generateFunc,
+    inFolderName
+}) {
+    panel.webview.postMessage({
+        type: "status",
+        text: "⏳ Generating Endpoints..."
+    });
+
+    try {
+        const funcToRun = generateFunc({
+            folderName: inFolderName || "",
+            toPath
+        });
+
+        // await funcToRun();
+
+        panel.webview.postMessage({
+            type: "complete",
+            html: `
+                <div class="font-semibold mb-2">
+                    ✅ Generation Complete
+                </div>
+                <div><b>Action:</b> ${actionLabel}</div>
+                ${tableName ? `<div><b>Table:</b> ${tableName}</div>` : ""}
+                <div><b>Output:</b> ${toPath}</div>
+            `
+        });
+    } catch (error) {
+        panel.webview.postMessage({
+            type: "status",
+            text: `❌ Generation failed: ${error.message}`
+        });
+    }
+};

package/archive/V5/nodeJs/appJs/backend/services/messageRouter.js

@@ -0,0 +1,27 @@
+import startEndPointAction from "./actions/startEndPoint.js";
+import { getSchemaFiles } from "./schemaService.js";
+
+export async function handleWebviewMessage({ message, panel, toPath, schemasPath,
+    port, inTargetPath }) {
+    switch (message.action) {
+        case "loadSchemas":
+            const schemas = getSchemaFiles(schemasPath);
+            panel.webview.postMessage({
+                type: "schemas",
+                schemas
+            });
+            break;
+
+        case "startEndPoint":
+            await startEndPointAction({
+                panel,
+                tableName: message.tableName,
+                toPath,
+                schemasPath,
+                inFolderName: message.inFolderName,
+                inTargetPath,
+                inPort: port
+            });
+            break;
+    }
+}

package/archive/V5/nodeJs/appJs/backend/services/schemaService.js

@@ -0,0 +1,29 @@
+import fs from 'fs';
+import path from 'path';
+
+export function getSchemaFiles(schemasPath) {
+    if (schemasPath === undefined || !fs.existsSync(schemasPath)) {
+        return [];
+    }
+
+    return fs.readdirSync(schemasPath, { withFileTypes: true })
+        .filter((item) => item.isFile() && item.name.endsWith(".json"))
+        .sort((first, second) => first.name.localeCompare(second.name))
+        .map((item) => {
+            const filePath = path.join(schemasPath, item.name);
+            const fallbackTableName = path.basename(item.name, ".json");
+
+            try {
+                const schema = JSON.parse(fs.readFileSync(filePath, "utf8"));
+                return {
+                    name: item.name,
+                    tableName: schema.tableName || fallbackTableName
+                };
+            } catch {
+                return {
+                    name: item.name,
+                    tableName: fallbackTableName
+                };
+            }
+        });
+}

package/archive/V5/nodeJs/appJs/backend/utils/htmlLoader.js

@@ -0,0 +1,27 @@
+import fs from 'fs';
+import path from 'path';
+
+export function getHtmlWithScripts() {
+    const frontendDir = path.join(import.meta.dirname, "..", "..", "frontend");
+    let html = fs.readFileSync(path.join(frontendDir, "index.html"), "utf8");
+
+    const jsFiles = [
+        "vscodeApi.js",
+        "actionDispatcher.js",
+        "uiNotifier.js",
+        "main.js"
+    ];
+
+    const scriptTags = jsFiles.map(file => {
+        const content = fs.readFileSync(path.join(frontendDir, "js", file), "utf8");
+        return `<script>\n${content}\n</script>`;
+    }).join("\n");
+
+    if (html.includes("<!-- SCRIPTS -->")) {
+        html = html.replace("<!-- SCRIPTS -->", scriptTags);
+    } else {
+        html = html.replace("</body>", `${scriptTags}\n</body>`);
+    }
+
+    return html;
+}

package/archive/V5/nodeJs/appJs/backend/utils/workspaceHelper.js

@@ -0,0 +1,30 @@
+import * as vscode from 'vscode';
+import path from 'path';
+import fs from 'fs';
+
+export function getPortFromEnv(userRootFolder) {
+    if (!userRootFolder) return undefined;
+    const envPath = path.join(userRootFolder, ".env");
+    if (fs.existsSync(envPath)) {
+        const envContent = fs.readFileSync(envPath, "utf8");
+        const match = envContent.match(/^PORT\s*=\s*(.+)$/m);
+        if (match) {
+            return match[1].trim();
+        }
+    }
+    return undefined;
+}
+
+export function getWorkspaceContext(uri) {
+    const userRootFolder = vscode.workspace.workspaceFolders?.[0]?.uri.fsPath;
+    const schemasPath = userRootFolder ? path.join(userRootFolder, "Config", "Schemas") : undefined;
+    const folderPath = path.dirname(uri.fsPath);
+    const port = getPortFromEnv(userRootFolder);
+
+    return {
+        userRootFolder,
+        schemasPath,
+        folderPath,
+        port
+    };
+}

package/archive/V5/nodeJs/appJs/frontend/index.html

@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.tailwindcss.com"></script>
+</head>
+
+<body class="bg-[#1e1e1e] text-white min-h-screen p-6">
+
+    <div class="max-w-3xl mx-auto">
+
+        <div class="mb-6">
+            <h1 class="text-2xl font-semibold">
+                start - endpoints
+            </h1>
+
+            <p class="text-sm text-gray-400 mt-1">
+                start endpoints from app.js
+            </p>
+        </div>
+
+        <!-- Table Name Select -->
+        <div class="mb-6 bg-[#252526] p-5 rounded-xl border border-gray-700">
+            <label for="table-select" class="block text-sm font-medium text-gray-300 mb-2">
+                Select Table Name (from Schema)
+            </label>
+            <div class="relative">
+                <span class="absolute inset-y-0 left-0 flex items-center pl-3 text-gray-500">
+                    📊
+                </span>
+                <select id="table-select"
+                    class="w-full bg-[#1e1e1e] border border-gray-700 rounded-lg pl-10 pr-10 py-2.5 text-white focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all text-sm appearance-none">
+                    <option value="">-- No Tables Loaded --</option>
+                </select>
+                <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-3 text-gray-500">
+                    ▼
+                </div>
+            </div>
+        </div>
+
+        <!-- Folder Name Input -->
+        <div class="mb-6 bg-[#252526] p-5 rounded-xl border border-gray-700">
+            <label for="folder-name" class="block text-sm font-medium text-gray-300 mb-2">
+                New Folder Name (Optional)
+            </label>
+            <div class="relative">
+                <span class="absolute inset-y-0 left-0 flex items-center pl-3 text-gray-500">
+                    📁
+                </span>
+                <input type="text" id="folder-name"
+                    class="w-full bg-[#1e1e1e] border border-gray-700 rounded-lg pl-10 pr-4 py-2.5 text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all text-sm"
+                    placeholder="Enter folder name to create and generate into (e.g. showAll)">
+            </div>
+            <p class="text-xs text-gray-400 mt-2">
+                If left blank, it will be created with the action name as the folder name only.
+            </p>
+        </div>
+
+        <!-- gen actions -->
+        <div class="mt-6">
+
+            <div class="text-sm text-gray-400 mb-3">
+                gen actions
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+                <button onclick="startEndPointAction()" class="group bg-[#252526]
+                    border border-gray-700
+                    rounded-xl p-5 text-left
+                    hover:border-blue-500
+                    hover:bg-[#2d2d30]
+                    transition-all">
+                    <div class="text-2xl mb-2">🔢</div>
+
+                    <div class="font-medium">
+                        startEndPoint
+                    </div>
+
+                    <div class="text-sm text-gray-400">
+                        startEndPoint with the subRoute from input </div>
+                </button>
+            </div>
+
+        </div>
+
+        <!-- Status -->
+        <div id="status" class="hidden mt-6 rounded-xl border border-blue-600/30
+    bg-blue-500/10 px-4 py-3 text-blue-300">
+        </div>
+
+        <!-- Summary -->
+        <div id="summary" class="hidden mt-4 rounded-xl border border-gray-700
+    bg-[#252526] p-4">
+        </div>
+    </div>
+
+</body>
+
+</html>

package/archive/V5/nodeJs/appJs/frontend/js/actionDispatcher.js

@@ -0,0 +1,21 @@
+function getSelectedTable() {
+    const tableSelect = document.getElementById("table-select");
+    return tableSelect ? tableSelect.value : "";
+}
+
+function getFolderName(defaultValue = "") {
+    const folderInput = document.getElementById("folder-name");
+    if (folderInput) {
+        let val = folderInput.value.trim();
+        if (!val && defaultValue) {
+            folderInput.value = defaultValue;
+            val = defaultValue;
+        }
+        return val;
+    }
+    return "";
+}
+
+function startEndPointAction() {
+    sendAction("startEndPoint", { tableName: getSelectedTable(), inFolderName: getFolderName(getSelectedTable()) });
+}

package/archive/V5/nodeJs/appJs/frontend/js/main.js

@@ -0,0 +1,48 @@
+window.addEventListener("message", ({ data }) => {
+    if (data.type === "status") {
+        showStatus(data.text);
+    }
+    if (data.type === "summary") {
+        showSummary(data.html);
+    }
+    if (data.type === "complete") {
+        completeStatus(data.html);
+    }
+    if (data.type === "schemas") {
+        const select = document.getElementById("table-select");
+        if (select) {
+            select.innerHTML = "";
+            if (data.schemas && data.schemas.length > 0) {
+                data.schemas.forEach(schema => {
+                    const option = document.createElement("option");
+                    option.value = schema.tableName;
+                    option.textContent = `${schema.tableName} (${schema.name})`;
+                    select.appendChild(option);
+                });
+
+                // Auto fill folder input with the first loaded table name if empty
+                const folderInput = document.getElementById("folder-name");
+                if (folderInput && !folderInput.value.trim()) {
+                    folderInput.value = select.value;
+                }
+            } else {
+                const option = document.createElement("option");
+                option.value = "";
+                option.textContent = "-- No Tables Found --";
+                select.appendChild(option);
+            }
+        }
+    }
+});
+
+// Setup dropdown change listener to auto-populate folder name
+const select = document.getElementById("table-select");
+const folderInput = document.getElementById("folder-name");
+if (select && folderInput) {
+    select.addEventListener("change", () => {
+        folderInput.value = select.value;
+    });
+}
+
+// Load schemas on initialization
+sendAction("loadSchemas");

package/archive/V5/nodeJs/appJs/frontend/js/uiNotifier.js

@@ -0,0 +1,17 @@
+function showStatus(text) {
+    const statusDiv = document.getElementById("status");
+    statusDiv.classList.remove("hidden");
+    statusDiv.innerHTML = text;
+}
+
+function showSummary(html) {
+    const summaryDiv = document.getElementById("summary");
+    summaryDiv.classList.remove("hidden");
+    summaryDiv.innerHTML = html;
+}
+
+function completeStatus(html) {
+    const statusDiv = document.getElementById("status");
+    statusDiv.classList.add("hidden");
+    showSummary(html);
+}

package/archive/V5/nodeJs/appJs/frontend/js/vscodeApi.js

@@ -0,0 +1,5 @@
+const vscode = acquireVsCodeApi();
+
+function sendAction(action, data = {}) {
+    vscode.postMessage({ action, ...data });
+}

package/archive/V5/nodeJs/registerCommands.js

@@ -0,0 +1,24 @@
+import * as vscode from 'vscode';
+
+import routesJs from './routesJs/backend/readHtml.js';
+import appJs from './appJs/backend/readHtml.js';
+
+const routesJsCommands = (context) => {
+    // 2. Register new Webview command (AddTableNameHtml)
+    const commandHtml = 'extension.editor.title.routesjs.addTableNameHtml';
+    const showHtml = vscode.commands.registerCommand(commandHtml, (uri) => routesJs(context, uri));
+    context.subscriptions.push(showHtml);
+};
+
+const appJsCommands = (context) => {
+    const commandHtml = "extension.editor.title.backend.appjs.start";
+    const showHtml = vscode.commands.registerCommand(commandHtml, (uri) => appJs(context, uri));
+    context.subscriptions.push(showHtml);
+};
+
+const registerAllCommands = (context) => {
+    routesJsCommands(context);
+    appJsCommands(context);
+};
+
+export default registerAllCommands;

package/archive/V5/nodeJs/routesJs/backend/readHtml.js

@@ -0,0 +1,31 @@
+import * as vscode from 'vscode';
+
+import { getHtmlWithScripts } from "./utils/htmlLoader.js";
+import { handleWebviewMessage } from "./services/messageRouter.js";
+import { getWorkspaceContext } from "./utils/workspaceHelper.js";
+
+const activateHtml = (context, uri) => {
+    const panel = vscode.window.createWebviewPanel(
+        "showHtml",
+        "Show Html",
+        vscode.ViewColumn.One,
+        { enableScripts: true }
+    );
+
+    panel.webview.html = getHtmlWithScripts();
+
+    panel.webview.onDidReceiveMessage(async (message) => {
+        const { userRootFolder, schemasPath, folderPath, port } = getWorkspaceContext(uri);
+
+        await handleWebviewMessage({
+            message,
+            panel,
+            toPath: folderPath,
+            schemasPath,
+            port,
+            inTargetPath: userRootFolder
+        });
+    });
+};
+
+export default activateHtml;

package/archive/V5/nodeJs/routesJs/backend/services/actions/addTableName.js

@@ -0,0 +1,15 @@
+import addTableName from 'kschema-api-gen-endpointsjs';
+import { executeGenerationTask } from "../generatorService.js";
+
+const startFunc = async ({ panel, tableName, toPath, inFolderName }) => {
+    await executeGenerationTask({
+        panel,
+        actionLabel: "Add Table Name",
+        tableName,
+        toPath,
+        generateFunc: addTableName,
+        inFolderName
+    });
+};
+
+export default startFunc;

package/archive/V5/nodeJs/routesJs/backend/services/generatorService.js

@@ -0,0 +1,44 @@
+import * as vscode from 'vscode';
+
+export async function executeGenerationTask({
+    panel,
+    actionLabel,
+    tableName,
+    toPath,
+    generateFunc,
+    inFolderName
+}) {
+    panel.webview.postMessage({
+        type: "status",
+        text: "⏳ Generating Endpoints..."
+    });
+
+    try {
+        const funcToRun = await generateFunc();
+
+        await funcToRun({
+            showLog: true,
+            isAnnounce: true,
+            folderName: inFolderName || "",
+            toPath,
+            tableName
+        });
+
+        panel.webview.postMessage({
+            type: "complete",
+            html: `
+                <div class="font-semibold mb-2">
+                    ✅ Generation Complete
+                </div>
+                <div><b>Action:</b> ${actionLabel}</div>
+                ${tableName ? `<div><b>Table:</b> ${tableName}</div>` : ""}
+                <div><b>Output:</b> ${toPath}</div>
+            `
+        });
+    } catch (error) {
+        panel.webview.postMessage({
+            type: "status",
+            text: `❌ Generation failed: ${error.message}`
+        });
+    }
+}

package/archive/V5/nodeJs/routesJs/backend/services/messageRouter.js

@@ -0,0 +1,27 @@
+import addTableNameAction from "./actions/addTableName.js";
+import { getSchemaFiles } from "./schemaService.js";
+
+export async function handleWebviewMessage({ message, panel, toPath, schemasPath,
+    port, inTargetPath }) {
+    switch (message.action) {
+        case "loadSchemas":
+            const schemas = getSchemaFiles(schemasPath);
+            panel.webview.postMessage({
+                type: "schemas",
+                schemas
+            });
+            break;
+
+        case "addTableName":
+            await addTableNameAction({
+                panel,
+                tableName: message.tableName,
+                toPath,
+                schemasPath,
+                inFolderName: message.inFolderName,
+                inTargetPath,
+                inPort: port
+            });
+            break;
+    }
+}

package/archive/V5/nodeJs/routesJs/backend/services/schemaService.js

@@ -0,0 +1,29 @@
+import fs from 'fs';
+import path from 'path';
+
+export function getSchemaFiles(schemasPath) {
+    if (schemasPath === undefined || !fs.existsSync(schemasPath)) {
+        return [];
+    }
+
+    return fs.readdirSync(schemasPath, { withFileTypes: true })
+        .filter((item) => item.isFile() && item.name.endsWith(".json"))
+        .sort((first, second) => first.name.localeCompare(second.name))
+        .map((item) => {
+            const filePath = path.join(schemasPath, item.name);
+            const fallbackTableName = path.basename(item.name, ".json");
+
+            try {
+                const schema = JSON.parse(fs.readFileSync(filePath, "utf8"));
+                return {
+                    name: item.name,
+                    tableName: schema.tableName || fallbackTableName
+                };
+            } catch {
+                return {
+                    name: item.name,
+                    tableName: fallbackTableName
+                };
+            }
+        });
+}

package/archive/V5/nodeJs/routesJs/backend/utils/htmlLoader.js

@@ -0,0 +1,27 @@
+import fs from 'fs';
+import path from 'path';
+
+export function getHtmlWithScripts() {
+    const frontendDir = path.join(import.meta.dirname, "..", "..", "frontend");
+    let html = fs.readFileSync(path.join(frontendDir, "index.html"), "utf8");
+
+    const jsFiles = [
+        "vscodeApi.js",
+        "actionDispatcher.js",
+        "uiNotifier.js",
+        "main.js"
+    ];
+
+    const scriptTags = jsFiles.map(file => {
+        const content = fs.readFileSync(path.join(frontendDir, "js", file), "utf8");
+        return `<script>\n${content}\n</script>`;
+    }).join("\n");
+
+    if (html.includes("<!-- SCRIPTS -->")) {
+        html = html.replace("<!-- SCRIPTS -->", scriptTags);
+    } else {
+        html = html.replace("</body>", `${scriptTags}\n</body>`);
+    }
+
+    return html;
+}

package/archive/V5/nodeJs/routesJs/backend/utils/workspaceHelper.js

@@ -0,0 +1,30 @@
+import * as vscode from 'vscode';
+import path from 'path';
+import fs from 'fs';
+
+export function getPortFromEnv(userRootFolder) {
+    if (!userRootFolder) return undefined;
+    const envPath = path.join(userRootFolder, ".env");
+    if (fs.existsSync(envPath)) {
+        const envContent = fs.readFileSync(envPath, "utf8");
+        const match = envContent.match(/^PORT\s*=\s*(.+)$/m);
+        if (match) {
+            return match[1].trim();
+        }
+    }
+    return undefined;
+}
+
+export function getWorkspaceContext(uri) {
+    const userRootFolder = vscode.workspace.workspaceFolders?.[0]?.uri.fsPath;
+    const schemasPath = userRootFolder ? path.join(userRootFolder, "Config", "Schemas") : undefined;
+    const folderPath = path.dirname(uri.fsPath);
+    const port = getPortFromEnv(userRootFolder);
+
+    return {
+        userRootFolder,
+        schemasPath,
+        folderPath,
+        port
+    };
+}