tkeron 0.0.6 → 0.0.8

package/README.md

@@ -7,13 +7,12 @@ Micro framework for developing web user interfaces with typescript.
 - Start your project faster, compile faster than other frameworks (thanks to esbuild).
 - Create pre-rendered components or pages.
 
-
 ![tkeron example](./assets/tkexample.gif)
 
 **How to use**
 
-
 ---
+
 - Install tkeron globally
 
 ```bash
@@ -21,6 +20,7 @@ npm i -g tkeron
 ```
 
 ---
+
 - Enter in your project directory and run:
 
 ```bash
@@ -30,6 +30,7 @@ tkeron init
 This will create a blank project in the "front" directory.
 
 ---
+
 - To build the html file run this:
 
 ```bash
@@ -39,6 +40,7 @@ tkeron build
 This will transpile the project in the directory "web"
 
 ---
+
 - To run in your browser:
 
 ```bash
@@ -48,29 +50,29 @@ tkeron dev
 This command will create a server on port 5000 for the "web" directory and will observe the file change in the "front" directory.
 
 ---
+
 - to create a page use this:
 
 ```bash
 tkeron generate page index
 ```
 
-or its short version: 
+or its short version:
 
 ```bash
 tk g p index
 ```
 
 ---
+
 - to create a component use this:
 
 ```bash
 tkeron generate component my/button
 ```
 
-or its short version: 
+or its short version:
 
 ```bash
 tk g c my/button
 ```
-
-

package/changelog.md

@@ -1,3 +1,7 @@
+# v0.0.7
+
+- replace commander for @tkeron/commands.
+
 # v0.0.6
 
 - fixed fetch error.
@@ -13,4 +17,3 @@
 # v0.0.3
 
 - fix error in simpleHotRestart script due to undefined "exports" variable.
-

package/dist/build.js

@@ -16,8 +16,11 @@ const backRegex = /\.back\.ts$/;
 const htmlPageRegex = /\.page\.html$/;
 const build = async (args, minify = true) => {
     const { hotRestart, ignoreConsoleLogs, ignoreErrors } = args;
-    const { outputDir, sourceDir } = (0, getOptions_1.getOptions)({ sourceDir: args.sourceDir, outputDir: args.outputDir });
-    if (!await (0, fileExist_1.fileExists)(sourceDir))
+    const { outputDir, sourceDir } = (0, getOptions_1.getOptions)({
+        sourceDir: args.sourceDir,
+        outputDir: args.outputDir,
+    });
+    if (!(await (0, fileExist_1.fileExists)(sourceDir)))
         throw "directory does not exist";
     await (0, promises_1.mkdir)(outputDir, { recursive: true });
     const pagesReady = [];
@@ -28,10 +31,21 @@ const build = async (args, minify = true) => {
         const htmlFile = file.replace(backRegex, ".page.html");
         pagesReady.push(htmlFile);
         const htmlExist = await (0, fileExist_1.fileExists)(htmlFile);
-        let html = htmlExist ? await (0, promises_1.readFile)(htmlFile, { encoding: "utf-8" }) : (0, generateItems_1.pageItem)(name).html;
+        let html = htmlExist
+            ? await (0, promises_1.readFile)(htmlFile, { encoding: "utf-8" })
+            : (0, generateItems_1.pageItem)(name).html;
         const scriptId = "tmp" + (0, rnd_1.rnds)(25);
-        html = await (0, injectTsFile_1.injectTsFile)({ html, outputDir, sourceDir, tsFile: file, scriptId });
-        const { document, jsDomErrors, window } = (0, getDocument_1.getDocument)(html, { ignoreConsoleLogs, ignoreErrors });
+        html = await (0, injectTsFile_1.injectTsFile)({
+            html,
+            outputDir,
+            sourceDir,
+            tsFile: file,
+            scriptId,
+        });
+        const { document, jsDomErrors, window } = (0, getDocument_1.getDocument)(html, {
+            ignoreConsoleLogs,
+            ignoreErrors,
+        });
         if (ignoreErrors && jsDomErrors.length)
             jsDomErrors.forEach((_) => console["log"](`page ${name} error: `, _.detail || _));
         await new Promise((ok) => {
@@ -50,20 +64,30 @@ const build = async (args, minify = true) => {
         html = (0, serializeDocument_1.serializeDocument)(document);
         window.close();
         const tsFile = htmlFile.replace(htmlPageRegex, ".page.ts");
-        const outHtmlFile = file.replace(sourceDir, outputDir).replace(backRegex, ".html");
-        const outTsFile = file.replace(sourceDir, outputDir).replace(backRegex, ".js");
+        const outHtmlFile = file
+            .replace(sourceDir, outputDir)
+            .replace(backRegex, ".html");
+        const outTsFile = file
+            .replace(sourceDir, outputDir)
+            .replace(backRegex, ".js");
         html = html.replace(/\/\*tkeron\-front\-script/g, "");
         html = html.replace(/tkeron\-front\-script\*\//g, "");
         buildFrontPromises.push((0, exports.tryBuildFront)(name, html, outHtmlFile, hotRestart, outTsFile, "tkeron_page_js", tsFile, minify));
     }
-    const htmlFiles = [...(0, getFilesRecursive_1.getFilesRecursive)(sourceDir, { pattern: htmlPageRegex })];
+    const htmlFiles = [
+        ...(0, getFilesRecursive_1.getFilesRecursive)(sourceDir, { pattern: htmlPageRegex }),
+    ];
     for (const file of htmlFiles) {
         const name = (0, path_1.basename)(file).replace(htmlPageRegex, "");
         if (pagesReady.includes(file))
             continue;
         let html = await (0, promises_1.readFile)(file, { encoding: "utf-8" });
-        const outHtmlFile = file.replace(sourceDir, outputDir).replace(htmlPageRegex, ".html");
-        const outTsFile = file.replace(sourceDir, outputDir).replace(htmlPageRegex, ".html");
+        const outHtmlFile = file
+            .replace(sourceDir, outputDir)
+            .replace(htmlPageRegex, ".html");
+        const outTsFile = file
+            .replace(sourceDir, outputDir)
+            .replace(htmlPageRegex, ".html");
         const tsFile = file.replace(htmlPageRegex, ".page.ts");
         html = html.replace(/\/\*tkeron\-front\-script/g, "");
         html = html.replace(/tkeron\-front\-script\*\//g, "");
@@ -89,13 +113,25 @@ exports.build = build;
 const tryBuildFront = async (name, html, outHtmlFile, hotRestart, outTsFile, scriptId, tsFile, minify = true) => {
     return new Promise(async (ok) => {
         try {
-            await (0, buildFront_1.buildFront)({ html, outHtmlFile, hotRestart, outTsFile, scriptId: "tkeron_page_js", tsFile, minify });
+            await (0, buildFront_1.buildFront)({
+                html,
+                outHtmlFile,
+                hotRestart,
+                outTsFile,
+                scriptId: "tkeron_page_js",
+                tsFile,
+                minify,
+            });
             console["log"](`site ${name} built`);
             ok([true, name, async () => { }]);
         }
         catch (_) {
             console["log"](`error building site ${name}: `, _);
-            ok([false, name, () => (0, exports.tryBuildFront)(name, html, outHtmlFile, hotRestart, outTsFile, scriptId, tsFile)]);
+            ok([
+                false,
+                name,
+                () => (0, exports.tryBuildFront)(name, html, outHtmlFile, hotRestart, outTsFile, scriptId, tsFile),
+            ]);
         }
     });
 };

package/dist/cmdBuild.d.ts

@@ -1 +1,4 @@
-export declare const cmdBuild: (sourceDir?: string, outputDir?: string) => Promise<void>;
+export declare const cmdBuild: ({ sourceDir, outputDir }?: {
+    sourceDir: string;
+    outputDir: string;
+}) => Promise<void>;

package/dist/cmdBuild.js

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cmdBuild = void 0;
 const build_1 = require("./build");
-const cmdBuild = (sourceDir, outputDir) => (0, build_1.build)({
-    sourceDir, outputDir,
+const cmdBuild = ({ sourceDir, outputDir } = { sourceDir: "", outputDir: "" }) => (0, build_1.build)({
+    sourceDir,
+    outputDir,
     hotRestart: false,
     ignoreConsoleLogs: true,
-    ignoreErrors: true
+    ignoreErrors: true,
 });
 exports.cmdBuild = cmdBuild;

package/dist/cmdDev.d.ts

@@ -4,4 +4,9 @@ export declare const dev: (sourceDir: string, outputDir: string, port?: number,
     closeWatcher: () => void;
     closeServer: () => Server<typeof import("http").IncomingMessage, typeof import("http").ServerResponse>;
 }>;
-export declare const cmdDev: (sourceDir: string, outputDir: string, port?: number, addr?: string) => Promise<void>;
+export declare const cmdDev: ({ sourceDir, outputDir, port, addr }?: {
+    sourceDir: string;
+    outputDir: string;
+    port: string;
+    addr: string;
+}) => void;

package/dist/cmdDev.js

@@ -57,7 +57,13 @@ const dev = async (sourceDir, outputDir, port = 5000, addr = "127.0.0.1") => {
     };
 };
 exports.dev = dev;
-const cmdDev = async (sourceDir, outputDir, port = 5000, addr = "127.0.0.1") => {
-    await (0, exports.dev)(sourceDir, outputDir, port, addr);
+const cmdDev = ({ sourceDir, outputDir, port, addr } = {
+    sourceDir: "",
+    outputDir: "",
+    port: "5000",
+    addr: "127.0.0.1",
+}) => {
+    const numberPort = Number(port) || 5000;
+    (0, exports.dev)(sourceDir, outputDir, numberPort, addr);
 };
 exports.cmdDev = cmdDev;

package/dist/cmdGenerate.d.ts

@@ -1 +1,4 @@
-export declare const cmdGenerate: (item: string, path: string) => Promise<void>;
+export declare const cmdGenerate: ({ item, path }?: {
+    item: string;
+    path: string;
+}) => Promise<void>;

package/dist/cmdGenerate.js

@@ -6,7 +6,7 @@ const promises_1 = require("fs/promises");
 const path_1 = require("path");
 const generateItems_1 = require("./generateItems");
 const getOptions_1 = require("./getOptions");
-const cmdGenerate = async (item, path) => {
+const cmdGenerate = async ({ item, path } = { item: "", path: "" }) => {
     const { sourceDir } = (0, getOptions_1.getOptions)();
     const name = (0, path_1.basename)(path);
     if (!generateItems_1.validItems.includes(item)) {

package/dist/cmdInit.d.ts

@@ -1 +1,4 @@
-export declare const cmdInit: (sourceDir?: string, outputDir?: string) => Promise<void>;
+export declare const cmdInit: ({ sourceDir, outputDir }?: {
+    sourceDir: string;
+    outputDir: string;
+}) => Promise<void>;

package/dist/cmdInit.js

@@ -10,15 +10,15 @@ const createTsConfigFile_1 = require("./createTsConfigFile");
 const fileExist_1 = require("./fileExist");
 const getOptions_1 = require("./getOptions");
 const libFiles_ts_1 = require("./libFiles.ts");
-const cmdInit = async (sourceDir, outputDir) => {
+const cmdInit = async ({ sourceDir, outputDir } = { sourceDir: "", outputDir: "" }) => {
     const options = (0, getOptions_1.getOptions)({ sourceDir, outputDir });
     sourceDir = options.sourceDir;
     await (0, promises_1.writeFile)("tkeron.json", JSON.stringify(options, null, 4));
     await (0, createTsConfigFile_1.createTsConfigFile)();
-    if (!await (0, fileExist_1.fileExists)(sourceDir))
+    if (!(await (0, fileExist_1.fileExists)(sourceDir)))
         await (0, promises_1.mkdir)(sourceDir, { recursive: true });
     const tklibs = (0, path_1.join)(sourceDir, "tklibs");
-    if (!await (0, fileExist_1.fileExists)(tklibs))
+    if (!(await (0, fileExist_1.fileExists)(tklibs)))
         await (0, promises_1.mkdir)(tklibs, { recursive: true });
     for (const file of libFiles_ts_1.libFiles) {
         const dest = (0, path_1.join)(tklibs, file);

package/dist/copyDir.js

@@ -10,7 +10,7 @@ const copyDir = async (sourceDir, outputDir) => {
         const sourcePath = (0, path_1.join)(sourceDir, file);
         const outPath = (0, path_1.join)(outputDir, file);
         const dir = (0, path_1.dirname)(outPath);
-        if (!await (0, fileExist_1.fileExists)(dir))
+        if (!(await (0, fileExist_1.fileExists)(dir)))
             await (0, promises_1.mkdir)(dir, { recursive: true });
         await (0, promises_1.copyFile)(sourcePath, outPath);
     }

package/dist/eventEmitter.js

@@ -22,7 +22,7 @@ const getEventEmitter = () => {
             return () => {
                 handlers[event] = handlers[event].filter((_) => _.id !== id);
             };
-        }
+        },
     };
     return ee;
 };

package/dist/fileExist.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.fileExistsSync = exports.fileExists = void 0;
 const promises_1 = require("fs/promises");
 const fs_1 = require("fs");
-const fileExists = async (path) => !!(await (0, promises_1.stat)(path).catch(_ => false));
+const fileExists = async (path) => !!(await (0, promises_1.stat)(path).catch((_) => false));
 exports.fileExists = fileExists;
 const fileExistsSync = (path) => {
     try {

package/dist/generateItems.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.validItems = exports.pageItem = exports.componentItem = void 0;
 const componentItem = (name) => ({
     ts: `import { tkeron, Component } from "@tkeron";\nimport css from "./${name}.css";\n\nexport interface ${name} extends Component {\n    \n}\n\nexport const ${name} = () => {\n    const com = tkeron("${name}") as ${name};\n    \n    return com;\n};\ntkeron.css("${name}",css);\n`,
-    css: `.${name} {\n    \n}\n`
+    css: `.${name} {\n    \n}\n`,
 });
 exports.componentItem = componentItem;
 const pageItem = (name) => ({
     html: `<!DOCTYPE html>\n<html lang="en">\n    <head>\n    <meta charset="UTF-8" />\n    <meta http-equiv="X-UA-Compatible" content="IE=edge" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <title>${name}</title>\n    </head>\n    <body></body>\n</html>\n`,
     ts: `import { tkeron } from "@tkeron";\n\ntkeron({type:"h1",value:"${name} page front works"}).appendIn("body");`,
     back: `import { tkeron } from "@tkeron";\n\ntkeron({type:"h1",value:"${name} page back works"}).appendIn("body");`,
-    css: `html, body {\n    margin: 0;\n    padding: 0;\n}\n`
+    css: `html, body {\n    margin: 0;\n    padding: 0;\n}\n`,
 });
 exports.pageItem = pageItem;
 exports.validItems = ["component", "c", "page", "p"];

package/dist/getFilesRecursive.js

@@ -7,7 +7,7 @@ const pathToUrlResource_1 = require("./pathToUrlResource");
 function* getFilesRecursive(directory, options) {
     if (!options)
         options = {};
-    const { pattern, returnNamesOnly, excludePattern, returnOnlyDirs, useDirectoryBase } = options;
+    const { pattern, returnNamesOnly, excludePattern, returnOnlyDirs, useDirectoryBase, } = options;
     let files = [];
     try {
         files = (0, fs_1.readdirSync)(directory, { withFileTypes: true });
@@ -16,7 +16,7 @@ function* getFilesRecursive(directory, options) {
         return;
     }
     const topDirectory = directory;
-    const pending = files.map(file => ({ file, directory }));
+    const pending = files.map((file) => ({ file, directory }));
     while (pending.length) {
         const { file, directory } = pending.pop();
         if (file.isDirectory()) {
@@ -32,7 +32,9 @@ function* getFilesRecursive(directory, options) {
             catch (e) {
                 continue;
             }
-            files.map(file => ({ file, directory: path })).forEach(item => pending.push(item));
+            files
+                .map((file) => ({ file, directory: path }))
+                .forEach((item) => pending.push(item));
             continue;
         }
         if (!file.isFile())
@@ -40,9 +42,13 @@ function* getFilesRecursive(directory, options) {
         if (excludePattern && file.name.match(excludePattern))
             continue;
         if (useDirectoryBase && !pattern)
-            yield returnNamesOnly ? file.name : (0, pathToUrlResource_1.pathToUrlResource)((0, path_1.join)(directory, file.name), topDirectory).url;
+            yield returnNamesOnly
+                ? file.name
+                : (0, pathToUrlResource_1.pathToUrlResource)((0, path_1.join)(directory, file.name), topDirectory).url;
         if (useDirectoryBase && pattern && file.name.match(pattern))
-            yield returnNamesOnly ? file.name : (0, pathToUrlResource_1.pathToUrlResource)((0, path_1.join)(directory, file.name), topDirectory).url;
+            yield returnNamesOnly
+                ? file.name
+                : (0, pathToUrlResource_1.pathToUrlResource)((0, path_1.join)(directory, file.name), topDirectory).url;
         if (!useDirectoryBase && !pattern)
             yield returnNamesOnly ? file.name : (0, path_1.join)(directory, file.name);
         if (!useDirectoryBase && pattern && file.name.match(pattern))
@@ -50,4 +56,3 @@ function* getFilesRecursive(directory, options) {
     }
 }
 exports.getFilesRecursive = getFilesRecursive;
-;

package/dist/getOptions.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getOptions = void 0;
 const readJsonFile_1 = require("./readJsonFile");
-;
 const getOptions = (opts) => {
     const jsonOpt = (0, readJsonFile_1.readJsonFile)("tkeron.json");
     if (!opts)
@@ -15,7 +14,7 @@ const getOptions = (opts) => {
     if (!jsonOpt) {
         return defaultOpt;
     }
-    Object.keys(defaultOpt).forEach(key => {
+    Object.keys(defaultOpt).forEach((key) => {
         if (key in jsonOpt)
             defaultOpt[key] = jsonOpt[key];
     });

package/dist/injectTsFile.js

@@ -9,7 +9,7 @@ const injectCode_1 = require("./injectCode");
 const pathToUrlResource_1 = require("./pathToUrlResource");
 const injectTsFile = async (options) => {
     const { tsFile, sourceDir, outputDir, scriptId } = options;
-    if (!await (0, fileExist_1.fileExists)(tsFile))
+    if (!(await (0, fileExist_1.fileExists)(tsFile)))
         throw `file ${tsFile} does not exist`;
     let { html } = options;
     const { resource } = (0, pathToUrlResource_1.pathToUrlResource)(tsFile, sourceDir);

package/dist/jsDom/crypto.js

@@ -2,14 +2,34 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ext_crypto = exports.getRandomValues = void 0;
 const getType_1 = require("../getType");
-const allowed = ["Int8Array", "Int16Array", "Int32Array", "Uint8Array", "Uint16Array", "Uint32Array", "Float32Array", "Float64Array", "Uint8ClampedArray"];
-const allowedMax = [2 ** 8, 2 ** 16, 2 ** 32, 2 ** 8, 2 ** 16, 2 ** 32, 2 ** 32, 2 ** 64, 2 ** 8];
+const allowed = [
+    "Int8Array",
+    "Int16Array",
+    "Int32Array",
+    "Uint8Array",
+    "Uint16Array",
+    "Uint32Array",
+    "Float32Array",
+    "Float64Array",
+    "Uint8ClampedArray",
+];
+const allowedMax = [
+    2 ** 8,
+    2 ** 16,
+    2 ** 32,
+    2 ** 8,
+    2 ** 16,
+    2 ** 32,
+    2 ** 32,
+    2 ** 64,
+    2 ** 8,
+];
 const getRandomValues = (a) => {
     const type = (0, getType_1.getType)(a);
     if (!allowed.includes(type))
         throw DOMException.NOT_SUPPORTED_ERR;
-    const length = (Array.from(a)).length;
-    if (length > (2 ** 16))
+    const length = Array.from(a).length;
+    if (length > 2 ** 16)
         throw DOMException.QUOTA_EXCEEDED_ERR;
     const max = allowedMax[allowed.indexOf(type)];
     return a.map(() => Math.random() * max);

package/dist/jsDom/writeLogElement.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.writeLogElement = void 0;
 const writeLogElement = (message, document, type = "tkeron_log") => {
-    let tkeronBackLogs = document.body.querySelector(".tkeron_back_logs") || document.createElement("div");
+    let tkeronBackLogs = document.body.querySelector(".tkeron_back_logs") ||
+        document.createElement("div");
     if (!document.body.querySelector(".tkeron_back_logs")) {
         tkeronBackLogs.classList.add("tkeron_back_logs");
         tkeronBackLogs.innerHTML = "TKERON BACK LOGS:";

package/dist/libFiles.ts.js

@@ -10,5 +10,5 @@ exports.libFiles = [
     "rnda.ts",
     "random.ts",
     "rectReady.ts",
-    "simpleHotRestart.ts"
+    "simpleHotRestart.ts",
 ];

package/dist/main.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.main = void 0;
+const commands_1 = require("@tkeron/commands");
 const colorette_1 = require("colorette");
-const commander_1 = require("commander");
 const base64_1 = require("./base64");
 const cmdBuild_1 = require("./cmdBuild");
 const cmdDev_1 = require("./cmdDev");
@@ -26,33 +26,33 @@ const main = (command = "tkeron", argv) => {
         console["log"](info, `\n\n     type '${command} help' to see commands\n\n`);
         process.exit(0);
     }
-    commander_1.program.addHelpText("beforeAll", info);
-    commander_1.program.addHelpText("afterAll", "\n\n");
-    commander_1.program
-        .command("init [sourceDir] [outDir]")
-        .aliases(["i"])
-        .description("initialize or refresh the project")
-        .action(cmdInit_1.cmdInit);
-    commander_1.program
-        .command("dev [sourceDir] [outDir] [port] [addr]")
-        .aliases(["d"])
-        .description(`start the local develop server\nand watch for src code changes`)
-        .action(cmdDev_1.cmdDev);
-    commander_1.program
-        .command("build [sourceDir] [outDir]")
-        .aliases(["b"])
-        .description("build the pages in outDir")
-        .action(cmdBuild_1.cmdBuild);
-    commander_1.program
-        .command("generate [item] [path]")
-        .aliases(["g"])
-        .description(`create a component or page.\nExample:\n"${command} g c buttons/opaque" will generate\nthe component in @comps/buttons/opaque.ts\nand its css file.`)
-        .action(cmdGenerate_1.cmdGenerate);
-    commander_1.program
-        .version(version);
-    if (argv)
-        commander_1.program.parse(argv);
-    else
-        commander_1.program.parse();
+    (0, commands_1.getCommands)()
+        .addCommand("init")
+        .addAlias("i")
+        .addPositionedArgument("sourceDir")
+        .addPositionedArgument("outDir")
+        .setCallback(cmdInit_1.cmdInit)
+        .commands()
+        .addCommand("dev")
+        .addAlias("d")
+        .addPositionedArgument("sourceDir")
+        .addPositionedArgument("outDir")
+        .addPositionedArgument("port")
+        .addPositionedArgument("addr")
+        .setCallback(cmdDev_1.cmdDev)
+        .commands()
+        .addCommand("build")
+        .addAlias("b")
+        .addPositionedArgument("sourceDir")
+        .addPositionedArgument("outDir")
+        .setCallback(cmdBuild_1.cmdBuild)
+        .commands()
+        .addCommand("generate")
+        .addAlias("g")
+        .addPositionedArgument("item")
+        .addPositionedArgument("path")
+        .setCallback(cmdGenerate_1.cmdGenerate)
+        .commands()
+        .start();
 };
 exports.main = main;

package/dist/mod.d.ts

@@ -1,3 +1,14 @@
-export declare const build: (sourceDir?: string, outputDir?: string) => Promise<void>;
-export declare const init: (sourceDir?: string, outputDir?: string) => Promise<void>;
-export declare const dev: (sourceDir: string, outputDir: string, port?: number, addr?: string) => Promise<void>;
+export declare const build: ({ sourceDir, outputDir }?: {
+    sourceDir: string;
+    outputDir: string;
+}) => Promise<void>;
+export declare const init: ({ sourceDir, outputDir }?: {
+    sourceDir: string;
+    outputDir: string;
+}) => Promise<void>;
+export declare const dev: ({ sourceDir, outputDir, port, addr }?: {
+    sourceDir: string;
+    outputDir: string;
+    port: string;
+    addr: string;
+}) => void;

package/dist/range.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.range = void 0;
-const range = (start, stop, step = 1) => Array.from({ length: (stop - start) / step + 1 }, (_, i) => start + (i * step));
+const range = (start, stop, step = 1) => Array.from({ length: (stop - start) / step + 1 }, (_, i) => start + i * step);
 exports.range = range;

package/dist/rnda.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.rnda = void 0;
 const rnda = (a, randomGenerator = Math.random) => a
-    .map(_ => [_, randomGenerator()])
+    .map((_) => [_, randomGenerator()])
     .sort((w, e) => (w[1] == e[1] ? 0 : w[1] > e[1] ? 1 : -1))
-    .map(_ => _[0]);
+    .map((_) => _[0]);
 exports.rnda = rnda;

package/dist/simpleHotRestart.js

@@ -3,8 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 (async () => {
     const review = async () => {
         const cb = new Date().getTime();
-        const result = await fetch("/compdate.txt?cb=" + cb).then(_ => _.json())
-            .catch(_ => ({ reload: false }));
+        const result = await fetch("/compdate.txt?cb=" + cb)
+            .then((_) => _.json())
+            .catch((_) => ({ reload: false }));
         const { reload } = result;
         if (reload) {
             location.reload();

package/dist/tkeron.js

@@ -34,10 +34,7 @@ const tkeron = (opt, ...classes) => {
     }
     if (!opt)
         opt = { type: "div" };
-    const valueProp = [
-        "input",
-        "textarea"
-    ].some(n => {
+    const valueProp = ["input", "textarea"].some((n) => {
         if ("type" in opt)
             return opt.type === n;
     });
@@ -45,7 +42,7 @@ const tkeron = (opt, ...classes) => {
     const priv = {
         parent: {},
         childs: [],
-        css: ""
+        css: "",
     };
     priv.parent = null;
     const com = {
@@ -62,7 +59,7 @@ const tkeron = (opt, ...classes) => {
         },
         childs: priv.childs,
         add: (...c) => {
-            c.forEach(_ => {
+            c.forEach((_) => {
                 _._setParent(com);
                 priv.childs.push(_);
                 _.getHTMLElement((ele) => {
@@ -73,12 +70,12 @@ const tkeron = (opt, ...classes) => {
         },
         remove: (c) => {
             c._setParent(null);
-            priv.childs = priv.childs.filter(_c => {
+            priv.childs = priv.childs.filter((_c) => {
                 if (_c.id === c.id)
                     return false;
                 return true;
             });
-            c.getHTMLElement(_el => {
+            c.getHTMLElement((_el) => {
                 el.removeChild(_el);
             });
             return com;
@@ -184,7 +181,7 @@ const tkeron = (opt, ...classes) => {
     Object.defineProperty(com, "attributes", {
         get() {
             return el.attributes;
-        }
+        },
     });
     Object.defineProperty(com, "value", {
         get() {
@@ -200,22 +197,22 @@ const tkeron = (opt, ...classes) => {
                 el.value = v;
                 return true;
             }
-            priv.childs.forEach(c => c._setParent(null));
+            priv.childs.forEach((c) => c._setParent(null));
             priv.childs.length = 0;
             el.innerHTML = v;
             return true;
-        }
+        },
     });
     Object.defineProperty(com, "classList", {
         get() {
             //@ts-ignore
             return Array.from(el.classList);
-        }
+        },
     });
     if (typeof opt.value !== "undefined")
         com.setValue(opt.value);
     if (classes.length) {
-        classes.forEach(c => {
+        classes.forEach((c) => {
             com.addClass(c);
         });
     }

package/distFiles/eventEmitter.ts

@@ -1,29 +1,28 @@
-
 export interface EventEmitter {
-    emit: (event: string, ...args: any[]) => void;
-    on: (event: string, listener: (...args: any[]) => void) => () => void;
+  emit: (event: string, ...args: any[]) => void;
+  on: (event: string, listener: (...args: any[]) => void) => () => void;
 }
 
 export const getEventEmitter = () => {
-    let handlers: any = {};
-    let n = 0;
-    const ee: EventEmitter = {
-        emit: (event: string, ...args: any[]) => {
-            if (!(event in handlers)) return;
-            for (const listener of handlers[event]) {
-                listener(...args);
-            }
-        },
-        on: (event: string, listener: (...args: any[]) => void) => {
-            if (!(event in handlers)) handlers[event] = [];
-            n++;
-            const id = n;
-            (listener as any).id = id;
-            handlers[event].push(listener);
-            return () => {
-                handlers[event] = handlers[event].filter((_: any) => _.id !== id);
-            };
-        }
-    };
-    return ee;
+  let handlers: any = {};
+  let n = 0;
+  const ee: EventEmitter = {
+    emit: (event: string, ...args: any[]) => {
+      if (!(event in handlers)) return;
+      for (const listener of handlers[event]) {
+        listener(...args);
+      }
+    },
+    on: (event: string, listener: (...args: any[]) => void) => {
+      if (!(event in handlers)) handlers[event] = [];
+      n++;
+      const id = n;
+      (listener as any).id = id;
+      handlers[event].push(listener);
+      return () => {
+        handlers[event] = handlers[event].filter((_: any) => _.id !== id);
+      };
+    },
+  };
+  return ee;
 };

package/distFiles/getType.ts

@@ -1,2 +1,2 @@
-
-export const getType = (o: any) => Object.prototype.toString.call(o).match(/\w*\s(\w*)/)![1];
+export const getType = (o: any) =>
+  Object.prototype.toString.call(o).match(/\w*\s(\w*)/)![1];

package/distFiles/random.ts

@@ -1,26 +1,25 @@
-
 export function* pseudoRnd(seed = 0, limit = 0) {
-    let current = 0;
-    while (true) {
-        seed ^= seed << 13;
-        seed ^= seed >> 17;
-        seed ^= seed << 5;
-        yield seed;
-        if (limit > 0) current++;
-        if (limit > 0 && current >= limit) break;
-    }
+  let current = 0;
+  while (true) {
+    seed ^= seed << 13;
+    seed ^= seed >> 17;
+    seed ^= seed << 5;
+    yield seed;
+    if (limit > 0) current++;
+    if (limit > 0 && current >= limit) break;
+  }
 }
 
 export const getPseudoRnd = (seed = 0) => {
-    const rnd = pseudoRnd(seed);
-    return () => rnd.next().value || seed;
+  const rnd = pseudoRnd(seed);
+  return () => rnd.next().value || seed;
 };
 
 export const rnd = (seed = 0, min = 0, max = 100) => {
-    const range = Math.abs(max - min) + 1;
-    const prnd = getPseudoRnd(seed);
-    return () => {
-        seed = Math.abs(prnd()) % range;
-        return seed + min;
-    };
+  const range = Math.abs(max - min) + 1;
+  const prnd = getPseudoRnd(seed);
+  return () => {
+    seed = Math.abs(prnd()) % range;
+    return seed + min;
+  };
 };

package/distFiles/range.ts

@@ -1,2 +1,2 @@
-
-export const range = (start: number, stop: number, step = 1) => Array.from({ length: (stop - start) / step + 1 }, (_, i) => start + (i * step));
+export const range = (start: number, stop: number, step = 1) =>
+  Array.from({ length: (stop - start) / step + 1 }, (_, i) => start + i * step);

package/distFiles/rectReady.ts

@@ -1,27 +1,30 @@
-
-export const rectReady = async (querySelector: string, limit = 0): Promise<DOMRect> => {
-    const tryTimeout = 100;
-    let timeoutHandler = null;
-    let limitHandler = null;
-    return new Promise((ok, err) => {
-        const tryRect = () => {
-            const element = document.querySelector(querySelector);
-            if (!element) {
-                timeoutHandler = setTimeout(() => tryRect(), tryTimeout);
-                return;
-            }
-            const rect = element.getClientRects();
-            if (!rect || rect.length === 0) {
-                timeoutHandler = setTimeout(() => tryRect(), tryTimeout);
-                return;
-            }
-            if (limitHandler) clearTimeout(limitHandler);
-            ok(rect[0]);
-        };
-        if (limit > 0) limitHandler = setTimeout(() => {
-            if (timeoutHandler) clearTimeout(timeoutHandler);
-            err("timeout");
-        }, limit);
-        tryRect();
-    });
+export const rectReady = async (
+  querySelector: string,
+  limit = 0,
+): Promise<DOMRect> => {
+  const tryTimeout = 100;
+  let timeoutHandler = null;
+  let limitHandler = null;
+  return new Promise((ok, err) => {
+    const tryRect = () => {
+      const element = document.querySelector(querySelector);
+      if (!element) {
+        timeoutHandler = setTimeout(() => tryRect(), tryTimeout);
+        return;
+      }
+      const rect = element.getClientRects();
+      if (!rect || rect.length === 0) {
+        timeoutHandler = setTimeout(() => tryRect(), tryTimeout);
+        return;
+      }
+      if (limitHandler) clearTimeout(limitHandler);
+      ok(rect[0]);
+    };
+    if (limit > 0)
+      limitHandler = setTimeout(() => {
+        if (timeoutHandler) clearTimeout(timeoutHandler);
+        err("timeout");
+      }, limit);
+    tryRect();
+  });
 };

package/distFiles/rnda.ts

@@ -1,5 +1,5 @@
-
-export const rnda = (a: any[], randomGenerator = Math.random) => a
-    .map(_ => [_, randomGenerator()])
+export const rnda = (a: any[], randomGenerator = Math.random) =>
+  a
+    .map((_) => [_, randomGenerator()])
     .sort((w, e) => (w[1] == e[1] ? 0 : w[1] > e[1] ? 1 : -1))
-    .map(_ => _[0]);
+    .map((_) => _[0]);

package/distFiles/runOncePerTime.ts

@@ -1,12 +1,13 @@
-
-export const runOncePerTime = (msec: number): (fn: any) => void => {
-    let lastDiff = 0;
-    let lastFunc = () => { };
-    return (fn: any) => {
-        lastFunc = fn;
-        const now = new Date().getTime();
-        if (now - lastDiff < msec) { return; }
-        lastFunc();
-        lastDiff = now;
-    };
+export const runOncePerTime = (msec: number): ((fn: any) => void) => {
+  let lastDiff = 0;
+  let lastFunc = () => {};
+  return (fn: any) => {
+    lastFunc = fn;
+    const now = new Date().getTime();
+    if (now - lastDiff < msec) {
+      return;
+    }
+    lastFunc();
+    lastDiff = now;
+  };
 };

package/distFiles/simpleHotRestart.ts

@@ -1,18 +1,16 @@
-
 (async () => {
-    const review = async () => {
-        const cb = new Date().getTime();
-        const result = await fetch("/compdate.txt?cb=" + cb).then(_ => _.json())
-            .catch(_ => ({ reload: false }));
-        const { reload } = result as { reload: boolean };
-        if (reload) {
-            location.reload();
-            setTimeout(review, 618);
-            return;
-        }
-        setTimeout(review, 618 * 2);
-    };
-    review();
+  const review = async () => {
+    const cb = new Date().getTime();
+    const result = await fetch("/compdate.txt?cb=" + cb)
+      .then((_) => _.json())
+      .catch((_) => ({ reload: false }));
+    const { reload } = result as { reload: boolean };
+    if (reload) {
+      location.reload();
+      setTimeout(review, 618);
+      return;
+    }
+    setTimeout(review, 618 * 2);
+  };
+  review();
 })();
-
-

package/distFiles/tkeron.ts

@@ -1,4 +1,3 @@
-
 export interface tkeronOptions {
   type?: string;
   value?: string;
@@ -48,12 +47,13 @@ export interface Component {
 const enum event {
   render,
   append,
-  msg
+  msg,
 }
 const handlers: any = {};
 const addHandler = (id: string, event: event, fn: (...args: any[]) => void) => {
   if (typeof handlers[event] === "undefined") handlers[event] = {} as any;
-  if (typeof handlers[event][id] === "undefined") handlers[event][id] = [] as any[];
+  if (typeof handlers[event][id] === "undefined")
+    handlers[event][id] = [] as any[];
   handlers[event][id].push(fn);
 };
 const runHandlers = (id: string, event: event, ...args: any[]) => {
@@ -62,8 +62,10 @@ const runHandlers = (id: string, event: event, ...args: any[]) => {
   handlers[event][id].forEach((fn: (...args: any[]) => void) => fn(...args));
 };
 
-const toHexString = (bytes: Uint8Array): string => bytes.reduce((str, byte) => str + byte.toString(16).padStart(2, "0"), "");
-const rnds = (n: number): string => toHexString(crypto.getRandomValues(new Uint8Array(n))).slice(0, n);
+const toHexString = (bytes: Uint8Array): string =>
+  bytes.reduce((str, byte) => str + byte.toString(16).padStart(2, "0"), "");
+const rnds = (n: number): string =>
+  toHexString(crypto.getRandomValues(new Uint8Array(n))).slice(0, n);
 
 const IDs: string[] = [];
 const getID = (): string => {
@@ -75,23 +77,23 @@ const getID = (): string => {
   return id;
 };
 
-export const tkeron = (opt?: tkeronOptions | string, ...classes: string[]): Component => {
+export const tkeron = (
+  opt?: tkeronOptions | string,
+  ...classes: string[]
+): Component => {
   if (typeof opt === "string") {
     classes.push(opt);
     opt = { type: "div" };
   }
   if (!opt) opt = { type: "div" };
-  const valueProp: boolean = [
-    "input",
-    "textarea"
-  ].some(n => {
+  const valueProp: boolean = ["input", "textarea"].some((n) => {
     if ("type" in (opt as any)) return (opt as any).type === n;
   });
   let el = document.createElement(opt.type || "div");
   const priv = {
     parent: {} as Component | null,
     childs: [] as Component[],
-    css: ""
+    css: "",
   };
   priv.parent = null;
   const com: Component = {
@@ -108,7 +110,7 @@ export const tkeron = (opt?: tkeronOptions | string, ...classes: string[]): Comp
     },
     childs: priv.childs,
     add: (...c: Component[]) => {
-      c.forEach(_ => {
+      c.forEach((_) => {
         _._setParent(com);
         priv.childs.push(_);
         _.getHTMLElement((ele) => {
@@ -119,11 +121,11 @@ export const tkeron = (opt?: tkeronOptions | string, ...classes: string[]): Comp
     },
     remove: (c: Component) => {
       c._setParent(null);
-      priv.childs = priv.childs.filter(_c => {
+      priv.childs = priv.childs.filter((_c) => {
         if (_c.id === c.id) return false;
         return true;
       });
-      c.getHTMLElement(_el => {
+      c.getHTMLElement((_el) => {
         el.removeChild(_el);
       });
       return com;
@@ -229,7 +231,7 @@ export const tkeron = (opt?: tkeronOptions | string, ...classes: string[]): Comp
   Object.defineProperty(com, "attributes", {
     get() {
       return el.attributes;
-    }
+    },
   });
   Object.defineProperty(com, "value", {
     get() {
@@ -245,23 +247,23 @@ export const tkeron = (opt?: tkeronOptions | string, ...classes: string[]): Comp
         el.value = v;
         return true;
       }
-      priv.childs.forEach(c => c._setParent(null));
+      priv.childs.forEach((c) => c._setParent(null));
       priv.childs.length = 0;
       el.innerHTML = v;
       return true;
-    }
+    },
   });
   Object.defineProperty(com, "classList", {
     get() {
       //@ts-ignore
       return Array.from(el.classList);
-    }
+    },
   });
 
   if (typeof opt.value !== "undefined") com.setValue(opt.value);
 
   if (classes.length) {
-    classes.forEach(c => {
+    classes.forEach((c) => {
       com.addClass(c);
     });
   }
@@ -291,9 +293,11 @@ export interface scriptOptions {
   globalFunctions?: CallableFunction[];
 }
 tkeron.script = (anonFunc: CallableFunction, options?: scriptOptions) => {
-  const { appendIn, runOnDOMContentLoaded, globalFunctions } = options || {} as scriptOptions;
+  const { appendIn, runOnDOMContentLoaded, globalFunctions } =
+    options || ({} as scriptOptions);
   let value = `(${anonFunc.toString()})();`;
-  if (runOnDOMContentLoaded) value = `document.addEventListener("DOMContentLoaded",(${anonFunc.toString()}));`;
+  if (runOnDOMContentLoaded)
+    value = `document.addEventListener("DOMContentLoaded",(${anonFunc.toString()}));`;
 
   if (globalFunctions) {
     let functions = "";
@@ -312,6 +316,4 @@ tkeron.script = (anonFunc: CallableFunction, options?: scriptOptions) => {
   tkeron({ type: "script", value }).appendIn(appendIn || "body");
 };
 
-
 export const version = "1.9.0";
-

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tkeron",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "Micro framework for developing web user interfaces with typescript.",
   "bin": {
     "tkeron": "dist/index.js",
@@ -13,13 +13,14 @@
     "tk": "npm run build && node dist/index.js",
     "test": "rm -rf dist && npm run build && jest --roots dist --detectOpenHandles --coverage --coverageReporters=\"json-summary\"  --verbose ",
     "coverage": "rm -rf dist && npm run build && jest --roots dist --detectOpenHandles --verbose --coverage ",
-    "cicd": "node dist/cicd.js"
+    "cicd": "node dist/cicd.js",
+    "lint": "prettier --write ."
   },
   "author": "tkeron",
   "license": "MIT",
   "dependencies": {
+    "@tkeron/commands": "^0.2.0",
     "colorette": "^2.0.19",
-    "commander": "^9.4.1",
     "esbuild": "^0.16.6",
     "express": "^4.18.2",
     "jsdom": "^20.0.3",
@@ -31,6 +32,7 @@
     "@types/jest": "^29.2.4",
     "@types/jsdom": "^20.0.1",
     "jest": "^29.3.1",
+    "prettier": "^3.0.3",
     "typescript": "^4.9.4"
   },
   "keywords": [

package/tkeron.json

@@ -1,4 +1,4 @@
 {
-    "sourceDir": "front",
-    "outputDir": "web"
-}
+  "sourceDir": "front",
+  "outputDir": "web"
+}

package/tsconfig.json

@@ -1,15 +1,11 @@
 {
-    "compilerOptions": {
-      "module": "NodeNext",
-      "outDir": "dist",
-      "target": "ESNext",
-      "esModuleInterop": true,
-      "declaration": true
-    },
-    "exclude": [
-      "node_modules"
-    ],
-    "include": [
-      "src"
-    ]
-  }
+  "compilerOptions": {
+    "module": "NodeNext",
+    "outDir": "dist",
+    "target": "ESNext",
+    "esModuleInterop": true,
+    "declaration": true
+  },
+  "exclude": ["node_modules"],
+  "include": ["src"]
+}