@danielx/civet 0.4.34 → 0.4.35

package/README.md

@@ -97,7 +97,7 @@ Things Kept from CoffeeScript
 - RestElement/RestParameter in any position `(first, ...midle, last) ->` -> `function(first, ...middle) { let [last] = middle.splice(-1)}`
 - `///` Heregexp
   - With some [changes](#things-changed-from-coffeescript).
-- JSX 😿
+- JSX
 
 Things Removed from CoffeeScript
 ---
@@ -142,17 +142,7 @@ Things Changed from CoffeeScript
 - Postfix iteration/conditionals always wrap the statement [#5431](https://github.com/jashkenas/coffeescript/issues/5431)
 `try x() if y` -> `if (y) try x()`
 - Civet tries to keep the transpiled output verbatim as much as possible.
-  In Coffee `(x)` -> `x;` but in Civet `(x)` -> `(x);`.
-  Also in Coffee
-  ```coffee
-    x    +    3
-  ```
-  -> `x + 3` without the spacing
-  In Civet
-  ```typescript
-    x    +    3
-  ```
-  remains as is.
+  In Coffee `(x)` -> `x;` but in Civet `(x)` -> `(x)`. Spacing and comments are also preserved as much as possible.
 - Heregex / re.X
   - Stay closer to the [Python spec](https://docs.python.org/3/library/re.html#re.X)
   - Allows both kinds of substitutions `#{..}`, `${..}`.
@@ -181,8 +171,8 @@ Things Added that CoffeeScript didn't
     ```
     ```typescript
       class A {
-        readonly x = 3;
-      };
+        readonly x = 3
+      }
     ```
 - JS Compatability
   - `var`, `let`, `const`
@@ -196,7 +186,7 @@ Things Added that CoffeeScript didn't
   - `get`/`set` method definitions
   - Private identifiers `#id`
 - Convenience for ES6+ Features
-  - Const assignment shorthand `a := b` -> `const a = b`; `{a, b} := c` -> `const {a, b} = c`
+  - Const assignment shorthand `a := b` -> `const a = b`, `{a, b} := c` -> `const {a, b} = c`
   - `@#id` -> `this.#id` shorthand for private identifiers
   - `import` shorthand: `x from ./x` -> `import x from "./x"`
   - `export` shorthand: `export x, y` -> `export {x, y}`
@@ -211,8 +201,17 @@ Things Added that CoffeeScript didn't
   - unary operators `x.map !!&`, -> `x.map($ => !!$)`
   - binary operators `x.map &+1` -> `x.map($ => $+1)`
 - Flagging shorthand [from LiveScript](https://livescript.net/#literals) `{+debug, -live}` -> `{debug: true, live: false}`
-- Indentation JSX: instead of explicitly closing `<tag>`s or `<>`s,
-  you can indent the children and Civet will close your tags for you
+- JSX enhancements:
+  - Indentation: instead of explicitly closing `<tag>`s or `<>`s,
+    you can indent the children and Civet will close your tags for you
+  - Any braced object literal can be used as an attribute.
+    `{foo}` -> `foo={foo}`, `{foo: bar}` -> `foo={bar}`,
+    `{...foo}` remains as is; methods and getters/setters work too.
+  - Many attribute values (basic literals, array literals, braced object
+    literals, regular expressions, template strings, and parenthesized
+    expressions) do not need braces.  `foo=bar` -> `foo={bar}`
+  - Attributes can use computed property names:
+    `[expr]={value}` -> `{...{[expr]: value}}`
 - CoffeeScript improvements
   - Postfix loop `run() loop` -> `while(true) run()`
   - Character range literals `["a".."z"]`, `['f'..'a']`, `['0'..'9']`

package/dist/browser.js

@@ -612,6 +612,7 @@ ${input.slice(result.pos)}
         NamedProperty,
         SnugNamedProperty,
         PropertyName,
+        ComputedPropertyName,
         Decorator,
         Decorators,
         MethodDefinition,
@@ -841,6 +842,8 @@ ${input.slice(result.pos)}
         JSXAttributeName,
         JSXAttributeInitializer,
         JSXAttributeValue,
+        InlineJSXAttributeValue,
+        JSXMixedChildren,
         JSXChildren,
         JSXNestedChildren,
         JSXChild,
@@ -5022,12 +5025,7 @@ ${input.slice(result.pos)}
       var PropertyName$0 = NumericLiteral;
       var PropertyName$1 = StringLiteral;
       var PropertyName$2 = IdentifierName;
-      var PropertyName$3 = $TS($S(OpenBracket, ExtendedExpression, __, CloseBracket), function($skip, $loc, $0, $1, $2, $3, $4) {
-        return {
-          type: "ComputedPropertyName",
-          children: $0
-        };
-      });
+      var PropertyName$3 = ComputedPropertyName;
       function PropertyName(state) {
         if (state.events) {
           const result = state.events.enter?.("PropertyName", state);
@@ -5046,6 +5044,30 @@ ${input.slice(result.pos)}
           return result;
         }
       }
+      var ComputedPropertyName$0 = $TS($S(OpenBracket, ExtendedExpression, __, CloseBracket), function($skip, $loc, $0, $1, $2, $3, $4) {
+        return {
+          type: "ComputedPropertyName",
+          children: $0
+        };
+      });
+      function ComputedPropertyName(state) {
+        if (state.events) {
+          const result = state.events.enter?.("ComputedPropertyName", state);
+          if (result)
+            return result.cache;
+        }
+        if (state.tokenize) {
+          const result = $TOKEN("ComputedPropertyName", state, ComputedPropertyName$0(state));
+          if (state.events)
+            state.events.exit?.("ComputedPropertyName", state, result);
+          return result;
+        } else {
+          const result = ComputedPropertyName$0(state);
+          if (state.events)
+            state.events.exit?.("ComputedPropertyName", state, result);
+          return result;
+        }
+      }
       var Decorator$0 = $S(AtAt, IdentifierReference, $E(Arguments));
       function Decorator(state) {
         if (state.events) {
@@ -10491,11 +10513,10 @@ ${input.slice(result.pos)}
           return $skip;
         return $0;
       });
-      var JSXElement$2 = $TS($S(JSXOpeningElement, $Q($C(_, JSXChild)), JSXNestedChildren, InsertNewline, InsertIndent), function($skip, $loc, $0, $1, $2, $3, $4, $5) {
+      var JSXElement$2 = $TS($S(JSXOpeningElement, JSXMixedChildren, InsertNewline, InsertIndent), function($skip, $loc, $0, $1, $2, $3, $4) {
         var open = $1;
-        var c1 = $2;
-        var c2 = $3;
-        if (c1.length || c2.length) {
+        var children = $2;
+        if (children.length) {
           return [...$0, ["</", open[1], ">"]];
         } else {
           return [open.slice(0, -1), " />"];
@@ -10580,7 +10601,7 @@ ${input.slice(result.pos)}
         }
       }
       var JSXFragment$0 = $S($EXPECT($L146, fail, 'JSXFragment "<>"'), $E(JSXChildren), $EXPECT($L147, fail, 'JSXFragment "</>"'));
-      var JSXFragment$1 = $TS($S($EXPECT($L146, fail, 'JSXFragment "<>"'), JSXNestedChildren, InsertNewline, InsertIndent), function($skip, $loc, $0, $1, $2, $3, $4) {
+      var JSXFragment$1 = $TS($S($EXPECT($L146, fail, 'JSXFragment "<>"'), JSXMixedChildren, InsertNewline, InsertIndent), function($skip, $loc, $0, $1, $2, $3, $4) {
         return [...$0, "</>"];
       });
       function JSXFragment(state) {
@@ -10696,7 +10717,23 @@ ${input.slice(result.pos)}
         }
         return parts;
       });
-      var JSXAttribute$1 = $S(JSXAttributeName, $E(JSXAttributeInitializer));
+      var JSXAttribute$1 = $TS($S(JSXAttributeName, $E(JSXAttributeInitializer)), function($skip, $loc, $0, $1, $2) {
+        var name = $1;
+        var value = $2;
+        if (name.type === "ComputedPropertyName") {
+          if (value) {
+            value = value[value.length - 1];
+            if (value[0]?.token === "{" && value[value.length - 1]?.token === "}") {
+              value = value.slice(1, -1);
+            }
+          } else {
+            value = "true";
+          }
+          return ["{...{", name, ": ", value, "}}"];
+        } else {
+          return $0;
+        }
+      });
       function JSXAttribute(state) {
         if (state.events) {
           const result = state.events.enter?.("JSXAttribute", state);
@@ -10716,6 +10753,7 @@ ${input.slice(result.pos)}
         }
       }
       var JSXAttributeName$0 = $S(JSXIdentifierName, $E($S(Colon, JSXIdentifierName)));
+      var JSXAttributeName$1 = ComputedPropertyName;
       function JSXAttributeName(state) {
         if (state.events) {
           const result = state.events.enter?.("JSXAttributeName", state);
@@ -10723,12 +10761,12 @@ ${input.slice(result.pos)}
             return result.cache;
         }
         if (state.tokenize) {
-          const result = $TOKEN("JSXAttributeName", state, JSXAttributeName$0(state));
+          const result = $TOKEN("JSXAttributeName", state, JSXAttributeName$0(state) || JSXAttributeName$1(state));
           if (state.events)
             state.events.exit?.("JSXAttributeName", state, result);
           return result;
         } else {
-          const result = JSXAttributeName$0(state);
+          const result = JSXAttributeName$0(state) || JSXAttributeName$1(state);
           if (state.events)
             state.events.exit?.("JSXAttributeName", state, result);
           return result;
@@ -10758,6 +10796,7 @@ ${input.slice(result.pos)}
       var JSXAttributeValue$2 = $S(OpenBrace, ExtendedExpression, __, CloseBrace);
       var JSXAttributeValue$3 = JSXElement;
       var JSXAttributeValue$4 = JSXFragment;
+      var JSXAttributeValue$5 = $S(InsertInlineOpenBrace, InlineJSXAttributeValue, InsertCloseBrace);
       function JSXAttributeValue(state) {
         if (state.events) {
           const result = state.events.enter?.("JSXAttributeValue", state);
@@ -10765,17 +10804,68 @@ ${input.slice(result.pos)}
             return result.cache;
         }
         if (state.tokenize) {
-          const result = $TOKEN("JSXAttributeValue", state, JSXAttributeValue$0(state) || JSXAttributeValue$1(state) || JSXAttributeValue$2(state) || JSXAttributeValue$3(state) || JSXAttributeValue$4(state));
+          const result = $TOKEN("JSXAttributeValue", state, JSXAttributeValue$0(state) || JSXAttributeValue$1(state) || JSXAttributeValue$2(state) || JSXAttributeValue$3(state) || JSXAttributeValue$4(state) || JSXAttributeValue$5(state));
           if (state.events)
             state.events.exit?.("JSXAttributeValue", state, result);
           return result;
         } else {
-          const result = JSXAttributeValue$0(state) || JSXAttributeValue$1(state) || JSXAttributeValue$2(state) || JSXAttributeValue$3(state) || JSXAttributeValue$4(state);
+          const result = JSXAttributeValue$0(state) || JSXAttributeValue$1(state) || JSXAttributeValue$2(state) || JSXAttributeValue$3(state) || JSXAttributeValue$4(state) || JSXAttributeValue$5(state);
           if (state.events)
             state.events.exit?.("JSXAttributeValue", state, result);
           return result;
         }
       }
+      var InlineJSXAttributeValue$0 = NullLiteral;
+      var InlineJSXAttributeValue$1 = BooleanLiteral;
+      var InlineJSXAttributeValue$2 = NumericLiteral;
+      var InlineJSXAttributeValue$3 = ThisLiteral;
+      var InlineJSXAttributeValue$4 = ArrayLiteral;
+      var InlineJSXAttributeValue$5 = BracedObjectLiteral;
+      var InlineJSXAttributeValue$6 = IdentifierReference;
+      var InlineJSXAttributeValue$7 = RegularExpressionLiteral;
+      var InlineJSXAttributeValue$8 = TemplateLiteral;
+      var InlineJSXAttributeValue$9 = ParenthesizedExpression;
+      function InlineJSXAttributeValue(state) {
+        if (state.events) {
+          const result = state.events.enter?.("InlineJSXAttributeValue", state);
+          if (result)
+            return result.cache;
+        }
+        if (state.tokenize) {
+          const result = $TOKEN("InlineJSXAttributeValue", state, InlineJSXAttributeValue$0(state) || InlineJSXAttributeValue$1(state) || InlineJSXAttributeValue$2(state) || InlineJSXAttributeValue$3(state) || InlineJSXAttributeValue$4(state) || InlineJSXAttributeValue$5(state) || InlineJSXAttributeValue$6(state) || InlineJSXAttributeValue$7(state) || InlineJSXAttributeValue$8(state) || InlineJSXAttributeValue$9(state));
+          if (state.events)
+            state.events.exit?.("InlineJSXAttributeValue", state, result);
+          return result;
+        } else {
+          const result = InlineJSXAttributeValue$0(state) || InlineJSXAttributeValue$1(state) || InlineJSXAttributeValue$2(state) || InlineJSXAttributeValue$3(state) || InlineJSXAttributeValue$4(state) || InlineJSXAttributeValue$5(state) || InlineJSXAttributeValue$6(state) || InlineJSXAttributeValue$7(state) || InlineJSXAttributeValue$8(state) || InlineJSXAttributeValue$9(state);
+          if (state.events)
+            state.events.exit?.("InlineJSXAttributeValue", state, result);
+          return result;
+        }
+      }
+      var JSXMixedChildren$0 = $TS($S($Q($C(_, JSXChild)), JSXNestedChildren), function($skip, $loc, $0, $1, $2) {
+        var c1 = $1;
+        var c2 = $2;
+        return c1.concat(c2);
+      });
+      function JSXMixedChildren(state) {
+        if (state.events) {
+          const result = state.events.enter?.("JSXMixedChildren", state);
+          if (result)
+            return result.cache;
+        }
+        if (state.tokenize) {
+          const result = $TOKEN("JSXMixedChildren", state, JSXMixedChildren$0(state));
+          if (state.events)
+            state.events.exit?.("JSXMixedChildren", state, result);
+          return result;
+        } else {
+          const result = JSXMixedChildren$0(state);
+          if (state.events)
+            state.events.exit?.("JSXMixedChildren", state, result);
+          return result;
+        }
+      }
       var JSXChildren$0 = $Q($S(__, JSXChild));
       function JSXChildren(state) {
         if (state.events) {
@@ -11976,7 +12066,7 @@ ${input.slice(result.pos)}
         }
       }
       var InsertInlineOpenBrace$0 = $TV($EXPECT($L0, fail, 'InsertInlineOpenBrace ""'), function($skip, $loc, $0, $1) {
-        return [{ $loc, token: "{" }];
+        return { $loc, token: "{" };
       });
       function InsertInlineOpenBrace(state) {
         if (state.events) {
@@ -14042,6 +14132,7 @@ ${"//#"} sourceMappingURL=data:application/json;base64,${base64Encode(JSON.strin
                 case "JSXChildren":
                 case "JSXFragment":
                 case "JSXNestedChildren":
+                case "JSXMixedChildren":
                   break;
                 default:
                   cache = /* @__PURE__ */ new Map();

package/dist/main.js

@@ -611,6 +611,7 @@ ${input.slice(result.pos)}
       NamedProperty,
       SnugNamedProperty,
       PropertyName,
+      ComputedPropertyName,
       Decorator,
       Decorators,
       MethodDefinition,
@@ -840,6 +841,8 @@ ${input.slice(result.pos)}
       JSXAttributeName,
       JSXAttributeInitializer,
       JSXAttributeValue,
+      InlineJSXAttributeValue,
+      JSXMixedChildren,
       JSXChildren,
       JSXNestedChildren,
       JSXChild,
@@ -5021,12 +5024,7 @@ ${input.slice(result.pos)}
     var PropertyName$0 = NumericLiteral;
     var PropertyName$1 = StringLiteral;
     var PropertyName$2 = IdentifierName;
-    var PropertyName$3 = $TS($S(OpenBracket, ExtendedExpression, __, CloseBracket), function($skip, $loc, $0, $1, $2, $3, $4) {
-      return {
-        type: "ComputedPropertyName",
-        children: $0
-      };
-    });
+    var PropertyName$3 = ComputedPropertyName;
     function PropertyName(state) {
       if (state.events) {
         const result = state.events.enter?.("PropertyName", state);
@@ -5045,6 +5043,30 @@ ${input.slice(result.pos)}
         return result;
       }
     }
+    var ComputedPropertyName$0 = $TS($S(OpenBracket, ExtendedExpression, __, CloseBracket), function($skip, $loc, $0, $1, $2, $3, $4) {
+      return {
+        type: "ComputedPropertyName",
+        children: $0
+      };
+    });
+    function ComputedPropertyName(state) {
+      if (state.events) {
+        const result = state.events.enter?.("ComputedPropertyName", state);
+        if (result)
+          return result.cache;
+      }
+      if (state.tokenize) {
+        const result = $TOKEN("ComputedPropertyName", state, ComputedPropertyName$0(state));
+        if (state.events)
+          state.events.exit?.("ComputedPropertyName", state, result);
+        return result;
+      } else {
+        const result = ComputedPropertyName$0(state);
+        if (state.events)
+          state.events.exit?.("ComputedPropertyName", state, result);
+        return result;
+      }
+    }
     var Decorator$0 = $S(AtAt, IdentifierReference, $E(Arguments));
     function Decorator(state) {
       if (state.events) {
@@ -10490,11 +10512,10 @@ ${input.slice(result.pos)}
         return $skip;
       return $0;
     });
-    var JSXElement$2 = $TS($S(JSXOpeningElement, $Q($C(_, JSXChild)), JSXNestedChildren, InsertNewline, InsertIndent), function($skip, $loc, $0, $1, $2, $3, $4, $5) {
+    var JSXElement$2 = $TS($S(JSXOpeningElement, JSXMixedChildren, InsertNewline, InsertIndent), function($skip, $loc, $0, $1, $2, $3, $4) {
       var open = $1;
-      var c1 = $2;
-      var c2 = $3;
-      if (c1.length || c2.length) {
+      var children = $2;
+      if (children.length) {
         return [...$0, ["</", open[1], ">"]];
       } else {
         return [open.slice(0, -1), " />"];
@@ -10579,7 +10600,7 @@ ${input.slice(result.pos)}
       }
     }
     var JSXFragment$0 = $S($EXPECT($L146, fail, 'JSXFragment "<>"'), $E(JSXChildren), $EXPECT($L147, fail, 'JSXFragment "</>"'));
-    var JSXFragment$1 = $TS($S($EXPECT($L146, fail, 'JSXFragment "<>"'), JSXNestedChildren, InsertNewline, InsertIndent), function($skip, $loc, $0, $1, $2, $3, $4) {
+    var JSXFragment$1 = $TS($S($EXPECT($L146, fail, 'JSXFragment "<>"'), JSXMixedChildren, InsertNewline, InsertIndent), function($skip, $loc, $0, $1, $2, $3, $4) {
       return [...$0, "</>"];
     });
     function JSXFragment(state) {
@@ -10695,7 +10716,23 @@ ${input.slice(result.pos)}
       }
       return parts;
     });
-    var JSXAttribute$1 = $S(JSXAttributeName, $E(JSXAttributeInitializer));
+    var JSXAttribute$1 = $TS($S(JSXAttributeName, $E(JSXAttributeInitializer)), function($skip, $loc, $0, $1, $2) {
+      var name = $1;
+      var value = $2;
+      if (name.type === "ComputedPropertyName") {
+        if (value) {
+          value = value[value.length - 1];
+          if (value[0]?.token === "{" && value[value.length - 1]?.token === "}") {
+            value = value.slice(1, -1);
+          }
+        } else {
+          value = "true";
+        }
+        return ["{...{", name, ": ", value, "}}"];
+      } else {
+        return $0;
+      }
+    });
     function JSXAttribute(state) {
       if (state.events) {
         const result = state.events.enter?.("JSXAttribute", state);
@@ -10715,6 +10752,7 @@ ${input.slice(result.pos)}
       }
     }
     var JSXAttributeName$0 = $S(JSXIdentifierName, $E($S(Colon, JSXIdentifierName)));
+    var JSXAttributeName$1 = ComputedPropertyName;
     function JSXAttributeName(state) {
       if (state.events) {
         const result = state.events.enter?.("JSXAttributeName", state);
@@ -10722,12 +10760,12 @@ ${input.slice(result.pos)}
           return result.cache;
       }
       if (state.tokenize) {
-        const result = $TOKEN("JSXAttributeName", state, JSXAttributeName$0(state));
+        const result = $TOKEN("JSXAttributeName", state, JSXAttributeName$0(state) || JSXAttributeName$1(state));
         if (state.events)
           state.events.exit?.("JSXAttributeName", state, result);
         return result;
       } else {
-        const result = JSXAttributeName$0(state);
+        const result = JSXAttributeName$0(state) || JSXAttributeName$1(state);
         if (state.events)
           state.events.exit?.("JSXAttributeName", state, result);
         return result;
@@ -10757,6 +10795,7 @@ ${input.slice(result.pos)}
     var JSXAttributeValue$2 = $S(OpenBrace, ExtendedExpression, __, CloseBrace);
     var JSXAttributeValue$3 = JSXElement;
     var JSXAttributeValue$4 = JSXFragment;
+    var JSXAttributeValue$5 = $S(InsertInlineOpenBrace, InlineJSXAttributeValue, InsertCloseBrace);
     function JSXAttributeValue(state) {
       if (state.events) {
         const result = state.events.enter?.("JSXAttributeValue", state);
@@ -10764,17 +10803,68 @@ ${input.slice(result.pos)}
           return result.cache;
       }
       if (state.tokenize) {
-        const result = $TOKEN("JSXAttributeValue", state, JSXAttributeValue$0(state) || JSXAttributeValue$1(state) || JSXAttributeValue$2(state) || JSXAttributeValue$3(state) || JSXAttributeValue$4(state));
+        const result = $TOKEN("JSXAttributeValue", state, JSXAttributeValue$0(state) || JSXAttributeValue$1(state) || JSXAttributeValue$2(state) || JSXAttributeValue$3(state) || JSXAttributeValue$4(state) || JSXAttributeValue$5(state));
         if (state.events)
           state.events.exit?.("JSXAttributeValue", state, result);
         return result;
       } else {
-        const result = JSXAttributeValue$0(state) || JSXAttributeValue$1(state) || JSXAttributeValue$2(state) || JSXAttributeValue$3(state) || JSXAttributeValue$4(state);
+        const result = JSXAttributeValue$0(state) || JSXAttributeValue$1(state) || JSXAttributeValue$2(state) || JSXAttributeValue$3(state) || JSXAttributeValue$4(state) || JSXAttributeValue$5(state);
         if (state.events)
           state.events.exit?.("JSXAttributeValue", state, result);
         return result;
       }
     }
+    var InlineJSXAttributeValue$0 = NullLiteral;
+    var InlineJSXAttributeValue$1 = BooleanLiteral;
+    var InlineJSXAttributeValue$2 = NumericLiteral;
+    var InlineJSXAttributeValue$3 = ThisLiteral;
+    var InlineJSXAttributeValue$4 = ArrayLiteral;
+    var InlineJSXAttributeValue$5 = BracedObjectLiteral;
+    var InlineJSXAttributeValue$6 = IdentifierReference;
+    var InlineJSXAttributeValue$7 = RegularExpressionLiteral;
+    var InlineJSXAttributeValue$8 = TemplateLiteral;
+    var InlineJSXAttributeValue$9 = ParenthesizedExpression;
+    function InlineJSXAttributeValue(state) {
+      if (state.events) {
+        const result = state.events.enter?.("InlineJSXAttributeValue", state);
+        if (result)
+          return result.cache;
+      }
+      if (state.tokenize) {
+        const result = $TOKEN("InlineJSXAttributeValue", state, InlineJSXAttributeValue$0(state) || InlineJSXAttributeValue$1(state) || InlineJSXAttributeValue$2(state) || InlineJSXAttributeValue$3(state) || InlineJSXAttributeValue$4(state) || InlineJSXAttributeValue$5(state) || InlineJSXAttributeValue$6(state) || InlineJSXAttributeValue$7(state) || InlineJSXAttributeValue$8(state) || InlineJSXAttributeValue$9(state));
+        if (state.events)
+          state.events.exit?.("InlineJSXAttributeValue", state, result);
+        return result;
+      } else {
+        const result = InlineJSXAttributeValue$0(state) || InlineJSXAttributeValue$1(state) || InlineJSXAttributeValue$2(state) || InlineJSXAttributeValue$3(state) || InlineJSXAttributeValue$4(state) || InlineJSXAttributeValue$5(state) || InlineJSXAttributeValue$6(state) || InlineJSXAttributeValue$7(state) || InlineJSXAttributeValue$8(state) || InlineJSXAttributeValue$9(state);
+        if (state.events)
+          state.events.exit?.("InlineJSXAttributeValue", state, result);
+        return result;
+      }
+    }
+    var JSXMixedChildren$0 = $TS($S($Q($C(_, JSXChild)), JSXNestedChildren), function($skip, $loc, $0, $1, $2) {
+      var c1 = $1;
+      var c2 = $2;
+      return c1.concat(c2);
+    });
+    function JSXMixedChildren(state) {
+      if (state.events) {
+        const result = state.events.enter?.("JSXMixedChildren", state);
+        if (result)
+          return result.cache;
+      }
+      if (state.tokenize) {
+        const result = $TOKEN("JSXMixedChildren", state, JSXMixedChildren$0(state));
+        if (state.events)
+          state.events.exit?.("JSXMixedChildren", state, result);
+        return result;
+      } else {
+        const result = JSXMixedChildren$0(state);
+        if (state.events)
+          state.events.exit?.("JSXMixedChildren", state, result);
+        return result;
+      }
+    }
     var JSXChildren$0 = $Q($S(__, JSXChild));
     function JSXChildren(state) {
       if (state.events) {
@@ -11975,7 +12065,7 @@ ${input.slice(result.pos)}
       }
     }
     var InsertInlineOpenBrace$0 = $TV($EXPECT($L0, fail, 'InsertInlineOpenBrace ""'), function($skip, $loc, $0, $1) {
-      return [{ $loc, token: "{" }];
+      return { $loc, token: "{" };
     });
     function InsertInlineOpenBrace(state) {
       if (state.events) {
@@ -14039,6 +14129,7 @@ makeCache = function() {
           case "JSXChildren":
           case "JSXFragment":
           case "JSXNestedChildren":
+          case "JSXMixedChildren":
             break;
           default:
             cache = /* @__PURE__ */ new Map();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danielx/civet",
-  "version": "0.4.34",
+  "version": "0.4.35",
   "description": "CoffeeScript style syntax for TypeScript",
   "main": "dist/main.js",
   "exports": {