@sigil-dev/compiler 0.3.0 → 0.4.0

package/jsr.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sigil-dev/compiler",
-	"version": "0.2.0",
+	"version": "0.4.0",
 	"exports": "./index.ts",
 	"publish": {
 		"exclude": ["src/**/*.test.ts"]

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@sigil-dev/compiler",
 	"module": "index.ts",
 	"type": "module",
-	"version": "0.3.0",
+	"version": "0.4.0",
 	"private": false,
 	"description": "Compiler for the Sigil framework",
 	"peerDependencies": {

package/src/babel/jsx/element.ts

@@ -151,19 +151,15 @@ export function processElement(
 			);
 		}
 		seenAttrs.add(realAttr);
-		if (attrName.startsWith("use:")) {
-			// use:directive or use:directive={params}
-			const directiveName = attrName.slice(4);
-			const args: t.Expression[] = [
-				t.identifier(varName),
-				t.identifier(directiveName),
-			];
-			if (t.isJSXExpressionContainer(attr.value)) {
-				args.push((attr.value as t.JSXExpressionContainer).expression as t.Expression);
-			}
+		if (attrName === "use") {
+			// use={directive} or use={[directive, params]}
+			const expr = (attr.value as t.JSXExpressionContainer).expression as t.Expression;
 			statements.push(
 				t.expressionStatement(
-					t.callExpression(t.identifier("applyDirective"), args),
+					t.callExpression(t.identifier("applyDirective"), [
+						t.identifier(varName),
+						expr,
+					]),
 				),
 			);
 		} else if (/^on[A-Z]/.test(attrName)) {

package/src/babel/jsx/ssr.ts

@@ -139,7 +139,8 @@ export function processElementSSR(
 		}
 		// drop event handlers
 		if (attrName.startsWith("on")) continue;
-		// drop bind:* - no two-way binding on server
+		// drop client-only props
+		if (attrName === "use") continue;
 		if (attrName.startsWith("bind")) continue;
 
 		const domAttr = ATTR_MAP_SSR[attrName] ?? attrName;