ripple 0.2.66 → 0.2.67

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ripple is an elegant TypeScript UI framework",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.2.66",
+  "version": "0.2.67",
   "type": "module",
   "module": "src/runtime/index.js",
   "main": "src/runtime/index.js",

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

@@ -324,6 +324,13 @@ const visitors = {
     }
   },
 
+  PropertyDefinition(node, context) {
+    if (!context.state.to_ts) {
+      delete node.typeAnnotation;
+    }
+    return context.next();
+  },
+
   VariableDeclaration(node, context) {
     const declarations = [];
 
@@ -1152,7 +1159,9 @@ const visitors = {
   },
 
   TemplateLiteral(node, context) {
-    if (node.expressions.length === 0) {
+    const parent = context.path.at(-1);
+
+    if (node.expressions.length === 0 && parent?.type !== 'TaggedTemplateExpression') {
       return b.literal(node.quasis[0].value.cooked);
     }
 
@@ -1474,6 +1483,7 @@ function transform_children(children, context) {
       node.type === 'DebuggerStatement' ||
       node.type === 'ClassDeclaration' ||
       node.type === 'TSTypeAliasDeclaration' ||
+      node.type === 'TSInterfaceDeclaration' ||
       node.type === 'Component'
     ) {
       const metadata = { await: false };

package/tests/compiler.test.ripple

@@ -65,7 +65,7 @@ describe('compiler success tests', () => {
 	});
 
 
-  /*it('renders without crashing using < character', () => {
+  	it('renders without crashing using < character', () => {
 		component App() {
 			function bar() {
         for (let i = 0; i < 10; i++) {
@@ -80,7 +80,7 @@ describe('compiler success tests', () => {
 		}
 
 		render(App);
-	});*/
+	});
 
 	it('render lexical blocks without crashing', () => {
 		component App() {
@@ -240,4 +240,44 @@ describe('compiler success tests', () => {
 
 		render(App);
 	});
+
+	it('should not fail with random TS syntax', () => {
+		function tagFn() {
+			return null;
+		}
+
+		function Wrapper() {
+		return {
+				unwrap: function<T>() {
+				return null as unknown as T;
+				}
+			}
+		}
+
+		component App() {
+			let x: number[] = [] as number[];
+
+			const n = new Wrapper<number>().unwrap<string>();
+
+			const tagResult = tagFn`value`;
+
+			interface Node<T> {
+				value: T;
+			}
+
+			class Box<T> {
+				value: T;
+
+				method<T>(): T {
+				return this.value;
+				}
+			}
+
+			let flag = true;
+
+			const s = flag ? new Box<number>() : new Box<string>();
+		}
+
+		render(App);
+	});
 });