akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-23 07:10:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Show doc comments

Browse Source
This commit is contained in:
Misode
2024-10-24 06:07:12 +02:00
parent 256390cbd2
commit b66b53ceaa
1 changed files with 28 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/app/components/generator/McdocRenderer.tsx
View File

@@ -33,6 +33,7 @@ export function McdocRoot({ node, makeEdit, ctx } : Props) {
return <>
<div class="node-header">
<Errors node={node} ctx={ctx} />
<Docs hover={node?.hover} />
<Key label={locale('root')} />
<Head type={type} node={node} makeEdit={makeEdit} ctx={ctx} />
</div>
@@ -170,7 +171,7 @@ function EnumHead({ type, optional, node, makeEdit }: EnumHeadProps) {
return <select value={value} onInput={(e) => onChangeValue((e.target as HTMLSelectElement).value)}>
{(value === undefined || optional) && <option value="__unset__">-- unset --</option>}
{type.values.map(value =>
<option value={value.value}>{value.value}</option>
<option value={value.value}>{value.value.toString()?.replace(/^minecraft:/, '')}</option>
)}
</select>
}
@@ -478,6 +479,7 @@ function StructBody({ type: outerType, node, makeEdit, ctx }: StructBodyProps) {
return <div class="node">
<div class="node-header">
<Errors node={childValue} ctx={ctx} />
<Docs hover={childValue?.hover ?? child?.key?.hover ?? child?.hover} />
<Key label={key} />
<Head type={fieldType} node={childValue} optional={field.optional} makeEdit={makeFieldEdit} ctx={ctx} />
</div>
@@ -526,6 +528,7 @@ function ListBody({ type: outerType, node, makeEdit, ctx }: ListBodyProps) {
return <div class="node">
<div class="node-header">
<Errors node={child} ctx={ctx} />
<Docs hover={child?.hover ?? item.hover} />
<button class="remove tooltipped tip-se" aria-label={locale('remove')} onClick={() => onRemoveItem(index)}>
{Octicon.trashcan}
</button>
@@ -555,7 +558,8 @@ function TupleBody({ type, node, makeEdit, ctx }: TupleBodyProps) {
}
return <>
{type.items.map((item, index) => {
const child = node?.children?.[index]?.value
const itemNode = node?.children?.[index]
const child = itemNode?.value
const itemType = simplifyType(item, ctx)
const makeItemEdit: MakeEdit = (edit) => {
makeEdit(() => {
@@ -574,6 +578,7 @@ function TupleBody({ type, node, makeEdit, ctx }: TupleBodyProps) {
return <div class="node">
<div class="node-header">
<Errors node={child} ctx={ctx} />
<Docs hover={child?.hover ?? itemNode.hover} />
<Key label="entry" />
<Head type={itemType} node={child} makeEdit={makeItemEdit} ctx={ctx} />
</div>
@@ -614,6 +619,27 @@ function ErrorIndicator({ error }: ErrorIndicatorProps) {
</div>
}
interface DocsProps {
hover: string | undefined
}
function Docs({ hover }: DocsProps) {
if (hover === undefined) {
return <></>
}
const descStart = hover.indexOf('```', hover.indexOf('```') + 3) + 4
const desc = hover.substring(descStart).trim().replaceAll('`', '')
if (desc.length === 0) {
return <></>
}
const [active, setActive] = useFocus()
return <div class={`node-icon node-help ${active ? 'show' : ''}`} onClick={() => setActive()}>
{Octicon.info}
<span class="icon-popup">{desc}</span>
</div>
}
function getDefault(type: McdocType, range: core.Range, ctx: McdocContext): JsonNode {
if (type.kind === 'string') {
return JsonStringNode.mock(range)