@hyperfixi/core 2.9.4 → 2.11.0

package/dist/commands/index.js

@@ -71,7 +71,7 @@ function command(config) {
     };
 }
 function commandMeta(metadata) {
-    return { isBlocking: false, hasBody: false, version: '1.0.0', ...metadata };
+    return { ...metadata };
 }
 function createFactory(CommandClass) {
     return () => new CommandClass();
@@ -86,6 +86,12 @@ function isHTMLElement$2(value) {
         typeof value.tagName === 'string' &&
         'classList' in value);
 }
+function isInsertableNode(value) {
+    if (value === null || typeof value !== 'object')
+        return false;
+    const nodeType = value.nodeType;
+    return nodeType === 1 || nodeType === 3 || nodeType === 11;
+}
 function isNodeList(value) {
     return (value !== null &&
         typeof value === 'object' &&
@@ -1067,7 +1073,7 @@ function insertContent(target, content, position) {
         insertReplace(target, content);
         return;
     }
-    if (isHTMLElement$2(content)) {
+    if (isInsertableNode(content)) {
         insertElement(target, content, position);
     }
     else {
@@ -1078,7 +1084,7 @@ function insertContentSemantic(target, content, position) {
     insertContent(target, content, toInsertPosition(position));
 }
 function insertReplace(target, content) {
-    if (isHTMLElement$2(content)) {
+    if (isInsertableNode(content)) {
         target.innerHTML = '';
         target.appendChild(content);
     }
@@ -1125,6 +1131,53 @@ function insertText(target, content, position) {
         target.insertAdjacentText(domPosition, content);
     }
 }
+function moveOrInsert(parent, element, ref) {
+    const p = parent;
+    if (typeof p.moveBefore === 'function' && element.isConnected && parent.isConnected) {
+        try {
+            p.moveBefore(element, ref);
+            return;
+        }
+        catch {
+        }
+    }
+    parent.insertBefore(element, ref);
+}
+function insertElementsInOrder(target, elements, position) {
+    switch (position) {
+        case 'beforeend':
+            for (const el of elements)
+                moveOrInsert(target, el, null);
+            break;
+        case 'afterbegin':
+            for (let i = elements.length - 1; i >= 0; i--) {
+                moveOrInsert(target, elements[i], target.firstChild);
+            }
+            break;
+        case 'beforebegin': {
+            const parent = target.parentElement;
+            if (!parent)
+                return;
+            for (const el of elements)
+                moveOrInsert(parent, el, target);
+            break;
+        }
+        case 'afterend': {
+            const parent = target.parentElement;
+            if (!parent)
+                return;
+            for (let i = elements.length - 1; i >= 0; i--) {
+                moveOrInsert(parent, elements[i], target.nextSibling);
+            }
+            break;
+        }
+        case 'replace':
+            target.innerHTML = '';
+            for (const el of elements)
+                moveOrInsert(target, el, null);
+            break;
+    }
+}
 function removeElement(element) {
     if (element.parentNode) {
         element.remove();
@@ -2747,7 +2800,12 @@ let PutCommand = (() => {
             else {
                 for (const t of targets) {
                     const content = this.parseValue(value);
-                    insertContentSemantic(t, content, position);
+                    if (Array.isArray(content)) {
+                        insertElementsInOrder(t, content, toInsertPosition(position));
+                    }
+                    else {
+                        insertContentSemantic(t, content, position);
+                    }
                 }
             }
             return targets;
@@ -2779,6 +2837,11 @@ let PutCommand = (() => {
         parseValue(v) {
             if (isHTMLElement$2(v))
                 return v;
+            if (Array.isArray(v) && v.length > 0 && v.every(isHTMLElement$2)) {
+                return v;
+            }
+            if (isInsertableNode(v))
+                return v;
             return v == null ? '' : String(v);
         }
         looksLikeCss(s) {
@@ -7750,6 +7813,40 @@ function parseTakeCommand(ctx, identifierNode) {
         .endingAt(ctx.getPosition())
         .build();
 }
+function consumeViewTransitionTail(ctx, args) {
+    if (!ctx.check('using')) {
+        return false;
+    }
+    ctx.advance();
+    if (!ctx.match('view')) {
+        throw new Error("expected 'view transition' after 'using'");
+    }
+    if (!ctx.match('transition')) {
+        throw new Error("expected 'transition' after 'using view'");
+    }
+    args.push(ctx.createIdentifier('using'));
+    args.push(ctx.createIdentifier('view'));
+    args.push(ctx.createIdentifier('transition'));
+    return true;
+}
+function parseProcessCommand(ctx, identifierNode) {
+    if (!ctx.check('partials')) {
+        return null;
+    }
+    const args = [];
+    consumeKeywordToArgs(ctx, 'partials', args);
+    if (consumeKeywordToArgs(ctx, KEYWORDS$1.IN, args)) {
+        const contentArg = parseOneArgument(ctx, ['using']);
+        if (contentArg) {
+            args.push(contentArg);
+        }
+    }
+    consumeViewTransitionTail(ctx, args);
+    return CommandNodeBuilder.fromIdentifier(identifierNode)
+        .withArgs(...args)
+        .endingAt(ctx.getPosition())
+        .build();
+}
 function parseAddCommand(ctx, commandToken) {
     const args = [];
     if (ctx.match('{')) {
@@ -7871,6 +7968,7 @@ function parseSwapCommand(ctx, identifierNode) {
             args.push(contentExpr);
         }
     }
+    consumeViewTransitionTail(ctx, args);
     return CommandNodeBuilder.fromIdentifier(identifierNode)
         .withArgs(...args)
         .endingAt(ctx.getPosition())
@@ -8384,6 +8482,9 @@ function parseCompoundCommand(ctx, identifierNode) {
         case 'swap':
         case 'morph':
             return parseSwapCommand(ctx, identifierNode);
+        case 'process':
+            return (parseProcessCommand(ctx, identifierNode) ??
+                parseRegularCommand(ctx, identifierNode));
         default:
             return parseRegularCommand(ctx, identifierNode);
     }
@@ -8715,6 +8816,9 @@ function parseTellCommand(ctx, identifierNode) {
     if (!target) {
         throw new Error('tell command requires a target expression');
     }
+    if (ctx.check(KEYWORDS$1.TO)) {
+        ctx.advance();
+    }
     const commands = [];
     while (!ctx.isAtEnd()) {
         if (ctx.checkIsCommand()) {
@@ -8734,7 +8838,11 @@ function parseTellCommand(ctx, identifierNode) {
             if (ctx.match(KEYWORDS$1.AND) || ctx.match(KEYWORDS$1.THEN)) {
                 continue;
             }
-            if (ctx.check(KEYWORDS$1.ELSE) || ctx.check(KEYWORDS$1.END)) {
+            if (ctx.check(KEYWORDS$1.ELSE)) {
+                break;
+            }
+            if (ctx.check(KEYWORDS$1.END)) {
+                ctx.advance();
                 break;
             }
             if (ctx.checkIsCommand()) {
@@ -11072,6 +11180,7 @@ class Parser {
             'js',
             'tell',
             'fetch',
+            'process',
         ];
         if (this.semanticAdapter && !skipSemanticParsing.includes(commandName.toLowerCase())) {
             const remainingInput = this.getRemainingInput();
@@ -12099,6 +12208,12 @@ function evaluateLiteral(node) {
 }
 async function evaluateIdentifier(node, context) {
     const name = node.name;
+    if (name.startsWith('$')) {
+        notifyGlobalRead(name.slice(1), context);
+    }
+    else if (node.scope === 'global') {
+        notifyGlobalRead(name, context);
+    }
     if (name === 'me' || name === 'my' || name === 'I') {
         return getExpr(context, 'me').evaluate(context);
     }
@@ -12118,7 +12233,6 @@ async function evaluateIdentifier(node, context) {
         return getExpr(context, 'document').evaluate(context);
     }
     if (node.scope === 'global' && context.globals?.has(name)) {
-        notifyGlobalRead(name, context);
         return context.globals.get(name);
     }
     if (node.scope === 'element') {
@@ -12129,12 +12243,9 @@ async function evaluateIdentifier(node, context) {
         return context.locals.get(name);
     }
     if (context.globals && context.globals.has(name)) {
-        if (name.startsWith('$'))
-            notifyGlobalRead(name.slice(1), context);
         return context.globals.get(name);
     }
     if (name.startsWith('$') && context.globals && context.globals.has(name.slice(1))) {
-        notifyGlobalRead(name.slice(1), context);
         return context.globals.get(name.slice(1));
     }
     if (context[name] !== undefined) {
@@ -14072,8 +14183,9 @@ const morphAdapter = {
 function getStartViewTransition() {
     if (typeof document === 'undefined')
         return undefined;
-    return document
+    const fn = document
         .startViewTransition;
+    return typeof fn === 'function' ? fn.bind(document) : undefined;
 }
 function isViewTransitionsSupported() {
     return typeof getStartViewTransition() === 'function';
@@ -14335,7 +14447,7 @@ let SwapCommand = (() => {
                     };
                 }
             }
-            let useViewTransition = false;
+            let useViewTransition = raw.modifiers?.viewTransition !== undefined;
             if (usingIndex !== -1) {
                 const afterUsing = argKeywords.slice(usingIndex + 1);
                 if (afterUsing.includes('view') && afterUsing.includes('transition')) {
@@ -14545,7 +14657,7 @@ let MorphCommand = (() => {
             const withIndex = argKeywords.findIndex(k => k === 'with');
             const overIndex = argKeywords.findIndex(k => k === 'over');
             const usingIndex = argKeywords.findIndex(k => k === 'using');
-            let useViewTransition = false;
+            let useViewTransition = raw.modifiers?.viewTransition !== undefined;
             if (usingIndex !== -1) {
                 const afterUsing = argKeywords.slice(usingIndex + 1);
                 if (afterUsing.includes('view') && afterUsing.includes('transition')) {
@@ -14626,7 +14738,11 @@ let MorphCommand = (() => {
     })();
     _classThis.metadata = commandMeta({
         description: 'Morph content into target elements (intelligent diffing, preserves state)',
-        syntax: ['morph <target> with <content>', 'morph over <target> with <content>'],
+        syntax: [
+            'morph <target> with <content>',
+            'morph over <target> with <content>',
+            'morph <target> with <content> using view transition',
+        ],
         examples: ['morph #target with it', 'morph over #modal with fetchedContent'],
         sideEffects: ['dom-mutation'],
         category: 'dom',
@@ -15236,24 +15352,33 @@ let ProcessPartialsCommand = (() => {
             if (!args || args.length === 0) {
                 throw new Error('process partials command requires content argument');
             }
-            const evaluatedArgs = [];
-            const argStrings = [];
-            for (const arg of args) {
-                const evaluated = await evaluator.evaluate(arg, context);
-                evaluatedArgs.push(evaluated);
-                if (typeof evaluated === 'string') {
-                    argStrings.push(evaluated.toLowerCase());
-                }
-            }
-            const partialsIndex = argStrings.findIndex(s => s === 'partials');
+            const keywordOf = (node) => {
+                const n = node;
+                if (!n || typeof n !== 'object')
+                    return null;
+                if (n.type === 'identifier' && typeof n.name === 'string')
+                    return n.name.toLowerCase();
+                if (n.type === 'literal' && typeof n.value === 'string')
+                    return n.value.toLowerCase();
+                return null;
+            };
+            const keywords = args.map(keywordOf);
+            const partialsIndex = keywords.indexOf('partials');
+            const inIndex = keywords.indexOf('in');
+            let contentNode;
             if (partialsIndex === -1) {
-                throw new Error('process command expects "partials" keyword: process partials in <content>');
+                if (inIndex !== -1) {
+                    throw new Error('process command expects "partials" keyword: process partials in <content>');
+                }
+                contentNode = args[0];
             }
-            const inIndex = argStrings.findIndex(s => s === 'in');
-            if (inIndex === -1 || inIndex <= partialsIndex) {
-                throw new Error('process partials command expects "in" keyword: process partials in <content>');
+            else {
+                if (inIndex === -1 || inIndex <= partialsIndex) {
+                    throw new Error('process partials command expects "in" keyword: process partials in <content>');
+                }
+                contentNode = args[inIndex + 1];
             }
-            const contentArg = evaluatedArgs[inIndex + 1];
+            const contentArg = contentNode ? await evaluator.evaluate(contentNode, context) : undefined;
             let html;
             if (typeof contentArg === 'string') {
                 html = contentArg;
@@ -15267,10 +15392,10 @@ let ProcessPartialsCommand = (() => {
             else {
                 throw new Error('process partials: content must be an HTML string or element');
             }
-            const usingIndex = argStrings.findIndex(s => s === 'using');
-            let useViewTransition = false;
+            let useViewTransition = raw.modifiers?.viewTransition !== undefined;
+            const usingIndex = keywords.indexOf('using');
             if (usingIndex !== -1) {
-                const remaining = argStrings.slice(usingIndex + 1).join(' ');
+                const remaining = keywords.slice(usingIndex + 1);
                 if (remaining.includes('view') && remaining.includes('transition')) {
                     useViewTransition = true;
                 }

package/dist/commands/index.mjs

@@ -69,7 +69,7 @@ function command(config) {
     };
 }
 function commandMeta(metadata) {
-    return { isBlocking: false, hasBody: false, version: '1.0.0', ...metadata };
+    return { ...metadata };
 }
 function createFactory(CommandClass) {
     return () => new CommandClass();
@@ -84,6 +84,12 @@ function isHTMLElement$2(value) {
         typeof value.tagName === 'string' &&
         'classList' in value);
 }
+function isInsertableNode(value) {
+    if (value === null || typeof value !== 'object')
+        return false;
+    const nodeType = value.nodeType;
+    return nodeType === 1 || nodeType === 3 || nodeType === 11;
+}
 function isNodeList(value) {
     return (value !== null &&
         typeof value === 'object' &&
@@ -1065,7 +1071,7 @@ function insertContent(target, content, position) {
         insertReplace(target, content);
         return;
     }
-    if (isHTMLElement$2(content)) {
+    if (isInsertableNode(content)) {
         insertElement(target, content, position);
     }
     else {
@@ -1076,7 +1082,7 @@ function insertContentSemantic(target, content, position) {
     insertContent(target, content, toInsertPosition(position));
 }
 function insertReplace(target, content) {
-    if (isHTMLElement$2(content)) {
+    if (isInsertableNode(content)) {
         target.innerHTML = '';
         target.appendChild(content);
     }
@@ -1123,6 +1129,53 @@ function insertText(target, content, position) {
         target.insertAdjacentText(domPosition, content);
     }
 }
+function moveOrInsert(parent, element, ref) {
+    const p = parent;
+    if (typeof p.moveBefore === 'function' && element.isConnected && parent.isConnected) {
+        try {
+            p.moveBefore(element, ref);
+            return;
+        }
+        catch {
+        }
+    }
+    parent.insertBefore(element, ref);
+}
+function insertElementsInOrder(target, elements, position) {
+    switch (position) {
+        case 'beforeend':
+            for (const el of elements)
+                moveOrInsert(target, el, null);
+            break;
+        case 'afterbegin':
+            for (let i = elements.length - 1; i >= 0; i--) {
+                moveOrInsert(target, elements[i], target.firstChild);
+            }
+            break;
+        case 'beforebegin': {
+            const parent = target.parentElement;
+            if (!parent)
+                return;
+            for (const el of elements)
+                moveOrInsert(parent, el, target);
+            break;
+        }
+        case 'afterend': {
+            const parent = target.parentElement;
+            if (!parent)
+                return;
+            for (let i = elements.length - 1; i >= 0; i--) {
+                moveOrInsert(parent, elements[i], target.nextSibling);
+            }
+            break;
+        }
+        case 'replace':
+            target.innerHTML = '';
+            for (const el of elements)
+                moveOrInsert(target, el, null);
+            break;
+    }
+}
 function removeElement(element) {
     if (element.parentNode) {
         element.remove();
@@ -2745,7 +2798,12 @@ let PutCommand = (() => {
             else {
                 for (const t of targets) {
                     const content = this.parseValue(value);
-                    insertContentSemantic(t, content, position);
+                    if (Array.isArray(content)) {
+                        insertElementsInOrder(t, content, toInsertPosition(position));
+                    }
+                    else {
+                        insertContentSemantic(t, content, position);
+                    }
                 }
             }
             return targets;
@@ -2777,6 +2835,11 @@ let PutCommand = (() => {
         parseValue(v) {
             if (isHTMLElement$2(v))
                 return v;
+            if (Array.isArray(v) && v.length > 0 && v.every(isHTMLElement$2)) {
+                return v;
+            }
+            if (isInsertableNode(v))
+                return v;
             return v == null ? '' : String(v);
         }
         looksLikeCss(s) {
@@ -7748,6 +7811,40 @@ function parseTakeCommand(ctx, identifierNode) {
         .endingAt(ctx.getPosition())
         .build();
 }
+function consumeViewTransitionTail(ctx, args) {
+    if (!ctx.check('using')) {
+        return false;
+    }
+    ctx.advance();
+    if (!ctx.match('view')) {
+        throw new Error("expected 'view transition' after 'using'");
+    }
+    if (!ctx.match('transition')) {
+        throw new Error("expected 'transition' after 'using view'");
+    }
+    args.push(ctx.createIdentifier('using'));
+    args.push(ctx.createIdentifier('view'));
+    args.push(ctx.createIdentifier('transition'));
+    return true;
+}
+function parseProcessCommand(ctx, identifierNode) {
+    if (!ctx.check('partials')) {
+        return null;
+    }
+    const args = [];
+    consumeKeywordToArgs(ctx, 'partials', args);
+    if (consumeKeywordToArgs(ctx, KEYWORDS$1.IN, args)) {
+        const contentArg = parseOneArgument(ctx, ['using']);
+        if (contentArg) {
+            args.push(contentArg);
+        }
+    }
+    consumeViewTransitionTail(ctx, args);
+    return CommandNodeBuilder.fromIdentifier(identifierNode)
+        .withArgs(...args)
+        .endingAt(ctx.getPosition())
+        .build();
+}
 function parseAddCommand(ctx, commandToken) {
     const args = [];
     if (ctx.match('{')) {
@@ -7869,6 +7966,7 @@ function parseSwapCommand(ctx, identifierNode) {
             args.push(contentExpr);
         }
     }
+    consumeViewTransitionTail(ctx, args);
     return CommandNodeBuilder.fromIdentifier(identifierNode)
         .withArgs(...args)
         .endingAt(ctx.getPosition())
@@ -8382,6 +8480,9 @@ function parseCompoundCommand(ctx, identifierNode) {
         case 'swap':
         case 'morph':
             return parseSwapCommand(ctx, identifierNode);
+        case 'process':
+            return (parseProcessCommand(ctx, identifierNode) ??
+                parseRegularCommand(ctx, identifierNode));
         default:
             return parseRegularCommand(ctx, identifierNode);
     }
@@ -8713,6 +8814,9 @@ function parseTellCommand(ctx, identifierNode) {
     if (!target) {
         throw new Error('tell command requires a target expression');
     }
+    if (ctx.check(KEYWORDS$1.TO)) {
+        ctx.advance();
+    }
     const commands = [];
     while (!ctx.isAtEnd()) {
         if (ctx.checkIsCommand()) {
@@ -8732,7 +8836,11 @@ function parseTellCommand(ctx, identifierNode) {
             if (ctx.match(KEYWORDS$1.AND) || ctx.match(KEYWORDS$1.THEN)) {
                 continue;
             }
-            if (ctx.check(KEYWORDS$1.ELSE) || ctx.check(KEYWORDS$1.END)) {
+            if (ctx.check(KEYWORDS$1.ELSE)) {
+                break;
+            }
+            if (ctx.check(KEYWORDS$1.END)) {
+                ctx.advance();
                 break;
             }
             if (ctx.checkIsCommand()) {
@@ -11070,6 +11178,7 @@ class Parser {
             'js',
             'tell',
             'fetch',
+            'process',
         ];
         if (this.semanticAdapter && !skipSemanticParsing.includes(commandName.toLowerCase())) {
             const remainingInput = this.getRemainingInput();
@@ -12097,6 +12206,12 @@ function evaluateLiteral(node) {
 }
 async function evaluateIdentifier(node, context) {
     const name = node.name;
+    if (name.startsWith('$')) {
+        notifyGlobalRead(name.slice(1), context);
+    }
+    else if (node.scope === 'global') {
+        notifyGlobalRead(name, context);
+    }
     if (name === 'me' || name === 'my' || name === 'I') {
         return getExpr(context, 'me').evaluate(context);
     }
@@ -12116,7 +12231,6 @@ async function evaluateIdentifier(node, context) {
         return getExpr(context, 'document').evaluate(context);
     }
     if (node.scope === 'global' && context.globals?.has(name)) {
-        notifyGlobalRead(name, context);
         return context.globals.get(name);
     }
     if (node.scope === 'element') {
@@ -12127,12 +12241,9 @@ async function evaluateIdentifier(node, context) {
         return context.locals.get(name);
     }
     if (context.globals && context.globals.has(name)) {
-        if (name.startsWith('$'))
-            notifyGlobalRead(name.slice(1), context);
         return context.globals.get(name);
     }
     if (name.startsWith('$') && context.globals && context.globals.has(name.slice(1))) {
-        notifyGlobalRead(name.slice(1), context);
         return context.globals.get(name.slice(1));
     }
     if (context[name] !== undefined) {
@@ -14070,8 +14181,9 @@ const morphAdapter = {
 function getStartViewTransition() {
     if (typeof document === 'undefined')
         return undefined;
-    return document
+    const fn = document
         .startViewTransition;
+    return typeof fn === 'function' ? fn.bind(document) : undefined;
 }
 function isViewTransitionsSupported() {
     return typeof getStartViewTransition() === 'function';
@@ -14333,7 +14445,7 @@ let SwapCommand = (() => {
                     };
                 }
             }
-            let useViewTransition = false;
+            let useViewTransition = raw.modifiers?.viewTransition !== undefined;
             if (usingIndex !== -1) {
                 const afterUsing = argKeywords.slice(usingIndex + 1);
                 if (afterUsing.includes('view') && afterUsing.includes('transition')) {
@@ -14543,7 +14655,7 @@ let MorphCommand = (() => {
             const withIndex = argKeywords.findIndex(k => k === 'with');
             const overIndex = argKeywords.findIndex(k => k === 'over');
             const usingIndex = argKeywords.findIndex(k => k === 'using');
-            let useViewTransition = false;
+            let useViewTransition = raw.modifiers?.viewTransition !== undefined;
             if (usingIndex !== -1) {
                 const afterUsing = argKeywords.slice(usingIndex + 1);
                 if (afterUsing.includes('view') && afterUsing.includes('transition')) {
@@ -14624,7 +14736,11 @@ let MorphCommand = (() => {
     })();
     _classThis.metadata = commandMeta({
         description: 'Morph content into target elements (intelligent diffing, preserves state)',
-        syntax: ['morph <target> with <content>', 'morph over <target> with <content>'],
+        syntax: [
+            'morph <target> with <content>',
+            'morph over <target> with <content>',
+            'morph <target> with <content> using view transition',
+        ],
         examples: ['morph #target with it', 'morph over #modal with fetchedContent'],
         sideEffects: ['dom-mutation'],
         category: 'dom',
@@ -15234,24 +15350,33 @@ let ProcessPartialsCommand = (() => {
             if (!args || args.length === 0) {
                 throw new Error('process partials command requires content argument');
             }
-            const evaluatedArgs = [];
-            const argStrings = [];
-            for (const arg of args) {
-                const evaluated = await evaluator.evaluate(arg, context);
-                evaluatedArgs.push(evaluated);
-                if (typeof evaluated === 'string') {
-                    argStrings.push(evaluated.toLowerCase());
-                }
-            }
-            const partialsIndex = argStrings.findIndex(s => s === 'partials');
+            const keywordOf = (node) => {
+                const n = node;
+                if (!n || typeof n !== 'object')
+                    return null;
+                if (n.type === 'identifier' && typeof n.name === 'string')
+                    return n.name.toLowerCase();
+                if (n.type === 'literal' && typeof n.value === 'string')
+                    return n.value.toLowerCase();
+                return null;
+            };
+            const keywords = args.map(keywordOf);
+            const partialsIndex = keywords.indexOf('partials');
+            const inIndex = keywords.indexOf('in');
+            let contentNode;
             if (partialsIndex === -1) {
-                throw new Error('process command expects "partials" keyword: process partials in <content>');
+                if (inIndex !== -1) {
+                    throw new Error('process command expects "partials" keyword: process partials in <content>');
+                }
+                contentNode = args[0];
             }
-            const inIndex = argStrings.findIndex(s => s === 'in');
-            if (inIndex === -1 || inIndex <= partialsIndex) {
-                throw new Error('process partials command expects "in" keyword: process partials in <content>');
+            else {
+                if (inIndex === -1 || inIndex <= partialsIndex) {
+                    throw new Error('process partials command expects "in" keyword: process partials in <content>');
+                }
+                contentNode = args[inIndex + 1];
             }
-            const contentArg = evaluatedArgs[inIndex + 1];
+            const contentArg = contentNode ? await evaluator.evaluate(contentNode, context) : undefined;
             let html;
             if (typeof contentArg === 'string') {
                 html = contentArg;
@@ -15265,10 +15390,10 @@ let ProcessPartialsCommand = (() => {
             else {
                 throw new Error('process partials: content must be an HTML string or element');
             }
-            const usingIndex = argStrings.findIndex(s => s === 'using');
-            let useViewTransition = false;
+            let useViewTransition = raw.modifiers?.viewTransition !== undefined;
+            const usingIndex = keywords.indexOf('using');
             if (usingIndex !== -1) {
-                const remaining = argStrings.slice(usingIndex + 1).join(' ');
+                const remaining = keywords.slice(usingIndex + 1);
                 if (remaining.includes('view') && remaining.includes('transition')) {
                     useViewTransition = true;
                 }