npm - vs-code-ext-from-any-js - Versions diffs - 1.15.4 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2022) hide show

package/archive/V9/nodeJs/routesJs/backend/utils/workspaceHelper.js ADDED Viewed

@@ -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/V9/nodeJs/routesJs/frontend/index.html ADDED Viewed

@@ -0,0 +1,102 @@
+<!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">
+                Generate - endpoints
+            </h1>
+            <p class="text-sm text-gray-400 mt-1">
+                Generate endpoints from routes.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="addTableName()" 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">
+                        addTableName
+                    </div>
+                    <div class="text-sm text-gray-400">
+                        Add endpoints for the selected table schema
+                    </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/V9/nodeJs/routesJs/frontend/js/actionDispatcher.js ADDED Viewed

@@ -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 addTableName() {
+    sendAction("addTableName", { tableName: getSelectedTable(), inFolderName: getFolderName(getSelectedTable()) });
+}

package/archive/V9/nodeJs/routesJs/frontend/js/main.js ADDED Viewed

@@ -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/V9/nodeJs/routesJs/frontend/js/uiNotifier.js ADDED Viewed

@@ -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/V9/nodeJs/routesJs/frontend/js/vscodeApi.js ADDED Viewed

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

package/archive/V9/registerCommands.js ADDED Viewed

@@ -0,0 +1,12 @@
+import { registerAllCommands as ForEditorTitle } from './ForEditorTitle/registerCommands.js';
+import nodeJs from './nodeJs/registerCommands.js';
+import frontEnd from './frontEnd/registerCommands.js';
+import forExplorer from './forExplorer/registerCommands.js';
+export function registerAllCommands(context) {
+    ForEditorTitle(context);
+    nodeJs(context);
+    frontEnd(context);
+    forExplorer(context);
+};

package/dev.md ADDED Viewed

@@ -0,0 +1,185 @@
+# dev.md — Developer Guide 🚀
+# Developer Guide — vs-code-ext-express-api-gen-endpoints
+## Overview
+This extension automatically creates Express.js endpoint folders and configures table-based endpoint structures.
+Main functionality focuses on:
+* Endpoint folder generation
+* Table name configuration
+* end-points.js generation
+* Express modular architecture
+---
+# ⚡ Extension Workflow
+---
+# Step 1 — Run Extension
+Press:
+| Shortcut | Purpose                           |
+| -------- | --------------------------------- |
+| `F5`     | Launch Extension Development Host |
+---
+# Step 2 — Open Project
+Open Express.js project inside VS Code.
+---
+# Step 3 — Use Title Bar Action
+Click:
+```bash
+AddTableName
+```
+---
+# Step 4 — Popup Input
+Developer enters table name.
+Example:
+```bash
+Orders
+```
+---
+# Step 5 — Generated Output
+Extension creates:
+```bash
+Orders/
+└── end-points.js
+```
+---
+# 🚀 Generated File Example
+```js
+const TableName = "Orders";
+```
+---
+# 📁 Important Files
+| File            | Purpose                      |
+| --------------- | ---------------------------- |
+| `extension.js`  | Main extension logic         |
+| `end-points.js` | Generated endpoint file      |
+| `package.json`  | VS Code command registration |
+| `README.md`     | User documentation           |
+| `dev.md`        | Developer guide              |
+---
+# ⚡ Developer Shortcuts
+| Shortcut           | Purpose         |
+| ------------------ | --------------- |
+| `F5`               | Run extension   |
+| `Ctrl + Shift + P` | Command palette |
+| `Ctrl + R`         | Reload VS Code  |
+| `Ctrl + ``         | Open terminal   |
+---
+# 🧠 Developer Notes
+* Prevent duplicate folder creation
+* Validate existing endpoint files
+* Keep generated structure modular
+* Preserve developer-written code
+* Maintain Express.js standards
+---
+# 🧪 Testing Workflow
+## Install Dependencies
+```bash
+npm install
+```
+---
+## Run Extension
+```bash
+npm run start
+```
+---
+## Validate Output
+Check:
+* Folder generation
+* Table name insertion
+* `end-points.js` creation
+* Duplicate prevention
+---
+# 🚀 Future Improvements
+Planned features:
+* CRUD endpoint generation
+* Middleware injection
+* Dynamic templates
+* AI-assisted endpoint generation
+* TypeScript support
+---
+# 👨‍💻 Maintainer
+Developed by **KeshavSoft**
+---
+# 🚀 Publishing to VS Code Marketplace
+Follow these steps to package and publish the extension:
+## 1. Create a Personal Access Token (PAT) in Azure DevOps
+1. Go to [Azure DevOps](https://dev.azure.com/keshavsoftindia) and sign in.
+2. In the top-right corner, click on the **User settings** icon (looks like a person with a gear: 👤⚙️) to the left of your profile picture.
+3. Select **Personal access tokens** from the dropdown menu.
+4. Click **+ New Token**.
+5. Configure the token details:
+   - **Name**: e.g., `VSCE Publisher`
+   - **Organization**: Select **All accessible organizations** (required).
+   - **Scopes**: Choose **Custom defined**, click **Show all scopes**, find **Marketplace**, and check **Publish** (and **Acquire and manage**).
+6. Click **Create** and **copy the token immediately** (it will not be shown again).
+## 2. Add Secret to GitHub
+1. Go to your GitHub repository: `keshavsoft/vs-code-ext-from-any-js`.
+2. Go to **Settings** -> **Secrets and variables** -> **Actions**.
+3. Click **New repository secret**.
+4. Name: `VSCE_PAT`
+5. Value: *Paste the PAT you copied from Azure DevOps*
+6. Click **Add secret**.
+## 3. Run the Publish Workflow
+The publishing workflow is located in `.github/workflows/publish.yml`.
+- It triggers automatically whenever a new version tag (matching `v*` like `v1.14.5`) is pushed to the repository.
+- It can also be run manually from the **Actions** tab in your GitHub repository.