json-crud-ui-components 1.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 KeshavSoft
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to do so, subject to the
+following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,225 @@
+````md
+# KSchema API Check
+
+A lightweight CLI utility to validate and inspect `end-points.js` files inside KSchema-based projects.
+
+Built for fast development workflows, clean architecture, and reusable tooling.
+
+---
+
+## Installation
+
+### Run directly with npx
+
+```bash
+npx kschema-api-check
+````
+
+### Global install
+
+```bash
+npm i -g kschema-api-check
+```
+
+---
+
+## Purpose
+
+This package helps developers:
+
+* Validate `end-points.js`
+* Inspect API route structure
+* Automate repetitive checks
+* Build scalable CLI workflows
+* Extend command-based tooling cleanly
+
+---
+
+# Features
+
+* Clean command architecture
+* Action-based execution
+* Modular structure
+* Easy to extend
+* Lightweight
+* ES Modules support
+* Zero framework dependency
+
+---
+
+# Commands
+
+## endPointsJs
+
+Checks and processes `end-points.js`.
+
+### Usage
+
+```bash
+npx kschema-api-check endPointsJs
+```
+
+---
+
+# Actions
+
+## ShowAll
+
+Displays all detected endpoints.
+
+### Usage
+
+```bash
+npx kschema-api-check endPointsJs ShowAll
+```
+
+---
+
+# Example
+
+Suppose your project contains:
+
+```txt
+/end-points.js
+```
+
+Running:
+
+```bash
+npx kschema-api-check endPointsJs ShowAll
+```
+
+will analyze the file and display endpoint information.
+
+---
+
+# Project Structure
+
+```txt
+bin/
+ └── v10/
+      ├── commands/
+      ├── core/
+      ├── tasks/
+      │    ├── actions/
+      │    ├── common/
+      │    └── tables/
+      └── start.js
+```
+
+---
+
+# Architecture
+
+The CLI follows a layered architecture:
+
+## Core
+
+Responsible for:
+
+* parsing input
+* resolving commands
+* showing usage
+* bootstrapping execution
+
+## Commands
+
+Responsible for:
+
+* command routing
+* command validation
+
+## Actions
+
+Responsible for:
+
+* feature execution
+* business logic
+
+This separation keeps the codebase maintainable and scalable.
+
+---
+
+# Why This Project Exists
+
+Most projects repeatedly write the same API inspection logic.
+
+This tool centralizes:
+
+* validation
+* inspection
+* command execution
+* reusable CLI workflows
+
+into one clean developer utility.
+
+---
+
+# Development
+
+Clone repository:
+
+```bash
+git clone https://github.com/keshavsoft/kschema-api-check.git
+```
+
+Install dependencies:
+
+```bash
+npm install
+```
+
+Run locally:
+
+```bash
+node test/insert.js
+```
+
+---
+
+# Future Plans
+
+* Insert endpoint templates
+* Auto route generation
+* Schema validation
+* API documentation generation
+* Interactive CLI prompts
+* Multi-project scanning
+
+---
+
+# Tech Stack
+
+* Node.js
+* ES Modules
+* JavaScript
+
+---
+
+# Philosophy
+
+> Simple tools. Clean architecture. Fast development.
+
+---
+
+# Author
+
+KeshavSoft
+
+GitHub:
+https://github.com/keshavsoft
+
+---
+
+# Repository
+
+https://github.com/keshavsoft/kschema-api-check
+
+---
+
+# License
+
+MIT
+
+```
+```

package/bin/cli.js

@@ -0,0 +1,12 @@
+#!/usr/bin/env node
+
+import getLatestVersion from "./core/getLatestVersion.js";
+import loadRunner from "./core/loadRunner.js";
+
+const run = async () => {
+  const version = getLatestVersion();
+  const runner = await loadRunner(version);
+  await runner();
+};
+
+run();

package/bin/core/getLatestVersion.js

@@ -0,0 +1,13 @@
+import fs from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export default function getLatestVersion() {
+    const versions = fs.readdirSync(path.join(__dirname, ".."))
+        .filter(n => /^v\d+$/.test(n))
+        .sort((a, b) => parseInt(a.slice(1)) - parseInt(b.slice(1)));
+
+    return versions.at(-1);
+};

package/bin/core/loadRunner.js

@@ -0,0 +1,9 @@
+export default async function loadRunner(version) {
+    const mod = await import(`../${version}/start.js`);
+
+    if (typeof mod.default !== "function") {
+        throw new Error(`Invalid start.js in ${version}`);
+    }
+
+    return mod.default;
+};

package/bin/v1/commands/addListeners/steps/announce.js

@@ -0,0 +1,3 @@
+export const announce = ({ inResolvedFolderName }) => {
+    console.log(`[keshavsoft] Project created: ${inResolvedFolderName}`);
+};

package/bin/v1/commands/addListeners/steps/createProject.js

@@ -0,0 +1,7 @@
+import fs from "fs";
+
+export const createProject = ({ source, destination }) => {
+    fs.mkdirSync(destination, { recursive: true });
+    
+    fs.cpSync(source, destination, { recursive: true });
+};

package/bin/v1/commands/addListeners/steps/locateDestination.js

@@ -0,0 +1,5 @@
+import path from "path";
+
+export const locateDestination = ({ inResolvedFolderName }) => {
+    return path.join(process.cwd(), inResolvedFolderName);
+};

package/bin/v1/commands/addListeners/steps/locateSource.js

@@ -0,0 +1,32 @@
+import fs from "fs";
+
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const templatePath = path.join(
+    __dirname,
+    "..",
+    "template"
+);
+
+const versions = fs
+    .readdirSync(templatePath)
+    .filter(item => item.startsWith("v"));
+
+const highestVersion =
+    versions.sort().at(-1);
+
+const sourceVersion =
+    highestVersion;
+
+export const locateSource = () => {
+    return path.join(
+        __dirname,
+        "..",
+        "template",
+        sourceVersion
+    );
+};

package/bin/v1/commands/addListeners/steps/resolveFolderName.js

@@ -0,0 +1,17 @@
+import fs from "fs";
+
+export default function resolveFolderName({ name }) {
+    const defaultFolerName = "htmlId";
+
+    // case 1: force new → timestamp
+    if (name === null) {
+        name = defaultFolerName;
+    };
+
+    // case 2: user provided → strict
+    if (fs.existsSync(name)) {
+        throw new Error(`Folder already exists: ${name}`);
+    };
+
+    return name;
+};

package/bin/v1/commands/addListeners/template/v1/AddListeners/start.js

@@ -0,0 +1,14 @@
+import { funcToRun as funcToRunForLedgersHtmlId } from "./LedgersHtmlId/start.js";
+import { funcToRun as funcToRunForStockItemsHtmlId } from "./StockItemsHtmlId/start.js";
+
+import { funcToRun as funcToRunForImportHtmlId } from "./ImportHtmlId/start.js";
+
+const hookAllListeners = () => {
+    funcToRunForLedgersHtmlId();
+    funcToRunForStockItemsHtmlId();
+
+    funcToRunForImportHtmlId();
+
+};
+
+export { hookAllListeners };

package/bin/v1/commands/addListeners/template/v2/start.js

@@ -0,0 +1,4 @@
+const hookAllListeners = () => {
+};
+
+export { hookAllListeners };

package/bin/v1/commands/addListeners.js

@@ -0,0 +1,20 @@
+import { locateSource } from "./addListeners/steps/locateSource.js";
+import { locateDestination } from "./addListeners/steps/locateDestination.js";
+
+import { createProject } from "./addListeners/steps/createProject.js";
+import { announce } from "./addListeners/steps/announce.js";
+
+import resolveFolderName from "./addListeners/steps/resolveFolderName.js";
+
+export default ({ folderName = "", toPath = process.cwd(), inAnnounce = true }) => {
+    const resolvedFolderName = resolveFolderName({
+        name: folderName
+    });
+
+    const source = locateSource();
+    const destination = locateDestination({ inResolvedFolderName: resolvedFolderName });
+
+    createProject({ source, destination });
+
+    if (inAnnounce) announce({ inResolvedFolderName: resolvedFolderName });
+};

package/bin/v1/commands/htmlIdClick/steps/announce.js

@@ -0,0 +1,3 @@
+export const announce = ({ inResolvedFolderName }) => {
+    console.log(`[keshavsoft] Project created: ${inResolvedFolderName}`);
+};

package/bin/v1/commands/htmlIdClick/steps/createProject.js

@@ -0,0 +1,7 @@
+import fs from "fs";
+
+export const createProject = ({ source, destination }) => {
+    fs.mkdirSync(destination, { recursive: true });
+    
+    fs.cpSync(source, destination, { recursive: true });
+};

package/bin/v1/commands/htmlIdClick/steps/locateDestination.js

@@ -0,0 +1,5 @@
+import path from "path";
+
+export const locateDestination = ({ inResolvedFolderName }) => {
+    return path.join(process.cwd(), inResolvedFolderName);
+};

package/bin/v1/commands/htmlIdClick/steps/locateSource.js

@@ -0,0 +1,32 @@
+import fs from "fs";
+
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const templatePath = path.join(
+    __dirname,
+    "..",
+    "template"
+);
+
+const versions = fs
+    .readdirSync(templatePath)
+    .filter(item => item.startsWith("v"));
+
+const highestVersion =
+    versions.sort().at(-1);
+
+const sourceVersion =
+    highestVersion;
+
+export const locateSource = () => {
+    return path.join(
+        __dirname,
+        "..",
+        "template",
+        sourceVersion
+    );
+};

package/bin/v1/commands/htmlIdClick/steps/resolveFolderName.js

@@ -0,0 +1,17 @@
+import fs from "fs";
+
+export default function resolveFolderName({ name, inType = "basic" }) {
+    const defaultFolerName = "AddListeners";
+
+    // case 1: force new → timestamp
+    if (name === null) {
+        name = defaultFolerName;
+    };
+
+    // case 2: user provided → strict
+    if (fs.existsSync(name)) {
+        throw new Error(`Folder already exists: ${name}`);
+    };
+
+    return name;
+};

package/bin/v1/commands/htmlIdClick/template/v1/clickFunc.js

@@ -0,0 +1,4 @@
+const clickFuncToRun = () => {
+};
+
+export default clickFuncToRun;

package/bin/v1/commands/htmlIdClick/template/v1/start.js

@@ -0,0 +1,9 @@
+import clickFuncToRun from "./clickFunc.js";
+
+const funcToRun = () => {
+    const htmlElement = document.getElementById('<htmlId>');
+
+    htmlElement.addEventListener('click', clickFuncToRun);
+};
+
+export { funcToRun };

package/bin/v1/commands/htmlIdClick.js

@@ -0,0 +1,20 @@
+import { locateSource } from "./htmlIdClick/steps/locateSource.js";
+import { locateDestination } from "./htmlIdClick/steps/locateDestination.js";
+
+import { createProject } from "./htmlIdClick/steps/createProject.js";
+import { announce } from "./htmlIdClick/steps/announce.js";
+
+import resolveFolderName from "./htmlIdClick/steps/resolveFolderName.js";
+
+export default ({ folderName = "", toPath = process.cwd(), inAnnounce = true }) => {
+    const resolvedFolderName = resolveFolderName({
+        name: folderName
+    });
+
+    const source = locateSource();
+    const destination = locateDestination({ inResolvedFolderName: resolvedFolderName });
+
+    createProject({ source, destination });
+
+    if (inAnnounce) announce({ inResolvedFolderName: resolvedFolderName });
+};

package/bin/v1/commands/init/steps/announce.js

@@ -0,0 +1,3 @@
+export const announce = ({ inResolvedFolderName }) => {
+    console.log(`[keshavsoft] Project created: ${inResolvedFolderName}`);
+};

package/bin/v1/commands/init/steps/createProject.js

@@ -0,0 +1,7 @@
+import fs from "fs";
+
+export const createProject = ({ source, destination }) => {
+    fs.mkdirSync(destination, { recursive: true });
+    
+    fs.cpSync(source, destination, { recursive: true });
+};

package/bin/v1/commands/init/steps/locateDestination.js

@@ -0,0 +1,5 @@
+import path from "path";
+
+export const locateDestination = ({ inResolvedFolderName }) => {
+    return path.join(process.cwd(), inResolvedFolderName);
+};

package/bin/v1/commands/init/steps/locateSource.js

@@ -0,0 +1,32 @@
+import fs from "fs";
+
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const templatePath = path.join(
+    __dirname,
+    "..",
+    "template"
+);
+
+const versions = fs
+    .readdirSync(templatePath)
+    .filter(item => item.startsWith("v"));
+
+const highestVersion =
+    versions.sort().at(-1);
+
+const sourceVersion =
+    highestVersion;
+
+export const locateSource = () => {
+    return path.join(
+        __dirname,
+        "..",
+        "template",
+        sourceVersion
+    );
+};

package/bin/v1/commands/init/steps/resolveFolderName.js

@@ -0,0 +1,17 @@
+import fs from "fs";
+
+export default function resolveFolderName({ name, inType = "basic" }) {
+    const defaultFolerName = "Index";
+
+    // case 1: force new → timestamp
+    if (name === null) {
+        name = defaultFolerName;
+    };
+
+    // case 2: user provided → strict
+    if (fs.existsSync(name)) {
+        throw new Error(`Folder already exists: ${name}`);
+    };
+
+    return name;
+};

package/bin/v1/commands/init/template/v1/Index/FormLoad/DomContentLoaded/buildHeader.js

@@ -0,0 +1,68 @@
+import { initHeader } from "../../../../../../header/v6/initHeader.js";
+
+const buildHeader = () => {
+    const headerConfig = {
+        items: [
+            {
+                text: "ShowAll",
+                id: "ShowAllHtmlId",
+                icon: [
+                    "M4 6h16",
+                    "M4 10h16",
+                    "M4 14h10",
+                    "M6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"
+                ]
+            },
+            {
+                text: "StockItems",
+                id: "StockItemsHtmlId",
+                icon: [
+                    "M3 7l9 4 9-4",
+                    "M3 7l9-4 9 4",
+                    "M3 7v10l9 4 9-4V7",
+                    "M12 11v10"
+                ]
+            },
+            {
+                text: "Transactions",
+                id: "1",
+                icon: [
+
+                    "M6 2h9l5 5v15a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z",
+                    "M14 2v6h6",
+                    "M8 12h8",
+                    "M8 16h8"
+                ],
+                href: "../../Transactions/V7/Create/index.html"
+            },
+            {
+                text: "FromTally",
+                id: "ImportHtmlId",
+                icon: [
+                    "M4 6h16",
+                    "M4 10h16",
+                    "M4 14h10",
+                    "M6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"
+                ]
+            }
+        ]
+    };
+
+    initHeader(headerConfig);
+    // callKSHeader(headerConfig).then();
+};
+
+const callKSHeader = async (config) => {
+    if (window.KSHeader?.initHeader) {
+        console.log("table loaded from window.KSTable");
+
+        return window.KSHeader.initHeader(config); // extension or CDN
+    } else {
+        // const { initTableOnly } = await import("../../../../../../../../KSTableAi/V28/entry.js"); // local
+        const { initTableOnly } = await import("https://keshavsoft.github.io/KsJsTableAi/Public/kstable.js"); // local
+
+        return initTableOnly(config);
+    };
+};
+
+export { buildHeader };