Spaces:
Build error
Build error
File size: 2,469 Bytes
3f66e05 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 |
// Helper function to find matching closing tag
function findMatchingClosingTag(src: string, openTag: string, closeTag: string): number {
let depth = 1;
let index = openTag.length;
while (depth > 0 && index < src.length) {
if (src.startsWith(openTag, index)) {
depth++;
} else if (src.startsWith(closeTag, index)) {
depth--;
}
if (depth > 0) {
index++;
}
}
return depth === 0 ? index + closeTag.length : -1;
}
// Function to parse attributes from tag
function parseAttributes(tag: string): { [key: string]: string } {
const attributes: { [key: string]: string } = {};
const attrRegex = /(\w+)="(.*?)"/g;
let match;
while ((match = attrRegex.exec(tag)) !== null) {
attributes[match[1]] = match[2];
}
return attributes;
}
function detailsTokenizer(src: string) {
// Updated regex to capture attributes inside <details>
const detailsRegex = /^<details(\s+[^>]*)?>\n/;
const summaryRegex = /^<summary>(.*?)<\/summary>\n/;
const detailsMatch = detailsRegex.exec(src);
if (detailsMatch) {
const endIndex = findMatchingClosingTag(src, '<details', '</details>');
if (endIndex === -1) return;
const fullMatch = src.slice(0, endIndex);
const detailsTag = detailsMatch[0];
const attributes = parseAttributes(detailsTag); // Parse attributes from <details>
let content = fullMatch.slice(detailsTag.length, -10).trim(); // Remove <details> and </details>
let summary = '';
const summaryMatch = summaryRegex.exec(content);
if (summaryMatch) {
summary = summaryMatch[1].trim();
content = content.slice(summaryMatch[0].length).trim();
}
return {
type: 'details',
raw: fullMatch,
summary: summary,
text: content,
attributes: attributes // Include extracted attributes from <details>
};
}
}
function detailsStart(src: string) {
return src.match(/^<details>/) ? 0 : -1;
}
function detailsRenderer(token: any) {
const attributesString = token.attributes
? Object.entries(token.attributes)
.map(([key, value]) => `${key}="${value}"`)
.join(' ')
: '';
return `<details ${attributesString}>
${token.summary ? `<summary>${token.summary}</summary>` : ''}
${token.text}
</details>`;
}
// Extension wrapper function
function detailsExtension() {
return {
name: 'details',
level: 'block',
start: detailsStart,
tokenizer: detailsTokenizer,
renderer: detailsRenderer
};
}
export default function (options = {}) {
return {
extensions: [detailsExtension(options)]
};
}
|