@b9g/crank 0.6.0 → 0.6.1

package/umd.js

@@ -27,8 +27,7 @@
 	            : typeof value === "string" ||
 	                typeof value[Symbol.iterator] !== "function"
 	                ? [value]
-	                : // TODO: inference broke in TypeScript 3.9.
-	                    [...value];
+	                : [...value];
 	}
 	function isIteratorLike(value) {
 	    return value != null && typeof value.next === "function";
@@ -904,7 +903,7 @@
 	            }
 	        }
 	        finally {
-	            ctx.f &= ~IsInForOfLoop;
+	            ctx.f &= -5;
 	        }
 	    }
 	    async *[Symbol.asyncIterator]() {
@@ -939,7 +938,7 @@
 	            }
 	        }
 	        finally {
-	            ctx.f &= ~IsInForAwaitOfLoop;
+	            ctx.f &= -9;
 	            if (ctx.onPropsRequested) {
 	                ctx.onPropsRequested();
 	                ctx.onPropsRequested = undefined;
@@ -1286,7 +1285,7 @@
 	        childValues = diffChildren(ctx.renderer, ctx.root, ctx.host, ctx, ctx.scope, ctx.ret, narrow(children), hydrationData);
 	    }
 	    finally {
-	        ctx.f &= ~IsSyncExecuting;
+	        ctx.f &= -3;
 	    }
 	    if (isPromiseLike(childValues)) {
 	        ctx.ret.inflightValue = childValues.then((childValues) => commitComponent(ctx, childValues));
@@ -1351,14 +1350,14 @@
 	        for (const callback of callbacks) {
 	            callback(value1);
 	        }
-	        ctx.f &= ~IsScheduling;
+	        ctx.f &= -1025;
 	        // Handles an edge case where refresh() is called during a schedule().
 	        if (ctx.f & IsSchedulingRefresh) {
-	            ctx.f &= ~IsSchedulingRefresh;
+	            ctx.f &= -2049;
 	            value = getValue(ctx.ret);
 	        }
 	    }
-	    ctx.f &= ~IsUpdating;
+	    ctx.f &= -2;
 	    return value;
 	}
 	function invalidate(ctx, host) {
@@ -1525,7 +1524,7 @@
 	            throw err;
 	        }
 	        finally {
-	            ctx.f &= ~IsSyncExecuting;
+	            ctx.f &= -3;
 	        }
 	        if (isIteratorLike(result)) {
 	            ctx.iterator = result;
@@ -1562,7 +1561,7 @@
 	            throw err;
 	        }
 	        finally {
-	            ctx.f &= ~IsSyncExecuting;
+	            ctx.f &= -3;
 	        }
 	        if (isPromiseLike(iteration)) {
 	            ctx.f |= IsAsyncGen;
@@ -1583,7 +1582,7 @@
 	                throw err;
 	            }
 	            finally {
-	                ctx.f &= ~IsSyncExecuting;
+	                ctx.f &= -3;
 	            }
 	        }
 	        if (isPromiseLike(iteration)) {
@@ -1594,9 +1593,9 @@
 	            !(ctx.f & IsUnmounted)) {
 	            console.error("Component yielded more than once in for...of loop");
 	        }
-	        ctx.f &= ~NeedsToYield;
+	        ctx.f &= -17;
 	        if (iteration.done) {
-	            ctx.f &= ~IsSyncGen;
+	            ctx.f &= -257;
 	            ctx.iterator = undefined;
 	        }
 	        let value;
@@ -1629,7 +1628,7 @@
 	                    throw err;
 	                }
 	                finally {
-	                    ctx.f &= ~IsSyncExecuting;
+	                    ctx.f &= -3;
 	                }
 	            }
 	            if (!isPromiseLike(iteration)) {
@@ -1646,7 +1645,7 @@
 	                        console.error("Component yielded more than once in for...of loop");
 	                    }
 	                }
-	                ctx.f &= ~NeedsToYield;
+	                ctx.f &= -17;
 	                try {
 	                    value = updateComponentChildren(ctx, 
 	                    // Children can be void so we eliminate that here
@@ -1778,7 +1777,7 @@
 	    }
 	    finally {
 	        if (done) {
-	            ctx.f &= ~IsAsyncGen;
+	            ctx.f &= -513;
 	            ctx.iterator = undefined;
 	        }
 	    }
@@ -1790,7 +1789,7 @@
 	    if (ctx.onProps) {
 	        ctx.onProps(ctx.ret.el.props);
 	        ctx.onProps = undefined;
-	        ctx.f &= ~PropsAvailable;
+	        ctx.f &= -33;
 	    }
 	    else {
 	        ctx.f |= PropsAvailable;
@@ -1882,7 +1881,7 @@
 	            }
 	        }
 	        finally {
-	            ctx.f &= ~IsSyncExecuting;
+	            ctx.f &= -3;
 	        }
 	    }
 	}
@@ -1969,12 +1968,12 @@
 	        throw err;
 	    }
 	    finally {
-	        ctx.f &= ~IsSyncExecuting;
+	        ctx.f &= -3;
 	    }
 	    if (isPromiseLike(iteration)) {
 	        return iteration.then((iteration) => {
 	            if (iteration.done) {
-	                ctx.f &= ~IsAsyncGen;
+	                ctx.f &= -513;
 	                ctx.iterator = undefined;
 	            }
 	            return updateComponentChildren(ctx, iteration.value);
@@ -1984,8 +1983,8 @@
 	        });
 	    }
 	    if (iteration.done) {
-	        ctx.f &= ~IsSyncGen;
-	        ctx.f &= ~IsAsyncGen;
+	        ctx.f &= -257;
+	        ctx.f &= -513;
 	        ctx.iterator = undefined;
 	    }
 	    return updateComponentChildren(ctx, iteration.value);
@@ -2065,6 +2064,30 @@
 	    // TODO: Stricter typings?
 	    value, oldValue, xmlns) {
 	        const isSVG = xmlns === SVG_NAMESPACE;
+	        const colonIndex = name.indexOf(":");
+	        if (colonIndex !== -1) {
+	            const ns = name.slice(0, colonIndex);
+	            const name1 = name.slice(colonIndex + 1);
+	            switch (ns) {
+	                case "prop":
+	                    node[name1] = value;
+	                    return;
+	                case "attr":
+	                    if (value == null || value === false) {
+	                        node.removeAttribute(name1);
+	                    }
+	                    else if (value === true) {
+	                        node.setAttribute(name1, "");
+	                    }
+	                    else if (typeof value === "string") {
+	                        node.setAttribute(name1, value);
+	                    }
+	                    else {
+	                        node.setAttribute(name, String(value));
+	                    }
+	                    return;
+	            }
+	        }
 	        switch (name) {
 	            case "style": {
 	                const style = node.style;
@@ -2364,49 +2387,54 @@
 	}
 	function printAttrs(props) {
 	    const attrs = [];
-	    for (const [name, value] of Object.entries(props)) {
-	        switch (true) {
-	            case name === "children":
-	            case name === "innerHTML":
-	            case name === "key":
-	            case name === "ref":
-	            case name === "static":
-	            case name === "crank-key":
-	            case name === "crank-ref":
-	            case name === "crank-static":
-	            case name === "c-key":
-	            case name === "c-ref":
-	            case name === "c-static":
-	            case name === "$key":
-	            case name === "$ref":
-	            case name === "$static":
-	                // TODO: Remove deprecated special props
-	                break;
-	            case name === "style": {
-	                if (typeof value === "string") {
-	                    attrs.push(`style="${escape(value)}"`);
-	                }
-	                else if (typeof value === "object") {
-	                    attrs.push(`style="${escape(printStyleObject(value))}"`);
-	                }
-	                break;
-	            }
-	            case name === "className": {
-	                if ("class" in props || typeof value !== "string") {
-	                    continue;
-	                }
-	                attrs.push(`class="${escape(value)}"`);
-	                break;
+	    for (let [name, value] of Object.entries(props)) {
+	        // TODO: Because printAttrs is called in arrange, special props are not filtered out.
+	        // This should be handled by the core library.
+	        if (name === "children" ||
+	            name === "innerHTML" ||
+	            name === "key" ||
+	            name === "ref" ||
+	            name === "copy" ||
+	            name.startsWith("prop:") ||
+	            // TODO: Remove deprecated special props
+	            name === "crank-key" ||
+	            name === "crank-ref" ||
+	            name === "crank-static" ||
+	            name === "c-key" ||
+	            name === "c-ref" ||
+	            name === "c-static" ||
+	            name === "$key" ||
+	            name === "$ref" ||
+	            name === "$static") {
+	            continue;
+	        }
+	        else if (name === "style") {
+	            if (typeof value === "string") {
+	                attrs.push(`style="${escape(value)}"`);
+	            }
+	            else if (typeof value === "object") {
+	                attrs.push(`style="${escape(printStyleObject(value))}"`);
+	            }
+	        }
+	        else if (name === "className") {
+	            if ("class" in props || typeof value !== "string") {
+	                continue;
+	            }
+	            attrs.push(`class="${escape(value)}"`);
+	        }
+	        else {
+	            if (name.startsWith("attr:")) {
+	                name = name.slice("attr:".length);
 	            }
-	            case typeof value === "string":
+	            if (typeof value === "string") {
 	                attrs.push(`${escape(name)}="${escape(value)}"`);
-	                break;
-	            case typeof value === "number":
+	            }
+	            else if (typeof value === "number") {
 	                attrs.push(`${escape(name)}="${value}"`);
-	                break;
-	            case value === true:
+	            }
+	            else if (value === true) {
 	                attrs.push(`${escape(name)}`);
-	                break;
+	            }
 	        }
 	    }
 	    return attrs.join(" ");