WordDialog
A draggable word lookup: a streamed LLM nuance explanation + a dictionary reference organized into collapsible sections (Entry, Kanji, Examples, Grammar), with an optional "save clip" action when opened from a video and a deep link into the Dictionary hub. Shared by the player, text analyzer, and transcribe pages.
Gesture layering: dragging is owned by the header grab bar (moving only the panel transform) while scrolling happens inside the body, so the two never fight and in-flight stroke animations keep running through a drag.
Interfaces¶
WordDialogProps¶
Defined in: src/shared/components/WordDialog.tsx:51
Properties¶
| Property | Type | Description | Defined in |
|---|---|---|---|
context? |
string |
Surrounding subtitle lines, exposed to the template as {context}. | src/shared/components/WordDialog.tsx:60 |
cueEnd |
number |
- | src/shared/components/WordDialog.tsx:56 |
cueStart |
number |
- | src/shared/components/WordDialog.tsx:55 |
onClose |
() => void |
- | src/shared/components/WordDialog.tsx:54 |
sentence |
string |
- | src/shared/components/WordDialog.tsx:52 |
videoFile |
File | null |
- | src/shared/components/WordDialog.tsx:57 |
videoUrl? |
string |
- | src/shared/components/WordDialog.tsx:58 |
word |
string |
- | src/shared/components/WordDialog.tsx:53 |
Functions¶
WordDialog()¶
Defined in: src/shared/components/WordDialog.tsx:115
The WordDialog component.
Parameters¶
| Parameter | Type | Description |
|---|---|---|
props |
WordDialogProps |
The props. |
Returns¶
Element
The dialog.