interface ControlFlowBlock {
condition: string | null;
content: string;
aliasVariable?: string;
}
interface ForBlock {
variable: string;
iterable: string;
content: string;
trackBy?: string;
}
export class ControlFlowTransformer {
transform(content: string): string {
content = this.transformForBlocks(content);
content = this.transformIfBlocks(content);
return content;
}
private transformIfBlocks(content: string): string {
let result = content;
let startIndex = 0;
while (startIndex < result.length) {
const ifBlock = this.findIfBlock(result, startIndex);
if (!ifBlock) break;
const blocks = this.parseBlocks(ifBlock.match);
const replacement = this.buildNgContainers(blocks);
result = result.substring(0, ifBlock.startIndex) + replacement + result.substring(ifBlock.endIndex);
startIndex = ifBlock.startIndex + replacement.length;
}
return result;
}
private findIfBlock(content: string, startIndex: number): { match: string; startIndex: number; endIndex: number } | null {
const ifIndex = content.indexOf('@if', startIndex);
if (ifIndex === -1) return null;
const openParenIndex = content.indexOf('(', ifIndex);
if (openParenIndex === -1) return null;
let parenCount = 1;
let closeParenIndex = openParenIndex + 1;
while (closeParenIndex < content.length && parenCount > 0) {
const char = content[closeParenIndex];
if (char === '(') parenCount++;
else if (char === ')') parenCount--;
closeParenIndex++;
}
if (parenCount !== 0) return null;
closeParenIndex--;
const openBraceIndex = content.indexOf('{', closeParenIndex);
if (openBraceIndex === -1) {
// Handle case where there's no opening brace - create a simple block
return {
match: content.substring(ifIndex, closeParenIndex + 1) + '{ }',
startIndex: ifIndex,
endIndex: closeParenIndex + 1
};
}
let endIndex = this.findIfBlockEnd(content, openBraceIndex);
if (endIndex === -1) {
// For incomplete blocks, try to process what we have
endIndex = content.length;
}
return {
match: content.substring(ifIndex, endIndex),
startIndex: ifIndex,
endIndex: endIndex
};
}
private findIfBlockEnd(content: string, startBraceIndex: number): number {
let braceCount = 1;
let index = startBraceIndex + 1;
while (index < content.length && braceCount > 0) {
const char = content[index];
if (char === '{') braceCount++;
else if (char === '}') braceCount--;
index++;
}
// If we couldn't find matching closing brace, try to handle incomplete blocks
if (braceCount !== 0) {
// For incomplete blocks, find the end of the current line or next @if/@for statement
const remainingContent = content.substring(startBraceIndex);
const nextIfIndex = remainingContent.indexOf('@if', 1);
const nextForIndex = remainingContent.indexOf('@for', 1);
const lineEndIndex = remainingContent.indexOf('\n');
let endIndex = content.length;
if (nextIfIndex !== -1) endIndex = Math.min(endIndex, startBraceIndex + nextIfIndex);
if (nextForIndex !== -1) endIndex = Math.min(endIndex, startBraceIndex + nextForIndex);
if (lineEndIndex !== -1) endIndex = Math.min(endIndex, startBraceIndex + lineEndIndex);
return endIndex;
}
while (index < content.length) {
const remaining = content.substring(index);
const elseIfMatch = remaining.match(/^\s*@else\s+if\s*\(/);
const elseMatch = remaining.match(/^\s*@else\s*\{/);
if (elseIfMatch) {
const elseIfIndex = index + elseIfMatch[0].length - 1;
let parenCount = 1;
let parenIndex = elseIfIndex + 1;
while (parenIndex < content.length && parenCount > 0) {
const char = content[parenIndex];
if (char === '(') parenCount++;
else if (char === ')') parenCount--;
parenIndex++;
}
if (parenCount !== 0) return index;
const braceIndex = content.indexOf('{', parenIndex);
if (braceIndex === -1) return index;
braceCount = 1;
index = braceIndex + 1;
while (index < content.length && braceCount > 0) {
const char = content[index];
if (char === '{') braceCount++;
else if (char === '}') braceCount--;
index++;
}
if (braceCount !== 0) return -1;
} else if (elseMatch) {
const braceIndex = index + elseMatch[0].length - 1;
braceCount = 1;
index = braceIndex + 1;
while (index < content.length && braceCount > 0) {
const char = content[index];
if (char === '{') braceCount++;
else if (char === '}') braceCount--;
index++;
}
if (braceCount !== 0) return -1;
return index;
} else {
return index;
}
}
return index;
}
private transformForBlocks(content: string): string {
let result = content;
let startIndex = 0;
while (startIndex < result.length) {
const forBlock = this.findForBlock(result, startIndex);
if (!forBlock) break;
const parsedBlock = this.parseForBlock(forBlock.match);
if (!parsedBlock) {
startIndex = forBlock.endIndex;
continue;
}
const replacement = this.buildNgForContainer(parsedBlock);
result = result.substring(0, forBlock.startIndex) + replacement + result.substring(forBlock.endIndex);
// Move to the end of the replacement to avoid infinite loops
startIndex = forBlock.startIndex + replacement.length;
}
return result;
}
private findForBlock(content: string, startIndex: number): { match: string; startIndex: number; endIndex: number } | null {
const forIndex = content.indexOf('@for', startIndex);
if (forIndex === -1) return null;
const openParenIndex = content.indexOf('(', forIndex);
if (openParenIndex === -1) return null;
// Properly count nested parentheses
let parenCount = 1;
let closeParenIndex = openParenIndex + 1;
while (closeParenIndex < content.length && parenCount > 0) {
const char = content[closeParenIndex];
if (char === '(') parenCount++;
else if (char === ')') parenCount--;
closeParenIndex++;
}
if (parenCount !== 0) return null;
closeParenIndex--; // Move back to the closing paren
const openBraceIndex = content.indexOf('{', closeParenIndex);
if (openBraceIndex === -1) return null;
let braceCount = 1;
let contentEndIndex = openBraceIndex + 1;
while (contentEndIndex < content.length && braceCount > 0) {
const char = content[contentEndIndex];
if (char === '{') braceCount++;
else if (char === '}') braceCount--;
contentEndIndex++;
}
if (braceCount !== 0) return null;
return {
match: content.substring(forIndex, contentEndIndex),
startIndex: forIndex,
endIndex: contentEndIndex
};
}
private parseForBlock(match: string): ForBlock | null {
const startIndex = match.indexOf('@for');
if (startIndex === -1) return null;
const openParenIndex = match.indexOf('(', startIndex);
if (openParenIndex === -1) return null;
// Properly count nested parentheses
let parenCount = 1;
let closeParenIndex = openParenIndex + 1;
while (closeParenIndex < match.length && parenCount > 0) {
const char = match[closeParenIndex];
if (char === '(') parenCount++;
else if (char === ')') parenCount--;
closeParenIndex++;
}
if (parenCount !== 0) return null;
closeParenIndex--; // Move back to the closing paren
const openBraceIndex = match.indexOf('{', closeParenIndex);
if (openBraceIndex === -1) return null;
let braceCount = 1;
let contentEndIndex = openBraceIndex + 1;
while (contentEndIndex < match.length && braceCount > 0) {
const char = match[contentEndIndex];
if (char === '{') braceCount++;
else if (char === '}') braceCount--;
contentEndIndex++;
}
if (braceCount !== 0) return null;
const header = match.substring(openParenIndex + 1, closeParenIndex).trim();
const content = match.substring(openBraceIndex + 1, contentEndIndex - 1);
// Parse header
const parts = header.split(';');
const forPart = parts[0].trim();
const trackPart = parts[1]?.trim();
// Match: variable of iterable (iterable can contain parentheses, dots, etc.)
const forMatch = forPart.match(/^\s*(\w+)\s+of\s+(.+)\s*$/);
if (!forMatch) return null;
const variable = forMatch[1].trim();
const iterable = forMatch[2].trim();
let trackBy = undefined;
if (trackPart) {
const trackMatch = trackPart.match(/^track\s+(.+)$/);
if (trackMatch) {
trackBy = trackMatch[1].trim();
}
}
return {
variable,
iterable,
content,
trackBy
};
}
private buildNgForContainer(forBlock: ForBlock): string {
let ngForExpression = `let ${forBlock.variable} of ${forBlock.iterable}`;
if (forBlock.trackBy) {
ngForExpression += `; trackBy: ${forBlock.trackBy}`;
}
// Recursively transform nested @if and @for blocks in content
const transformedContent = this.transform(forBlock.content);
return `${transformedContent}`;
}
private parseBlocks(match: string): ControlFlowBlock[] {
const blocks: ControlFlowBlock[] = [];
let index = 0;
const ifIndex = match.indexOf('@if');
if (ifIndex !== -1) {
const openParenIndex = match.indexOf('(', ifIndex);
let parenCount = 1;
let closeParenIndex = openParenIndex + 1;
while (closeParenIndex < match.length && parenCount > 0) {
const char = match[closeParenIndex];
if (char === '(') parenCount++;
else if (char === ')') parenCount--;
closeParenIndex++;
}
closeParenIndex--;
const conditionStr = match.substring(openParenIndex + 1, closeParenIndex);
const { condition, aliasVariable } = this.parseConditionWithAlias(conditionStr.trim());
const openBraceIndex = match.indexOf('{', closeParenIndex);
if (openBraceIndex === -1) {
// Incomplete @if block - no opening brace found
blocks.push({ condition, content: '', aliasVariable });
return blocks;
}
let braceCount = 1;
let closeBraceIndex = openBraceIndex + 1;
while (closeBraceIndex < match.length && braceCount > 0) {
const char = match[closeBraceIndex];
if (char === '{') braceCount++;
else if (char === '}') braceCount--;
closeBraceIndex++;
}
let content = '';
if (braceCount === 0) {
// Complete block found
closeBraceIndex--;
content = match.substring(openBraceIndex + 1, closeBraceIndex);
index = closeBraceIndex + 1;
} else {
// Incomplete block - take everything after opening brace
content = match.substring(openBraceIndex + 1);
index = match.length;
}
// Trim leading whitespace from content
content = content.trimStart();
blocks.push({ condition, content, aliasVariable });
}
while (index < match.length) {
const remaining = match.substring(index);
const elseIfMatch = remaining.match(/^\s*@else\s+if\s*\(/);
const elseMatch = remaining.match(/^\s*@else\s*\{/);
if (elseIfMatch) {
const elseIfIndex = index + elseIfMatch[0].length - 1;
let parenCount = 1;
let closeParenIndex = elseIfIndex + 1;
while (closeParenIndex < match.length && parenCount > 0) {
const char = match[closeParenIndex];
if (char === '(') parenCount++;
else if (char === ')') parenCount--;
closeParenIndex++;
}
closeParenIndex--;
const conditionStr = match.substring(elseIfIndex + 1, closeParenIndex);
const { condition, aliasVariable } = this.parseConditionWithAlias(conditionStr.trim());
const openBraceIndex = match.indexOf('{', closeParenIndex);
if (openBraceIndex === -1) {
// Incomplete @else if block - no opening brace found
blocks.push({ condition, content: '', aliasVariable });
index = match.length;
break;
}
let braceCount = 1;
let closeBraceIndex = openBraceIndex + 1;
while (closeBraceIndex < match.length && braceCount > 0) {
const char = match[closeBraceIndex];
if (char === '{') braceCount++;
else if (char === '}') braceCount--;
closeBraceIndex++;
}
let content = '';
if (braceCount === 0) {
// Complete block found
closeBraceIndex--;
content = match.substring(openBraceIndex + 1, closeBraceIndex);
index = closeBraceIndex + 1;
} else {
// Incomplete block - take everything after opening brace
content = match.substring(openBraceIndex + 1);
index = match.length;
}
// Trim leading whitespace from content
content = content.trimStart();
blocks.push({ condition, content, aliasVariable });
} else if (elseMatch) {
const openBraceIndex = index + elseMatch[0].length - 1;
let braceCount = 1;
let closeBraceIndex = openBraceIndex + 1;
while (closeBraceIndex < match.length && braceCount > 0) {
const char = match[closeBraceIndex];
if (char === '{') braceCount++;
else if (char === '}') braceCount--;
closeBraceIndex++;
}
let content = '';
if (braceCount === 0) {
// Complete block found
closeBraceIndex--;
content = match.substring(openBraceIndex + 1, closeBraceIndex);
index = closeBraceIndex + 1;
} else {
// Incomplete block - take everything after opening brace
content = match.substring(openBraceIndex + 1);
index = match.length;
}
// Trim leading whitespace from content
content = content.trimStart();
blocks.push({ condition: null, content });
} else {
break;
}
}
return blocks;
}
private parseConditionWithAlias(conditionStr: string): { condition: string; aliasVariable?: string } {
const aliasMatch = conditionStr.match(/^(.+);\s*as\s+([a-zA-Z_$][a-zA-Z0-9_$]*)\s*$/);
if (aliasMatch) {
return {
condition: aliasMatch[1].trim(),
aliasVariable: aliasMatch[2].trim(),
};
}
return { condition: conditionStr };
}
private buildNgContainers(blocks: ControlFlowBlock[]): string {
let result = '';
const negated: string[] = [];
for (let i = 0; i < blocks.length; i++) {
const block = blocks[i];
const condition = this.buildCondition(block.condition, negated);
// Recursively transform nested @if and @for blocks in content
const transformedContent = this.transform(block.content);
if (block.aliasVariable) {
result += `${transformedContent}`;
} else {
result += `${transformedContent}`;
}
if (i < blocks.length - 1) {
result += '\n';
}
if (block.condition) {
negated.push(block.condition);
}
}
return result;
}
private buildCondition(condition: string | null, negated: string[]): string {
if (condition === null) {
return negated.map(c => `!(${c})`).join(' && ');
}
if (negated.length > 0) {
return negated.map(c => `!(${c})`).join(' && ') + ` && ${condition}`;
}
return condition;
}
}