dphelper 0.0.1 → 0.0.2

package/scripts/handleEvent.js

@@ -0,0 +1,59 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * handleEvent
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.handleEvent = ( e, trigger ) => {
+  const code = e.which ? e.which : e.keyCode;
+  
+  if( !trigger ) trigger = {
+    // EXAMPLES:
+    "data" : [
+      {
+        "key" : "83",
+        "ctrl" : true,
+        "active" : true,
+        "description" : "CTRL+S",
+        //"element" : "#formSave",
+        "function" : ""
+      },
+      {
+        "key" : "27",
+        "ctrl" : false,
+        "active" : true,
+        "description" : "ESC",
+        "element" : "",
+        "function" : ""
+      },
+      {
+        "key" : "80",
+        "ctrl" : true,
+        "active" : true,
+        "description" : "CTRL+P",
+        "element" : "",
+        //"function" : "function(){ Print }"
+      }
+    ]
+  };
+
+  trigger.map( list  => {
+
+    // IF CTRL COMMAND
+    if ( e.ctrlKey || e.metaKey && list.ctrl === true ) {
+      if( code === parseInt(list.key) && list.active === true ){
+        if( list.element > '' ) simulateClick( list.element );
+        if( list.function > '' ) list.function;
+        e.preventDefault();
+        return;
+      }
+    }
+
+  });
+
+};

package/scripts/isPromise.js

@@ -0,0 +1,14 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * isPromise
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.isPromise = (p) => {
+  return p && Object.prototype.toString.call(p) === "[object Promise]";
+};

package/scripts/jsonCounter.js

@@ -0,0 +1,21 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * jsonCounter
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.jsonCounter = (json, key, val) => {
+  if (!json) return null;
+  let keyCount;
+  if (key && val) {
+    keyCount = Object.keys(jsonObject).length;
+  } else {
+    keyCount = json.items.filter(value => value.key === val).lengt;
+  }
+  return keyCount;
+};

package/scripts/loadAsset.js

@@ -0,0 +1,26 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * loadAsset
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+  
+dphelper.loadAsset = function( folder, img, path = '/assets/images/'){
+  
+  const check = /\.(ttf|eot|svg|gif|png)(\?v=[0-9]\.[0-9]\.[0-9])?$/;
+
+  const asset = require.context( path , true, /\.(ttf|eot|svg|gif|png)(\?v=[0-9]\.[0-9]\.[0-9])?$/ );
+  let dynamicLoad = null;
+  dynamicLoad = asset(`./${img}`);
+
+  if( dynamicLoad !== null ){
+    return dynamicLoad.default;
+  }else{
+    console.error(e, folder +" "+ img + ' error' );
+  }
+
+};

package/scripts/loadFile.js

@@ -0,0 +1,17 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * loadFile
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.loadFile = (element, path) => {
+  fetch(path).then(async function (response) {
+    const text = await response.text();
+    document.querySelector( element ).innerHTML = dphelper.nl2br( String(text) );
+  });
+};

package/scripts/loadJson.js

@@ -0,0 +1,15 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * loadJson
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+  
+dphelper.loadJson = function( file ){
+  if ( file.match(/.(json)$/i ) ) return require( '' + file + '' );
+};
+

package/scripts/loadJsonExternal.js

@@ -0,0 +1,32 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * loadJsonExternal
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.loadJsonExternal = ( path, method='GET', type='application/json' ) => {
+
+	fetch( path ,{
+    method: method,
+    headers : {
+      'Content-Type': type
+    }
+	})
+	.then(
+    function(response) {
+      //return response.json();
+      return response;
+	  }
+  )
+	.then(
+    function( myFile ) {
+      return myFile;
+    }
+  );
+
+};

package/scripts/nl2br.js

@@ -0,0 +1,14 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * nl2br
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.nl2br = (str) => {
+  return str.replace(/(?:\r\n|\r|\n)/g, '<br>');
+};

package/scripts/noCache.js

@@ -0,0 +1,14 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * no cache
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.noCache = (uri) => {
+  return uri.concat( /\?/.test(uri) ? '&' : '?', 't=', dphelper.rnd() );
+};

package/scripts/object2array.js

@@ -0,0 +1,18 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * object2array
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.object2array = (object) => {
+  return Object
+    .entries(object)
+    .map(([key, value]) => Object.assign({key}, value && typeof value === 'object' ? {forms: ObjToArray(value)}
+      : {value, forms: []}
+    ));
+};

package/scripts/onBeforeUnLoad.js

@@ -0,0 +1,108 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * onBeforeUnLoad
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.onBeforeUnLoad = () => {
+  
+  let is_dirty = false;
+  let answer = null;
+  let mex = "You have made some changes which you might want to save.";
+  let loadOnce = false;
+  let save_button = document.querySelector("#save_button");
+  
+  const beforeUnloadListener = ( event ) => {
+    event.preventDefault();
+    return mex;
+  };
+  
+  const nameInput = document.querySelector("#name");
+  
+  if( nameInput ){
+    nameInput.addEventListener( "input" , (event) => {
+      if (event.target.value !== "") {
+        addEventListener("beforeunload", beforeUnloadListener, { capture: true });
+      } else {
+        removeEventListener("beforeunload", beforeUnloadListener, { capture: true });
+      }
+    });
+  }
+  
+  /****************************************************************************** */
+
+  let handleEvent = function( event ){
+
+    if( event.target.type === 'textarea' || event.target.type === 'input' ){
+      if( is_dirty === false ){
+        return is_dirty = true;
+      }
+    }
+
+  };
+
+  /****************************************************************************** */
+
+  let TEST = function (){
+    // CHANGE ON KEY
+    document.body.addEventListener( "keyup" , handleEvent );
+  }();
+
+  /****************************************************************************** */
+
+  // CHANGE ON ASIDE CLICK
+  if( loadOnce === false ){
+    document.body.addEventListener( "click" , function( event ){
+
+      if( event.target.tagName === 'IMG'){
+
+        if( is_dirty === true ) {
+
+          // if the user navigates away from this page via an anchor link,
+          //    popup a new boxy confirmation.
+          answer = confirm( mex );
+          if ( answer === true ) {
+            return is_dirty = false;
+          }else{
+            event.preventDefault();
+          }
+        }
+      }
+
+    });
+    loadOnce = true;
+  }
+
+  /****************************************************************************** */
+
+  addEventListener('popstate', function(event) {
+
+    if( is_dirty === true ){
+      answer = confirm( mex );
+      if ( answer === true ) {
+        return is_dirty = false;
+      } else {
+        event.stopImmediatePropagation();
+        event.preventDefault();
+        return mex;
+      }
+    }
+
+  });
+
+  /****************************************************************************** */
+
+  window.onbeforeunload = function( event ) {
+    if( ( is_dirty === true ) && ( answer === null ) ){
+      event.preventDefault();
+      return event.returnValue = mex;
+      //return mex
+    }
+  };
+    
+};

package/scripts/parseBool.js

@@ -0,0 +1,15 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * parse Bool
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.parseBool = (val) => {
+  if (!val || val.length == null) return true;
+  return val == '1' ? true : false;
+};

package/scripts/parseDate.js

@@ -0,0 +1,19 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * parse date
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.parseDate = (value) => {
+  if (!value) return null;
+  let separator = '/';
+  let month = value.substring(0, 2);
+  let day = value.substring(2, 4);
+  let year = value.substring(4, 8);
+  return month + separator + day + separator + year;
+};

package/scripts/pathHash.js

@@ -0,0 +1,20 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * path Hash
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.pathHash = () => {
+  const array = location.hash
+    .replace('#', '').split('/');
+  if (array.length) {
+    return array.filter(item => item);
+  } else {
+    return ["empty"];
+  }
+};

package/scripts/pathQuery.js

@@ -0,0 +1,24 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * path Query
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.pathQuery = () => {
+  let x, y, array = [], search = location.search;
+  if (search) {
+    search.replace("?", '').split('&')
+      .map(x => {
+        y = x.split('=');
+        array[y[0]] = y[1];
+      });
+    return array;
+  } else {
+    return ["empty"];
+  }
+};

package/scripts/pathRail.js

@@ -0,0 +1,26 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * path Rails
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.pathRail = () => {
+  const removeFistFolder = 1;
+  const array = location.href
+    .split("?")[0]
+    .replace(location.protocol, '')
+    .replace(location.host, '')
+    .replace(location.hash, '')
+    .split('/');
+  if (array.length) {
+    const arrayFinal = array.filter(item => item);
+    return arrayFinal.slice(removeFistFolder);
+  } else {
+    return;
+  }
+};

package/scripts/printInfo.js

@@ -0,0 +1,16 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * printInfo
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.printInfo = () => {
+  console.groupCollapsed('%cApi:%c', "color:orange", "");
+  console.debug(wng.api);
+  console.groupEnd();
+};

package/scripts/purge.js

@@ -0,0 +1,41 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * purge
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.purge = ( d = body, time = 10000 ) => {
+
+  setTimeout(() => {
+    if( d === undefined ) return null;
+
+    let a = d.attributes, i, l, n;
+
+    if (a) {
+      l = a.length;
+      for( i = 0; i < l; i += 1 ) {
+        n = a[i].name;
+        if( typeof d[n] === 'function' ) { d[n] = null; }
+        if( typeof d[n] === 'undefined' ) { d[n] = null; }
+      }
+
+    }
+
+    a = d.childNodes;
+
+    if (a) {
+      l = a.length;
+      for( i = 0; i < l; i += 1 ) {
+        Purge( d.childNodes[i] );
+      }
+    }
+  }, time );
+
+};
+
+// purge()

package/scripts/pushState.js

@@ -0,0 +1,14 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * pushState
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.pushState = (state, title, url) => {
+  return history.pushState( state, title, url );
+};

package/scripts/randomNum.js

@@ -0,0 +1,14 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * random number
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.rnd = () => {
+  return Math.floor(100000 + Math.random() * wng.tmr());
+};

package/scripts/randomNumTmr.js

@@ -0,0 +1,14 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * random number tmr
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+dphelper.tmr = () => {
+  return Math.round(wng.epoch() / 1000);
+};

package/scripts/scrollCustom.js

@@ -0,0 +1,41 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * scrollCustom
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+  
+dphelper.scrollCustom = ( el, colors, size ) => {
+  
+  if(!colors) colors =[ "black", "transparent" ];
+  if(!size) size =[ "6px", "6px" ];
+
+  const $style = `${el}{
+                      scrollbar-width:auto;
+                      scrollbar-color:${colors[0]} ${colors[1]};
+                      scrollbar-width: thin;
+                      -ms-overflow-style: -ms-autohiding-scrollbar;
+                    }
+                  ${el}::-webkit-scrollbar {
+                      width: ${size[0]};
+                      height: ${size[0]};
+                    }
+                  ${el}::-webkit-scrollbar-track {
+                      background: ${colors[1]};
+                    }
+                  ${el}::-webkit-scrollbar-thumb {
+                      background: ${colors[0]};
+                    }
+                  `;
+
+    let styleToHead = document.createElement( "style" );
+    document.head.appendChild( styleToHead );
+    styleToHead.innerHTML = $style;
+
+  };
+
+  //example: dphelper.scrollCustom('*')

package/scripts/scrollIndicator.js

@@ -0,0 +1,67 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ *
+ * scrollIndicator
+ *
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+  
+dphelper.scrollIndicator = ( props ) => {
+  
+  /**
+  /* This timeout it's to be suse that whole UI is loaded
+  /* Just smaller trick!
+  */
+
+    let cont = document.querySelector( props.el );
+    let sc = document.querySelector('.scrollindicator');
+
+    if( !sc ){
+
+      const createEl = document.createElement('div');
+      createEl.classList.add("scrollindicator");
+      document.querySelector('header').appendChild(createEl);
+
+      createEl.style.cssText = `
+        height:5px;
+        background:#65c45c;
+        position:absolute;
+        bottom:0;
+        left:0;
+        z-index:2
+      `;
+    }
+
+    if( !props.el && sc) {
+      sc.style.width = 0 + '%';
+      return null;
+    }
+
+    try{
+      let sc = document.querySelector('.scrollindicator');
+      cont.addEventListener( 'scroll' , function ( e ) {
+
+        sc.style.width = 0 + '%';
+        let winScroll = this.scrollTop || this.scrollTop;
+        let height = this.scrollHeight - this.clientHeight;
+        let scrolled = Math.min(Math.max(parseInt( (winScroll / height) * 100 ), 0), 100);
+        sc.style.width = scrolled + '%';
+
+        sc.click();
+
+      });
+
+      window.addEventListener('popstate', function ( e ) {
+        sc.style.width = 0;
+      });
+
+    }catch( e ){
+      return;
+    }
+
+  return null;
+
+};