fix: exclude YAML frontmatter from word count in Inspector panel

The DynamicPropertiesPanel had a local countWords that used a regex
(/^---[\s\S]*?---/) which could match dashes inside frontmatter values,
leaving part of the frontmatter in the body and inflating the count.

Replace with the canonical countWords from utils/wikilinks.ts which uses
splitFrontmatter (line-based indexOf) and correctly finds the closing
delimiter on its own line.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
lucaronin
2026-02-24 12:19:21 +01:00
parent 91c3f4bf16
commit d2c8d25add
3 changed files with 77 additions and 11 deletions

View File

@@ -5,6 +5,7 @@ import type { ParsedFrontmatter } from '../utils/frontmatter'
import { EditableValue, TagPillList } from './EditableValue'
import { Button } from '@/components/ui/button'
import { getTypeColor, getTypeLightColor } from '../utils/typeColors'
import { countWords } from '../utils/wikilinks'
const STATUS_STYLES: Record<string, { bg: string; color: string }> = {
Active: { bg: 'var(--accent-green-light)', color: 'var(--accent-green)' },
@@ -37,12 +38,6 @@ export function containsWikilinks(value: FrontmatterValue): boolean {
return false
}
function countWords(content: string | null): number {
if (!content) return 0
const stripped = content.replace(/^---[\s\S]*?---\n?/, '')
const words = stripped.trim().split(/\s+/).filter((w) => w.length > 0)
return words.length
}
function formatDate(timestamp: number | null): string {
if (!timestamp) return '\u2014'
@@ -238,7 +233,7 @@ export function DynamicPropertiesPanel({
const [editingKey, setEditingKey] = useState<string | null>(null)
const [showAddDialog, setShowAddDialog] = useState(false)
const wordCount = countWords(content)
const wordCount = countWords(content ?? '')
const propertyEntries = useMemo(() => {
return Object.entries(frontmatter)

View File

@@ -131,8 +131,8 @@ describe('Inspector', () => {
it('computes word count from content minus frontmatter', () => {
render(<Inspector {...defaultProps} entry={mockEntry} content={mockContent} />)
// "# Test Project" + "This is a test note with some words to count." = 13 words
expect(screen.getByText('13')).toBeInTheDocument()
// "Test Project" (# stripped) + "This is a test note with some words to count." = 12 words
expect(screen.getByText('12')).toBeInTheDocument()
})
it('shows "Add property" button as disabled placeholder', () => {
@@ -470,8 +470,11 @@ Status: Active
allContent={{}}
/>
)
// 2 entries reference via Belongs to
expect(screen.getByText('2')).toBeInTheDocument()
// 2 entries reference via Belongs to — badge appears in the Referenced by header
const allTwos = screen.getAllByText('2')
expect(allTwos.length).toBeGreaterThanOrEqual(1)
// At least one "2" is inside a badge (span with ml-1 class)
expect(allTwos.some(el => el.classList.contains('ml-1'))).toBe(true)
})
it('shows "No references" when no entries reference the current note', () => {