@cocreate/utils 1.26.2 → 1.27.1

package/CHANGELOG.md

@@ -1,3 +1,26 @@
+## [1.27.1](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.27.0...v1.27.1) (2023-11-09)
+
+
+### Bug Fixes
+
+* meta name typo ([e629a89](https://github.com/CoCreate-app/CoCreate-utils/commit/e629a89c8a3943d9ef8eaa891f41756cd766e6bb))
+* ObjectId use new Date(new Date().toISOString()).getTime() instead of date.now() preventing 24 possible collisions in a day ([89236e5](https://github.com/CoCreate-app/CoCreate-utils/commit/89236e534d958399827f7ad0fa9345bdecc06497))
+* update host ([d234c14](https://github.com/CoCreate-app/CoCreate-utils/commit/d234c1459da3064105ba50cfef9bbdb0fe484cd9))
+
+# [1.27.0](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.26.2...v1.27.0) (2023-11-03)
+
+
+### Bug Fixes
+
+* favicon.ico path ([4474c25](https://github.com/CoCreate-app/CoCreate-utils/commit/4474c25089a0953c6d24264152fe3b9d690dce25))
+* update dependencies to the lates versions ([d0bd60b](https://github.com/CoCreate-app/CoCreate-utils/commit/d0bd60bb21b2f555ddee0412861a9e7510173fb7))
+
+
+### Features
+
+* checkMediaQuries ([f9322d2](https://github.com/CoCreate-app/CoCreate-utils/commit/f9322d26261a4ee7007064115c86303a78534034))
+* isValidDate converts date to system local date ([4519b7c](https://github.com/CoCreate-app/CoCreate-utils/commit/4519b7ce2b2d739bd9c76dd0605f91c41837d7d0))
+
 ## [1.26.2](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.26.1...v1.26.2) (2023-10-25)
 
 

package/CoCreate.config.js

@@ -12,8 +12,7 @@ module.exports = {
                 "pathname": "/docs/utils/index.html",
                 "src": "{{./docs/index.html}}",
                 "host": [
-                    "*",
-                    "general.cocreate.app"
+                    "*"
                 ],
                 "directory": "utils",
                 "content-type": "{{content-type}}",

package/demo/index.html

@@ -6,9 +6,9 @@
         <!-- CoCreate Favicon -->
         <link
             rel="icon"
-            href="https://cdn.cocreate.app/favicon.ico"
-            type="image/ico"
-            sizes="16x16" />
+            type="image/png"
+            sizes="32x32"
+            href="../assets/favicon.ico" />
         <!-- CoCreate CSS CDN -->
         <link
             rel="stylesheet"

package/docs/index.html

@@ -11,10 +11,10 @@
             sizes="32x32"
             href="https://cocreate.app/images/favicon.ico" />
         <meta
-            key="description"
+            name="description"
             content="A simple HTML5 and pure javascript component. Easy configuration using HTML5 attributes or Javscript api and highly styleable." />
         <meta
-            key="keywords"
+            name="keywords"
             content="helper classes, utility classes, css framework, css library, inline style classes" />
         <meta name="robots" content="index,follow" />
         <meta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/utils",
-  "version": "1.26.2",
+  "version": "1.27.1",
   "description": "A simple utils component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "utils",

package/src/index.js

@@ -59,7 +59,7 @@
         }
 
         // Generate a new custom ObjectId
-        const timestampHex = Math.floor(Date.now() / 1000).toString(16).padStart(8, '0');
+        const timestampHex = Math.floor(new Date(new Date().toISOString()).getTime() / 1000).toString(16).padStart(8, '0');
         const processIdHex = Math.floor(Math.random() * 0x100000000000).toString(16).padStart(12, '0');
 
         counter = (counter + 1) % 10000;
@@ -88,27 +88,20 @@
     }
 
     function isValidDate(value) {
-        // Check if the value is a string and can be converted to a Date object
-        if (typeof value === 'string'
-            && !isNaN(value)
-            && !(/^[0-9a-fA-F]{24}$/.test(value))
-            && !(/^(\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{1,3})?Z|Mon|Tue|Wed|Thu|Fri|Sat|Sun [A-Za-z]{3} \d{2} \d{4} \d{2}:\d{2}:\d{2} [A-Za-z]{3} \+\d{4}|\d{4}\/\d{2}\/\d{2} \d{2}:\d{2}:\d{2}(\.\d{1,3})?|\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}(\.\d{1,3})?|\d{4}\/\d{2}\/\d{2} \d{2}:\d{2}:\d{2}(\.\d{1,3})?|Sun|Mon|Tue|Wed|Thu|Fri|Sat),? .+$/.test(value))
-        ) {
-            const dateObject = new Date(value);
-
-            // Check if the result of the Date constructor is a valid Date object
-            if (!isNaN(dateObject) && dateObject.toString() !== 'Invalid Date') {
-                return dateObject; // It's a valid Date object
+        if (typeof value === 'string' && value.length >= 20 && value.length <= 24) {
+            //  if (/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{1,3})?Z$/i.test(value))
+            if (/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?([-+]\d{2}:\d{2}|Z)?$/i.test(value)) {
+                return true
             }
         }
 
-        return value; // It's not a valid Date object
+        return false;
     }
 
     function dotNotationToObject(data, obj = {}) {
         try {
             for (const key of Object.keys(data)) {
-                let value = isValidDate(data[key])
+                let value = data[key]
                 let newObject = obj
                 let oldObject = new Object(obj)
                 let keys = key.split('.');
@@ -308,6 +301,12 @@
 
                 let selectors = Selector.split(',');
                 for (let j = 0; j < selectors.length; j++) {
+                    if (selectors[j].includes('@')) {
+                        selectors[j] = checkMediaQueries(selectors[j])
+                        if (selectors[j] === false)
+                            continue
+                    }
+
                     let queriedElement = element
                     let specialSelectors = selectors[j].split(';')
                     for (let k = 0; k < specialSelectors.length; k++) {
@@ -385,6 +384,41 @@
         return elements
     }
 
+    const mediaRanges = {
+        xs: [0, 575],
+        sm: [576, 768],
+        md: [769, 992],
+        lg: [993, 1200],
+        xl: [1201, 0],
+    };
+
+    function checkMediaQueries(selector) {
+        if (selector && selector.includes('@')) {
+            let screenSizes = selector.split('@')
+            selector = screenSizes.shift();
+            for (let screenSize of screenSizes) {
+                const viewportWidth = window.innerWidth;
+                let mediaViewport = false;
+
+                // Check if screenSize is a valid range in the 'ranges' object
+                if (mediaRanges.hasOwnProperty(screenSize)) {
+                    const [minWidth, maxWidth] = mediaRanges[screenSize];
+                    if (viewportWidth >= minWidth && viewportWidth <= maxWidth) {
+                        mediaViewport = true;
+                        break;
+                    }
+                }
+
+                if (!mediaViewport)
+                    return false
+
+            }
+        }
+
+        return selector
+    }
+
+
     function queryData(data, query) {
         if (!data)
             return false;
@@ -424,6 +458,11 @@
                             queryValue = queryValue.toLowerCase()
                     }
 
+                    if (isValidDate(dataValue) && isValidDate(queryValue)) {
+                        dataValue = new Date(dataValue)
+                        queryValue = new Date(queryValue)
+                    }
+
                     switch (query[i].operator) {
                         case '$includes':
                         case 'includes':
@@ -443,19 +482,19 @@
                                 queryStatus = true
                             break;
                         case '$lt':
-                            if (dataValue > queryValue)
+                            if (dataValue < queryValue)
                                 queryStatus = true
                             break;
                         case '$lte':
-                            if (dataValue >= queryValue)
+                            if (dataValue <= queryValue)
                                 queryStatus = true
                             break;
                         case '$gt':
-                            if (dataValue < queryValue)
+                            if (dataValue > queryValue)
                                 queryStatus = true
                             break;
                         case '$gte':
-                            if (dataValue <= queryValue)
+                            if (dataValue >= queryValue)
                                 queryStatus = true
                             break;
                         case '$in':
@@ -667,6 +706,7 @@
         escapeHtml,
         cssPath,
         queryElements,
+        checkMediaQueries,
         queryData,
         searchData,
         sortData,