json-crud-ui-components 1.2.2 → 1.4.1

package/bin/cli.js

@@ -1,4 +1,4 @@
-#!/usr/bin/env node
+#!/usr/bin/env node
 
 import getLatestVersion from "./core/getLatestVersion.js";
 import loadRunner from "./core/loadRunner.js";

package/bin/{v2 → v3}/commands/addListeners/steps/resolveFolderName.js

@@ -1,7 +1,7 @@
 import fs from "fs";
 
 export default function resolveFolderName({ name }) {
-    const defaultFolerName = "htmlId";
+    const defaultFolerName = "AddListeners";
 
     // case 1: force new → timestamp
     if (name === null) {

package/bin/{v2 → v3}/commands/init.js

@@ -7,6 +7,7 @@ import { announce } from "./init/steps/announce.js";
 import resolveFolderName from "./init/steps/resolveFolderName.js";
 
 export default ({ folderName = "", toPath = process.cwd(), inAnnounce = true }) => {
+
     const resolvedFolderName = resolveFolderName({
         name: folderName
     });

package/bin/v3/core/resolveCommand.js

@@ -0,0 +1,16 @@
+import fs from "fs";
+
+const files = fs.readdirSync(new URL("../commands/", import.meta.url));
+
+const entries = await Promise.all(
+    files.filter(f => f.endsWith(".js"))
+        .map(async f => [f.replace(".js", ""), (await import(`../commands/${f}`)).default])
+);
+
+const map = Object.fromEntries(entries);
+
+const resolveCommand = (cmd) => {
+    return map[cmd] || null;
+};
+
+export default resolveCommand;

package/bin/{v2 → v3}/start.js

@@ -11,7 +11,6 @@ const run = async () => {
   const input = parseInput();
 
   if (input.action === "--help" || input.action === "-h" || input.action === "help") return showUsage(version);
-  console.log("input : ", input);
 
   const command = resolveCommand(input.cmd);
 

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

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

package/bin/v4/commands/addListeners/steps/checks.js

@@ -0,0 +1,25 @@
+import path from "path";
+import fs from "fs";
+
+const validate = ({ toPath, inDefaultFolderName, inFileNameToCheck }) => {
+    const fileNameToCheck = inFileNameToCheck;
+
+    const htmlPath = path.join(toPath, fileNameToCheck);
+    const indexPath = path.join(toPath, inDefaultFolderName);
+
+    if (!fs.existsSync(htmlPath)) {
+        console.log(`${fileNameToCheck} not found`);
+
+        return true;
+    };
+
+    if (fs.existsSync(indexPath)) {
+        console.log(`${folderNameToCheck} folder found`);
+
+        return true;
+    };
+
+    return false;
+};
+
+export default validate;

package/bin/v4/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/v4/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/v4/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/v4/commands/addListeners/steps/resolveFolderName.js

@@ -0,0 +1,17 @@
+import fs from "fs";
+
+export default function resolveFolderName({ name }) {
+    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/v4/commands/addListeners/template/v2/start.js

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

package/bin/v4/commands/addListeners.js

@@ -0,0 +1,25 @@
+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";
+import checks from "./addListeners/steps/checks.js";
+
+export default ({ folderName = "", toPath = process.cwd(), inAnnounce = true }) => {
+    const fromChecks = checks({ toPath, inAnnounce });
+
+    if (fromChecks) return false;
+
+    const resolvedFolderName = resolveFolderName({
+        name: folderName
+    });
+
+    const source = locateSource();
+    const destination = locateDestination({ inResolvedFolderName: resolvedFolderName });
+
+    createProject({ source, destination });
+
+    if (inAnnounce) announce({ inResolvedFolderName: resolvedFolderName });
+};

package/bin/v4/commands/buildHeader/steps/announce.js

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

package/bin/v4/commands/buildHeader/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/v4/commands/buildHeader/steps/locateDestination.js

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

package/bin/v4/commands/buildHeader/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/v4/commands/buildHeader/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/v4/commands/buildHeader/template/v1/buildHeader.js

@@ -0,0 +1,68 @@
+import { initHeader } from "../../../../../../header/v5/initHeader.js";
+
+const buildHeader = async () => {
+    const headerConfig = {
+        items: [
+            {
+                text: "Ledgers",
+                id: "LedgersHtmlId",
+                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"
+                ]
+            }
+        ]
+    };
+
+    await initHeader(headerConfig);
+    // await callKSHeader(headerConfig);
+};
+
+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 default buildHeader;

package/bin/v4/commands/buildHeader.js

@@ -0,0 +1,20 @@
+import { locateSource } from "./buildHeader/steps/locateSource.js";
+import { locateDestination } from "./buildHeader/steps/locateDestination.js";
+
+import { createProject } from "./buildHeader/steps/createProject.js";
+import { announce } from "./buildHeader/steps/announce.js";
+
+import resolveFolderName from "./buildHeader/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/v4/commands/htmlIdClick/steps/announce.js

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

package/bin/v4/commands/htmlIdClick/steps/checks.js

@@ -0,0 +1,25 @@
+import path from "path";
+import fs from "fs";
+const fileNameToCheck = "runAfterDomLoad.js";
+const folderNameToCheck = "AddListeners";
+
+const validate = ({ toPath }) => {
+    const htmlPath = path.join(toPath, fileNameToCheck);
+    const indexPath = path.join(toPath, folderNameToCheck);
+
+    if (!fs.existsSync(htmlPath)) {
+        console.log(`${fileNameToCheck} not found`);
+
+        return true;
+    };
+
+    if (fs.existsSync(indexPath)) {
+        console.log(`${folderNameToCheck} folder found`);
+
+        return true;
+    };
+
+    return false;
+};
+
+export default validate;

package/bin/v4/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/v4/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/v4/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/v4/commands/htmlIdClick/steps/resolveFolderName.js

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

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

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

package/bin/v4/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/v4/commands/htmlIdClick.js

@@ -0,0 +1,32 @@
+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";
+import checks from "./addListeners/steps/checks.js";
+
+const defaultFolderName = "<htmlId>";
+const fileNameToCheck = "start.js";
+
+export default ({ folderName = "", toPath = process.cwd(), inAnnounce = true }) => {
+    const fromChecks = checks({
+        toPath, inAnnounce,
+        inDefaultFolderName: defaultFolderName,
+        inFileNameToCheck: fileNameToCheck
+    });
+
+    if (fromChecks) return false;
+
+    const resolvedFolderName = resolveFolderName({
+        name: folderName, inDefaultFolderName: defaultFolderName
+    });
+
+    const source = locateSource();
+    const destination = locateDestination({ inResolvedFolderName: resolvedFolderName });
+
+    createProject({ source, destination });
+
+    if (inAnnounce) announce({ inResolvedFolderName: resolvedFolderName });
+};

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

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

package/bin/v4/commands/init/steps/checks.js

@@ -0,0 +1,23 @@
+import path from "path";
+import fs from "fs";
+
+const validate = ({ toPath }) => {
+    const htmlPath = path.join(toPath, "index.html");
+    const indexPath = path.join(toPath, "index");
+
+    if (!fs.existsSync(htmlPath)) {
+        console.log("index.html not found");
+
+        return true;
+    };
+
+    if (fs.existsSync(indexPath)) {
+        console.log("index folder found");
+
+        return true;
+    };
+
+    return false;
+};
+
+export default validate;

package/bin/v4/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/v4/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/v4/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/v4/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/v4/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 };