zet-lib 1.4.11 → 1.4.13

package/lib/zRoute.js

@@ -2,6 +2,7 @@
  * For default route controller
  * service for routes
  */
+require("dotenv").config();
 const excelToJson = require("convert-excel-to-json");
 const qs = require("qs");
 //for generate PDF
@@ -20,6 +21,7 @@ const debug = require("./debug");
 const moduleLib = require("./moduleLib");
 const cForm = require("./Form");
 const readXlsxFile = require("read-excel-file/node");
+const { Dropbox } = require("dropbox");
 
 const zRoute = {};
 
@@ -1265,6 +1267,20 @@ zRoute.dataTableData = (
             }
             break;
 
+          case "dropbox":
+            if (myvalue && myvalue.length > 0) {
+              if (typeof myvalue === "string") {
+                value = [myvalue];
+              }
+              myvalue = value.map(
+                (item) =>
+                  `<a class="text-success" target="_blank" href="/zdropbox-view/${
+                    MYMODEL.routeName
+                  }/${key}/${item}"> ${item.substring(13)}</a>  `
+              );
+            }
+            break;
+
           case "password":
             myvalue = "xxxxxx";
             break;
@@ -3090,6 +3106,33 @@ zRoute.forms = (
           obj.type = "dropzone";
           obj.class = "dropzone boxy-tiny d-block";
           break;
+        case "dropbox":
+          let dropbox_data_arr = [];
+          if (obj.value.length > 0) {
+            let dropfiles = obj.value || [];
+            if (typeof obj.value == "string") {
+              dropfiles = [obj.value];
+            }
+            dropfiles.map((item) => {
+              let filename = item; //`${dirRoot}/public/uploads/${MYMODEL.table}/${key}/${item}`;
+              var fileSizeInBytes = 12345;
+              if (Util.fileExist(filename)) {
+                var stats = fs.statSync(filename);
+                fileSizeInBytes = stats.size;
+              }
+              dropbox_data_arr.push({ fileName: item, size: fileSizeInBytes });
+            });
+            myCache.set(
+              `dropbox_${res.locals.userId}__${MYMODEL.table}__${key}__${data.id}`,
+              obj.value
+            );
+          }
+          let dropboxValue =
+            obj.value.length > 0 ? JSON.stringify(dropbox_data_arr) : "[]";
+          script += `let dropbox_${key}_data = ${dropboxValue};`;
+          obj.type = "dropbox";
+          obj.class = "dropzone boxy-tiny d-block";
+          break;
         case "lexical":
           obj.type = "lexical";
           if (obj.value) {
@@ -3953,6 +3996,7 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
   let hasDateTimePicker = false;
   let hasDropzone = false;
   let dropzones = [];
+  let dropboxes = [];
   let hasTable = false;
   let chainsObj = {};
   let chainsArr = [];
@@ -3964,6 +4008,7 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
   let hasLexical = false;
   let hasLocation = false;
   let hasDragdrop = false;
+  let hasDropbox = false;
   let lexicals = [];
   let mapKey = "";
   let hasAttributes = [];
@@ -4035,6 +4080,9 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
       } else if (widgets[key].name == "dropzone") {
         hasDropzone = true;
         dropzones.push(key);
+      } else if (widgets[key].name == "dropbox") {
+        hasDropbox = true;
+        dropboxes.push(key);
       }
       // has chains
       if (widgets[key].name == "relation") {
@@ -4073,7 +4121,7 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
     headObj.clockpicker = clockpickerObj.head;
     endObj.clockpicker = clockpickerObj.end;
   }
-  if (hasDropzone) {
+  if (hasDropzone || hasDropbox) {
     let dropzoneObj = moduleLib.dropzone(req, res);
     headObj.dropzone = dropzoneObj.head;
     endObj.dropzone = dropzoneObj.end;
@@ -4238,7 +4286,6 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
                         window.open(src, '_blank');
                    })
                 }
-               
             })
           },1000)
         };
@@ -4247,6 +4294,69 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
     });
   }
 
+  if (hasDropbox) {
+    dropboxes.map((item) => {
+      scriptForm += `$("div#${item}").dropzone({
+    url: "/zdropbox/${MYMODEL.table}/${item}",
+    paramName: "file",
+    addRemoveLinks: !0,
+    maxFilesize: 30,
+    headers: {"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")},
+    removedfile: function(file) {
+        const type = window.location.href.split("/").pop();
+        ajaxPost("/zdropbox-remove",{file:file.name, cname:"dropbox__ZUSER___ID__${MYMODEL.table}__${item}__"+type},(data) => {
+            file.previewElement.remove();
+        })
+    },
+    init: function() {
+        let dz = this;
+        const type = window.location.href.split("/").pop();
+        dz.on("addedfile", function(file) {
+            ajaxPost("/zdropbox-attributes",{file:file.name,'category':'add',field:"${item}",table:"${MYMODEL.table}", type:type},() => {})
+        });
+        dz.on("removedfile", function(file) {
+            ajaxPost("/zdropbox-attributes",{file:file.name,'category':'remove',field:"${item}",table:"${MYMODEL.table}", type:type},() => {});
+            $("div#${item}").find(".dz-message").remove();
+        });
+        if(dropbox_${item}_data.length > 0) {
+            ajaxPost('/zdropbox-files',{files:dropbox_${item}_data,table:"${MYMODEL.table}",field:"${item}"}, function(datas) {
+                datas.map((mockFile) => {
+                    dz.options.addedfile.call(dz, mockFile);
+                    dz.options.thumbnail.call(dz, mockFile, mockFile.link);
+                    const imageElement = mockFile.previewElement.querySelector('.dz-image');
+                    $(imageElement).addClass("divzdropbox")
+                    let ext = mockFile.name.toLowerCase().split(".").pop();
+                    imageElement.setAttribute('data-ext', ext);
+                    imageElement.setAttribute('data-name', mockFile.name);
+                    imageElement.setAttribute('data-link', mockFile.link);
+                    $(imageElement).attr('id', mockFile.id.content_hash);
+                    $(imageElement).css('z-index',9999)
+                })
+                let time = datas.length <10 ? 2000 : 4000;
+                setTimeout(function(){
+                    $(".divzdropbox").each(function () {
+                        let ext = $(this).attr('data-ext');
+                        if (ext == "gif" || ext == "png" || ext == "jpeg" || ext == "jpg" || ext == "bmp" || ext == "webp" || ext == "jiff" || ext == "svg" || ext == "avif") {
+                            $(this).on("click", function () {
+                                $(".zimage-modal").attr('src', $(this).attr('data-link')).attr('data-name', $(this).attr('data-name'));
+                                $("#zmodal-image").modal("show");
+                            })
+                        } else {
+                            let file = nonImagesTypeObject[ext] || 'file.png';
+                            $(this).find("img").attr("src", "/img/" + file);
+                            $(this).on("click", function () {
+                                window.open($(this).attr('data-link'), '_blank');
+                            })
+                        }
+                    })
+                },time);
+            })
+         }
+    }
+}); `;
+    });
+  }
+
   defaultScript = `${Util.newLine} $(function () {
         $(".isfile").each(function (index, value) {
             let filename = $(this).attr("data-filename") || "";
@@ -4261,24 +4371,7 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
                     if (ext == "gif" || ext == "png" || ext == "jpeg" || ext == "jpg" || ext == "bmp" || ext == "webp" || ext == "jiff" || ext ==  "svg" || ext ==  "avif") {
                         $("#file"+id).attr("src","/uploads/"+table+"/"+filename).attr("width",width+"px");
                     } else {
-                        let file = 'file.png';
-                        if(ext == "docx" || ext == "doc") {
-                            file = 'word.png'
-                        } else if(ext == 'xls' || ext == 'xlsx') {
-                            file = 'excel.png'
-                        } else if(ext == 'pdf') {
-                            file = 'pdf.png'
-                        } else if(ext == 'ppt' || ext == 'pptx'){
-                            file = 'ppt.png';
-                        } else if(ext == 'txt') {
-                            file = 'txt.png';
-                        } else if(ext == 'zip') {
-                            file = 'zip.jpg';
-                        } else if(ext == 'rar') {
-                            file = 'rar.jpg';
-                        } else if(ext == 'rar') {
-                            file = 'file.png';
-                        }
+                        let file = nonImagesTypeObject[ext] || 'file.png';
                         $("#file"+id).attr("src","/img/"+file).attr("height","45px").attr("width","45px").addClass("boxy-small");
                     }
                     $("#file"+id).on("click", function () {
@@ -4482,7 +4575,7 @@ $("#body-${keys}>tr").each(function (index, tr) {
 var ${keys} = $("#body-${keys}").data("value") ? $("#body-${keys}").data("value") : [];
 ${keys}.forEach(function (myobj, index) {
   build${keys}form(index, myobj);
-  });  
+  });
 });${Util.newLine}`*/
 
           break;
@@ -4561,6 +4654,7 @@ ${keys}.forEach(function (myobj, index) {
 /*
  MySQL CRUD with context
  */
+
 zRoute.insertSQL = async (req, res, table, data) => {
   try {
     const MYMODELS = myCache.get("MYMODELS");
@@ -4578,7 +4672,9 @@ zRoute.insertSQL = async (req, res, table, data) => {
     delete data.approval_history;
 
     //check dropzone
+    let movDropboxArr = [];
     let hasDropzone = false;
+    let hasDropbox = false;
     for (let key in MYMODEL.widgets) {
       if (MYMODEL.widgets[key].name === "dropzone") {
         //console.log('has dropzone')
@@ -4604,13 +4700,75 @@ zRoute.insertSQL = async (req, res, table, data) => {
             data[key] = Util.array_to_jsonb(newArr);
           }
         }
-
         //delete cache
         myCache.del(name);
+      } else if (MYMODEL.widgets[key].name === "dropbox") {
+        //console.log('has dropbox')
+        let path_src = `/temps/${MYMODEL.table}/${key}/${userId}`;
+        let path_dest = `/${MYMODEL.table}/${key}`;
+
+        // Initialize Dropbox client
+        let dbx = new Dropbox({
+          accessToken: process.env.DROPBOX_ACCESS_TOKEN,
+          refreshToken: process.env.DROPBOX_REFRESH_TOKEN,
+          clientId: process.env.DROPBOX_CLIENT_ID,
+          clientSecret: process.env.DROPBOX_CLIENT_SECRET,
+          fetch: fetch,
+        });
+
+        try {
+          await dbx.filesCreateFolderV2({
+            path: path_dest,
+            autorename: false,
+          });
+        } catch (error) {
+          if (error.status !== 409) {
+            // 409 means folder already exists
+            throw error;
+          }
+        }
+
+        //get all files in folder
+        //let files = await
+        // First, move the file to the new location
+        let name = `dropbox__${res.locals.userId}__${table}__${key}__create`;
+        if (myCache.has(name)) {
+          let arr = myCache.get(name);
+          let newArr = [];
+          if (arr.length > 0) {
+            let time = new Date().getTime();
+            arr.map(async (item) => {
+              //check
+              try {
+                let newItem = Util.cleanString(time + item);
+                movDropboxArr.push({
+                  from_path: `${path_src}/${item}`,
+                  to_path: `${path_dest}/${newItem}`,
+                });
+                /*await dbx.filesMoveV2({
+                                  from_path: `${path_src}/${item}`,
+                                  to_path: `${path_dest}/${newItem}`,
+                                  autorename: true
+                                });*/
+                newArr.push(newItem);
+              } catch (e) {
+                console.log(e);
+              }
+            });
+            data[key] = Util.array_to_jsonb(newArr);
+          }
+        }
+        myCache.del(name);
       }
     }
     const result = await connection.insert({ table: table, data: data });
     zRoute.modelsCacheRenew(table, res.locals.companyId);
+    //dropbox
+    if (movDropboxArr.length > 0) {
+      setTimeout(function () {
+        zRoute.moveDropbox(movDropboxArr);
+      }, 3000);
+    }
     return result;
   } catch (e) {
     throw Error(e + "");
@@ -4618,6 +4776,28 @@ zRoute.insertSQL = async (req, res, table, data) => {
   }
 };
 
+zRoute.moveDropbox = async (items) => {
+  try {
+    // Initialize Dropbox client
+    let dbx = new Dropbox({
+      accessToken: process.env.DROPBOX_ACCESS_TOKEN,
+      refreshToken: process.env.DROPBOX_REFRESH_TOKEN,
+      clientId: process.env.DROPBOX_CLIENT_ID,
+      clientSecret: process.env.DROPBOX_CLIENT_SECRET,
+      fetch: fetch,
+    });
+    for (item of items) {
+      await dbx.filesMoveV2({
+        from_path: item.from_path,
+        to_path: item.to_path,
+        autorename: true,
+      });
+    }
+  } catch (e) {
+    console.log(e);
+  }
+};
+
 zRoute.updateSQL = async (req, res, table, data, whereData) => {
   try {
     const MYMODELS = myCache.get("MYMODELS");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zet-lib",
-  "version": "1.4.11",
+  "version": "1.4.13",
   "description": "zet is a library that part of zet generator.",
   "engines": {
     "node": ">=18"
@@ -31,25 +31,26 @@
     "axios": "^1.6.8",
     "convert-excel-to-json": "^1.7.0",
     "csurf": "^1.11.0",
-    "dotenv": "^16.3.1",
+    "dotenv": "^16.5.0",
+    "dropbox": "^10.34.0",
     "ejs": "^3.1.9",
     "exceljs": "^4.4.0",
     "express-zip": "^3.0.0",
-    "fs-extra": "^11.1.1",
+    "fs-extra": "^11.3.0",
     "html-minifier-terser": "^7.2.0",
+    "isomorphic-fetch": "^3.0.0",
     "js-sha256": "^0.9.0",
     "moment": "^2.30.1",
     "node-cache": "^5.1.2",
     "nodemailer": "^6.9.4",
     "pg": "^8.11.2",
     "pm2": "^5.3.1",
-    "puppeteer": "^24.6.1",
+    "puppeteer": "^24.7.2",
     "qs": "^6.11.2",
     "randomstring": "^1.3.0",
     "read-excel-file": "^5.8.0",
     "sharp": "^0.34.1",
     "socket.io": "^4.8.0",
-    "timers-promises": "^1.0.1",
     "uglify-js": "^3.17.4",
     "uuid": "^9.0.1",
     "xlsx": "^0.18.5"