GlossaryEntryForm.svelte

Source: src/lib/components/glossary/GlossaryEntryForm.svelte

Exports

Props

8 Collapsible Sections

Each section is a collapsible accordion. Sections 1 and 2 are open by default; the rest are collapsed.

1. Basic (open by default)

• term — The glossary term itself (required, non-empty)
• shortDefinition — Brief definition displayed in tooltips (required, non-empty)
• fullDefinition — Extended definition displayed in detail view
• status — Entry status: draft, active, deprecated, archived

2. Categorization (open by default)

• category — Free-text category label
• tags — Array of tag strings, entered as comma-separated values
• aliases — Alternative names/spellings for the term, entered as comma-separated values

3. Linguistic

• partOfSpeech — Grammatical classification (noun, verb, adjective, etc.)
• pronunciationGuide — Phonetic or descriptive pronunciation

4. Scope

• termScope — Scope type: "full_project" or "targeted"
• scopeTargets — Array of content IDs (via ScopeTreePicker); empty when termScope is "full_project"
• worldScope — Free-text scope within the story world
• spoilerLevel — Numeric spoiler level (0 = no spoiler)

5. Examples

• examples — Example sentences demonstrating correct usage
• nonExamples — Sentences demonstrating incorrect usage or common mistakes
• usageNotes — Additional guidance on term usage
• etymology — Origin and history of the term

6. Visual

• icon — Icon identifier for display in lists
• imageUrl — URL to an associated image

7. Marking

• autoMark — Whether the term should be automatically marked in content
• markColor — CSS color for the dotted underline mark
• markHoverColor — CSS color for the hover background on marks
• enableTooltip — Whether hovering a mark shows the tooltip
• enableHyperlink — Whether clicking a mark navigates to the entry

8. Relationships

Each relationship field uses a GlossaryTermPicker sub-component:

• broaderTerms — Parent/hypernym terms
• narrowerTerms — Child/hyponym terms
• relatedTerms — Associatively related terms
• synonyms — Terms with the same meaning
• antonyms — Terms with opposite meaning
• seeAlso — Cross-reference terms

Save Flow

1. Validate: term must be non-empty, shortDefinition must be non-empty. If validation fails, display inline error messages and prevent submission.
2. Build input DTO: In edit mode, build a partial DTO with only changed fields. In create mode, include all fields.
3. Call store method: glossaryStore.createEntry() for create mode, glossaryStore.updateEntry() for edit mode.
4. Dispatch event: Emit glossary:entry-saved event via moduleEventBus with the entry ID.
5. Spellcheck integration: Auto-add invented terms to the spellcheck dictionary after a 2-second delay via dictionaryStore.addWordIfMisspelled() for the term and all aliases.

Sub-components

Dependencies

Side Effects

• Dispatches glossary:entry-saved event on moduleEventBus after successful save.
• Calls dictionaryStore.addWordIfMisspelled() for the term and all aliases (2-second delay, retry with exponential backoff).
• Triggers network I/O via glossaryStore create/update methods.