@webreflection/elements 0.1.2 → 0.1.3

package/README.md

@@ -2,6 +2,8 @@
 
 HTML & SVG Custom Elements, glueing [qsa-observer](https://github.com/WebReflection/qsa-observer#readme) and [nonchalance](https://github.com/WebReflection/nonchalance#readme) together.
 
+**[Live Test](https://webreflection.github.io/elements/test.html)**
+
 ```html
 <script type="module">
 
@@ -18,7 +20,7 @@ HTML & SVG Custom Elements, glueing [qsa-observer](https://github.com/WebReflect
     #private;
 
     // only caveat:
-    //   if defined, the constructor MUST forwards arguments!
+    //   if defined, the constructor MUST forward arguments!
     constructor(...args) {
       super(...args);
       this.#private = 'test';
@@ -39,6 +41,6 @@ Enjoy 👋
 
 ### Native Support Included
 
-If your browser supports natively custom elements builtin extends (i.e. Chrome/ium based) you can use [@webreflection/elements/native](./native.js) export instead, which offers exact same API without any dependency, hence it's lightweight, easier to reason about, and natively wonderful.
+If your browser supports natively *HTML* custom elements builtin extends (i.e. Chrome/ium based), and *HTML* is all you want/need to extend 'cause *SVG* custom elements do not exist natively on the Web, you can use [@webreflection/elements/native](./native.js) export instead, which offers the **exact same API** without any dependency, hence it's lightweight, easier to reason about, and natively wonderful.
 
 If you don't know if that's supported and you would like to feature detect this ability, you can pick the [@webreflection/elements/auto](./auto.js) export insted.

package/auto.js

@@ -4,8 +4,13 @@ let { HTML, SVG, elements } = module;
 
 try {
   const LI = class extends HTMLLIElement {};
-  customElements.define('extends-' + Date.now(), LI, { extends: 'li' });
+  customElements.define('li-' + Date.now(), LI, { extends: 'li' });
   new LI;
+  SVG = new Proxy(module, {
+    get() {
+      throw new DOMException('SVG extends not natively supported');
+    }
+  });
 }
 catch {
   ({ HTML, SVG, elements } = await import('./min.js'));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webreflection/elements",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "HTML & SVG Custom Elements",
   "main": "index.js",
   "module": "index.js",