@marko/language-tools 2.0.4 → 2.0.6

package/dist/index.js

@@ -2259,9 +2259,13 @@ ${varShared(renderer)})`);
             break;
           case 10 /* AttrNamed */: {
             const isDefault = isEmptyRange(attr.name);
-            const name = isDefault ? ATTR_UNAMED2 : attr.name;
             const value = attr.value;
+            const modifierIndex = !isDefault && (!value || value.type === 13 /* AttrValue */) && this.#getNamedAttrModifierIndex(attr);
             const defaultMapPosition = isDefault ? attr.name : void 0;
+            let name = isDefault ? ATTR_UNAMED2 : attr.name;
+            if (modifierIndex !== false) {
+              name = { start: attr.name.start, end: modifierIndex };
+            }
             if (value) {
               switch (value.type) {
                 case 14 /* AttrMethod */:
@@ -2342,7 +2346,7 @@ ${isMutatedVar(tag.parent, valueLiteral) ? `${varLocal("return")}.mutate.` : ""}
 `).copy(attr.args.value).write("\n)");
               }
             } else {
-              this.#extractor.write('"').copy(defaultMapPosition).copy(name).write('": true');
+              this.#extractor.write('"').copy(defaultMapPosition).copy(name).write(`": ${modifierIndex === false ? "true" : '""'}`);
             }
             break;
           }
@@ -2434,11 +2438,7 @@ const attrTags = ${varShared(
           this.#extractor.write("((\n").copy(
             ((_a = tag.args) == null ? void 0 : _a.value) || this.#getAttrValue(tag, ATTR_UNAMED2) || "undefined"
           ).write("\n) ? ");
-          this.#extractor.write("{\n");
-          const body = this.#processBody(tag);
-          if (body)
-            this.#writeAttrTags(body, true);
-          this.#extractor.write("\n} ");
+          this.#writeDynamicAttrTagBody(tag);
           let needsAlternate = true;
           if (alternates) {
             for (const { node, condition } of alternates) {
@@ -2451,14 +2451,7 @@ const attrTags = ${varShared(
               } else {
                 this.#extractor.write(": undefined ? ");
               }
-              const body2 = this.#processBody(tag);
-              if (body2) {
-                this.#extractor.write("{\n");
-                this.#writeAttrTags(body2, true);
-                this.#extractor.write("}");
-              } else {
-                this.#extractor.write("{}");
-              }
+              this.#writeDynamicAttrTagBody(node);
             }
           }
           if (needsAlternate) {
@@ -2474,20 +2467,17 @@ const attrTags = ${varShared(
             this.#writeTagNameComment(tag);
           this.#extractor.write("}, \n");
           this.#writeComments(tag);
-          this.#extractor.copy(tag.typeParams).write("(\n").copy((_b = tag.params) == null ? void 0 : _b.value).write("\n) => ({\n");
-          const body = this.#processBody(tag);
-          if (body)
-            this.#writeAttrTags(body, true);
-          this.#extractor.write("}))");
+          this.#extractor.copy(tag.typeParams).write("(\n").copy((_b = tag.params) == null ? void 0 : _b.value).write("\n) => (");
+          this.#writeDynamicAttrTagBody(tag);
+          this.#extractor.write("))");
           break;
         }
         case "while": {
           this.#writeComments(tag);
           this.#extractor.write(`${varShared("mergeAttrTags")}((
-`).copy(((_c = tag.args) == null ? void 0 : _c.value) || "undefined").write("\n) ? [{\n");
-          const body = this.#processBody(tag);
-          this.#writeAttrTags(body, true);
-          this.#extractor.write("}] : [])");
+`).copy(((_c = tag.args) == null ? void 0 : _c.value) || "undefined").write("\n) ? [");
+          this.#writeDynamicAttrTagBody(tag);
+          this.#extractor.write("] : [])");
           break;
         }
       }
@@ -2746,6 +2736,24 @@ const attrTags = ${varShared(
       return { renderBody, staticAttrTags, dynamicAttrTagParents };
     }
   }
+  #writeDynamicAttrTagBody(tag) {
+    const body = this.#processBody(tag);
+    if (body) {
+      if (body.renderBody) {
+        this.#extractor.write("(() => {\n");
+        this.#writeChildren(tag, body.renderBody);
+        this.#extractor.write("return ");
+      }
+      this.#extractor.write("{\n");
+      this.#writeAttrTags(body, true);
+      this.#extractor.write("}");
+      if (body.renderBody) {
+        this.#extractor.write(";\n})()");
+      }
+    } else {
+      this.#extractor.write("{}");
+    }
+  }
   #getAttrValue(tag, name) {
     if (tag.attrs) {
       for (const attr of tag.attrs) {
@@ -2828,6 +2836,15 @@ const attrTags = ${varShared(
     }
     return renderId;
   }
+  #getNamedAttrModifierIndex(attr) {
+    const start = attr.name.start + 1;
+    const end = attr.name.end - 1;
+    for (let i = end; i-- > start; ) {
+      if (this.#code.charAt(i) === ":")
+        return i;
+    }
+    return false;
+  }
   #testAtIndex(reg, index) {
     reg.lastIndex = index;
     return reg.test(this.#code);

package/dist/index.mjs

@@ -2228,9 +2228,13 @@ ${varShared(renderer)})`);
             break;
           case 10 /* AttrNamed */: {
             const isDefault = isEmptyRange(attr.name);
-            const name = isDefault ? ATTR_UNAMED2 : attr.name;
             const value = attr.value;
+            const modifierIndex = !isDefault && (!value || value.type === 13 /* AttrValue */) && this.#getNamedAttrModifierIndex(attr);
             const defaultMapPosition = isDefault ? attr.name : void 0;
+            let name = isDefault ? ATTR_UNAMED2 : attr.name;
+            if (modifierIndex !== false) {
+              name = { start: attr.name.start, end: modifierIndex };
+            }
             if (value) {
               switch (value.type) {
                 case 14 /* AttrMethod */:
@@ -2311,7 +2315,7 @@ ${isMutatedVar(tag.parent, valueLiteral) ? `${varLocal("return")}.mutate.` : ""}
 `).copy(attr.args.value).write("\n)");
               }
             } else {
-              this.#extractor.write('"').copy(defaultMapPosition).copy(name).write('": true');
+              this.#extractor.write('"').copy(defaultMapPosition).copy(name).write(`": ${modifierIndex === false ? "true" : '""'}`);
             }
             break;
           }
@@ -2403,11 +2407,7 @@ const attrTags = ${varShared(
           this.#extractor.write("((\n").copy(
             ((_a = tag.args) == null ? void 0 : _a.value) || this.#getAttrValue(tag, ATTR_UNAMED2) || "undefined"
           ).write("\n) ? ");
-          this.#extractor.write("{\n");
-          const body = this.#processBody(tag);
-          if (body)
-            this.#writeAttrTags(body, true);
-          this.#extractor.write("\n} ");
+          this.#writeDynamicAttrTagBody(tag);
           let needsAlternate = true;
           if (alternates) {
             for (const { node, condition } of alternates) {
@@ -2420,14 +2420,7 @@ const attrTags = ${varShared(
               } else {
                 this.#extractor.write(": undefined ? ");
               }
-              const body2 = this.#processBody(tag);
-              if (body2) {
-                this.#extractor.write("{\n");
-                this.#writeAttrTags(body2, true);
-                this.#extractor.write("}");
-              } else {
-                this.#extractor.write("{}");
-              }
+              this.#writeDynamicAttrTagBody(node);
             }
           }
           if (needsAlternate) {
@@ -2443,20 +2436,17 @@ const attrTags = ${varShared(
             this.#writeTagNameComment(tag);
           this.#extractor.write("}, \n");
           this.#writeComments(tag);
-          this.#extractor.copy(tag.typeParams).write("(\n").copy((_b = tag.params) == null ? void 0 : _b.value).write("\n) => ({\n");
-          const body = this.#processBody(tag);
-          if (body)
-            this.#writeAttrTags(body, true);
-          this.#extractor.write("}))");
+          this.#extractor.copy(tag.typeParams).write("(\n").copy((_b = tag.params) == null ? void 0 : _b.value).write("\n) => (");
+          this.#writeDynamicAttrTagBody(tag);
+          this.#extractor.write("))");
           break;
         }
         case "while": {
           this.#writeComments(tag);
           this.#extractor.write(`${varShared("mergeAttrTags")}((
-`).copy(((_c = tag.args) == null ? void 0 : _c.value) || "undefined").write("\n) ? [{\n");
-          const body = this.#processBody(tag);
-          this.#writeAttrTags(body, true);
-          this.#extractor.write("}] : [])");
+`).copy(((_c = tag.args) == null ? void 0 : _c.value) || "undefined").write("\n) ? [");
+          this.#writeDynamicAttrTagBody(tag);
+          this.#extractor.write("] : [])");
           break;
         }
       }
@@ -2715,6 +2705,24 @@ const attrTags = ${varShared(
       return { renderBody, staticAttrTags, dynamicAttrTagParents };
     }
   }
+  #writeDynamicAttrTagBody(tag) {
+    const body = this.#processBody(tag);
+    if (body) {
+      if (body.renderBody) {
+        this.#extractor.write("(() => {\n");
+        this.#writeChildren(tag, body.renderBody);
+        this.#extractor.write("return ");
+      }
+      this.#extractor.write("{\n");
+      this.#writeAttrTags(body, true);
+      this.#extractor.write("}");
+      if (body.renderBody) {
+        this.#extractor.write(";\n})()");
+      }
+    } else {
+      this.#extractor.write("{}");
+    }
+  }
   #getAttrValue(tag, name) {
     if (tag.attrs) {
       for (const attr of tag.attrs) {
@@ -2797,6 +2805,15 @@ const attrTags = ${varShared(
     }
     return renderId;
   }
+  #getNamedAttrModifierIndex(attr) {
+    const start = attr.name.start + 1;
+    const end = attr.name.end - 1;
+    for (let i = end; i-- > start; ) {
+      if (this.#code.charAt(i) === ":")
+        return i;
+    }
+    return false;
+  }
   #testAtIndex(reg, index) {
     reg.lastIndex = index;
     return reg.test(this.#code);

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@marko/language-tools",
   "description": "Marko Language Tools",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "bugs": "https://github.com/marko-js/language-server/issues/new?template=Bug_report.md",
   "dependencies": {
     "@babel/helper-validator-identifier": "^7.19.1",
-    "@babel/parser": "^7.21.4",
+    "@babel/parser": "^7.21.8",
     "@marko/compiler": "5.27.7",
     "@marko/translator-default": "5.25.7",
     "htmljs-parser": "^5.4.3",
@@ -13,13 +13,13 @@
   },
   "devDependencies": {
     "@babel/code-frame": "^7.21.4",
-    "@marko/compiler": "^5.27.6",
+    "@marko/compiler": "^5.27.7",
     "@types/babel__code-frame": "^7.0.3",
     "@types/babel__helper-validator-identifier": "^7.15.0",
     "@typescript/vfs": "^1.4.0",
-    "marko": "^5.25.6",
+    "marko": "^5.25.11",
     "mitata": "^0.1.6",
-    "tsx": "^3.12.6"
+    "tsx": "^3.12.7"
   },
   "exports": {
     ".": {