@lmjs/cli 1.0.21 → 1.0.23

package/README.md

@@ -8,7 +8,7 @@ LumenJS is a tiny robust reactive javascript framework for building scalable and
 
 
 LumenJS comes along with MobiusCSS library which is a utility-first CSS framework packed with grid and table sectioning systems and classes like g, mt20, pv100, c and sq that can be composed to build any design, directly in your markup.
-<a href="https://mobius.bea.com.lb/" target="_blank">MobiusCSS Documentation</a>
+<a href="https://mobius.lumenjs.com/" target="_blank">MobiusCSS Documentation</a>
 
 &nbsp;
 
@@ -50,9 +50,9 @@ lm create -s mysubview
 
 &nbsp;
 
-Create A Component Template
+Create A Template
 ```
-lm create -c mycomponent
+lm create -c mytemplate
 ```
 
 &nbsp;

package/index.js

@@ -72,7 +72,7 @@ async function buildProject(cmds) {
     var dest = projectPath + path.sep + 'dist';
 
     let _views = fcs.getAllFiles(`${process.cwd()}` + path.sep + `src` + path.sep + `views` + path.sep);
-    let _comps = fcs.getAllFiles(`${process.cwd()}` + path.sep + `src` + path.sep + `comps` + path.sep);
+    let _tpls = fcs.getAllFiles(`${process.cwd()}` + path.sep + `src` + path.sep + `tpls` + path.sep);
     var config = fcs.getConfig();
 
     var indexCode = fs.readFileSync(projectPath + path.sep + `src` + path.sep + "index.html", "utf8");
@@ -86,9 +86,9 @@ async function buildProject(cmds) {
     spinner.succeed("Gathering Required Resources");
     var beaCode = "";
     if (cmds.indexOf('--serverless') >= 0) {
-      spinner.start('Registering App..');
+      spinner.start('Signing & Securing App..');
 
-      let r = await API.post("https://api.backendadmin.com/1/beajs", {
+      let r = await API.post("https://www.beaapis.com/1/beajs", {
         "data": JSON.stringify(config.apis)
       });
 
@@ -105,12 +105,12 @@ async function buildProject(cmds) {
 `;
     }
     beaCode += kkk;
-    spinner.start('Packing & Cleaning...');
+    spinner.succeed("Signing & Securing App").start('Packing & Cleaning...');
 
     beaCode += `
   var _vcData = {
     "views": `+ JSON.stringify(_views) + `,
-    "comps": `+ JSON.stringify(_comps) + `
+    "tpls": `+ JSON.stringify(_tpls) + `
   };
   `;
     beaCode += `
@@ -155,54 +155,6 @@ async function buildProject(cmds) {
       fs.writeFileSync(dest + path.sep + "js" + path.sep + "bea.js", String(zode.code));
       fs.writeFileSync(dest + path.sep + "css" + path.sep + "bea.css", String(beaCSSCode));
       fs.writeFileSync(dest + path.sep + "index.html", String(indexCode).split('<script src="/index.js" type="text/javascript"></script>').join("").split('/js/bea.js').join("/js/bea.js?v" + new Date().getTime()).split('/css/styles.css').join("/css/styles.css?v" + new Date().getTime()).split('/css/bea.css').join("/css/bea.css?v" + new Date().getTime()));
-
-
-      if (cmds.indexOf('--deploy') >= 0) {
-        spinner.succeed('Writing Files').start('Uploading To Server..');
-        const _config = {
-          user: config.ftp.username,
-          // Password optional, prompted if none given
-          password: config.ftp.password,
-          host: config.ftp.host,
-          port: config.ftp.port,
-          localRoot: dest,
-          remoteRoot: config.ftp.remotePath,
-          include: ["*", "**/*", ".*"],      // this would upload everything except dot files
-          // include: ["*.js", "dist/*", ".*"],
-          // e.g. exclude sourcemaps, and ALL files in node_modules (including dot files)
-          exclude: config.ftp.ignore,
-          // delete ALL existing files at destination before uploading, if true
-          deleteRemote: false,
-          // Passive mode is forced (EPSV command is not sent)
-          forcePasv: true,
-          // use sftp or ftp
-          sftp: false,
-        };
-        // console.log(_config);
-
-        ftpDeploy.deploy(_config, function (err, res) {
-          if (err) {
-            console.log(err);
-          } else {
-            spinner.succeed("Finished Uploading To Server");
-            spinner.succeed("Done");
-          }
-        });
-        ftpDeploy.on("uploading", function (data) {
-          spinner.start(parseFloat(((data.transferredFileCount) * 100 / data.totalFilesCount).toFixed(2)) + '% ' + 'Uploading ' + data.filename + ' ');
-        });
-        // ftpDeploy.on("uploaded", function (data) {
-        //   console.log(data); // same data as uploading event
-        // });
-        // ftpDeploy.on("log", function (data) {
-        //   console.log(data); // same data as uploading event
-        // });
-        // ftpDeploy.on("upload-error", function (data) {
-        //   console.log(data.err); // data will also include filename, relativePath, and other goodies
-        // });
-
-      } else
-        spinner.succeed('Writing Files').succeed("Done");
     } else {
       fcs.copyDir(`${__dirname}` + path.sep + `lib` + path.sep + `files` + path.sep + buildPath, dest);
       fcs.copyDir(projectPath + path.sep + "src", dest + path.sep + "src", "_beajsBuild");
@@ -210,6 +162,14 @@ async function buildProject(cmds) {
       fcs.cd(dest + path.sep + "src" + path.sep + "css");
       fcs.cd(dest + path.sep + "src" + path.sep + "images");
 
+      let appFile = projectPath + path.sep + `src` + path.sep + "app.js";
+      if (fs.existsSync(appFile)) {
+        var appCode = fs.readFileSync(appFile, "utf8");
+        var serverJsCode = fs.readFileSync(`${__dirname}` + path.sep + `lib` + path.sep + `files` + path.sep + buildPath + path.sep + "server.js", "utf8");
+        fs.writeFileSync(dest + path.sep + "server.js", String(serverJsCode).split('//APP_HOLDER').join(appCode));
+        fs.unlinkSync(dest + path.sep + "src" + path.sep + "app.js");
+      }
+
       // fcs.copyDir(projectPath + path.sep + `src` + path.sep + `css`, dest + path.sep + "src" + path.sep + "css");
       fcs.copyDir(projectPath + path.sep + "src" + path.sep + "js", dest + path.sep + "src" + path.sep + "js", "_beajsBuild");
       fcs.copyDir(projectPath + path.sep + "src" + path.sep + "css", dest + path.sep + "src" + path.sep + "css", "_beajsBuild");
@@ -220,9 +180,55 @@ async function buildProject(cmds) {
       fs.writeFileSync(dest + path.sep + "src" + path.sep + "index.html", String(indexCode).split('<script src="/index.js" type="text/javascript"></script>').join(""));
       fs.writeFileSync(dest + path.sep + "config.js", String(zode2.code));
 
-      spinner.succeed('Writing Files').succeed("Done");
     }
 
+    if (cmds.indexOf('--deploy') >= 0) {
+      spinner.succeed('Writing Files').start('Uploading To Server..');
+      const _config = {
+        user: config.ftp.username,
+        // Password optional, prompted if none given
+        password: config.ftp.password,
+        host: config.ftp.host,
+        port: config.ftp.port,
+        localRoot: dest,
+        remoteRoot: config.ftp.remotePath,
+        include: ["*", "**/*", ".*"],      // this would upload everything except dot files
+        // include: ["*.js", "dist/*", ".*"],
+        // e.g. exclude sourcemaps, and ALL files in node_modules (including dot files)
+        exclude: config.ftp.ignore,
+        // delete ALL existing files at destination before uploading, if true
+        deleteRemote: false,
+        // Passive mode is forced (EPSV command is not sent)
+        forcePasv: true,
+        // use sftp or ftp
+        sftp: false,
+      };
+      // console.log(_config);
+
+      ftpDeploy.deploy(_config, function (err, res) {
+        if (err) {
+          console.log(err);
+        } else {
+          spinner.succeed("Finished Uploading To Server");
+          spinner.succeed("Done");
+        }
+      });
+      ftpDeploy.on("uploading", function (data) {
+        spinner.start(parseFloat(((data.transferredFileCount) * 100 / data.totalFilesCount).toFixed(2)) + '% ' + 'Uploading ' + data.filename + ' ');
+      });
+      // ftpDeploy.on("uploaded", function (data) {
+      //   console.log(data); // same data as uploading event
+      // });
+      // ftpDeploy.on("log", function (data) {
+      //   console.log(data); // same data as uploading event
+      // });
+      // ftpDeploy.on("upload-error", function (data) {
+      //   console.log(data.err); // data will also include filename, relativePath, and other goodies
+      // });
+
+    } else
+      spinner.succeed('Writing Files').succeed("Done");
+
   });
 
 }

package/lib/app.js

@@ -26,7 +26,7 @@ let session = expressSession({
 
 var config = fcs.getConfig();
 var _views = {};
-var _comps = {};
+var _tpls = {};
 
 app.use(compression());
 app.use(cookieParser());
@@ -40,7 +40,6 @@ app.use(upload.array());
 
 wss.on('connection', (ws) => {
   ws.on('message', async (message) => {
-
     try {
       const buffer = Buffer.from(message);
       const data = JSON.parse(buffer.toString());
@@ -55,10 +54,10 @@ wss.on('connection', (ws) => {
         if (data.e == "getfiles") {
           _data['payload'] = {
             "views": _views,
-            "comps": _comps
+            "tpls": _tpls
           };
-        } else if (data.e == "getcomp") {
-          _data.payload = _comps[data.payload];
+        } else if (data.e == "gettpl") {
+          _data.payload = _tpls[data.payload];
         } else if (data.e == "getview") {
           _data.payload = _views[data.payload];
         } else if (data.e == "request") {
@@ -124,5 +123,5 @@ app.post('*', function (req, res) {
 server.listen(config.server.port, function () {
   console.log(`LumenJS server running at http://${config.server.host}:${config.server.port}/`);
   _views = fcs.getAllFiles(`${process.cwd()}` + path.sep + `src` + path.sep + `views` + path.sep);
-  _comps = fcs.getAllFiles(`${process.cwd()}` + path.sep + `src` + path.sep + `comps` + path.sep);
+  _tpls = fcs.getAllFiles(`${process.cwd()}` + path.sep + `src` + path.sep + `tpls` + path.sep);
 });

package/lib/check-version.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-const semver = require('semver')
+const semver = require('semver');
 const axios = require('axios').default;
 const path = require('path');
 const fs = require("fs");

package/lib/fcs.js

@@ -37,45 +37,32 @@ exports.getConfig = function () {
                 "cert": "/certificate.cer"
             }
         },
-        "project_info": {
-            "Title": "PROJECT_TITLE",
-            "Description": "PROJECT_DESCRIPTION",
-            "Keywords": "website,search,tags,goes,here",
-            "WebsiteURL": "https://www.example.com/",
-            "Favicon": "/images/favicon.ico",
-            "SocialMedia": {
-                "LI": "https://www.linkedin.com/",
-                "IG": "https://www.instagram.com/",
-                "FB": "https://www.facebook.com/"
-            },
-            "MetaTags": {
-                "og:url": "https://www.example.com/",
-                "og:title": "PROJECT_TITLE",
-                "og:type": "business.business",
-                "og:site_name": "PROJECT_TITLE",
-                "fb:admins": "592515154",
-                "fb:app_id": "138025696270006",
-                "og:description": "PROJECT_TITLE",
-                "og:image": "/images/example.png",
-                "business:contact_data:street_address": "Street Address.",
-                "business:contact_data:locality": "Tripoli",
-                "business:contact_data:postal_code": "1300",
-                "business:contact_data:country_name": "Lebanon",
-                "business:contact_data:email": "info@example.com",
-                "business:contact_data:phone_number": "+96171299411",
-                "business:contact_data:fax_number": "+96171299411",
-                "business:contact_data:website": "https://www.example.com/"
-            }
-        },
         "apis": [
             {
-                "baseURL": "https://api.backendadmin.com/1",
+                "baseURL": "https://www.beaapis.com/1",
                 "headers": {
                     "X-BEA-Application-ID": "YOUR_APPLICATION_ID",
                     "X-BEA-Authorization": "YOUR_REST_API_KEY"
                 }
             }
-        ]
+        ],
+        "ftp": {
+            "host": "ftp_host",
+            "username": "ftp_username",
+            "password": "ftp_password",
+            "remotePath": "/",
+            "concurrency": 4,
+            "protocol": "ftp",
+            "port": 21,
+            "ignore": [],
+            "syncOption": {
+                "delete": false,
+                "ignoreExisting": false,
+                "skipCreate": false,
+                "update": true
+            },
+            "connectTimeout": 30000
+        }
     };
     let configPath = process.cwd() + path.sep + `config.json`;
     if (fs.existsSync(configPath)) {
@@ -160,9 +147,9 @@ exports.create = function (conf) {
             }
         });
     } else {
-        let file = t == "s" ? "sub_view.view" : (t == "c" ? "comp.tpl" : "view.view");
-        let ident = t == "s" ? "SubView" : (t == "c" ? "Component" : "View");
-        let dir = t == "c" ? "comps" : "views";
+        let file = t == "s" ? "sub_view.view" : (t == "c" ? "tpl.tpl" : "view.view");
+        let ident = t == "s" ? "SubView" : (t == "c" ? "Template" : "View");
+        let dir = t == "c" ? "tpls" : "views";
         let ext = t == "c" ? "tpl" : "view";
         let html5 = Buffer.from(fs.readFileSync(`${__dirname}` + path.sep + `files` + path.sep + file).toString().split("[" + ident + 'Name' + "]").join(ucwords(n)));
         var filePath = `${process.cwd()}` + path.sep + `src` + path.sep + dir + path.sep + `${n}.${ext}`;
@@ -185,7 +172,7 @@ function copyDir(src, dest, projectName) {
             const destPath = path.join(dest.toString(), entry.name.toString());
             if (entry.isDirectory()) {
                 if (projectName == "_beajsBuild") {
-                    if (entry.name != "comps" && entry.name != "views" && entry.name != "css" && entry.name != "js") copyDir(srcPath, destPath, projectName);
+                    if (entry.name != "tpls" && entry.name != "views" && entry.name != "css" && entry.name != "js") copyDir(srcPath, destPath, projectName);
                 }
                 else copyDir(srcPath, destPath, projectName);
             } else {

package/lib/files/build/func.js

@@ -1,66 +1,102 @@
-const axios = require('axios').default;
-const path = require("path")
-const express = require('express');
-var compression = require('compression');
+const axios = require("axios").default;
+const path = require("path");
+const express = require("express");
+var compression = require("compression");
 const app = express();
-const server = require('http').createServer(app);
-const io = require('socket.io')(server);
-var cookieParser = require('cookie-parser');
-var expressSession = require('express-session');
-const bodyParser = require('body-parser');
-var multer = require('multer');
-const config = require('./config').config;
+const server = require("http").createServer(app);
+
+var WebSocketServer = require("ws").Server;
+var wss = new WebSocketServer({ server: server, path: "/" });
+
+var cookieParser = require("cookie-parser");
+var expressSession = require("express-session");
+const bodyParser = require("body-parser");
+var multer = require("multer");
+const config = require("./config").config;
 var upload = multer();
 let session = expressSession({
-    secret: 'beajs',
-    resave: true,
-    saveUninitialized: true,
-    cookie: { maxAge: 9999000 }
+  secret: "lumenjs",
+  resave: true,
+  saveUninitialized: true,
+  cookie: { maxAge: 9999000 },
 });
 
-function validURL(str) {
-    var pattern = new RegExp('^(https?:\\/\\/)?' +
-        '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' +
-        '((\\d{1,3}\\.){3}\\d{1,3}))' +
-        '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' +
-        '(\\?[;&a-z\\d%_.~+=-]*)?' +
-        '(\\#[-a-z\\d_]*)?$', 'i');
-    return !!pattern.test(str);
+function validURL(string) {
+let url;
+try {
+    url = new URL(string);
+} catch (_) {
+    return false;
 }
+return url.protocol === "http:" || url.protocol === "https:";
+}
+
+exports.validURL = validURL;
 
 exports.config = config;
 exports.server = function () {
-    return server;
+  return server;
 };
 exports.app = function () {
-    app.use(cookieParser());
-    app.use(session);
-    app.use(compression());
-    app.use(express.static(path.join(__dirname, './src')));
-    app.set('etag', false);
-    app.use(bodyParser.urlencoded({ extended: true }));
-    app.use(bodyParser.json());
-    app.use(bodyParser.raw());
-    app.use(upload.array());
+  app.use(cookieParser());
+  app.use(session);
+  app.use(compression());
+  app.use(express.static(path.join(__dirname, "./src")));
+  app.set("etag", false);
+  app.use(bodyParser.urlencoded({ extended: true }));
+  app.use(bodyParser.json());
+  app.use(bodyParser.raw());
+  app.use(upload.array());
 
-    io.use(function (socket, next) {
-        session(socket.request, socket.request.res, next);
-    });
+  wss.on("connection", (ws) => {
+    ws.on("message", async (message) => {
+      try {
+        const buffer = Buffer.from(message);
+        const data = JSON.parse(buffer.toString());
+
+        if (data.hasOwnProperty("e")) {
+          var _data = {
+            e: data.e,
+            _iter: data._iter,
+            payload: {},
+          };
 
-    io.on('connection', function (socket) {
-        socket.on("request", async function (_data, _body, cb) {
+          if (data.e == "request") {
             try {
-                let res = await axios({
-                    method: _data['method'].toString().toLowerCase(),
-                    url: validURL(_data['path']) ? _data['path'] : (config.apis[_data['api'] ?? 0].baseURL + _data['path']),
-                    data: _body ?? {},
-                    headers: _data['headers'] ?? config.apis[_data['api'] ?? 0].headers
-                });
-                cb(res.data);
+              let pata = data.payload;
+              let __data = pata["data"];
+              let _body = pata["body"];
+              let res = await axios({
+                method: _body["method"].toString().toLowerCase(),
+                url: fcs.validURL(_body["path"])
+                  ? _body["path"]
+                  : config.apis[_body["api"] ?? 0].baseURL + _body["path"],
+                data: __data ?? {},
+                headers:
+                  _body["headers"] ?? config.apis[_body["api"] ?? 0].headers,
+              });
+              _data.payload = _body["full"]
+                ? {
+                    headers: res.headers,
+                    data: res.data,
+                  }
+                : res.data;
+              ws.send(JSON.stringify(_data));
             } catch (e) {
-                cb({ "code": 108, "error": e.message, "type": "RequestError" });
+              _data.payload = {
+                code: 108,
+                error: e.message,
+                type: "RequestError",
+              };
+              ws.send(JSON.stringify(_data));
             }
-        });
+            return;
+          }
+
+          ws.send(JSON.stringify(_data));
+        }
+      } catch (e) {}
     });
-    return app;
-}
+  });
+  return app;
+};

package/lib/files/build/package.json

@@ -23,7 +23,7 @@
         "express-session": "^1.17.3",
         "compression": "^1.7.4",
         "multer": "^1.4.5-lts.1",
-        "socket.io": "^4.5.1"
+        "ws": "^8.8.1"
     },
     "engines": {
         "node": ">=12.0.0"

package/lib/files/build/server.js

@@ -1,9 +1,40 @@
 const path = require('path');
+const axios = require("axios").default;
 const func = require('./func');
 const app = func.app();
 const server = func.server();
 var config = func.config;
 
+var API =
+{
+    get: async function (u, d, h, a) {
+        return await this.req(u, d, h, "GET", a);
+    },
+    put: async function (u, d, h, a) {
+        return await this.req(u, d, h, "PUT", a);
+    },
+    post: async function (u, d, h, a) {
+        return await this.req(u, d, h, "POST", a);
+    },
+    delete: async function (u, d, h, a) {
+        return await this.req(u, d, h, "DELETE", a);
+    },
+    patch: async function (u, d, h, a) {
+        return await this.req(u, d, h, "PATCH", a);
+    },
+    req: async function (u, d, h, m, a) {
+        let res = await axios({
+            method: m.toString().toLowerCase(),
+            url: func.validURL(u) ? u : (config.apis[a ?? 0].baseURL + u),
+            data: d ?? {},
+            headers: h ?? config.apis[a ?? 0].headers
+        });
+        return res.data;
+    }
+};
+
+//APP_HOLDER
+
 app.get('/', (req, res) => {
   res.sendFile(path.join(__dirname, './src/index.html'));
 });
@@ -23,5 +54,5 @@ app.post('*', function (req, res) {
 });
 
 server.listen(config.server.port, function () {
-  console.log(`BEAJS client server running at http://${config.server.host}:${config.server.port}/`);
+  console.log(`LumenJS client server running at http://${config.server.host}:${config.server.port}/`);
 });

package/lib/files/project/config.json

@@ -9,39 +9,9 @@
             "cert": "/certificate.cer"
         }
     },
-    "project_info": {
-        "Title": "PROJECT_TITLE",
-        "Description": "PROJECT_DESCRIPTION",
-        "Keywords": "website,search,tags,goes,here",
-        "WebsiteURL": "https://www.example.com/",
-        "Favicon": "/images/favicon.ico",
-        "SocialMedia": {
-            "LI": "https://www.linkedin.com/",
-            "IG": "https://www.instagram.com/",
-            "FB": "https://www.facebook.com/"
-        },
-        "MetaTags": {
-            "og:url": "https://www.example.com/",
-            "og:title": "PROJECT_TITLE",
-            "og:type": "business.business",
-            "og:site_name": "PROJECT_TITLE",
-            "fb:admins": "592515154",
-            "fb:app_id": "138025696270006",
-            "og:description": "PROJECT_TITLE",
-            "og:image": "/images/example.png",
-            "business:contact_data:street_address": "Street Address.",
-            "business:contact_data:locality": "Tripoli",
-            "business:contact_data:postal_code": "1300",
-            "business:contact_data:country_name": "Lebanon",
-            "business:contact_data:email": "info@example.com",
-            "business:contact_data:phone_number": "+96171299411",
-            "business:contact_data:fax_number": "+96171299411",
-            "business:contact_data:website": "https://www.example.com/"
-        }
-    },
     "apis": [
         {
-            "baseURL": "https://api.backendadmin.com/1",
+            "baseURL": "https://www.beaapis.com/1",
             "headers": {
                 "X-BEA-Application-ID": "YOUR_APPLICATION_ID",
                 "X-BEA-Authorization": "YOUR_REST_API_KEY"

package/lib/files/project/src/index.html

@@ -16,8 +16,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <link href="/css/bea.css" rel="stylesheet" type="text/css" />
     <link href="/css/styles.css" rel="stylesheet" type="text/css" />
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/6.6.96/css/materialdesignicons.min.css"
-        rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/@mdi/font@6.9.96/css/materialdesignicons.min.css" rel="stylesheet" />
     <link rel="icon" type="image/x-icon" href="/favicon.ico" />
     <!-- <link rel="icon" type="image/png" href="/favicon.png" /> -->
 

package/lib/files/project/src/tpls/tpl1.tpl

@@ -0,0 +1 @@
+Template 1

package/lib/files/tpl.tpl

@@ -0,0 +1 @@
+[TemplateName]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lmjs/cli",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "description": "LumenJS is a tiny robust reactive javascript framework for building scalable and high-performant web applications and web user interfaces, be it simple or complex, with standard HTML, CSS and JavaScript",
   "main": "./index.js",
   "bin": {

package/lib/files/comp.tpl

@@ -1 +0,0 @@
-[ComponentName]

package/lib/files/project/src/comps/comp1.tpl

@@ -1 +0,0 @@
-Component 1