@mapomodule/utils 1.0.0-alpha.8 → 1.0.0

package/CHANGELOG.md

@@ -3,6 +3,177 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.0.0](https://github.com/lotrekagency/mapo/compare/v1.0.0-alpha.60...v1.0.0) (2026-07-02)
+
+**Note:** Version bump only for package @mapomodule/utils
+
+
+
+
+
+# [1.0.0-alpha.49](https://github.com/lotrekagency/mapo/compare/v1.0.0-alpha.48...v1.0.0-alpha.49) (2023-07-27)
+
+
+### Features
+
+* added max-depth prop to menu manager to give the possibility of set a limit in depth for nesting ([e4ab7a1](https://github.com/lotrekagency/mapo/commit/e4ab7a137cbb392e709e8865404105d7707a7634))
+
+
+
+
+
+# [1.0.0-alpha.45](https://github.com/lotrekagency/mapo/compare/v1.0.0-alpha.44...v1.0.0-alpha.45) (2023-06-10)
+
+
+### Bug Fixes
+
+* fix setPointed ([f43685d](https://github.com/lotrekagency/mapo/commit/f43685dce23fb9383d7b0501767b1c40ff442686))
+
+
+
+
+
+# [1.0.0-alpha.44](https://github.com/lotrekagency/mapo/compare/v1.0.0-alpha.43...v1.0.0-alpha.44) (2023-06-10)
+
+
+### Bug Fixes
+
+* added better reactivity to setPointed function ([78a4a88](https://github.com/lotrekagency/mapo/commit/78a4a88fbc98e5ce0d2662c074541eb4f8fd3ea1))
+
+
+### Performance Improvements
+
+* EXPERIMENTAL: use Vue.set in setpointed and directly manipulate js object in FormField ([1c384e9](https://github.com/lotrekagency/mapo/commit/1c384e9d7c922b0e876512de874a3f9832ac30f1))
+
+
+
+
+
+# [1.0.0-alpha.43](https://github.com/lotrekagency/mapo/compare/v1.0.0-alpha.42...v1.0.0-alpha.43) (2023-02-02)
+
+
+### Bug Fixes
+
+* put version on @mapomodule/utils ([9182283](https://github.com/lotrekagency/mapo/commit/9182283aeef7075a664ce12a45c94b934d5c491a))
+
+
+
+
+
+# [1.0.0-alpha.40](https://github.com/lotrekagency/mapo/compare/v1.0.0-alpha.39...v1.0.0-alpha.40) (2022-12-20)
+
+
+### Bug Fixes
+
+* rewritten and more precise diffObjs function ([3e79775](https://github.com/lotrekagency/mapo/commit/3e797756d0dc48142febcdb806390552ea522b30))
+
+
+### Features
+
+* style scrollbars ([48e4c7b](https://github.com/lotrekagency/mapo/commit/48e4c7b047a1062464d823ddeebdc60b96ea11a8))
+
+
+
+
+
+# [1.0.0-alpha.34](https://github.com/lotrekagency/mapo/compare/v1.0.0-alpha.33...v1.0.0-alpha.34) (2022-11-11)
+
+
+### Bug Fixes
+
+* fix draggable dialogues ([aeaa009](https://github.com/lotrekagency/mapo/commit/aeaa009cb30e4d13df1288d3996742d529713ffc))
+
+
+
+
+
+# [1.0.0-alpha.30](https://github.com/lotrekagency/mapo/compare/v1.0.0-alpha.29...v1.0.0-alpha.30) (2022-09-13)
+
+
+### Bug Fixes
+
+* **auth:** removed js set cookie helpers since mapo login is http-only cookie based now ([6328c13](https://github.com/lotrekagency/mapo/commit/6328c13bec39d8e312f9dd4c33c53182fd64e6ed))
+
+
+### Features
+
+* added memoized debounce ([3c9a025](https://github.com/lotrekagency/mapo/commit/3c9a02509ffd8277d362c30eb2cfafabdde995b7))
+
+
+
+
+
+# [1.0.0-alpha.23](https://github.com/lotrekagency/mapo/compare/v1.0.0-alpha.22...v1.0.0-alpha.23) (2022-05-04)
+
+
+### Bug Fixes
+
+* **utils:** better File recognition for deepClone util ([72a1002](https://github.com/lotrekagency/mapo/commit/72a1002144ff0be1c016a39f46f8ea712a950825))
+
+
+
+
+
+# [1.0.0-alpha.22](https://github.com/lotrekagency/mapo/compare/v1.0.0-alpha.21...v1.0.0-alpha.22) (2022-05-01)
+
+
+### Features
+
+* big code refactor and improovements to fields management ([a818d8b](https://github.com/lotrekagency/mapo/commit/a818d8b891dbb4892f50267d6355c41297e2c6c6))
+
+
+
+
+
+# [1.0.0-alpha.15](https://github.com/lotrekagency/mapo/compare/v1.0.0-alpha.14...v1.0.0-alpha.15) (2022-03-11)
+
+
+### Features
+
+* enhance findPropPaths to deal also with arrays indexes ([158a9aa](https://github.com/lotrekagency/mapo/commit/158a9aa9329defbecbb39e1f19df2855dd3ece01))
+
+
+
+
+
+# [1.0.0-alpha.13](https://github.com/lotrekagency/mapo/compare/v1.0.0-alpha.12...v1.0.0-alpha.13) (2022-03-01)
+
+
+### Features
+
+* make all modals draggable 🛸 ([57da10d](https://github.com/lotrekagency/mapo/commit/57da10d17aa31d58e55fda5385d45d43beed8c4f))
+
+
+
+
+
+# [1.0.0-alpha.10](https://github.com/lotrekagency/mapo/compare/v1.0.0-alpha.9...v1.0.0-alpha.10) (2022-02-11)
+
+
+### Bug Fixes
+
+* fix objectHelper getPointed returning a keyerror when some point in path are missing ([6f1c2aa](https://github.com/lotrekagency/mapo/commit/6f1c2aa72176c9965e499135042de0646d9a04f8))
+
+
+### Features
+
+* **core:** Completely rewritten multipart capabilities, now the crud helper autodiscovers whet to use a multipart request. ([0a6546c](https://github.com/lotrekagency/mapo/commit/0a6546c9adeaf1fcf57a88105101e476b8b786dc))
+
+
+
+
+
+# [1.0.0-alpha.9](https://github.com/lotrekagency/mapo/compare/v1.0.0-alpha.8...v1.0.0-alpha.9) (2022-02-08)
+
+
+### Bug Fixes
+
+* **core:** fix object setPointed to create missing nesting ([7a26510](https://github.com/lotrekagency/mapo/commit/7a26510d6c1648156bd5a8f18d3851e4fe195d29))
+
+
+
+
+
 # [1.0.0-alpha.8](https://github.com/lotrekagency/mapo/compare/v1.0.0-alpha.7...v1.0.0-alpha.8) (2022-01-23)
 
 

package/helpers/cssVariables.js

@@ -0,0 +1,12 @@
+function setScrollbarTrackColor(dark) {
+    document
+        ?.querySelector(":root")
+        .style.setProperty(
+            "--v-scrollbar-track-color",
+            dark ? "#1E1E1E" : "#f5f5f5"
+        );
+}
+
+module.exports = {
+    setScrollbarTrackColor,
+};

package/helpers/datetime.js

@@ -0,0 +1,68 @@
+const pad = (val, len = 2) => String(val).padStart(len, "0");
+const convertToDate = (date) =>
+    typeof date == "string" ? new Date(date) : date;
+
+function getUTC(date) {
+    return new Date(date.toISOString().slice(0, -1));
+}
+
+function cleanDateStr(dateStr) {
+    return dateStr &&
+        !dateStr.endsWith("Z") &&
+        dateStr.slice(-6).indexOf("+") === -1 &&
+        dateStr.slice(-6).indexOf("-") === -1
+        ? dateStr + "Z"
+        : dateStr;
+}
+
+function formatLocalTime(date) {
+    return `${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(
+        date.getSeconds()
+    )}`;
+}
+
+function formatLocalDate(date) {
+    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(
+        date.getDate()
+    )}`;
+}
+
+function formatLocalDateTime(date) {
+    return `${formatLocalDate(date)}T${formatLocalTime(date)}`;
+}
+
+function formatUTCTime(date) {
+    return formatLocalTime(getUTC(date));
+}
+
+function formatUTCDate(date) {
+    return formatLocalDate(getUTC(date));
+}
+
+const formatOps = Object.fromEntries(
+    Object.entries({
+        getUTC,
+        formatLocalTime,
+        formatLocalDate,
+        formatLocalDateTime,
+        formatUTCTime,
+        formatUTCDate
+    }).map(([k, func]) => [k, (date) => func(convertToDate(date))])
+);
+
+function mergeDate(dateTime, date) {
+    let newDateTime = new Date(dateTime);
+    date = convertToDate(date);
+    newDateTime.setFullYear(date.getFullYear());
+    newDateTime.setMonth(date.getMonth());
+    newDateTime.setDate(date.getDate());
+    return newDateTime;
+}
+
+function mergeTime(dateTime, time) {
+    let newDateTime = new Date(dateTime);
+    let timeDateTime = new Date(`2000-01-01T${time}`);
+    return mergeDate(timeDateTime, newDateTime);
+}
+
+module.exports = { ...formatOps, cleanDateStr, mergeDate, mergeTime };

package/helpers/debounce.js

@@ -1,7 +1,8 @@
 function debounce(func, wait, immediate) {
     var timeout;
     return function () {
-        var context = this, args = arguments;
+        var context = this,
+            args = arguments;
         var later = function () {
             timeout = null;
             if (!immediate) func.apply(context, args);
@@ -11,8 +12,31 @@ function debounce(func, wait, immediate) {
         timeout = setTimeout(later, wait);
         if (callNow) func.apply(context, args);
     };
-};
+}
+
+function memoizedDebounce(
+    func,
+    wait,
+    immediate,
+    argsSerializer = (args) => JSON.stringify(args)
+) {
+    var timeout = {};
+    return function () {
+        var context = this,
+            args = arguments,
+            serializedArgs = argsSerializer(arguments);
+        var later = function () {
+            timeout[serializedArgs] = null;
+            if (!immediate) func.apply(context, args);
+        };
+        var callNow = immediate && !timeout[serializedArgs];
+        clearTimeout(timeout[serializedArgs]);
+        timeout[serializedArgs] = setTimeout(later, wait);
+        if (callNow) func.apply(context, args);
+    };
+}
 
 module.exports = {
-    debounce
-}
+    debounce,
+    memoizedDebounce,
+};

package/helpers/formatters.js

@@ -20,8 +20,33 @@ function humanFileSize(bytes, si = false, dp = 1) {
     );
 
     return bytes.toFixed(dp) + " " + units[u];
-}
+};
+
+function slugify(str) {
+    str = str || "";
+    str = str.replace(/^\s+|\s+$/g, ''); // trim
+    str = str.toLowerCase();
+
+    // remove accents, swap ñ for n, etc
+    var from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;";
+    var to = "aaaaeeeeiiiioooouuuunc------";
+    for (var i = 0, l = from.length; i < l; i++) {
+        str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
+    }
+
+    str = str.replace(/[^a-z0-9 -]/g, '') // remove invalid chars
+        .replace(/\s+/g, '-') // collapse whitespace and replace by -
+        .replace(/-+/g, '-'); // collapse dashes
+
+    return str;
+};
+
+function titleCase(string) {
+    return (string && string[0].toUpperCase() + string.slice(1).toLowerCase()) || "";
+};
 
 module.exports = {
-    humanFileSize
+    humanFileSize,
+    slugify,
+    titleCase,
 }

package/helpers/menu.js

@@ -0,0 +1,15 @@
+function calcMaxMenuNestDepth(node, currentDepth = 0) {
+    if (!node?.nodes || node?.nodes?.length === 0) {
+        return currentDepth;
+    }
+    let maxDepth = currentDepth;
+    for (const childNode of node.nodes) {
+        const childDepth = calcMaxMenuNestDepth(childNode, currentDepth + 1);
+        maxDepth = Math.max(maxDepth, childDepth);
+    }
+    return maxDepth;
+}
+
+module.exports = {
+    calcMaxMenuNestDepth
+}

package/helpers/objHelpers.js

@@ -1,7 +1,10 @@
+var Vue =  require('vue')
+Vue = Vue.default || Vue
+
 function deepClone(obj) {
     const clone = obj instanceof Array ? Object.assign([]) : Object.assign({});
     for (const i in obj) {
-        if (obj[i] != null && typeof (obj[i]) == 'object' && !(obj[i] instanceof File) && !(obj[i] instanceof Date)) {
+        if (obj[i] != null && typeof (obj[i]) == 'object' && !(isFileOrBlob(obj[i])) && !(obj[i] instanceof Date)) {
             clone[i] = deepClone(obj[i]);
         } else {
             clone[i] = obj[i];
@@ -11,17 +14,18 @@ function deepClone(obj) {
 }
 
 function getPointed(obj, kpointed, def) {
-    const result = kpointed.split(".").reduce((o, k) => typeof (o) == 'object' ? o[k] : o, obj)
+    const result = kpointed.split(".").reduce((o, k) => typeof (o) == 'object' ? (o || {})[k] : o, obj)
     return result === undefined ? def : result
 }
 
 function setPointed(obj, kpointed, val) {
     const arr = typeof kpointed == 'string' ? kpointed.split(".") : kpointed
     if (arr.length == 1) {
-        obj[arr[0]] = val
+        Vue.set(obj, arr[0], val)
         return obj
     }
-    return setPointed(obj[arr[0]] || {}, arr.slice(1), val)
+    Vue.set(obj, arr[0], obj[arr[0]] || {})
+    return setPointed(obj[arr[0]], arr.slice(1), val)
 }
 
 function filterObj(obj, kpointedArr) {
@@ -30,17 +34,74 @@ function filterObj(obj, kpointedArr) {
         return acc
     }, {})
 }
-function diffObjs(obj1, obj2) {
-    const a = deepClone(obj1)
-    const b = deepClone(obj2)
-    for (const i in b){
-        if (JSON.stringify(a[i]) === JSON.stringify(b[i])){
-            delete b[i]
-        } else if (!Array.isArray(b[i]) && typeof b[i] == 'object') {
-            b[i] = diffObjs(a[i], b[i])
+
+function isFileInstance(input) {
+    if ('File' in window && input instanceof File)
+        return true;
+    else return false;
+}
+
+function isBlobInstance(input) {
+    if ('Blob' in window && input instanceof Blob)
+        return true;
+    else return false;
+}
+
+function isFileOrBlob(input) {
+    return isFileInstance(input) || isBlobInstance(input)
+}
+
+function filesInObject(obj) {
+    return findPropPaths(obj, ({ val }) => isFileOrBlob(val))
+}
+
+function findPropPaths(obj, predicate) {
+    const discoveredObjects = [];
+    const path = [];
+    const results = [];
+    if (!obj && (typeof obj !== "object" || Array.isArray(obj))) {
+        throw new TypeError("First argument of findPropPaths is not the correct type Object");
+    }
+    if (typeof predicate !== "function") {
+        throw new TypeError("Predicate is not a function");
+    }
+    (function find(obj) {
+        for (const key in obj) {
+            if (predicate({ val: obj[key], obj, path, key }) === true) {
+                path.push(key);
+                results.push(path.join("."));
+                path.pop();
+            }
+            const o = obj[key];
+            if (o && typeof o === "object") {
+                if (!discoveredObjects.find(obj => obj === o)) {
+                    path.push(key);
+                    discoveredObjects.push(o);
+                    find(o);
+                    path.pop();
+                }
+            }
         }
+    }(obj));
+    return results;
+}
+
+function diffObjs(obj1, obj2, clone=deepClone) {
+    const a = obj1 && clone(obj1) || obj2 && obj2.__proto__.constructor();
+    const b = obj2 && clone(obj2) || obj1 && obj1.__proto__.constructor();
+    for (const i in b) {
+        if (JSON.stringify(a[i]) === JSON.stringify(b[i])) {
+            delete b[i];
+        } else if (b[i] && !Array.isArray(b[i]) && typeof b[i] == 'object') {
+            const diff = diffObjs(a[i], b[i], (v) => v);
+            if (diff !== undefined){
+                b[i] = diff;
+            } else {
+                delete b[i];
+            };
+        };
     }
-    return b;
+    return b && Object.keys(b).length ? b : undefined;
 }
 
 module.exports = {
@@ -48,5 +109,10 @@ module.exports = {
     getPointed,
     setPointed,
     filterObj,
+    isFileInstance,
+    isBlobInstance,
+    isFileOrBlob,
+    filesInObject,
+    findPropPaths,
     diffObjs
-}
+}

package/helpers/slots.js

@@ -0,0 +1,9 @@
+function nameSpacedSlots(slots, scope) {
+    return Object.keys(slots)
+        .filter((name) => name.startsWith(scope))
+        .map((name) => name.replace(scope, ""));
+}
+
+module.exports = {
+    nameSpacedSlots
+}

package/index.js

@@ -2,10 +2,12 @@ const auth = require('./helpers/auth');
 const debounce = require('./helpers/debounce');
 const formatters = require('./helpers/formatters');
 const objHelpers = require('./helpers/objHelpers');
+const VDraggableModals = require('./plugins/v-draggable-modals');
 
 module.exports = {
     auth,
     debounce,
     formatters,
-    objHelpers
+    objHelpers,
+    VDraggableModals,
 }

package/package.json

@@ -1,16 +1,13 @@
 {
   "name": "@mapomodule/utils",
-  "version": "1.0.0-alpha.8",
+  "version": "1.0.0",
   "license": "MIT",
   "description": "This is part of Mapo nuxt module. Provides a set of utils for the project.",
   "author": "bnznamco <gabriele.baldi.01@gmail.com>",
   "repository": "https://github.com/lotrekagency/mapo",
   "main": "./index.js",
-  "dependencies": {
-    "js-cookie": "^2.2.1"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4448ce925e9f3af25f78f86c3e28a88145201520"
+  "gitHead": "1e825711fb068d6195fe6dda607d1fb0e05109ec"
 }

package/plugins/v-draggable-modals.js

@@ -0,0 +1,39 @@
+module.exports = function () {
+    const d = {};
+    document.addEventListener("mousedown", e => {
+        const closestDialog = e.target.closest(".v-dialog.v-dialog--active");
+        if (e.button === 0 && closestDialog != null && closestDialog.querySelector(".v-card__title")?.contains(e.target)) {
+            d.el = closestDialog;
+            d.mouseStartX = e.clientX;
+            d.mouseStartY = e.clientY;
+            d.elStartX = d.el.getBoundingClientRect().left;
+            d.elStartY = d.el.getBoundingClientRect().top;
+            d.el.style.position = "fixed";
+            d.el.style.margin = 0;
+            d.oldTransition = d.el.style.transition;
+            d.el.style.transition = "none"
+        }
+    });
+    document.addEventListener("mousemove", e => {
+        if (d.el === undefined) return;
+        d.el.style.left = Math.min(
+            Math.max(d.elStartX + e.clientX - d.mouseStartX, 0),
+            window.innerWidth - d.el.getBoundingClientRect().width
+        ) + "px";
+        d.el.style.top = Math.min(
+            Math.max(d.elStartY + e.clientY - d.mouseStartY, 0),
+            window.innerHeight - d.el.getBoundingClientRect().height
+        ) + "px";
+    });
+    document.addEventListener("mouseup", () => {
+        if (d.el === undefined) return;
+        d.el.style.transition = d.oldTransition;
+        d.el = undefined
+    });
+    setInterval(() => {
+        const dialog = document.querySelector(".v-dialog.v-dialog--active");
+        if (dialog === null) return;
+        dialog.style.left = Math.min(parseInt(dialog.style.left), window.innerWidth - dialog.getBoundingClientRect().width) + "px";
+        dialog.style.top = Math.min(parseInt(dialog.style.top), window.innerHeight - dialog.getBoundingClientRect().height) + "px";
+    }, 100);
+}

package/LICENSE.md

@@ -1,20 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) Lotrek 2021
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN

package/helpers/auth.js

@@ -1,21 +0,0 @@
-const Cookies = require('js-cookie')
-
-const TokenKey = '__mapo_session'
-
-function getToken() {
-  return Cookies.get(TokenKey)
-}
-
-function setToken(token) {
-  return Cookies.set(TokenKey, token)
-}
-
-function removeToken() {
-  return Cookies.remove(TokenKey)
-}
-
-module.exports = {
-  getToken,
-  setToken,
-  removeToken
-}