@kamen/create-webapp 1.0.45 → 1.0.47

package/README.md

@@ -42,6 +42,34 @@ const data = Array
 console.dir(data);
 ```
 
+### Dynamic import from CDN
+
+```js
+const {
+    createRandomFromList
+} = await import('https://esm.run/@kamen/create-webapp');
+
+function createAlphabet() {
+    const baseChar = 'a';
+    const lowerCode = baseChar.charCodeAt();
+    const upperCode = baseChar.toUpperCase().charCodeAt();
+    const length = 'z'.charCodeAt() - lowerCode + 1;
+    return Array
+        .from({length}, (_, index) => [
+            String.fromCharCode(lowerCode + index),
+            String.fromCharCode(upperCode + index)
+        ])
+        .flat();
+}
+
+const identHandler = createRandomFromList(createAlphabet());
+const identFormatHandler = () => Array
+    .from({length: 1 << 5}, identHandler)
+    .join('');
+
+console.log(identFormatHandler());
+```
+
 ### Advanced example
 
 [SVG Path Generative Art](https://codepen.io/L1feF0rm/pen/GRzGxdb)

package/css/reset.css

@@ -35,6 +35,5 @@ picture,
 svg,
 video {
   display: block;
-  vertical-align: middle;
   max-width: 100%;
 }

package/index.js

@@ -265,6 +265,26 @@ export function findVue(version = 2, root = document, hook = '__VUE_DEVTOOLS_GLO
     return 'Vue mountpoint not found';
 }
 
+export class DOMUtils {
+    static namespaces = class {
+        static HTML = 'http://www.w3.org/1999/xhtml';
+        static MathML = 'http://www.w3.org/1998/Math/MathML';
+        static SVG = 'http://www.w3.org/2000/svg';
+    };
+
+    static createHTMLElement(tag = '') {
+        return document.createElementNS(this.namespaces.HTML, tag);
+    }
+
+    static createMathMLElement(tag = '') {
+        return document.createElementNS(this.namespaces.MathML, tag);
+    }
+
+    static createSVGElement(tag = '') {
+        return document.createElementNS(this.namespaces.SVG, tag);
+    }
+}
+
 /**
  * URL wrapper implementing builder pattern
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kamen/create-webapp",
-  "version": "1.0.45",
+  "version": "1.0.47",
   "description": "npm init @kamen/webapp",
   "keywords": [
     "init",
@@ -20,7 +20,7 @@
   },
   "author": {
     "name": "Kamen Balabanov",
-    "email": "kbalabanov@gmail.com"
+    "email": "k.balabanov@gmail.com"
   },
   "repository": {
     "type": "git",