jaxs 0.2.1 → 0.3.1

package/cypress/jaxs-apps/dist/add-remove-root-children.3bb9b3f5.js

@@ -581,7 +581,6 @@ function hmrAccept(bundle /*: ParcelRequire */ , id /*: string */ ) {
 },{}],"bAfYR":[function(require,module,exports) {
 var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
 parcelHelpers.defineInteropFlag(exports);
-parcelHelpers.export(exports, "views", ()=>views);
 parcelHelpers.export(exports, "render", ()=>render);
 parcelHelpers.export(exports, "navigation", ()=>exports_navigation);
 parcelHelpers.export(exports, "jsx", ()=>jsx_default);
@@ -655,11 +654,12 @@ var normalizeValueForKey = (object, key, defaultValue = "")=>{
     return object[key];
 };
 // src/rendering/dom/svg.ts
+var namespace = "http://www.w3.org/2000/svg";
 var isSvgTag = (tagType)=>tagType === "svg";
+var isSvg = (element)=>element.namespaceURI === namespace;
 var createSvgNode = (type, attributes, renderKit)=>{
     const document = renderKit && renderKit.document || window.document;
-    const xmlns = "http://www.w3.org/2000/svg";
-    const node = document.createElementNS(xmlns, type, xmlns);
+    const node = document.createElementNS(namespace, type);
     for(const key in attributes){
         if (key === "__self" || key === "xmlns") continue;
         node.setAttributeNS(null, key, attributes[key]);
@@ -709,20 +709,20 @@ var isTextNode = (child)=>{
 var textNode = (content)=>{
     return new TextTemplate(content);
 };
-var withSvgFlag = (isSvg)=>(template)=>{
-        template && (template.isSvg = template.isSvg || isSvg);
+var withSvgFlag = (isSvg2)=>(template)=>{
+        template && (template.isSvg = template.isSvg || isSvg2);
         return template;
     };
 class Children {
     collection;
     parentElement;
     isSvg;
-    constructor(jsxChildren, isSvg = false){
+    constructor(jsxChildren, isSvg2 = false){
         this.collection = ensureArray(jsxChildren);
         this.collection = this.collection.map(replaceTextNodes);
         this.collection = this.collection.flat();
-        this.collection = this.collection.map(withSvgFlag(isSvg));
-        this.isSvg = isSvg;
+        this.collection = this.collection.map(withSvgFlag(isSvg2));
+        this.isSvg = isSvg2;
     }
     render(renderKit, parentElement) {
         this.parentElement = parentElement;
@@ -746,14 +746,13 @@ class Tag {
     attributes;
     children;
     isSvg;
-    constructor(tagType, combinedAttributes, children2, isSvg = false){
+    constructor(tagType, combinedAttributes, children2, isSvg2 = false){
         this.type = tagType;
         const { events, attributes } = separateAttrsAndEvents(combinedAttributes);
         this.events = events;
         this.attributes = attributes;
-        this.isSvg = isSvg || isSvgTag(this.type);
+        this.isSvg = isSvg2 || isSvgTag(this.type);
         this.children = new Children(children2, this.isSvg);
-        console.log(this.type, this.isSvg);
     }
     render(renderKit) {
         const dom = this.generateDom(renderKit);
@@ -764,13 +763,8 @@ class Tag {
         ];
     }
     generateDom(renderKit) {
-        if (this.isSvg) {
-            console.log("rendering", this.type, "as svg");
-            return this.generateSvnDom(renderKit);
-        } else {
-            console.log("rendering", this.type, "as normal node");
-            return this.generateHtmlDom(renderKit);
-        }
+        if (this.isSvg) return this.generateSvnDom(renderKit);
+        else return this.generateHtmlDom(renderKit);
     }
     generateHtmlDom(renderKit) {
         const node = createDecoratedNode(this.type, this.attributes, this.events, renderKit);
@@ -1137,7 +1131,7 @@ var createIdMap = (list)=>{
     return map;
 };
 // src/rendering/change/instructions/attributes.ts
-var compileForAttributes = (source, target)=>{
+var compileForAttributes = (source, target, isSvg2 = false)=>{
     const instructions = [];
     const sourceAttributes = source.attributes;
     const sourceLength = sourceAttributes.length;
@@ -1159,11 +1153,13 @@ var compileForAttributes = (source, target)=>{
             }
         }
         if (!matchingAttribute) instructions.push(removeAttribute(source, target, {
-            name: sourceAttribute.name
+            name: sourceAttribute.name,
+            isSvg: isSvg2
         }));
         else if (sourceAttribute.value !== matchingAttribute.value) instructions.push(updateAttribute(source, target, {
             name: sourceAttribute.name,
-            value: matchingAttribute.value
+            value: matchingAttribute.value,
+            isSvg: isSvg2
         }));
     }
     for(index = 0; index < targetLength; index++){
@@ -1180,7 +1176,8 @@ var compileForAttributes = (source, target)=>{
         }
         if (!matchingAttribute) instructions.push(addAttribute(source, target, {
             name: targetAttribute.name,
-            value: targetAttribute.value
+            value: targetAttribute.value,
+            isSvg: isSvg2
         }));
     }
     return instructions;
@@ -1222,6 +1219,9 @@ var compileForElement = (source, target)=>{
     const valueInstructions = compileForInputValue(source, target);
     return attributeInstructions.concat(eventInstructions).concat(valueInstructions);
 };
+var compileForSvg = (source, target)=>{
+    return compileForAttributes(source, target, true);
+};
 var compileForInputValue = (sourceElement, targetElement)=>{
     const instructions = [];
     if (sourceElement.tagName !== "INPUT") return instructions;
@@ -1248,7 +1248,13 @@ var NodeTypes;
 })(NodeTypes || (NodeTypes = {}));
 var compileForNodeGenerator = (compileForCollection)=>(source, target)=>{
         let instructions = [];
-        if (source.nodeType === NodeTypes.ElementNode) {
+        if (source.nodeType === NodeTypes.ElementNode && isSvg(source)) {
+            const sourceElement = source;
+            const targetElement = target;
+            const baseInstructions = compileForSvg(sourceElement, targetElement);
+            const childrenInstructions = compileForCollection(sourceElement.childNodes, targetElement.childNodes, sourceElement);
+            instructions = baseInstructions.concat(childrenInstructions);
+        } else if (source.nodeType === NodeTypes.ElementNode) {
             const sourceElement = source;
             const targetElement = target;
             const baseInstructions = compileForElement(sourceElement, targetElement);
@@ -1257,8 +1263,6 @@ var compileForNodeGenerator = (compileForCollection)=>(source, target)=>{
         } else if (source.nodeType === NodeTypes.TextNode) instructions = compileForText(source, target);
         return instructions;
     };
-// src/debugging.js
-var debug = (...message)=>{};
 // src/rendering/change/instructions/children.ts
 var compileChildren = (sourceList, targetList, parent)=>{
     const baseInstructions = [];
@@ -1270,55 +1274,37 @@ var compileChildren = (sourceList, targetList, parent)=>{
     for(; index < length; index++){
         const source = sourceList[index];
         const target = targetList[index];
-        debug("\n", "loop index", index, source && source.__jsx, target && target.__jsx);
         if (target && targetMap.check(target)) {
-            debug("target", target.__jsx, "index", index);
             const matchingSource = sourceMap.pullMatch(target);
             targetMap.clear(target);
             if (matchingSource.element) {
-                debug("matching source found for target");
-                if (matchingSource.index !== index) {
-                    debug("moving source", matchingSource.element.__jsx, index);
-                    baseInstructions.push(insertNode(matchingSource.element, {
-                        parent,
-                        index
-                    }));
-                }
-                debug("updating to match target", matchingSource.element.__jsx, matchingSource.element.classList, target.__jsx, target.classList);
+                if (matchingSource.index !== index) baseInstructions.push(insertNode(matchingSource.element, {
+                    parent,
+                    index
+                }));
                 nodesPairsToDiff.push({
                     source: matchingSource.element,
                     target
                 });
             } else if (source) {
-                debug("NO matching source for target but source in slot", source.__jsx);
-                if (targetMap.check(source)) {
-                    debug("adding", target.__jsx, "at", index);
-                    baseInstructions.push(insertNode(target, {
-                        parent,
-                        index
-                    }));
-                } else {
-                    debug("replacing", source.__jsx, target.__jsx, "at", index);
-                    sourceMap.clear(source);
-                    baseInstructions.push(replaceNode(source, target));
-                }
-            } else {
-                debug("adding target to end", target.__jsx);
-                baseInstructions.push(insertNode(target, {
+                if (targetMap.check(source)) baseInstructions.push(insertNode(target, {
                     parent,
                     index
                 }));
-            }
+                else {
+                    sourceMap.clear(source);
+                    baseInstructions.push(replaceNode(source, target));
+                }
+            } else baseInstructions.push(insertNode(target, {
+                parent,
+                index
+            }));
         } else if (source) {
             const matchingSource = sourceMap.pullMatch(source);
-            if (matchingSource.element) {
-                debug("removing", source.__jsx);
-                baseInstructions.push(removeNode(source));
-            }
+            if (matchingSource.element) baseInstructions.push(removeNode(source));
         }
     }
     sourceMap.remaining().forEach(({ element: element2 })=>{
-        debug("removing", element2.__jsx);
         baseInstructions.push(removeNode(element2));
     });
     const nodeInstructions = nodesPairsToDiff.reduce((collection, { source, target })=>{
@@ -1340,7 +1326,6 @@ var compileForNode = compileForNodeGenerator(compileChildren);
 // src/rendering/change.ts
 var change = (source, target, parent)=>{
     const instructions = compileChildren(source, target, parent);
-    debug("instructions", instructions.map((instruction)=>instruction.type));
     instructions.forEach((instruction)=>{
         performInstruction(instruction);
     });
@@ -1357,7 +1342,6 @@ var changeText2 = (instruction)=>{
 var removeNode2 = (instruction)=>{
     const { source } = instruction;
     source.remove();
-    debug("removeNode called on", source.nodeName);
 };
 var insertNode2 = (instruction)=>{
     const { target, data } = instruction;
@@ -1369,18 +1353,18 @@ var insertNode2 = (instruction)=>{
 var replaceNode2 = (instruction)=>{
     const { source, target } = instruction;
     source.replaceWith(target);
-    debug("replaceNode called on", source.nodeName, "with", target.nodeName);
-    debug("parent", source.parentElement);
 };
 var removeAttribute2 = (instruction)=>{
     const { source, data } = instruction;
-    const { name } = data;
-    source.removeAttribute(name);
+    const { name, isSvg: isSvg2 } = data;
+    if (isSvg2) source.removeAttributeNS(null, name);
+    else source.removeAttribute(name);
 };
 var addAttribute2 = (instruction)=>{
     const { source, data } = instruction;
-    const { name, value } = data;
-    source.setAttribute(name, value);
+    const { name, value, isSvg: isSvg2 } = data;
+    if (isSvg2) source.setAttributeNS(null, name, value);
+    else source.setAttribute(name, value);
 };
 var updateAttribute2 = (instruction)=>{
     addAttribute2(instruction);
@@ -1424,10 +1408,11 @@ var performers = {
     [ChangeInstructions.changeValue]: changeValue2
 };
 // src/rendering/templates/bound.js
+var passThroughViewModel = (state2)=>state2;
 class Bound {
     constructor(TemplateClass, viewModel, subscriptions, attributes2){
         this.TemplateClass = TemplateClass;
-        this.viewModel = viewModel;
+        this.viewModel = viewModel || passThroughViewModel;
         this.attributes = attributes2 || {};
         this.subscriptions = subscriptions;
         this.dom = [];
@@ -1644,44 +1629,6 @@ __export(exports_navigation, {
         return setupHistory;
     }
 });
-// src/views/conditionals.jsx
-var exports_conditionals = {};
-__export(exports_conditionals, {
-    Unless: ()=>{
-        return Unless;
-    },
-    IfElse: ()=>{
-        return IfElse;
-    },
-    If: ()=>{
-        return If;
-    }
-});
-var If = ({ condition, children: children3 })=>{
-    if (!condition) return;
-    return jsx_default(jsx_default.fragment, null, children3);
-};
-var Unless = ({ condition, children: children3 })=>{
-    if (condition) return;
-    return jsx_default(jsx_default.fragment, null, children3);
-};
-var IfElse = ({ condition, children: children3 })=>{
-    const [first, ...rest] = children3;
-    if (condition) return jsx_default(jsx_default.fragment, null, first);
-    return jsx_default(jsx_default.fragment, null, rest);
-};
-// src/views/link.jsx
-var Link = ({ children: children3, ...props })=>{
-    return jsx_default("a", {
-        ...props,
-        onClick: "goToHref"
-    }, children3);
-};
-// src/views.js
-var views = {
-    ...exports_conditionals,
-    Link
-};
 
 },{"@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"gkKU3":[function(require,module,exports) {
 exports.interopDefault = function(a) {