dphelper 0.2.88 → 0.2.89

package/init.js

@@ -0,0 +1,87 @@
+
+( () => {
+
+  ///////////////////////////////////////////////////////////////////////////////
+  // CUSTOM ELEMENTS
+
+  require("./elements/x-foo/define.js");
+
+  ///////////////////////////////////////////////////////////////////////////////
+  // DPH DECLARATIONS
+
+  require( __dirname + '/typings/dphelper.d.ts' );
+
+  ///////////////////////////////////////////////////////////////////////////////
+  // CONFIG
+
+  const pjson = require('./package.json');
+  var e = e || event;
+
+  ///////////////////////////////////////////////////////////////////////////////
+  // CREATE FULL LIST FOR DPHELPER MANAGER
+
+  dphelper._list = require('./data/list.json');
+  dphelper._list.scripts = [];
+  dphelper._list.version = pjson.version;
+
+  ///////////////////////////////////////////////////////////////////////////////
+  // CACHE
+  const cache = {};
+
+  ///////////////////////////////////////////////////////////////////////////////
+  // API
+
+  dphelper.api = {};
+
+  ///////////////////////////////////////////////////////////////////////////////
+  // INSTALL ON BODY
+
+  const $$ = document.querySelector('html')
+
+  if( !$( $$ ) ){
+
+    console.error('You need the primary node tag on your app')
+
+  }else{
+
+    $$.dphelper = {
+      test: ()=> console.log('test')
+    }
+
+    // setTimeout( async ()=> {
+    //   console.log( $( $$ ) )
+    //   $$.dphelper.test()
+    // },2000)
+
+  }
+
+  ///////////////////////////////////////////////////////////////////////////////
+  // LOAD ALL SCRIPT AUTOMATICALLY
+
+  const importAll = ( cntx ) => {
+    cntx.keys().forEach(
+      ( key ) => (
+        cache[ key ] = cntx( key )
+      )
+    );
+  };
+  var cntx = require.context( __dirname + '/scripts/', false , /\.js$/ );
+  importAll( cntx );
+
+  ///////////////////////////////////////////////////////////////////////////////
+  // FIRST MESSAGE
+
+  console.groupCollapsed( `%c${pjson.name} v${pjson.version}%c`,"color:orange","" );
+    console.debug( `%c${pjson.name} v${pjson.version}%c by Dario Passariello started`,"color:orange","" );
+    console.debug( `%cType ${pjson.name} in this console to see it`, "color:gray","" );
+    console.debug( "%cFor help visit: " + pjson.repository.help, "color:gray","" );
+    console.debug( 'name: %c' + pjson.name,"color:orange","" );
+    console.debug( 'version: %c' + pjson.version,"color:orange","" );
+    console.debug( 'description: %c' + pjson.description,"color:orange","" );
+    console.debug( 'license: %c' + pjson.license,"color:orange","" );
+    console.debug( 'repository: %c' + pjson.repository.url,"color:orange","" );
+    console.debug( 'author: %c' + pjson.author.name,"color:orange","" );
+    console.debug( 'email: %c' + pjson.author.email,"color:orange","" );
+  console.groupEnd();
+
+})();

package/jest.config.js

@@ -0,0 +1,81 @@
+module.exports = {
+
+  verbose: true,
+
+  testEnvironmentOptions: { url: "http://localhost/" },
+
+  automock: false,
+
+  collectCoverage: true,
+
+  "transform": {
+    "\\.tsx$": "<rootDir>/node_modules/babel-jest"
+  },
+
+  setupFilesAfterEnv: [
+    "./tests/setupJest.tsx"
+  ],
+
+  moduleNameMapper: {
+    "\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|html)$": "<rootDir>/__mocks__/fileMock.js",
+    "\\.(css|scss|svg)$": "identity-obj-proxy"
+  },
+
+  moduleFileExtensions: [
+    "js",
+    "jsx",
+    "ts",
+    "tsx"
+  ],
+
+  transformIgnorePatterns: [
+    "/node_modules/",
+    "/node_modules/(?!(nrg-common)/)"
+  ],
+
+  coveragePathIgnorePatterns: [
+    "/node_modules/",
+    "/node_modules/(?!(nrg-common)/)"
+  ],
+
+  modulePathIgnorePatterns: [
+    "/node_modules/",
+    "/node_modules/(?!(nrg-common)/)"
+  ],
+
+  unmockedModulePathPatterns: [
+    "./node_modules/react/",
+    "./node_modules/react-dom/"
+  ],
+
+  coverageReporters: [
+    "json",
+    "lcov",
+    "text"
+  ],
+
+  snapshotSerializers: [
+    "enzyme-to-json/serializer"
+  ],
+
+  // transformIgnorePatterns: [
+  //   "node_modules/enzyme"
+  // ],
+
+  testPathIgnorePatterns: [
+    "/node_modules/",
+  ],
+
+  unmockedModulePathPatterns: [
+    "react",
+    "react-dom",
+    "react-native",
+    "react-addons-test-utils",
+    "promise",
+    "source-map",
+    "enzyme"
+  ]
+
+};
+
+

package/node/createTag.js

@@ -0,0 +1,7 @@
+const moment = require('moment');
+const execSync = require('child_process').execSync;
+const dateTime = moment().format('YYYYMMDDHHmmss');
+const pjson = require('../package.json');
+
+//https://stackoverflow.com/questions/55021363/how-to-pass-current-datetime-in-npm-script-for-git-commit-message-in-windows-and
+execSync(`git tag \"v${pjson.version}\" -am \"Modify content\" && git push --tags`, { stdio: [0, 1, 2]} );

package/node/gitDeploy.js

@@ -0,0 +1,7 @@
+const moment = require('moment');
+const execSync = require('child_process').execSync;
+const dateTime = moment().format('YYYYMMDDHHmmss');
+const pjson = require('../package.json');
+
+//https://stackoverflow.com/questions/55021363/how-to-pass-current-datetime-in-npm-script-for-git-commit-message-in-windows-and
+execSync(`cd .. && git add . && git commit -m \"ver. ${pjson.version} / ${dateTime}\" && git pull && git push --all`, { stdio: [0, 1, 2]} );

package/node/goLive.js

@@ -0,0 +1,7 @@
+const moment = require('moment');
+const execSync = require('child_process').execSync;
+const dateTime = moment().format('YYYYMMDDHHmmss');
+const pjson = require('../package.json');
+
+//https://stackoverflow.com/questions/55021363/how-to-pass-current-datetime-in-npm-script-for-git-commit-message-in-windows-and
+execSync(`cli-confirm \"Do you want go live?\" && npm version patch --force && cd.. && webpack --progress --color --mode production --config webpack.config.js && cd dist && npm publish`, { stdio: [0, 1, 2]} );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dphelper",
-  "version": "0.2.88",
+  "version": "0.2.89",
   "description": "Developer Tools",
   "deprecated": false,
   "appCode": "dphelper",
@@ -92,7 +92,7 @@
     "eslint": "8.16.0",
     "file-loader": "6.2.0",
     "jest": "27.5.1",
-    "less-loader": "10.2.0",
+    "less-loader": "11.0.0",
     "sass-loader": "13.0.0",
     "style-loader": "3.3.1",
     "webpack-cli": "4.9.2"
@@ -101,7 +101,7 @@
     "@babel/plugin-proposal-class-properties": "7.17.12",
     "@babel/preset-env": "7.18.0",
     "@babel/preset-react": "7.17.12",
-    "@babel/preset-typescript": "7.16.7",
+    "@babel/preset-typescript": "7.18.6",
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/user-event": "^14.0.0",
     "@types/enzyme-adapter-react-16": "1.0.6",
@@ -110,7 +110,7 @@
     "classnames": "2.3.1",
     "cli-confirm": "1.0.1",
     "compression-webpack-plugin": "10.0.0",
-    "concurrently": "7.2.0",
+    "concurrently": "7.2.2",
     "copy-webpack-plugin": "11.0.0",
     "css": "3.0.0",
     "dotenv": "16.0.1",
@@ -123,13 +123,13 @@
     "jsdom-worker": "0.2.1",
     "jshint": "^2.13.4",
     "less": "4.1.2",
-    "moment": "2.29.3",
+    "moment": "2.29.4",
     "path": "0.12.7",
     "progress-bar-webpack-plugin": "2.1.0",
     "react": "18.1.0",
-    "react-dom": "18.0.0",
+    "react-dom": "18.1.0",
     "require": "2.4.20",
-    "sass": "1.52.0",
+    "sass": "1.53.0",
     "socket.io-client": "4.5.1",
     "ts-jest": "27.1.4",
     "tslint": "6.1.3",

package/scripts/.OLD/import.js

@@ -0,0 +1,48 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+var description = {
+  "name" : "Import",
+  "description" : "Import files by type from folder",
+  "version" : "0.0.1",
+  "command" : "cormat",
+  // "subCommand" : [
+  //   {
+  //     "name":"all",
+  //     "description":"Import all file by type from folder"
+  //   }
+  // ],
+  "example" : "dphelper.import.all( __dirname + '/scripts/', false , /\.js$/ )",
+  "author" : "Dario Passariello",
+  "active" : true
+};
+
+dphelper._list.scripts.push( description );
+
+/***********************************************************************/
+
+dphelper.import = {
+
+  // all: ( path ='' , mode = false , extension ='/\.js$/' ) => {
+
+  //   // example: dphelper.import.all( __dirname + '/scripts/', false , /\.js$/ )
+
+  //   const importAll = ( cntx ) => {
+  //     cntx.keys().forEach(
+  //       ( key ) => (
+  //         cache[ key ] = cntx( key )
+  //       )
+  //     );
+  //   };
+
+  //   var cntx = require.context( path , mode , extension );
+  //   importAll( cntx );
+
+  // }
+
+}

package/scripts/.OLD/onBeforeUnLoad.js

@@ -0,0 +1,120 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+  var description = {
+    "name" : "BeforeUnLoad",
+    "description" : "test",
+    "version" : "0.0.1",
+    "command" : "onBeforeUnLoad",
+    "subCommand" : [],
+    "example" : "",
+    "author" : "Dario Passariello",
+    "active" : true
+  };
+
+  dphelper._list.scripts.push( description );
+
+/***********************************************************************/
+
+  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/.OLD/purge.js

@@ -0,0 +1,53 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+  var description = {
+    "name" : "Purge From Memory",
+    "description" : "test",
+    "version" : "0.0.1",
+    "command" : "purge",
+    "subCommand" : [],
+    "example" : "",
+    "author" : "Dario Passariello",
+    "active" : true
+  };
+
+  dphelper._list.scripts.push( description );
+
+/***********************************************************************/
+
+  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/.OLD/string.js

@@ -0,0 +1,27 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+  var description = {
+    "name" : "String",
+    "description" : "test",
+    "version" : "0.0.1",
+    "command" : "parseBool",
+    "subCommand" : [],
+    "example" : "",
+    "author" : "Dario Passariello",
+    "active" : true
+  };
+
+  dphelper._list.scripts.push( description );
+
+/***********************************************************************/
+
+  dphelper.parseBool = ( val ) => {
+    if ( !val || val.length == null ) return true;
+    return val != 0 ? true : false;
+  };

package/scripts/anchor.js

@@ -0,0 +1,73 @@
+/*!
+  dpHelper
+  Copyright (c) 2021 Dario Passariello <dariopassariello@gmail.com>
+  Licensed under the Apache-2.0, see
+  https://dario.passariello.ca
+*/
+
+/***********************************************************************/
+
+  var description = {
+    "name" : "Anchor",
+    "type" : "function",
+    "version" : "0.0.1",
+    "command" : "anchor",
+    "example" : "",
+    "author" : "Dario Passariello",
+    "creationDate" : "20110101",
+    "lastMod" : "20110101",
+    "active" : true,
+    "description" : `
+    This tools allows you to convert all links in an element to 'onclick'.
+    It allows you to avoid the message with the path relative to the requested address
+    and it is very useful when you work with SPA but you want to keep even older browsers.`,
+    "subCommand" : [
+      {
+        "name":"toOnClick",
+        "version" : "0.0.1",
+        "example" : "dphelper.anchor.toOnClick('nav') or ('.foo') or ('#foo')",
+        "type" : "function",
+        "active": true,
+        "description":"test",
+        "subCommand" : []
+      }
+    ],
+  };
+
+  dphelper._list.scripts.push( description );
+
+/***********************************************************************/
+
+dphelper.anchor ={
+
+  toOnClick: ( el ) => {
+
+    $( el + ' a' ).each( function( index ) {
+      let elem = $( this );
+      let href = elem.attr( 'href' );
+
+      if( href ){
+        elem
+        .on( 'mouseup', function(){
+          Loader( 'body' , null );
+        })
+        .css('cursor','pointer')
+        .addClass( dphelper.pathRail()[3].replace(/\//g, '') )
+        .removeAttr( 'href' )
+        .on( 'click', function(){
+          dphelper.browser.href( href );
+          dphelper.browser.push( '', '', href );
+        });
+      }
+    });
+
+  }
+
+};
+
+Object.defineProperty( dphelper, 'anchor', {
+  writable: false,
+  configurable: false
+});
+
+//console.log( Object.getOwnPropertyDescriptor( dphelper, 'socket' ) )