@mobilabs/es6lib 1.0.14 → 1.1.0

package/.eslintrc

@@ -3,7 +3,7 @@
    * Set JavaScript language options
    */
   "parserOptions": {
-    "sourceType": "script",
+    "sourceType": "script"
   },
   /**
    * Set Environnement
@@ -22,13 +22,13 @@
   "extends": "airbnb-base",
   // Overwritten airbnb's rules:
   "rules": {
-    strict: ["error", "global"],
-    func-names: ["error", "never"],
-    space-before-function-paren: ["error", { "anonymous": "never", "named": "never", "asyncArrow": "always" }],
-    no-plusplus: ["error", { "allowForLoopAfterthoughts": true }],
-    "no-multi-spaces": [2, { exceptions: { "VariableDeclarator": true } }],
-    comma-style: ["error", "first", { "exceptions": { "ArrayExpression": true, "ObjectExpression": true } }],
-    indent: ["error", 2, { "VariableDeclarator": { "const": 2 }, "SwitchCase": 1 }],
-    no-multiple-empty-lines: ["error", { "max": 2, "maxEOF": 0 }]
+    "strict": ["error", "global"],
+    "func-names": ["error", "never"],
+    "space-before-function-paren": ["error", { "anonymous": "never", "named": "never", "asyncArrow": "always" }],
+    "no-plusplus": ["error", { "allowForLoopAfterthoughts": true }],
+    "no-multi-spaces": [2, { "exceptions": { "VariableDeclarator": true } }],
+    "comma-style": ["error", "first", { "exceptions": { "ArrayExpression": true, "ObjectExpression": true } }],
+    "indent": ["error", 2, { "VariableDeclarator": { "const": 2 }, "SwitchCase": 1 }],
+    "no-multiple-empty-lines": ["error", { "max": 2, "maxEOF": 0 }]
   }
 }

package/.husky/pre-commit

@@ -1,8 +1,8 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-npm run build
-npm run makedist
+npm run build:dev
+npm run build:prod
 npm test
-npm run check-coverage
+npm run check:coverage
 npm run report

package/.travis.yml

@@ -14,6 +14,6 @@ before_script:
   - npm prune
 script:
   - npm run test
-  - npm run check-coverage
+  - npm run check:coverage
 after_success:
-  - npm run report-coverage
+  - npm run report:coverage

package/README.md

@@ -16,7 +16,7 @@ The ES6lib build produces two libraries:
   * a library packaged in an UMD module that could be used on both the browser and Node.js,
   * a library packaged as an ES6 module that can be imported with the keyword `import` (import ES6lib from '../../es6lib.mjs').
 
-This template does not include a transpiler like babel or a module bundler like browserify/webpack or rollup. It relies on Gulp to build your library from the source files. Thus, it keeps your library pure (without extra code due to the transpiler or the module bundler).
+This template does not include a transpiler like babel or a module bundler like browserify/webpack or rollup. It relies on Npm scripts to build your library from the source files. Thus, it keeps your library pure (without extra code due to the transpiler or the module bundler).
 
 This template is useful if your library is intended to run on ECMAScript 2015 (ES6) compliant browser.
 
@@ -36,7 +36,7 @@ Then, you just need to create a `package.json` file that contains:
   "name": "NameOfYourProject",
   "scripts": {
     "create": "npm install @mobilabs/es6lib && npm run populate",
-    "populate": "es6lib populate --name $npm_package_name --author $npm_package_config_name --acronym $npm_package_config_acronym --email $npm_package_config_email --url $npm_package_config_url && npm install && npm run build && npm run test && npm run report"
+    "populate": "es6lib populate --name $npm_package_name --author $npm_package_config_name --acronym $npm_package_config_acronym --email $npm_package_config_email --url $npm_package_config_url && npm install && npm run build:dev && npm run test && npm run report"
   },
   "config": {
     "name": "John Doe",
@@ -66,7 +66,7 @@ Your project Folder
       |   |_ _header           // The UMD header,
       |   |_ ...               // The core or your library,
       |_ tasks
-      |   |_ ...              // The Gulp tasks to build your project,
+      |   |_ ...              // The tasks to build your project,
       |_  test
       |     |_ main.js        // Your Mocha, Chai test file,
       |_ .eslintignore        // Files to be ignored by ESLint,
@@ -75,7 +75,6 @@ Your project Folder
       |_ .npmignore           // Files that are ignored by npm publish,
       |_ .travis.yml          // A configuration file for Travis CI (if you use it),
       |_ .CHANGELOG.md        // The changes between your different versions,
-      |_ .gulpfile.js         // The main Gulp task,
       |_ index.js             // The link to your ES5 library,
       |_ LICENSE.md           // The license that applies to your library (here MIT),
       |_ package-lock.json    // The NPM dependency tree,
@@ -88,10 +87,10 @@ This folder is now a NPM package.
 
 ## How to build it
 
-The file `gulpfile.js` contains the build instructions. These instructions populate the folder `lib` from the sources files included in the folder `src`.
+The file `package.json` contains the build instructions. These instructions populate the folder `lib` from the sources files included in the folder `src`.
 
-`gulpfile.js` implements two operations for the build:
-  * the command `npm run build` creates the library at the execution,
+`package.json` implements two operations for the build:
+  * the command `npm run build:dev` creates the library at the execution,
   * and the command `npm run watch` updates the library when one of the source files is modified.
 
 
@@ -100,23 +99,23 @@ The file `gulpfile.js` contains the build instructions. These instructions popul
 Your `package.json` file contains three scripts to test your UMD library:
 
   * `npm run test`,
-  * `npm run check-coverage`,
-  * `npm run display-coverage`.
+  * `npm run check:coverage`,
+  * `npm run display:coverage`.
 
 `npm run test` executes the tests and computes the test coverage.
 
-`npm run check-coverage` checks if the test coverage matches the requirements. Here 100%.
+`npm run check:coverage` checks if the test coverage matches the requirements. Here 100%.
 
-`npm run display-coverage` opens your browser and reports the test coverage.
+`npm run display:coverage` opens your browser and reports the test coverage.
 
 
 ## How to create a distribution version
 
 Your `package.json` file contains a script to build a distribution library:
 
-  * `npm run makedist`
+  * `npm run build:prod`
 
-The script `makedist` adds a license header to the library and creates a minified version.
+The script `build:prod` adds a license header to the library and creates a minified version.
 
 
 ## How to use it

package/_dist/README.md

@@ -16,7 +16,7 @@ The ES6lib build produces two libraries:
   * a library packaged in an UMD module that could be used on both the browser and Node.js,
   * a library packaged as an ES6 module that can be imported with the keyword `import` (import ES6lib from '../../es6lib.mjs').
 
-This template does not include a transpiler like babel or a module bundler like browserify/webpack or rollup. It relies on Gulp to build your library from the source files. Thus, it keeps your library pure (without extra code due to the transpiler or the module bundler).
+This template does not include a transpiler like babel or a module bundler like browserify/webpack or rollup. It relies on Npm scripts to build your library from the source files. Thus, it keeps your library pure (without extra code due to the transpiler or the module bundler).
 
 This template is useful if your library is intended to run on ECMAScript 2015 (ES6) compliant browser.
 
@@ -36,7 +36,7 @@ Then, you just need to create a `package.json` file that contains:
   "name": "NameOfYourProject",
   "scripts": {
     "create": "npm install @mobilabs/es6lib && npm run populate",
-    "populate": "es6lib populate --name $npm_package_name --author $npm_package_config_name --acronym $npm_package_config_acronym --email $npm_package_config_email --url $npm_package_config_url && npm install && npm run build && npm run test && npm run report"
+    "populate": "es6lib populate --name $npm_package_name --author $npm_package_config_name --acronym $npm_package_config_acronym --email $npm_package_config_email --url $npm_package_config_url && npm install && npm run build:dev && npm run test && npm run report"
   },
   "config": {
     "name": "John Doe",
@@ -66,7 +66,7 @@ Your project Folder
       |   |_ _header           // The UMD header,
       |   |_ ...               // The core or your library,
       |_ tasks
-      |   |_ ...              // The Gulp tasks to build your project,
+      |   |_ ...              // The tasks to build your project,
       |_  test
       |     |_ main.js        // Your Mocha, Chai test file,
       |_ .eslintignore        // Files to be ignored by ESLint,
@@ -75,7 +75,6 @@ Your project Folder
       |_ .npmignore           // Files that are ignored by npm publish,
       |_ .travis.yml          // A configuration file for Travis CI (if you use it),
       |_ .CHANGELOG.md        // The changes between your different versions,
-      |_ .gulpfile.js         // The main Gulp task,
       |_ index.js             // The link to your ES5 library,
       |_ LICENSE.md           // The license that applies to your library (here MIT),
       |_ package-lock.json    // The NPM dependency tree,
@@ -88,10 +87,10 @@ This folder is now a NPM package.
 
 ## How to build it
 
-The file `gulpfile.js` contains the build instructions. These instructions populate the folder `lib` from the sources files included in the folder `src`.
+The file `package.json` contains the build instructions. These instructions populate the folder `lib` from the sources files included in the folder `src`.
 
-`gulpfile.js` implements two operations for the build:
-  * the command `npm run build` creates the library at the execution,
+`package.json` implements two operations for the build:
+  * the command `npm run build:dev` creates the library at the execution,
   * and the command `npm run watch` updates the library when one of the source files is modified.
 
 
@@ -100,23 +99,23 @@ The file `gulpfile.js` contains the build instructions. These instructions popul
 Your `package.json` file contains three scripts to test your UMD library:
 
   * `npm run test`,
-  * `npm run check-coverage`,
-  * `npm run display-coverage`.
+  * `npm run check:coverage`,
+  * `npm run display:coverage`.
 
 `npm run test` executes the tests and computes the test coverage.
 
-`npm run check-coverage` checks if the test coverage matches the requirements. Here 100%.
+`npm run check:coverage` checks if the test coverage matches the requirements. Here 100%.
 
-`npm run display-coverage` opens your browser and reports the test coverage.
+`npm run display:coverage` opens your browser and reports the test coverage.
 
 
 ## How to create a distribution version
 
 Your `package.json` file contains a script to build a distribution library:
 
-  * `npm run makedist`
+  * `npm run build:prod`
 
-The script `makedist` adds a license header to the library and creates a minified version.
+The script `build:prod` adds a license header to the library and creates a minified version.
 
 
 ## How to use it

package/_dist/lib/es6lib.js

@@ -1,5 +1,5 @@
 /*! ****************************************************************************
- * ES6lib v1.0.14
+ * ES6lib v1.1.0
  *
  * A template for writing pure ES6 Javascript libraries.
  * (you can download it from npm or github repositories)
@@ -312,14 +312,14 @@
       const obj = Object.create(methods);
       obj._library = {
         name: 'ES6lib',
-        version: '1.0.14',
+        version: '1.1.0',
       };
       return obj;
     };
 
     // Attaches constants to ES6lib that provide name and version of the lib.
     ES6lib.NAME = 'ES6lib';
-    ES6lib.VERSION = '1.0.14';
+    ES6lib.VERSION = '1.1.0';
 
 
     // -- Private Static Methods -----------------------------------------------

package/_dist/lib/es6lib.min.js

@@ -1,5 +1,5 @@
 /*! ****************************************************************************
- * ES6lib v1.0.14
+ * ES6lib v1.1.0
  *
  * A template for writing pure ES6 Javascript libraries.
  * (you can download it from npm or github repositories)
@@ -8,4 +8,4 @@
  * at: http://www.opensource.org/licenses/mit-license.php).
  * Built from {{boiler:name}} v{{boiler:name:version}}.
  * ************************************************************************** */
-!function(t,e){"use strict";"function"==typeof define&&define.amd?define([""],e):"object"==typeof exports?module.exports=e(t):t.ES6lib=e(t)}(this,(t=>{"use strict";let e,n;const i={Public:{}};return n=function(t,e){const n=Object.keys(e);for(let i=0;i<n.length;i++)t[n[i]]=e[n[i]]},function(){const t=i.Public;n(t,{getString:()=>"I am a string!",getArray:()=>[1,2,3]})}(),function(){const n=i.Public,r=t.ES6lib;let o;e=function(){const t=Object.create(o);return t._library={name:"ES6lib",version:"1.0.14"},t},e.NAME="ES6lib",e.VERSION="1.0.14",e._setTestMode=function(){return[]},e.noConflict=function(){return t.ES6lib=r,this},o={whoami(){return this._library},getString:()=>n.getString(),getArray:()=>n.getArray()}}(),e}));
+!function(t,e){"use strict";"function"==typeof define&&define.amd?define([""],e):"object"==typeof exports?module.exports=e(t):t.ES6lib=e(t)}(this,(t=>{"use strict";let e,n;const i={Public:{}};return n=function(t,e){const n=Object.keys(e);for(let i=0;i<n.length;i++)t[n[i]]=e[n[i]]},function(){const t=i.Public;n(t,{getString:()=>"I am a string!",getArray:()=>[1,2,3]})}(),function(){const n=i.Public,r=t.ES6lib;let o;e=function(){const t=Object.create(o);return t._library={name:"ES6lib",version:"1.1.0"},t},e.NAME="ES6lib",e.VERSION="1.1.0",e._setTestMode=function(){return[]},e.noConflict=function(){return t.ES6lib=r,this},o={whoami(){return this._library},getString:()=>n.getString(),getArray:()=>n.getArray()}}(),e}));

package/_dist/lib/es6lib.min.mjs

@@ -1,5 +1,5 @@
 /*! ****************************************************************************
- * ES6lib v1.0.14
+ * ES6lib v1.1.0
  *
  * A template for writing pure ES6 Javascript libraries.
  * (you can download it from npm or github repositories)
@@ -8,4 +8,4 @@
  * at: http://www.opensource.org/licenses/mit-license.php).
  * Built from {{boiler:name}} v{{boiler:name:version}}.
  * ************************************************************************** */
-const $__ES6GLOB={};!function(t,e){"use strict";"function"==typeof define&&define.amd?define([""],e):"object"==typeof exports?module.exports=e(t):t.ES6lib=e(t)}($__ES6GLOB,(t=>{"use strict";let e,n;const i={Public:{}};return n=function(t,e){const n=Object.keys(e);for(let i=0;i<n.length;i++)t[n[i]]=e[n[i]]},function(){const t=i.Public;n(t,{getString:()=>"I am a string!",getArray:()=>[1,2,3]})}(),function(){const n=i.Public,r=t.ES6lib;let o;e=function(){const t=Object.create(o);return t._library={name:"ES6lib",version:"1.0.14"},t},e.NAME="ES6lib",e.VERSION="1.0.14",e._setTestMode=function(){return[]},e.noConflict=function(){return t.ES6lib=r,this},o={whoami(){return this._library},getString:()=>n.getString(),getArray:()=>n.getArray()}}(),e}));export default $__ES6GLOB.ES6lib;
+const $__ES6GLOB={};!function(t,e){"use strict";"function"==typeof define&&define.amd?define([""],e):"object"==typeof exports?module.exports=e(t):t.ES6lib=e(t)}($__ES6GLOB,(t=>{"use strict";let e,n;const i={Public:{}};return n=function(t,e){const n=Object.keys(e);for(let i=0;i<n.length;i++)t[n[i]]=e[n[i]]},function(){const t=i.Public;n(t,{getString:()=>"I am a string!",getArray:()=>[1,2,3]})}(),function(){const n=i.Public,r=t.ES6lib;let o;e=function(){const t=Object.create(o);return t._library={name:"ES6lib",version:"1.1.0"},t},e.NAME="ES6lib",e.VERSION="1.1.0",e._setTestMode=function(){return[]},e.noConflict=function(){return t.ES6lib=r,this},o={whoami(){return this._library},getString:()=>n.getString(),getArray:()=>n.getArray()}}(),e}));export default $__ES6GLOB.ES6lib;

package/_dist/lib/es6lib.mjs

@@ -1,5 +1,5 @@
 /*! ****************************************************************************
- * ES6lib v1.0.14
+ * ES6lib v1.1.0
  *
  * A template for writing pure ES6 Javascript libraries.
  * (you can download it from npm or github repositories)
@@ -313,14 +313,14 @@ const $__ES6GLOB = {};
       const obj = Object.create(methods);
       obj._library = {
         name: 'ES6lib',
-        version: '1.0.14',
+        version: '1.1.0',
       };
       return obj;
     };
 
     // Attaches constants to ES6lib that provide name and version of the lib.
     ES6lib.NAME = 'ES6lib';
-    ES6lib.VERSION = '1.0.14';
+    ES6lib.VERSION = '1.1.0';
 
 
     // -- Private Static Methods -----------------------------------------------

package/bin/es6lib.js

@@ -269,7 +269,7 @@ function _addSkeleton(base, app, owner, cright) {
  * @returns {}              -,
  */
 function _duplicate(source, dest) {
-  const dupFiles = ['.eslintrc', '.travis.yml', 'gulpfile.js'];
+  const dupFiles = ['.eslintrc', '.travis.yml', 'rmdstore.sh'];
 
   for (let i = 0; i < dupFiles.length; i++) {
     process.stdout.write(`  copied ${dupFiles[i]}\n`);
@@ -303,22 +303,23 @@ function _customize(source, dest, app, owner, boilerlib) {
   pack.unpkg = `_dist/lib/${app.toLowerCase()}.mjs`;
   pack.module = `_dist/lib/${app.toLowerCase()}.min.mjs`;
   pack.bin = {};
-  pack.scripts = {
-    build: obj.scripts.build,
-    watch: obj.scripts.watch,
-    dev: obj.scripts.dev,
-    test: obj.scripts.test,
-    'display-coverage': obj.scripts['display-coverage'],
-    'check-coverage': obj.scripts['check-coverage'],
-    'report-coverage': obj.scripts['report-coverage'],
-    report: obj.scripts.report,
-    makedist: obj.scripts.makedist,
-    app: obj.scripts.app,
-    makeprivate: obj.scripts.makeprivate,
-    makelib: obj.scripts.makelib,
-    prepare: obj.scripts.prepare,
-    doc: obj.scripts.doc,
-  };
+  // pack.scripts = {
+  //   build: obj.scripts.build,
+  //   watch: obj.scripts.watch,
+  //   dev: obj.scripts.dev,
+  //   test: obj.scripts.test,
+  //   'display-coverage': obj.scripts['display-coverage'],
+  //   'check-coverage': obj.scripts['check-coverage'],
+  //   'report-coverage': obj.scripts['report-coverage'],
+  //   report: obj.scripts.report,
+  //   makedist: obj.scripts.makedist,
+  //   app: obj.scripts.app,
+  //   makeprivate: obj.scripts.makeprivate,
+  //   makelib: obj.scripts.makelib,
+  //   prepare: obj.scripts.prepare,
+  //   doc: obj.scripts.doc,
+  // };
+  pack.scripts = obj.scripts;
   pack.repository = obj.repository;
   pack.repository.url = `https://github.com/${owner.acronym}/${app.toLowerCase()}.git`;
   pack.keywords = ['ES6'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilabs/es6lib",
-  "version": "1.0.14",
+  "version": "1.1.0",
   "description": "A template for writing pure ES6 Javascript libraries",
   "main": "index.js",
   "minified": "_dist/lib/es6lib.min.js",
@@ -10,18 +10,44 @@
     "es6lib": "./bin/es6lib.js"
   },
   "scripts": {
-    "build": "gulp build",
-    "watch": "gulp watch",
-    "dev": "gulp rundev",
+    "general": " --- GENERAL ---",
+
+    "build:js": " --- JAVASCRIPT --- ",
+    "build:js:dev": "node tasks/build.js.dev.js $1",
+    "build:js:prod": "node tasks/build.js.prod.js $1",
+
+    "build:css": " --- CSS --- ",
+
+    "build:generic": " --- BUILD (GENERIC) --- ",
+
+    "build:development": " --- BUILD (DEVELOPMENT) --- ",
+    "build:dev": "npm run build:js:dev",
+
+    "build:production": " --- BUILD (PRODUCTION) --- ",
+    "build:skeleton:prod": "node tasks/build.skeleton.prod.js $1",
+    "prebuild:prod": "npm run build:dev && npm run build:skeleton:prod",
+    "build:prod": "npm run build:js:prod",
+
+    "testing": " --- TESTING --- ",
     "test": "cross-env NODE_ENV=test nyc --reporter=lcov mocha ./test/main.js",
-    "display-coverage": "opener ./coverage/lcov-report/index.html",
-    "check-coverage": "nyc check-coverage --statements 100 --branches 100 --functions 100 --lines 100",
-    "report-coverage": "nyc report --reporter=text-lcov | coveralls",
+    "display:coverage": "open -a safari ./coverage/lcov-report/index.html",
+    "check:coverage": "nyc check-coverage --statements 100 --branches 100 --functions 100 --lines 100",
+    "report:coverage": "nyc report --reporter=text-lcov | coveralls",
     "report": "nyc report",
-    "makedist": "gulp makedist",
-    "app": "gulp runapp",
-    "makeprivate": "gulp makeprivate && sh tasks/compress.sh ${npm_package_name} ${npm_package_version} @mobilabs",
-    "makelib": "gulp build && gulp makedist && gulp makeprivate && sh tasks/compress.sh ${npm_package_name} ${npm_package_version}",
+
+    "serving": " --- SERVING --- ",
+    "server:dev": "http-server --port 8080",
+    "server:prod": "http-server --port 8090",
+
+    "watch:js:css": " --- WATCHING --- ",
+    "watch:js": "nodemon --watch './src/**/*.js' --exec npm run build:dev",
+    "watch": "npm run watch:js",
+
+    "deployment": " --- DEPLOYMENT --- ",
+    "dep:prod": "rm -rf _dist-$npm_package_version && npm run build:prod && cp -r _dist _dist-$npm_package_version",
+    "dep:private": "npm run build:prod && node tasks/dep.private.js && sh tasks/compress.sh ${npm_package_name} ${npm_package_version} @mobilabs",
+
+    "others": " --- OTHERS ---",
     "prepare": "husky install",
     "doc": ""
   },
@@ -35,7 +61,6 @@
     "library",
     "template",
     "boilerplate",
-    "gulp",
     "mocha",
     "istanbul"
   ],
@@ -57,21 +82,15 @@
     "chai": "^4.3.7",
     "coveralls": "^3.1.1",
     "cross-env": "^7.0.3",
-    "del": "^6.1.1",
-    "eslint": "^8.40.0",
+    "eslint": "^8.41.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-import": "^2.27.5",
-    "gulp": "^4.0.2",
-    "gulp-concat": "^2.6.1",
-    "gulp-connect": "^5.7.0",
-    "gulp-header": "^2.0.9",
-    "gulp-replace": "^1.1.4",
-    "gulp-uglify-es": "^3.0.0",
+    "http-server": "^14.1.1",
     "husky": "^8.0.3",
     "mocha": "^10.2.0",
+    "nodemon": "^2.0.22",
     "nyc": "^15.1.0",
-    "open": "^8.4.2",
-    "opener": "^1.5.2"
+    "terser": "^5.17.4"
   },
   "publishConfig": {
     "access": "public"

package/rmdstore.sh

@@ -0,0 +1,9 @@
+#!/bin/bash
+
+# Find '.DS_Store'
+find . -type f -name '.DS_Store'
+
+if [[ $1 = '-del' ]]; then
+  echo 'Deleting ...'
+  find . -type f -name '.DS_Store' -delete
+fi