miqro 1.8.1 → 1.8.3

package/dist/cli.js

@@ -6,6 +6,7 @@ const start_1 = require("./cmds/start");
 const test_1 = require("./cmds/test");
 const watch_1 = require("./cmds/watch");
 const new_1 = require("./cmds/new");
+const wc_new_1 = require("./cmds/wc-new");
 const doc_json_1 = require("./cmds/doc-json");
 const doc_md_1 = require("./cmds/doc-md");
 const config_init_1 = require("./cmds/config-init");
@@ -28,17 +29,17 @@ const db_migrate_1 = require("./cmds/db-migrate");
 const wc_cache_templates_1 = require("./cmds/wc-cache-templates");
 // noinspection SpellCheckingInspection
 (0, utils_1.mainCMD)({
-    ["new"]: { section: "quick start", cb: new_1.mainJS, tabs: 5, description: `create a new project. ${new_1.usageJS}` },
+    ["new"]: { section: "api development", cb: new_1.mainJS, tabs: 5, description: `create a new project. ${new_1.usageJS}` },
     ["new:typescript"]: { cb: new_1.mainTS, tabs: 4, description: `create a new typescript project. ${new_1.usageTS}` },
     ["new:main"]: {
-        section: "http scafolding",
+        //section: "http scafolding",
         cb: handler_main_new_1.main,
         tabs: 4,
         description: `creates a new main file. ${handler_main_new_1.usage}`
     },
     ["new:route"]: { cb: handler_apiroute_new_1.main, tabs: 4, description: `creates a new route. ${handler_apiroute_new_1.usage}` },
     ["config"]: {
-        section: "config managment",
+        //section: "config managment",
         cb: config_1.main,
         tabs: 5,
         description: `outputs to stdout the config as a json. ${config_1.usage}`
@@ -54,6 +55,28 @@ const wc_cache_templates_1 = require("./cmds/wc-cache-templates");
         description: `outputs to stdout the config as a env file. ${config_env_1.usage}`
     },
     ["config:init"]: { cb: config_init_1.main, tabs: 4, description: `inits your config folder. ${config_init_1.usage}` },
+    ["doc"]: {
+        //section: "api documentation",
+        tabs: 5,
+        cb: doc_json_1.main,
+        description: `outputs to stdout an api folder auto doc as a json. ${doc_json_1.usage}`
+    },
+    ["doc:md"]: {
+        cb: doc_md_1.main,
+        tabs: 5,
+        description: `outputs to a file an api folder auto doc as a markdown. ${doc_md_1.usage}`
+    },
+    ["new:front"]: { section: "front development", cb: wc_new_1.mainJS, tabs: 4, description: `create a new project. ${wc_new_1.usageJS}` },
+    ["new:front:typescript"]: { cb: wc_new_1.mainTS, tabs: 3, description: `create a new typescript project. ${wc_new_1.usageTS}` },
+    ["generate:template:cache"]: {
+        //section: "web components",
+        tabs: 3,
+        cb: wc_cache_templates_1.main, description: `generate a cache.json for webcomponents. ${wc_cache_templates_1.usage}`
+    },
+    /*["sfc"]: {
+      tabs: 6,
+      cb: wcCompileSFC, description: `transpiles a single file webcomponent to commonjs file for packing. ${wcCompileSFCUsage}`
+    },*/
     ["start"]: {
         section: "start helpers",
         tabs: 5,
@@ -71,26 +94,6 @@ const wc_cache_templates_1 = require("./cmds/wc-cache-templates");
         tabs: 5,
         cb: serve_1.main, description: `serve static files. ${serve_1.usage}`
     },
-    ["generate:template:cache"]: {
-        section: "web components",
-        tabs: 6,
-        cb: wc_cache_templates_1.main, description: `generate a cache.json for webcomponents. ${wc_cache_templates_1.usage}`
-    },
-    /*["sfc"]: {
-      tabs: 6,
-      cb: wcCompileSFC, description: `transpiles a single file webcomponent to commonjs file for packing. ${wcCompileSFCUsage}`
-    },*/
-    ["doc"]: {
-        section: "api documentation",
-        tabs: 5,
-        cb: doc_json_1.main,
-        description: `outputs to stdout an api folder auto doc as a json. ${doc_json_1.usage}`
-    },
-    ["doc:md"]: {
-        cb: doc_md_1.main,
-        tabs: 5,
-        description: `outputs to a file an api folder auto doc as a markdown. ${doc_md_1.usage}`
-    },
     ["test"]: { section: "testing", cb: test_1.main, tabs: 5, description: `run test files. ${test_1.usage}` },
     ["new:test"]: { cb: new_test_1.main, tabs: 4, description: `create new test.js file. ${new_test_1.usage}` },
     ["db:console"]: {

package/dist/cmds/wc-new.d.ts

@@ -0,0 +1,4 @@
+export declare const usageJS = "usage: npx miqro new:front <identifier ex: NEW_APP>";
+export declare const usageTS = "usage: npx miqro new:front:typescript <identifier ex: NEW_APP>";
+export declare const mainJS: (typescript?: boolean) => void;
+export declare const mainTS: () => void;

package/dist/cmds/wc-new.js

@@ -0,0 +1,160 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mainTS = exports.mainJS = exports.usageTS = exports.usageJS = void 0;
+const fs_1 = require("fs");
+const path_1 = require("path");
+const utils_1 = require("../utils");
+const indexHTML = {
+    js: () => `<html>` +
+        `<script type="text/javascript" src="app.bundle.min.js"></script>` +
+        `<body>` +
+        `<my-app></my-app>` +
+        `</body>` +
+        `</html>`
+};
+const indexComponent = {
+    js: () => `const {define} = require("@miqro/web-components")\n` +
+        `\n` +
+        `define("my-app", function() {\n` +
+        `  return "<p>Hello World!</p>";\n` +
+        `});`,
+    ts: () => `import {define, RenderFunctionThis} from "@miqro/web-components"\n` +
+        `\n` +
+        `define("my-app", function(this: RenderFunctionThis) {\n` +
+        `  return "<p>Hello World!</p>";\n` +
+        `});`
+};
+const webpackconfig = {
+    js: () => `module.exports = {\n` +
+        `  mode: "production",\n` +
+        `  entry: "./src/index.js",\n` +
+        `  output: {\n` +
+        `    path: require("path").resolve(__dirname, 'build'),\n` +
+        `    filename: "app.bundle.min.js"\n` +
+        `  }\n` +
+        `};`,
+    ts: () => `module.exports = {\n` +
+        `  mode: "production",\n` +
+        `  entry: "./dist/index.js",\n` +
+        `  output: {\n` +
+        `    path: require("path").resolve(__dirname, 'build'),\n` +
+        `    filename: "app.bundle.min.js"\n` +
+        `  }\n` +
+        `};`,
+};
+const gitignoreTemplate = {
+    ts: () => `node_modules/
+dist/
+`,
+    js: () => `node_modules/`
+};
+const packageTemplate = {
+    ts: (name) => `{
+  "name": "${name}",
+  "version": "1.0.0",
+  "description": "",
+  "private": true,
+  "main": "dist/main.js",
+  "scripts": {
+    "prebuild": "rm -Rf build/; rm -Rf dist/; mkdir build && cp -R public/ build/",
+    "build": "tsc && webpack",
+    "prestart": "npm run build",
+    "start": "npx miqro serve build/ /"
+  },
+  "devDependencies": {
+  },
+  "dependencies": {
+  },
+  "author": "",
+  "license": "ISC"
+}`,
+    js: (name) => `{
+  "name": "${name}",
+  "version": "1.0.0",
+  "description": "",
+  "private": true,
+  "main": "src/main.js",
+  "scripts": {
+    "prebuild": "rm -Rf build/; rm -Rf dist/; mkdir build && cp -R public/ build/",
+    "build": "webpack",
+    "prestart": "npm run build",
+    "start": "npx miqro serve build/ /"
+  },
+  "devDependencies": {
+  },
+  "dependencies": {
+  },
+  "author": "",
+  "license": "ISC"
+}`
+};
+exports.usageJS = `usage: npx miqro new:front <identifier ex: NEW_APP>`;
+exports.usageTS = `usage: npx miqro new:front:typescript <identifier ex: NEW_APP>`;
+const mainJS = (typescript = false) => {
+    if (process.argv.length !== 4 || process.argv[3].length < 1) {
+        throw new Error(typescript ? exports.usageTS : exports.usageJS);
+    }
+    const identifier = process.argv[3].toLocaleLowerCase();
+    const appFolder = (0, path_1.resolve)(process.cwd(), identifier);
+    if ((0, fs_1.existsSync)(appFolder)) {
+        throw new Error(`${appFolder} already exists!`);
+    }
+    console.log(`creating ${appFolder}`);
+    (0, fs_1.mkdirSync)(appFolder, {
+        recursive: true
+    });
+    (0, fs_1.writeFileSync)((0, path_1.resolve)(appFolder, "package.json"), packageTemplate[typescript ? "ts" : "js"](identifier));
+    (0, utils_1.execSync)(`npm install miqro --save-dev`, {
+        cwd: appFolder
+    });
+    (0, utils_1.execSync)(`npm install @miqro/web-components --save`, {
+        cwd: appFolder
+    });
+    if (typescript) {
+        (0, fs_1.writeFileSync)((0, path_1.resolve)(appFolder, "tsconfig.json"), `{
+  "compileOnSave": true,
+  "compilerOptions": {
+    "lib": ["es2021", "dom"],
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "target": "es2021",
+    "strict": false,
+    "outDir": "./dist/",
+    "removeComments": true,
+    "noImplicitAny": false,
+    "preserveConstEnums": true,
+    "sourceMap": true,
+    "esModuleInterop": true,
+    "declaration": true
+  },
+  "exclude": [
+    "node_modules",
+    "test"
+  ],
+  "include": [
+    "src"
+  ]
+}`);
+        (0, utils_1.execSync)(`npm install typescript --save-dev`, {
+            cwd: appFolder
+        });
+        (0, fs_1.writeFileSync)((0, path_1.resolve)(appFolder, ".gitignore"), gitignoreTemplate.ts());
+    }
+    else {
+        (0, fs_1.writeFileSync)((0, path_1.resolve)(appFolder, ".gitignore"), gitignoreTemplate.js());
+    }
+    (0, utils_1.execSync)(`npm install webpack-cli --save-dev`, {
+        cwd: appFolder
+    });
+    (0, fs_1.writeFileSync)((0, path_1.resolve)(appFolder, "webpack.config.js"), typescript ? webpackconfig.ts() : webpackconfig.js());
+    (0, fs_1.mkdirSync)((0, path_1.resolve)(appFolder, "src"));
+    (0, fs_1.mkdirSync)((0, path_1.resolve)(appFolder, "public"));
+    (0, fs_1.writeFileSync)((0, path_1.resolve)(appFolder, "public", "index.html"), indexHTML.js());
+    (0, fs_1.writeFileSync)((0, path_1.resolve)(appFolder, "src", "index" + (typescript ? ".ts" : ".js")), typescript ? indexComponent.ts() : indexComponent.js());
+    console.log(`new project created on ${appFolder}`);
+    console.log(`cd ${identifier}`);
+    console.log(`npm run start`);
+};
+exports.mainJS = mainJS;
+const mainTS = () => (0, exports.mainJS)(true);
+exports.mainTS = mainTS;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "miqro",
-  "version": "1.8.1",
+  "version": "1.8.3",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",