@meistrari/tela-skills 1.6.0 → 1.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/tela-skills",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "description": "Tela API skills for Claude Code",
   "type": "module",
   "bin": {

package/skill/canvas.test.ts

@@ -146,4 +146,42 @@ describe('canvas', () => {
         expect(body.message).toEqual({ role: 'system', content: 'Current', markdownContent: 'Current', index: 0 })
         expect('messages' in body).toBe(false)
     })
+
+    test('preserves underscores in variable names when converting markdown to HTML', async () => {
+        const { markdownToHtml } = await import('./canvas.ts')
+        const markdown = [
+            '- Texto da publicação: {texto_publicacao}',
+            '- Fase do processo: {fase_processo}',
+            '- Garantia judicial: {garantia_judicial}',
+            '- Órgão legal: {orgao_legal}',
+        ].join('\n')
+
+        const html = markdownToHtml(markdown)
+
+        expect(html).toContain('<variable class="variable" data-variable="texto_publicacao">texto_publicacao</variable>')
+        expect(html).toContain('<variable class="variable" data-variable="fase_processo">fase_processo</variable>')
+        expect(html).toContain('<variable class="variable" data-variable="garantia_judicial">garantia_judicial</variable>')
+        expect(html).toContain('<variable class="variable" data-variable="orgao_legal">orgao_legal</variable>')
+    })
+
+    test('does not replace literal sentinel-like text when restoring variables', async () => {
+        const { markdownToHtml } = await import('./canvas.ts')
+        const markdown = 'Literal sentinel: %%TELAVAR0%% {texto_publicacao}'
+
+        const html = markdownToHtml(markdown)
+
+        expect(html).toContain('Literal sentinel: %%TELAVAR0%% ')
+        expect(html).toContain('<variable class="variable" data-variable="texto_publicacao">texto_publicacao</variable>')
+    })
+
+    test('renders markdown separator lines as horizontal rules', async () => {
+        const { markdownToHtml } = await import('./canvas.ts')
+
+        for (const separator of ['---', '***', '___']) {
+            const html = markdownToHtml(`# Contexto\n\n${separator}\n\n# Etapas`)
+
+            expect(html).toContain('<hr>')
+            expect(html).not.toContain(`<p>${separator}</p>`)
+        }
+    })
 })

package/skill/canvas.ts

@@ -436,6 +436,15 @@ export function markdownToHtml(markdown: string): string {
             htmlParts.push(`<h1>${trimmed.slice(2)}</h1>`)
             isFirst = false
         }
+        // Horizontal rule
+        else if (/^(?:-{3,}|\*{3,}|_{3,})$/.test(trimmed)) {
+            if (inList) {
+                htmlParts.push('</ul>')
+                inList = false
+            }
+            htmlParts.push('<hr>')
+            isFirst = false
+        }
         // Bullet list
         else if (trimmed.startsWith('- ')) {
             if (!inList) {
@@ -467,16 +476,28 @@ export function markdownToHtml(markdown: string): string {
         htmlParts.push('</ul>')
 
     let html = htmlParts.join('')
+    const variableTags: string[] = []
+    let markerId = 0
+    let markerPrefix = `\0TELAVAR${markerId}:`
+
+    // Pick a per-call marker that cannot collide with literal user content.
+    while (html.includes(markerPrefix)) {
+        markerId += 1
+        markerPrefix = `\0TELAVAR${markerId}:`
+    }
+
+    html = html.replace(/\{([^}]+)\}/g, (_match, variableName: string) => {
+        const index = variableTags.push(`<variable class="variable" data-variable="${variableName}">${variableName}</variable>`) - 1
+        return `${markerPrefix}${index}:\0`
+    })
 
     // Convert **bold** and _italic_
     html = html.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
     html = html.replace(/_(.+?)_/g, '<em>$1</em>')
 
-    // Convert {variables} to HTML variable tags
-    html = html.replace(
-        /\{([^}]+)\}/g,
-        '<variable class="variable" data-variable="$1">$1</variable>',
-    )
+    variableTags.forEach((tag, index) => {
+        html = html.split(`${markerPrefix}${index}:\0`).join(tag)
+    })
 
     return html
 }