remove cypress and add createEl plus update googlemaps

README.md

@@ -12,9 +12,9 @@ The purpose of this repo is to create a single point of access for all those lit
 
 ### Structure
 
-The structure is super simple, there is a master import at the root of src that pulls in the namespaces, those in turn have their own indeci which import the modules themselves.
+The structure is super simple, there is a master import at the root of src that pulls in the namespaces, those in turn have their own indice which import the modules themselves.
 
-Each module is a sinlge exported function, please continue this way as it makes things easy to reason about and keeps individual modules small.
+Each module is a single exported function, please continue this way as it makes things easy to reason about and keeps individual modules small.
 
 The aim with this approach is to have small files that do one thing well.
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neuekit/utilities",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "license": "MIT",
   "description": "Tree-shakeable JavaScript utilities, add yours today!",
   "main": "dist/bundle.js",
@@ -18,34 +18,31 @@
     "access": "public"
   },
   "dependencies": {
-    "dayjs": "^1.8.27",
+    "dayjs": "^1.9.6",
     "qss": "^2.0.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.10.5",
-    "@babel/preset-env": "^7.9.6",
-    "@rollup/plugin-babel": "^5.0.0",
-    "@rollup/plugin-commonjs": "^11.1.0",
-    "@rollup/plugin-node-resolve": "^7.1.3",
-    "@rollup/plugin-replace": "^2.3.2",
-    "cypress": "^4.5.0",
-    "documentation": "^13.0.0",
+    "@babel/core": "^7.12.3",
+    "@babel/preset-env": "^7.12.1",
+    "@rollup/plugin-babel": "^5.2.1",
+    "@rollup/plugin-commonjs": "^16.0.0",
+    "@rollup/plugin-node-resolve": "^10.0.0",
+    "@rollup/plugin-replace": "^2.3.4",
+    "documentation": "^13.1.0",
     "dotenv": "^8.2.0",
     "npm-run-all": "^4.1.5",
-    "onchange": "^7.0.2",
-    "prettier": "^2.0.5",
-    "rollup": "^2.10.2",
-    "rollup-plugin-terser": "^5.3.0"
+    "onchange": "^7.1.0",
+    "prettier": "^2.1.2",
+    "rollup": "^2.33.2",
+    "rollup-plugin-terser": "^7.0.2"
   },
   "scripts": {
     "build": "rollup --config",
     "dev": "rollup --config --watch",
-    "cypress": "cypress open",
     "prettier": "prettier --config --write ./src/**/*.js",
     "documentation": "documentation build ./src/** -f md -o docs/index.md",
     "watch:prettier": "onchange './src/**/*.js' -- npm run prettier",
     "watch:documentation": "onchange './src/**/*.js' -- npm run documentation",
-    "watch": "run-p 'watch:prettier' 'watch:documentation'",
-    "test": "npm run cypress"
+    "watch": "run-p 'watch:prettier' 'watch:documentation'"
   }
 }

src/integrations/googlemaps.js

@@ -1,7 +1,5 @@
-/**
- * @private
- */
-let googleMapsScriptIsInjected = false;
+import createEl from '../vanilla/createEl';
+import { encode } from 'qss';
 
 /**
  * Allows for programmatic insertion of Google Maps script
@@ -10,24 +8,17 @@ let googleMapsScriptIsInjected = false;
  * @param {object} options the Google Maps Api params
  */
 export default function (options = {}) {
-   if (googleMapsScriptIsInjected) {
+   if (document.getElementById('neuekitGoogle')) {
       window[options.callback]();
       return;
    }
-
-   const optionsQuery = Object.keys(options)
-      .map((k) => `${encodeURIComponent(k)}=${encodeURIComponent(options[k])}`)
-      .join('&');
-
-   const url = `https://maps.googleapis.com/maps/api/js?${optionsQuery}`;
-
-   const script = document.createElement('script');
-
-   script.setAttribute('src', url);
-   script.setAttribute('async', '');
-   script.setAttribute('defer', '');
+
+   const script = createEl('script', {
+      src: 'https://maps.googleapis.com/maps/api/js?' + encode(options),
+      id: 'neuekitGoogle',
+      async: '',
+      defer: ''
+   });
 
    document.head.appendChild(script);
-
-   googleMapsScriptIsInjected = true;
 }

src/vanilla/createEl.js

@@ -0,0 +1,19 @@
+ /**
+  * Creates an element with a given object of attributes
+  * @memberof Vanilla
+  * @version 1.0.0
+  * @param {string} name of the element such as 'div'
+  * @param {object} key/value object of attribute names and values
+  * @returns {node} returns node
+  */
+
+export default function (tagName, attributes = {}) {
+
+   const elem = document.createElement(tagName);
+
+   for (const key in attributes) {
+      elem[key] = attributes[key];
+   }
+
+   return elem;
+};

src/vanilla/index.js

@@ -1,4 +1,5 @@
 import copy from './copy';
+import createEl from './createEl';
 import getIndex from './getIndex';
 import getObject from './getObject';
 import hex from './hex';
@@ -17,6 +18,7 @@ import titleCase from './titleCase';
 
 export {
    copy,
+   createEl,
    getIndex,
    getObject,
    hex,