tensamin/client
Watch
6
0
Fork
You've already forked client
 0
Code Issues Pull requests 2 Projects Releases 2 Packages Wiki Activity Actions

Formatted, fixed some ttp stuff

Browse source
This commit is contained in:
Alois 2026-03-14 19:58:13 +01:00
commit d77271e4b7
27 changed files with 1089 additions and 371 deletions
Download patch file Download diff file Expand all files Collapse all files

5
packages/markdown/src/input.tsx
View file

@ -20,10 +20,7 @@ import {
historyKeymap,
indentWithTab,
} from "@codemirror/commands";
import {
useEffect,
useRef,
} from "react";
import { useEffect, useRef } from "react";
import { collectInlineRanges, ensureMarkdownStyles } from "./markdown";

35
packages/markdown/src/markdown.tsx
View file

@ -476,19 +476,22 @@ export function renderBlocks(blocks: MarkdownBlock[]): React.ReactElement {
if (block.type === "list") {
const Tag = block.ordered ? "ol" : "ul";
return (
<Tag key={blockIndex} className={block.ordered ? "tm-md-ol" : "tm-md-ul"}>
<Tag
key={blockIndex}
className={block.ordered ? "tm-md-ol" : "tm-md-ul"}
>
{block.items.map((item, itemIndex) => (
<li key={itemIndex} className="tm-md-li">
{item.checked !== null ? (
<input
type="checkbox"
checked={item.checked}
disabled
className="tm-md-checkbox"
/>
) : null}
<span>{renderInline(parseInlineNodes(item.text))}</span>
</li>
{item.checked !== null ? (
<input
type="checkbox"
checked={item.checked}
disabled
className="tm-md-checkbox"
/>
) : null}
<span>{renderInline(parseInlineNodes(item.text))}</span>
</li>
))}
</Tag>
);
@ -501,7 +504,9 @@ export function renderBlocks(blocks: MarkdownBlock[]): React.ReactElement {
<thead>
<tr>
{block.headers.map((header, headerIndex) => (
<th key={headerIndex}>{renderInline(parseInlineNodes(header))}</th>
<th key={headerIndex}>
{renderInline(parseInlineNodes(header))}
</th>
))}
</tr>
</thead>
@ -509,9 +514,11 @@ export function renderBlocks(blocks: MarkdownBlock[]): React.ReactElement {
{block.rows.map((row, rowIndex) => (
<tr key={rowIndex}>
{row.map((cell, cellIndex) => (
<td key={cellIndex}>{renderInline(parseInlineNodes(cell))}</td>
<td key={cellIndex}>
{renderInline(parseInlineNodes(cell))}
</td>
))}
</tr>
</tr>
))}
</tbody>
</table>

5
packages/markdown/src/text.tsx
View file

@ -13,7 +13,10 @@ export type TextProps = {
export default function Text(props: TextProps) {
ensureMarkdownStyles();
const blocks = React.useMemo(() => parseMarkdownBlocks(props.value), [props.value]);
const blocks = React.useMemo(
() => parseMarkdownBlocks(props.value),
[props.value],
);
return <div className="tm-md-root">{renderBlocks(blocks)}</div>;
}