zet-lib 2.0.0 → 2.0.2

package/lib/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
-module.exports = {
+// Core modules - loaded immediately (lightweight)
+const coreModules = {
   access: require("./access"),
   Util: require("./Util"),
   myCache: require("./cache"),
@@ -27,15 +28,41 @@ module.exports = {
   zPage: require("./zPage"),
   zTester: require("./zTester"),
   zCache: require("./zCache"),
-  zDropbox: require("./zDropbox"),
-  puppeteer: require("puppeteer"),
-  moment: require("moment"),
-  ejs: require("ejs"),
-  axios: require("axios"),
-  Excel: require("exceljs"),
-  pm2: require("pm2"),
-  nodemailer: require("nodemailer"),
-  readXlsxFile: require("read-excel-file/node"),
-  JSZip: require("jszip"),
-  pg:require('pg')
+  zDropbox: require("./zDropbox")
 };
+
+// Heavy dependencies - lazy loaded (only when accessed)
+const lazyModules = {
+  get puppeteer() {
+    return require("puppeteer");
+  },
+  get moment() {
+    return require("moment");
+  },
+  get ejs() {
+    return require("ejs");
+  },
+  get axios() {
+    return require("axios");
+  },
+  get Excel() {
+    return require("exceljs");
+  },
+  get pm2() {
+    return require("pm2");
+  },
+  get nodemailer() {
+    return require("nodemailer");
+  },
+  get readXlsxFile() {
+    return require("read-excel-file/node");
+  },
+  get JSZip() {
+    return require("jszip");
+  },
+  get pg() {
+    return require("pg");
+  }
+};
+
+module.exports = Object.assign({}, coreModules, lazyModules);

package/lib/moduleLib.js

@@ -147,92 +147,185 @@ m.location = function (req, res, key) {
   let script = ``;
   let head = ``;
   let end = ``;
-  end += `<script src="https://maps.googleapis.com/maps/api/js?key=${process.env.GOOGLE_KEY}&callback=initAutocompleteZmap&libraries=places&language=ID" defer></script>`;
-  script += `let searchAddressMap;
-    let autocompleteMap;
-    function initAutocompleteZmap() {
-        if(mapLocationJSON && mapLocationJSON.lat) {
-            $("#search_map_location").val(mapLocationJSON.address1);
-            initMap(mapLocationJSON.lat,mapLocationJSON.lon);
-        } else {
-          navigator.geolocation.getCurrentPosition(function(location) {
-            initMap(location.coords.latitude,location.coords.longitude);
-            $("#search_map_location").val("My Place");
-          });
+  end =+ `<script src="https://maps.googleapis.com/maps/api/js?key=${process.env.GOOGLE_KEY}&callback=initAutocompleteZmap&libraries=places,marker&language=ID&loading=async" defer></script>`
+  script += `let searchAddressMap, autocompleteMap, marker, map;
+
+function initAutocompleteZmap() {
+    if (mapLocationJSON && mapLocationJSON.lat) {
+        $("#search_map_location").val(mapLocationJSON.address1);
+        initMap(mapLocationJSON.lat, mapLocationJSON.lon);
+    } else {
+        navigator.geolocation.getCurrentPosition(function(position) {
+            initMap(position.coords.latitude, position.coords.longitude);
+            $("#search_map_location").val("");
+        });
+    }
+    
+    searchAddressMap = document.querySelector("#search_map_location");
+    
+    // Use PlaceAutocompleteElement (new API) instead of deprecated Autocomplete
+    // Check if PlaceAutocompleteElement is available
+    if (google.maps.places && google.maps.places.PlaceAutocompleteElement) {
+        try {
+            // Create PlaceAutocompleteElement programmatically
+            autocompleteMap = new google.maps.places.PlaceAutocompleteElement({
+                inputField: searchAddressMap,
+                componentRestrictions: {country: ["ID"]},
+                requestedResultFields: ["formattedAddress", "geometry", "addressComponents"]
+            });
+            
+            // Listen for place selection event
+            autocompleteMap.addEventListener("gmp-placeselect", function(event) {
+                if (event.place) {
+                    fillInAddressNew(event.place);
+                }
+            });
+            
+            searchAddressMap.focus();
+        } catch (e) {
+            console.warn("Error initializing PlaceAutocompleteElement, falling back to Autocomplete:", e);
+            // Fallback to old Autocomplete API
+            autocompleteMap = new google.maps.places.Autocomplete(searchAddressMap, {
+                componentRestrictions: {country: ["ID"]},
+                fields: ["address_component", "geometry"]
+            });
+            searchAddressMap.focus();
+            autocompleteMap.addListener("place_changed", fillInAddress);
         }
-        searchAddressMap = document.querySelector("#search_map_location");
+    } else {
+        // Fallback to old Autocomplete API if PlaceAutocompleteElement is not available
+        console.warn("PlaceAutocompleteElement not available, using legacy Autocomplete");
         autocompleteMap = new google.maps.places.Autocomplete(searchAddressMap, {
             componentRestrictions: {country: ["ID"]},
-            fields: ["address_component", "geometry"],
+            fields: ["address_component", "geometry"]
         });
         searchAddressMap.focus();
         autocompleteMap.addListener("place_changed", fillInAddress);
     }
+}
+
+function fillInAddress() {
+    var place = autocompleteMap.getPlace();
+    var lat = place.geometry.location.lat();
+    var lng = place.geometry.location.lng();
+    initMap(lat, lng);
+    mapLocationJSON = {
+        lat: lat,
+        lon: lng,
+        address1: $("#search_map_location").val(),
+        address2: place.address_components
+    };
+    setAddress();
+}
+
+function fillInAddressNew(place) {
+    // Handle PlaceAutocompleteElement place selection
+    var location = place.geometry.location;
+    var lat = typeof location.lat === 'function' ? location.lat() : location.lat;
+    var lng = typeof location.lng === 'function' ? location.lng() : location.lng;
     
-    function fillInAddress() {
-        const place = autocompleteMap.getPlace();
-        let lat = place.geometry.location.lat();
-        let lon = place.geometry.location.lng();
-        initMap(lat, lon);
-        mapLocationJSON = {
-            lat:lat,
-            lon:lon,
-            address1: $("#search_map_location").val(),
-            address2:place.address_components,
-        }
-        setAddress();
-    }
-    function setAddress() {
-        $("#${key}").val(JSON.stringify(mapLocationJSON));
-    }
-    function initMap(lat, lon) {
-        let position = {lat: lat, lng: lon}
-        const map = new google.maps.Map(document.getElementById("map_${key}"), {
-            zoom: 13,
-            center: position,
-            draggable: true
+    initMap(lat, lng);
+    mapLocationJSON = {
+        lat: lat,
+        lon: lng,
+        address1: place.formattedAddress || $("#search_map_location").val(),
+        address2: place.addressComponents || []
+    };
+    setAddress();
+}
+
+function setAddress() {
+    $("#${key}").val(JSON.stringify(mapLocationJSON));
+}
+
+function initMap(lat, lng) {
+    var position = {lat: lat, lng: lng};
+    
+    // Create map with mapId for AdvancedMarkerElement support
+    // If you have a custom map ID from Google Cloud Console, replace "DEMO_MAP_ID" with it
+    map = new google.maps.Map(document.getElementById("map_${key}"), {
+        zoom: 13,
+        center: position,
+        draggable: true,
+        mapId: "DEMO_MAP_ID" // Required for AdvancedMarkerElement - replace with your actual Map ID
+    });
+    
+    // Use AdvancedMarkerElement instead of deprecated Marker
+    // Note: AdvancedMarkerElement requires mapId on the map
+    try {
+        marker = new google.maps.marker.AdvancedMarkerElement({
+            position: position,
+            map: map,
+            gmpDraggable: true,
+            title: $("#search_map_location").val() || "Location"
         });
-        var marker;
-        placeMarker(position, map);
-        var infowindow = new google.maps.InfoWindow();
-        function placeMarker(position, map) {
-            marker = new google.maps.Marker({
-                position: position,
-                map: map,
-                draggable: true,
-                animation: google.maps.Animation.DROP,
+        
+        // Handle marker drag end
+        marker.addListener("dragend", function(event) {
+            var newPosition = event.latLng || marker.position;
+            mapLocationJSON.lat = typeof newPosition.lat === 'function' ? newPosition.lat() : newPosition.lat;
+            mapLocationJSON.lon = typeof newPosition.lng === 'function' ? newPosition.lng() : newPosition.lng;
+            
+            var geocoder = new google.maps.Geocoder();
+            geocoder.geocode({location: newPosition}, function(results, status) {
+                if (status == google.maps.GeocoderStatus.OK) {
+                    $("#search_map_location").val(results[0].formatted_address);
+                    $("#mapErrorMsg").hide(100);
+                    mapLocationJSON.address2 = results[0].formatted_address;
+                    mapLocationJSON.address1 = $("#search_map_location").val();
+                    setAddress();
+                } else {
+                    $("#mapErrorMsg").html("Cannot determine address at this location." + status).show(100);
+                }
             });
-            map.panTo(position);
-        }
-        google.maps.event.addListener(marker, 'dragend', function () {
-            geocodePosition(marker.getPosition());
         });
-        google.maps.event.addListener(marker, 'click', function() {
-            infowindow.setContent($("#search_map_location").val());
-            infowindow.open(map, this)
+        
+        // Handle marker click
+        marker.addListener("click", function() {
+            var infoWindow = new google.maps.InfoWindow({
+                content: $("#search_map_location").val()
+            });
+            infoWindow.open(map, marker);
+        });
+    } catch (e) {
+        // Fallback to old Marker API if AdvancedMarkerElement is not available
+        console.warn("AdvancedMarkerElement not available, using legacy Marker:", e);
+        marker = new google.maps.Marker({
+            position: position,
+            map: map,
+            draggable: true,
+            animation: google.maps.Animation.DROP
         });
-        function geocodePosition(pos) {
-            mapLocationJSON.lat=pos.lat();
-            mapLocationJSON.lon=pos.lng();
+        
+        google.maps.event.addListener(marker, "dragend", function() {
+            var newPosition = marker.getPosition();
+            mapLocationJSON.lat = newPosition.lat();
+            mapLocationJSON.lon = newPosition.lng();
+            
             var geocoder = new google.maps.Geocoder();
-            geocoder.geocode
-            ({
-                    latLng: pos
-                },
-                function (results, status) {
-                    if (status == google.maps.GeocoderStatus.OK) {
-                        $("#search_map_location").val(results[0].formatted_address);
-                        $("#mapErrorMsg").hide(100);
-                        mapLocationJSON.address2=results[0].formatted_address;
-                        mapLocationJSON.address1=$("#search_map_location").val();
-                        setAddress();
-                    } else {
-                        $("#mapErrorMsg").html('Cannot determine address at this location.' + status).show(100);
-                    }
+            geocoder.geocode({latLng: newPosition}, function(results, status) {
+                if (status == google.maps.GeocoderStatus.OK) {
+                    $("#search_map_location").val(results[0].formatted_address);
+                    $("#mapErrorMsg").hide(100);
+                    mapLocationJSON.address2 = results[0].formatted_address;
+                    mapLocationJSON.address1 = $("#search_map_location").val();
+                    setAddress();
+                } else {
+                    $("#mapErrorMsg").html("Cannot determine address at this location." + status).show(100);
                 }
-            );
-        }
-    }`;
+            });
+        });
+        
+        google.maps.event.addListener(marker, "click", function() {
+            var infoWindow = new google.maps.InfoWindow({
+                content: $("#search_map_location").val()
+            });
+            infoWindow.open(map, marker);
+        });
+    }
+    
+    map.panTo(position);
+}`;
   return {
     head: head,
     end: end,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zet-lib",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "zet is a library that part of zet generator.",
   "engines": {
     "node": ">=18"
@@ -28,32 +28,38 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "axios": "^1.6.8",
+    "axios": "^1.7.9",
     "convert-excel-to-json": "^1.7.0",
     "csurf": "^1.11.0",
     "dotenv": "^16.5.0",
     "dropbox": "^10.34.0",
-    "ejs": "^3.1.9",
+    "ejs": "^3.1.10",
     "exceljs": "^4.4.0",
     "express-zip": "^3.0.0",
-    "fs-extra": "^11.3.0",
+    "fs-extra": "^11.3.2",
     "html-minifier-terser": "^7.2.0",
     "isomorphic-fetch": "^3.0.0",
-    "js-sha256": "^0.9.0",
+    "js-sha256": "^0.11.1",
     "jszip": "^3.10.1",
     "moment": "^2.30.1",
     "node-cache": "^5.1.2",
     "nodemailer": "^6.9.4",
-    "pg": "^8.11.2",
+    "pg": "^8.16.3",
     "pm2": "^5.3.1",
-    "puppeteer": "^24.7.2",
-    "qs": "^6.11.2",
-    "randomstring": "^1.3.0",
+    "puppeteer": "^24.33.0",
+    "qs": "^6.14.0",
+    "randomstring": "^1.3.1",
     "read-excel-file": "^5.8.0",
     "sharp": "^0.34.1",
-    "socket.io": "^4.8.0",
-    "uglify-js": "^3.17.4",
+    "socket.io": "^4.8.1",
+    "uglify-js": "^3.19.3",
     "uuid": "^9.0.1",
     "xlsx": "^0.18.5"
+  },
+  "overrides": {
+    "unzipper": "^0.12.3",
+    "rimraf": "^6.1.2",
+    "fstream": "^2.0.0",
+    "glob": "^11.0.0"
   }
 }