zet-lib 1.4.15 → 1.4.17

package/lib/zAppRouter.js

@@ -1624,13 +1624,14 @@ router.post("/zdropzone-remove", async (req, res) => {
       fs.mkdirSync(dir, { recursive: true });
     }
     let filename = `${dirRoot}/public/zdropzone/${userId}/${req.body.file}`;
+    let arr = [];
     if (Util.fileExist(filename)) {
       await fs.unlink(filename);
       if (myCache.has(cacheName)) {
-        arr = myCache.get(name);
+        arr = myCache.get(cacheName);
       }
       arr = Util.arrayDelete(arr, body.file);
-      myCache.set(name, arr);
+      myCache.set(cacheName, arr);
     }
     res.json("ok");
   } catch (e) {
@@ -2007,19 +2008,14 @@ router.post("/zdropbox/:table/:field", handleTokenRefresh, async (req, res) => {
 router.post("/zdropbox-attributes", handleTokenRefresh, async (req, res) => {
   try {
     let userId = res.locals.userId;
-    let dir = `${dirRoot}/public/zdropzone/${userId}`;
-    if (!fs.existsSync(dir)) {
-      fs.mkdirSync(dir, { recursive: true });
-    }
     let body = req.body;
+    console.log(body);
     let category = body.category;
     let name = `dropbox__${userId}__${body.table}__${body.field}__${body.type}`;
-    //dropzone__${res.locals.userId}__${table}__${key}__create
     let arr = myCache.has(name) ? myCache.get(name) : [];
     if (category === "add") {
       arr.push(body.file);
     } else {
-      name = `dropzone__${userId}__${body.table}__${body.field}__${body.type}`;
       if (myCache.has(name)) {
         arr = myCache.get(name);
       }
@@ -2034,52 +2030,77 @@ router.post("/zdropbox-attributes", handleTokenRefresh, async (req, res) => {
 });
 
 //get all files and meta in dropbox
-router.post("/zdropbox-files", handleTokenRefresh, async (req, res) => {
+router.post("/zdropbox-files", async (req, res) => {
   let datas = [];
   const room = res.locals.token;
   try {
     const { files, table, field } = req.body;
     let dir = `/${table}/${field}`;
     for (file of files) {
-      let pathFile = `${dir}/${file.fileName}`;
-      //console.log(pathFile)
+      let fileName = file.fileName;
+      let ext = Util.fileExtension(fileName);
+      const mockFile = {
+        name: fileName,
+        id: fileName,
+        path: "/img/dropbox.png",
+        link: "/img/dropbox.png",
+        isImage: ext.image ? ["image"] : null,
+        size: 1234,
+        modified: "324234",
+        accepted: true,
+      };
+      datas.push(mockFile);
+    }
+  } catch (e) {
+    console.log(e);
+    res.status(500).send(e + "");
+  }
+  res.json(datas);
+});
+router.post("/zdropbox-file/:index", handleTokenRefresh, async (req, res) => {
+  let datas = {};
+  const room = res.locals.token;
+  try {
+    const { fileName, table, field } = req.body;
+    let dir = `/${table}/${field}`;
+    let pathFile = `${dir}/${fileName}`;
+    //console.log(pathFile)
+    try {
+      const metadata = await dbx.filesGetMetadata({
+        path: pathFile,
+      });
+      let link = ``;
       try {
-        const metadata = await dbx.filesGetMetadata({
+        const response = await dbx.filesGetTemporaryLink({
           path: pathFile,
         });
-        let link = ``;
-        try {
-          const response = await dbx.filesGetTemporaryLink({
-            path: pathFile,
-          });
-          link = response.result.link;
-        } catch (error) {
-          console.error("Error getting temporary link:", error);
-          io.to(room).emit(
-            "errormessage",
-            `Error getting temporary link:  ${error.message}`
-          );
-        }
-
-        const mockFile = {
-          name: metadata.result.name,
-          id: metadata.result,
-          path: metadata.result.path_display,
-          link: link,
-          isImage: metadata.result.name.match(/\.(jpg|jpeg|png|gif)$/i),
-          size: metadata.result.size,
-          modified: metadata.result.server_modified,
-          accepted: true,
-        };
-        //console.log(mockFile)
-        datas.push(mockFile);
-      } catch (e) {
-        console.log(e);
+        link = response.result.link;
+      } catch (error) {
+        console.error("Error getting temporary link:", error);
         io.to(room).emit(
           "errormessage",
-          `${e.message} Error ${pathFile} not exist in dropbox`
+          `Error getting temporary link:  ${error.message}`
         );
       }
+      const mockFile = {
+        name: metadata.result.name,
+        id: metadata.result,
+        path: metadata.result.path_display,
+        link: link,
+        isImage: metadata.result.name.match(/\.(jpg|jpeg|png|gif)$/i),
+        size: metadata.result.size,
+        modified: metadata.result.server_modified,
+        accepted: true,
+        index: req.params.index,
+      };
+      //console.log(mockFile)
+      datas = mockFile;
+    } catch (e) {
+      console.log(e);
+      io.to(room).emit(
+        "errormessage",
+        `${e.message} Error ${pathFile} not exist in dropbox, Please reload your browser !!`
+      );
     }
   } catch (e) {
     console.log(e);
@@ -2088,15 +2109,37 @@ router.post("/zdropbox-files", handleTokenRefresh, async (req, res) => {
   res.json(datas);
 });
 
-// Delete file
-router.post("/zdropbox-delete/", handleTokenRefresh, async (req, res) => {
+// Delete file dicache dulu kemudian submit delete dropbox file
+router.post("/zdropbox-remove/", handleTokenRefresh, async (req, res) => {
   try {
     let body = req.body;
-    let path = body.path;
-    const filePath = decodeURIComponent(req.params.path);
-    await dbx.filesDeleteV2({
-      path: filePath,
-    });
+    console.log(body);
+    const userId = res.locals.userId;
+    const fileName = body.file;
+    let cname = body.cname.replace("ZUSER___ID", userId);
+    let cacheName = cname;
+    console.log(cacheName);
+    let splits = cname.split("__");
+    let table = splits[2];
+    let field = splits[3];
+    let type = splits[4];
+    const dir = `/temps/${table}/${field}/${userId}`;
+    await ensureFolder(dir);
+    const filePath = `${dir}/${fileName}`;
+    let arr = [];
+    if (myCache.has(cacheName)) {
+      arr = myCache.get(cacheName);
+    }
+    try {
+      /* await dbx.filesDeleteV2({
+        path: filePath,
+      });*/
+      arr = Util.arrayDelete(arr, body.file);
+      myCache.set(cacheName, arr);
+    } catch (e) {
+      console.log(e);
+    }
+
     res.json({ success: true });
   } catch (error) {
     console.error("Error deleting file:", error);

package/lib/zRoute.js

@@ -3123,7 +3123,7 @@ zRoute.forms = (
               dropbox_data_arr.push({ fileName: item, size: fileSizeInBytes });
             });
             myCache.set(
-              `dropbox_${res.locals.userId}__${MYMODEL.table}__${key}__${data.id}`,
+              `dropbox__${res.locals.userId}__${MYMODEL.table}__${key}__${data.id}`,
               obj.value
             );
           }
@@ -4330,10 +4330,17 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
                     imageElement.setAttribute('data-name', mockFile.name);
                     imageElement.setAttribute('data-link', mockFile.link);
                     $(imageElement).attr('id', mockFile.id.content_hash);
-                    $(imageElement).css('z-index',9999)
+                    $(imageElement).css('z-index',9999);
+                    ajaxPost('/zdropbox-file/' +index,{fileName:mockFile.name,table:"${MYMODEL.table}",field:"${item}"}, function(result) {
+                        imageElement.setAttribute('data-link', result.link);
+                        $(imageElement).attr('id', result.id.content_hash);
+                        $(imageElement).find("img").attr("src", result.link);
+                        if(+result.index == (dropbox_${item}_data.length - 1) ) {
+                            modaldropbox();
+                        }
+                    })
                 })
-                let time = datas.length <10 ? 2000 : 4000;
-                setTimeout(function(){
+                function modaldropbox() {
                     $(".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") {
@@ -4349,7 +4356,7 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
                             })
                         }
                     })
-                },time);
+                }
             })
          }
     }
@@ -4745,11 +4752,6 @@ zRoute.insertSQL = async (req, res, table, data) => {
                   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);
@@ -4855,6 +4857,77 @@ zRoute.updateSQL = async (req, res, table, data, whereData) => {
           });
           data[key] = Util.array_to_jsonb(newArr);
         }
+      } 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;
+          }
+        }
+        let name = `dropbox__${userId}__${MYMODEL.table}__${key}__${whereData.id}`;
+        if (myCache.has(name)) {
+          let arr = myCache.get(name) || [];
+          let newArr = [];
+          let time = new Date().getTime();
+          arr.map((item) => {
+            //todo
+            //jika item tidak ada di dropbox
+            try {
+            } catch (e) {}
+            if (!Util.fileExist(path_dest + item)) {
+              let newItem = time + item;
+              newArr.push(newItem);
+              if (Util.fileExist(path_src + item)) {
+                fs.rename(path_src + item, path_dest + newItem);
+              }
+            } else {
+              newArr.push(item);
+            }
+          });
+          data[key] = Util.array_to_jsonb(newArr);
+        }
+        /////
+        /*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}`,
+                });
+                newArr.push(newItem);
+              } catch (e) {
+                console.log(e);
+              }
+            });
+            data[key] = Util.array_to_jsonb(newArr);
+          }
+        }*/
+        myCache.del(name);
       }
     }
     let result = await connection.result({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zet-lib",
-  "version": "1.4.15",
+  "version": "1.4.17",
   "description": "zet is a library that part of zet generator.",
   "engines": {
     "node": ">=18"