ripple 0.2.18 → 0.2.20

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ripple is a TypeScript UI framework for the web",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.2.18",
+  "version": "0.2.20",
   "type": "module",
   "module": "src/runtime/index.js",
   "main": "src/runtime/index.js",

package/src/compiler/phases/1-parse/index.js

@@ -77,6 +77,20 @@ function RipplePlugin(config) {
 				return this.finishNode(node, 'JSXExpressionContainer');
 			}
 
+			jsx_parseBindingExpression() {
+				let node = this.startNode();
+				this.next();
+
+				if (this.type === tt.bracketR) {
+					this.raise(node.start, 'bindings must only be assigned a non-empty expression');
+				}
+
+				node.expression = this.parseExpression();
+
+				this.expect(tt.bracketR);
+				return this.finishNode(node, 'BindingExpression');
+			}
+
 			jsx_parseTupleContainer() {
 				var t = this.startNode();
 				return (
@@ -90,6 +104,7 @@ function RipplePlugin(config) {
 
 			jsx_parseAttribute() {
 				let node = this.startNode();
+
 				if (this.eat(tt.braceL)) {
 					if (this.type.label === '@') {
 						this.next();
@@ -129,6 +144,9 @@ function RipplePlugin(config) {
 				const tok = this.acornTypeScript.tokTypes;
 
 				switch (this.type) {
+					case tt.bracketL:
+						var t = this.jsx_parseBindingExpression();
+						return t;
 					case tt.braceL:
 						var t = this.jsx_parseExpressionContainer();
 						return (
@@ -179,6 +197,20 @@ function RipplePlugin(config) {
 				return this.finishNode(node, 'TryStatement');
 			}
 
+			// updateContext(e) {
+			// 	const s = this.type;
+			// 	const context = this.curContext();
+			// 	const tokContexts = this.acornTypeScript.tokContexts;
+
+			// 	if (s == tt.bracketL && context == tokContexts.tc_oTag) {
+			// 		this.context.push(tc.b_expr);
+			// 	} else if (s == tt.bracketR && context == tc.b_expr) {
+			// 		this.context.pop();
+			// 	}
+
+			// 	return super.updateContext(e);
+			// }
+
 			jsx_readToken() {
 				let out = '',
 					chunkStart = this.pos;
@@ -198,7 +230,6 @@ function RipplePlugin(config) {
 							if (ch === 123 && this.exprAllowed) {
 								return this.getTokenFromCode(ch);
 							}
-							debugger;
 							throw new Error('TODO: Invalid syntax');
 
 						case 47: // '/'
@@ -662,7 +693,6 @@ function get_comment_handlers(source, comments, index = 0) {
 			// Special case: Trailing comments after the root node (which can only happen for expression tags or for Program nodes).
 			// Adding them ensures that we can later detect the end of the expression tag correctly.
 			if (comments.length > 0 && (comments[0].start >= ast.end || ast.type === 'Program')) {
-				debugger;
 				(ast.trailingComments ||= []).push(...comments.splice(0));
 			}
 		},

package/src/compiler/phases/3-transform/index.js

@@ -120,7 +120,7 @@ const visitors = {
 			...node,
 			specifiers: node.specifiers
 				.filter((spec) => spec.importKind !== 'type')
-				.map((spec) => context.visit(spec.local)),
+				.map((spec) => context.visit(spec)),
 		};
 	},