@meistrari/tela-build 1.30.1 → 1.30.3

package/components/tela/badge/badge.mdx

@@ -105,11 +105,12 @@ A versatile badge component for displaying small pieces of information, counts,
 type BadgeVariant = 'outline' | 'filled'
 
 type BadgeProps = {
+  class?: HTMLAttributes['class']
+  textClass?: HTMLAttributes['class']
   variant?: BadgeVariant
-  containerClass?: string
-  textClass?: string
   icon?: string
-  to?: string
+  to?: RouteLocationRaw
+  target?: HTMLAnchorElement['target']
 }
 ```
 

package/components/tela/badge/badge.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { NuxtLink } from '#components'
 import type { HTMLAttributes } from 'vue'
+import { NuxtLink } from '#components'
 
 const props = withDefaults(defineProps<{
     class?: HTMLAttributes['class']
     textClass?: HTMLAttributes['class']
     variant?: 'outline' | 'filled'
     icon?: string
-    to?: boolean
+    to?: InstanceType<typeof NuxtLink>['$props']['to']
+    target?: HTMLAnchorElement['target']
 }>(), {
     variant: 'outline',
-    to: false,
 })
 
 const tag = computed(() => props.to ? NuxtLink : 'div')
@@ -19,6 +19,7 @@ const tag = computed(() => props.to ? NuxtLink : 'div')
 <template>
     <component
         :is="tag"
+        v-bind="props.to ? { to: props.to, target: props.target } : {}"
         :class="cn(
             'inline-block px-[5px] py-[3px] rounded-[5px] select-none',
             variant === 'outline' && 'border-[0.5px] border-border',

package/lib/__tests__/doc-generator.test.ts

@@ -0,0 +1,33 @@
+import { mkdtempSync, readFileSync, rmSync } from 'node:fs'
+import { tmpdir } from 'node:os'
+import { join } from 'pathe'
+import matter from 'gray-matter'
+import { afterEach, describe, expect, it } from 'vitest'
+import { generateDocsToDirectory } from '../doc-generator'
+import { TypeResolver } from '../type-resolver'
+
+const tempDirs: string[] = []
+
+afterEach(() => {
+    for (const dir of tempDirs.splice(0)) {
+        rmSync(dir, { recursive: true, force: true })
+    }
+})
+
+describe('generateDocsToDirectory', () => {
+    it('writes parseable YAML frontmatter for the tela-build skill', () => {
+        const outDir = mkdtempSync(join(tmpdir(), 'tela-build-docs-'))
+        tempDirs.push(outDir)
+
+        generateDocsToDirectory([], new TypeResolver(outDir), outDir)
+
+        const skillMd = readFileSync(join(outDir, 'tela-build', 'SKILL.md'), 'utf-8')
+        const parsed = matter(skillMd)
+
+        expect(parsed.data).toMatchObject({
+            name: 'tela-build',
+            description: expect.stringContaining('repository: ask for component props'),
+        })
+        expect(skillMd).toContain('description: "')
+    })
+})

package/lib/doc-generator.ts

@@ -691,7 +691,7 @@ function wrapWithSkillFrontmatter(meta: { name: string, description: string, all
     const lines: string[] = []
     lines.push('---')
     lines.push(`name: ${sanitizeSkillName(name)}`)
-    lines.push(`description: ${sanitizeDescription(description)}`)
+    lines.push(`description: ${serializeYamlString(sanitizeDescription(description))}`)
     if (allowedTools && allowedTools.length > 0) {
         lines.push(`allowed-tools: ${allowedTools.join(', ')}`)
     }
@@ -703,6 +703,10 @@ function wrapWithSkillFrontmatter(meta: { name: string, description: string, all
     return lines.join('\n')
 }
 
+function serializeYamlString(value: string): string {
+    return JSON.stringify(value)
+}
+
 function sanitizeSkillName(name: string): string {
     // Lowercase + hyphens + digits only, max 64 chars
     return name.toLowerCase().replace(/[^a-z0-9-]/g, '-').slice(0, 64).replace(/-{2,}/g, '-')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/tela-build",
-  "version": "1.30.1",
+  "version": "1.30.3",
   "type": "module",
   "files": [
     "app.config.ts",