@vettvangur/vanilla 0.0.59 → 0.0.60

package/dist/data.esm.js

@@ -134,9 +134,12 @@ const regexr = {
  * flatten(obj, prefix)
  */
 const flatten = (obj, prefix = '') => {
-  if (!obj || typeof obj !== 'object') {
+  if (obj == null) {
     return {};
   }
+  if (typeof obj !== 'object') {
+    throw new TypeError(`flatten: expected an object, got ${typeof obj}`);
+  }
   return Object.keys(obj).reduce((acc, key) => {
     const fullKey = key === 'DEFAULT' ? prefix : prefix ? `${prefix}-${key}` : key;
     if (typeof obj[key] === 'object' && key !== 'DEFAULT') {

package/dist/dom.esm.js

@@ -22,15 +22,22 @@
  * preloadTimeout()
  */
 function preloadTimeout() {
+  if (typeof document === 'undefined') {
+    return () => {};
+  }
   const body = document.querySelector('.body');
   if (!body) {
-    return;
+    return () => {};
   }
-  setTimeout(() => body.classList.add('loaded'), 100);
-  setTimeout(() => {
+  const t1 = setTimeout(() => body.classList.add('loaded'), 100);
+  const t2 = setTimeout(() => {
     body.classList.add('preload--hidden');
     body.classList.remove('preload--transitions');
   }, 400);
+  return () => {
+    clearTimeout(t1);
+    clearTimeout(t2);
+  };
 }
 
 /**
@@ -46,46 +53,42 @@ function preloadTimeout() {
  * clickOutside(callback)
  */
 function clickOutside(callback) {
-  // Clicks
-  document.addEventListener('click', e => {
+  if (typeof document === 'undefined') {
+    return () => {};
+  }
+  const onClick = e => {
     const target = e.target;
     const classTargets = document.querySelectorAll('.co-el');
 
-    // Check if the click target is inside an element with class `.co-trigger`
     // @ts-ignore
     if (target.closest('.co-trigger')) {
       return;
     }
-
-    // Execute the callback function
     callback(e);
-
-    // Close open elements
     Array.prototype.forEach.call(classTargets, item => {
       if (item.classList.contains('open')) {
         item.classList.remove('open');
       }
     });
-  }, false);
-
-  // ESC key
-  document.addEventListener('keyup', e => {
+  };
+  const onKeyUp = e => {
     const openElements = document.querySelectorAll('.open');
     const keys = e.keyCode || e.which;
-
-    // If ESC key (key code 27) is pressed
     if (keys === 27) {
-      // Execute the callback function
       callback(e);
-
-      // Close open elements
       Array.prototype.forEach.call(openElements, item => {
         if (item.classList.contains('open')) {
           item.classList.remove('open');
         }
       });
     }
-  });
+  };
+  document.addEventListener('click', onClick, false);
+  document.addEventListener('keyup', onKeyUp);
+  return () => {
+    document.removeEventListener('click', onClick, false);
+    document.removeEventListener('keyup', onKeyUp);
+  };
 }
 
 export { clickOutside, preloadTimeout };

package/dist/index.esm.js

@@ -49,19 +49,31 @@ function capitalize(value, lowerRest = false) {
  *
  * dictionary(key, data, culture)
  */
+// WeakMap keyed by the input `data` array gives us O(1) memo lookups while
+// still letting unreachable translation arrays be garbage-collected.
+const dictionaryIndex = new WeakMap();
 function dictionary(key, data, culture = 'is-IS') {
+  var _item$values$find;
   const notFound = '[Translation not found]';
   if (data === null || data === undefined) {
     return notFound;
   }
-  for (const item of data) {
-    if (item.itemKey === key) {
-      var _item$values$find;
-      const translation = (_item$values$find = item.values.find(b => b.language === culture)) === null || _item$values$find === void 0 ? void 0 : _item$values$find.value;
-      return translation || notFound;
+  let byKey = dictionaryIndex.get(data);
+  if (!byKey) {
+    byKey = new Map();
+    for (const _item of data) {
+      if (_item && _item.itemKey) {
+        byKey.set(_item.itemKey, _item);
+      }
     }
+    dictionaryIndex.set(data, byKey);
+  }
+  const item = byKey.get(key);
+  if (!item) {
+    return notFound;
   }
-  return notFound;
+  const translation = (_item$values$find = item.values.find(b => b.language === culture)) === null || _item$values$find === void 0 ? void 0 : _item$values$find.value;
+  return translation || notFound;
 }
 
 /**
@@ -188,9 +200,12 @@ const regexr = {
  * flatten(obj, prefix)
  */
 const flatten = (obj, prefix = '') => {
-  if (!obj || typeof obj !== 'object') {
+  if (obj == null) {
     return {};
   }
+  if (typeof obj !== 'object') {
+    throw new TypeError(`flatten: expected an object, got ${typeof obj}`);
+  }
   return Object.keys(obj).reduce((acc, key) => {
     const fullKey = key === 'DEFAULT' ? prefix : prefix ? `${prefix}-${key}` : key;
     if (typeof obj[key] === 'object' && key !== 'DEFAULT') {
@@ -278,15 +293,22 @@ function isEmpty(value) {
  * preloadTimeout()
  */
 function preloadTimeout() {
+  if (typeof document === 'undefined') {
+    return () => {};
+  }
   const body = document.querySelector('.body');
   if (!body) {
-    return;
+    return () => {};
   }
-  setTimeout(() => body.classList.add('loaded'), 100);
-  setTimeout(() => {
+  const t1 = setTimeout(() => body.classList.add('loaded'), 100);
+  const t2 = setTimeout(() => {
     body.classList.add('preload--hidden');
     body.classList.remove('preload--transitions');
   }, 400);
+  return () => {
+    clearTimeout(t1);
+    clearTimeout(t2);
+  };
 }
 
 /**
@@ -302,46 +324,42 @@ function preloadTimeout() {
  * clickOutside(callback)
  */
 function clickOutside(callback) {
-  // Clicks
-  document.addEventListener('click', e => {
+  if (typeof document === 'undefined') {
+    return () => {};
+  }
+  const onClick = e => {
     const target = e.target;
     const classTargets = document.querySelectorAll('.co-el');
 
-    // Check if the click target is inside an element with class `.co-trigger`
     // @ts-ignore
     if (target.closest('.co-trigger')) {
       return;
     }
-
-    // Execute the callback function
     callback(e);
-
-    // Close open elements
     Array.prototype.forEach.call(classTargets, item => {
       if (item.classList.contains('open')) {
         item.classList.remove('open');
       }
     });
-  }, false);
-
-  // ESC key
-  document.addEventListener('keyup', e => {
+  };
+  const onKeyUp = e => {
     const openElements = document.querySelectorAll('.open');
     const keys = e.keyCode || e.which;
-
-    // If ESC key (key code 27) is pressed
     if (keys === 27) {
-      // Execute the callback function
       callback(e);
-
-      // Close open elements
       Array.prototype.forEach.call(openElements, item => {
         if (item.classList.contains('open')) {
           item.classList.remove('open');
         }
       });
     }
-  });
+  };
+  document.addEventListener('click', onClick, false);
+  document.addEventListener('keyup', onKeyUp);
+  return () => {
+    document.removeEventListener('click', onClick, false);
+    document.removeEventListener('keyup', onKeyUp);
+  };
 }
 
 /**
@@ -391,7 +409,9 @@ function getTranslation(key, translations) {
  * getCulture(path)
  */
 function getCulture(path) {
-  const match = path.match(/^\/([a-z]{2})(\/|$)/i);
+  // Match BCP-47-ish prefixes: 2-3 letter language, optionally followed by
+  // a region subtag (e.g. `en-US`, `eng-US`, `is`, `pt-BR`).
+  const match = path.match(/^\/([a-z]{2,3}(?:-[a-z]{2,4})?)(\/|$)/i);
   return match ? match[1].toLowerCase() : null;
 }
 

package/dist/string.esm.js

@@ -49,19 +49,31 @@ function capitalize(value, lowerRest = false) {
  *
  * dictionary(key, data, culture)
  */
+// WeakMap keyed by the input `data` array gives us O(1) memo lookups while
+// still letting unreachable translation arrays be garbage-collected.
+const dictionaryIndex = new WeakMap();
 function dictionary(key, data, culture = 'is-IS') {
+  var _item$values$find;
   const notFound = '[Translation not found]';
   if (data === null || data === undefined) {
     return notFound;
   }
-  for (const item of data) {
-    if (item.itemKey === key) {
-      var _item$values$find;
-      const translation = (_item$values$find = item.values.find(b => b.language === culture)) === null || _item$values$find === void 0 ? void 0 : _item$values$find.value;
-      return translation || notFound;
+  let byKey = dictionaryIndex.get(data);
+  if (!byKey) {
+    byKey = new Map();
+    for (const _item of data) {
+      if (_item && _item.itemKey) {
+        byKey.set(_item.itemKey, _item);
+      }
     }
+    dictionaryIndex.set(data, byKey);
   }
-  return notFound;
+  const item = byKey.get(key);
+  if (!item) {
+    return notFound;
+  }
+  const translation = (_item$values$find = item.values.find(b => b.language === culture)) === null || _item$values$find === void 0 ? void 0 : _item$values$find.value;
+  return translation || notFound;
 }
 
 /**
@@ -116,7 +128,9 @@ function getTranslation(key, translations) {
  * getCulture(path)
  */
 function getCulture(path) {
-  const match = path.match(/^\/([a-z]{2})(\/|$)/i);
+  // Match BCP-47-ish prefixes: 2-3 letter language, optionally followed by
+  // a region subtag (e.g. `en-US`, `eng-US`, `is`, `pt-BR`).
+  const match = path.match(/^\/([a-z]{2,3}(?:-[a-z]{2,4})?)(\/|$)/i);
   return match ? match[1].toLowerCase() : null;
 }
 

package/dist/types/index.d.ts

@@ -25,20 +25,6 @@
  * capitalize(value, lowerRest)
  */
 export function capitalize(value: any, lowerRest?: boolean): any;
-/**
- * Dictionary.
- *
- * @param key - Value.
- * @param data - Value.
- * @param culture - Value.
- * @returns Result of the operation.
- *
- * @example
- * // vanilla (src/tools/javascript/vanilla/index.mjs)
- * // import { dictionary } from '@vettvangur/vanilla'
- *
- * dictionary(key, data, culture)
- */
 export function dictionary(key: any, data: any, culture?: string): any;
 /**
  * Fetcher.
@@ -113,7 +99,7 @@ export function isEmpty(value: any): boolean;
  *
  * preloadTimeout()
  */
-export function preloadTimeout(): void;
+export function preloadTimeout(): () => void;
 /**
  * Click outside.
  *
@@ -126,7 +112,7 @@ export function preloadTimeout(): void;
  *
  * clickOutside(callback)
  */
-export function clickOutside(callback: any): void;
+export function clickOutside(callback: any): () => void;
 /**
  * Get translation.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vettvangur/vanilla",
-  "version": "0.0.59",
+  "version": "0.0.60",
   "description": "Vettvangur | Vanilla JS Utility Library",
   "access": "public",
   "type": "module",