`-wrap
// quirk: if an item contains only inline children and no text-node newline,
@@ -218,6 +220,36 @@ function convertBlockquote(node, ctx) {
`;
}
+// `` becomes expand macro. If no summary child is found,
+// falls through to plain HTML.
+function convertDetails(node, ctx) {
+ const children = node.children || [];
+ let summaryNode = null;
+ let bodyNodes = [];
+
+ for (const child of children) {
+ if (child.type === 'tag' && child.name === 'summary') {
+ summaryNode = child;
+ } else if (!isWhitespaceOnly(child)) {
+ bodyNodes.push(child);
+ }
+ }
+
+ if (!summaryNode) {
+ return `
` adjacency only — `` with whitespace siblings or
// any other shape falls through as plain ``. The body needs manual
// entity decode because the parser keeps entities raw and CDATA is opaque
@@ -243,6 +275,20 @@ function convertCodeBlock(node, ctx) {
return `${language} Click me
Hidden content
';
+ const out = htmlToStorage(html);
+ expect(out).toContain('');
+ expect(out).toContain('Click me ');
+ expect(out).toContain('Hidden content
');
+ });
+
+ test('summary with inline HTML has tags stripped from title', () => {
+ const html = 'View code
body
';
+ const out = htmlToStorage(html);
+ expect(out).toContain('View code ');
+ expect(out).not.toContain('code');
+ });
+
+ test('details with multiple paragraphs in body', () => {
+ const html = 'More
First
Second
';
+ const out = htmlToStorage(html);
+ expect(out).toContain('First
Second
Code
console.log();
';
+ const out = htmlToStorage(html);
+ expect(out).toContain('');
+ expect(out).toContain('');
+ expect(out).toContain('console.log();');
+ });
+
+ test('details without summary falls through as plain HTML', () => {
+ const html = 'No summary here
';
+ const out = htmlToStorage(html);
+ expect(out).toContain('');
+ expect(out).not.toContain('ac:structured-macro');
+ });
+
+ test('nested details inside info callout', () => {
+ const html = 'INFO
More
Nested
';
+ const out = htmlToStorage(html);
+ expect(out).toContain('');
+ expect(out).toContain('');
+ expect(out).toContain('Nested');
+ });
+
+ test('details inside details (nested expand macros)', () => {
+ const html = 'Outer
Inner
Deep
';
+ const out = htmlToStorage(html);
+ const macroCount = (out.match(/ac:name="expand"/g) || []).length;
+ expect(macroCount).toBe(2);
+ expect(out).toContain('Deep');
+ });
+ });
+
+ describe('HTML macro wrapping', () => {
+ test('SVG block is wrapped in HTML macro with CDATA', () => {
+ const html = '';
+ const out = htmlToStorage(html);
+ expect(out).toContain('');
+ expect(out).toContain(']]>');
+ });
+
+ test('div block is wrapped in HTML macro', () => {
+ const html = 'Content
';
+ const out = htmlToStorage(html);
+ expect(out).toContain('');
+ });
+
+ test('CDATA end marker is escaped in HTML content', () => {
+ const html = 'test]]>end';
+ const out = htmlToStorage(html);
+ expect(out).toContain('test]]]]>end');
+ expect(out).not.toContain('test]]>end');
+ });
+
+ test('each HTML block gets unique UUID', () => {
+ const html = '';
+ const out = htmlToStorage(html);
+ const ids = out.match(/ac:macro-id="([^"]+)"/g);
+ expect(ids).toHaveLength(2);
+ expect(ids[0]).not.toBe(ids[1]);
+ });
+
+ test('video tag is NOT wrapped (not in allowlist)', () => {
+ const html = '';
+ const out = htmlToStorage(html);
+ expect(out).toBe('');
+ expect(out).not.toContain('ac:structured-macro');
+ });
+
+ test('normal paragraph is NOT wrapped', () => {
+ const html = 'Regular paragraph
';
+ const out = htmlToStorage(html);
+ expect(out).toBe('Regular paragraph
');
+ expect(out).not.toContain('ac:structured-macro');
+ });
+
+ test('span is NOT wrapped (not in allowlist)', () => {
+ const html = 'inline';
+ const out = htmlToStorage(html);
+ expect(out).toBe('inline');
+ expect(out).not.toContain('ac:structured-macro');
+ });
+ });
});
diff --git a/tests/macro-converter.test.js b/tests/macro-converter.test.js
index 34e79be..29c860a 100644
--- a/tests/macro-converter.test.js
+++ b/tests/macro-converter.test.js
@@ -1316,3 +1316,48 @@ describe('MacroConverter integration smoke tests', () => {
expect(result).toContain('c
Show more
+
+Hidden paragraph
+
+`;
+ const out = converter.markdownToStorage(md);
+ expect(out).toContain('');
+ expect(out).toContain('Show more ');
+ expect(out).toContain('Hidden paragraph');
+ });
+
+ test('details with code block inside', () => {
+ const md = `
+View code
+
+\`\`\`javascript
+console.log("test");
+\`\`\`
+
+`;
+ const out = converter.markdownToStorage(md);
+ expect(out).toContain('');
+ expect(out).toContain('');
+ expect(out).toContain('console.log');
+ });
+});
+
+describe('markdown with HTML blocks', () => {
+ const converter = new MacroConverter({ isCloud: true });
+
+ test('SVG in markdown wraps in HTML macro', () => {
+ const md = ``;
+ const out = converter.markdownToStorage(md);
+ expect(out).toContain('