Adds new :@ prefix for dynamic properties. Fixes #98

Author: zachleat

src/attributeSerializer.js

@@ -3,8 +3,9 @@ import { escapeAttribute } from 'entities/lib/escape.js';
 
 class AttributeSerializer {
 	static prefixes = {
-		props: "@",
+		prop: "@",
 		dynamic: ":",
+		dynamicProp: ":@",
 	}
 
 	// Merge multiple style/class attributes into a single one, operates on :dynamic and @prop but with transformed values
@@ -78,9 +79,17 @@ class AttributeSerializer {
 	}
 
 	static peekAttribute(name) {
-		if(name.startsWith(AttributeSerializer.prefixes.props)) {
+		if(name.startsWith(AttributeSerializer.prefixes.dynamicProp)) {
 			return {
-				name: name.slice(AttributeSerializer.prefixes.props.length),
+				name: name.slice(AttributeSerializer.prefixes.dynamicProp.length),
+				privacy: "private", // property
+				evaluation: "script",
+			};
+		}
+
+		if(name.startsWith(AttributeSerializer.prefixes.prop)) {
+			return {
+				name: name.slice(AttributeSerializer.prefixes.prop.length),
 				privacy: "private", // property
 				evaluation: false,
 			};

test/issue-98-test.js

@@ -0,0 +1,18 @@
+import test from "ava";
+import { WebC } from "../webc.js";
+
+test("Issue #3 slot inconsistency", async t => {
+	let component = new WebC();
+
+	component.setInputPath("./test/stubs/issue-98/page.webc");
+	component.defineComponents("./test/stubs/issue-98/component.webc");
+
+	let { html, css, js, components } = await component.compile();
+
+	t.deepEqual(components, [
+		"./test/stubs/issue-98/page.webc",
+		"./test/stubs/issue-98/component.webc",
+	]);
+
+	t.is(html, `<div id="hahaha"></div>`);
+});

test/stubs/issue-98/component.webc

@@ -0,0 +1 @@
+<div :id="myDynamicProp"></div>

test/stubs/issue-98/page.webc

@@ -0,0 +1 @@
+<component :@my-dynamic-prop="'hahaha'"></component>