ttcMD: Removes unused token logic
This commit is contained in:
parent
a2f50b1fe9
commit
1cc514d83a
@ -1,20 +1,8 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { Accordion, AccordionContent } from "@/lib/accordion";
|
|
||||||
import { Poppable } from "@/lib/poppables/components/poppable";
|
|
||||||
import { createElements } from "@/lib/tcmd";
|
import { createElements } from "@/lib/tcmd";
|
||||||
import Link from "next/link";
|
import React, { FC, Suspense, useEffect, useMemo, useState } from "react";
|
||||||
import React, {
|
|
||||||
FC,
|
|
||||||
Fragment,
|
|
||||||
Suspense,
|
|
||||||
use,
|
|
||||||
useEffect,
|
|
||||||
useMemo,
|
|
||||||
useState,
|
|
||||||
} from "react";
|
|
||||||
|
|
||||||
import { sanitize } from "isomorphic-dompurify";
|
|
||||||
import { MDSkeletonLoader } from "../loader";
|
import { MDSkeletonLoader } from "../loader";
|
||||||
import { Token } from "@/types";
|
import { Token } from "@/types";
|
||||||
|
|
||||||
@ -95,203 +83,3 @@ function renderer(tokens: Token[]) {
|
|||||||
const usedIds: string[] = [];
|
const usedIds: string[] = [];
|
||||||
return tokens.map((t) => <div className="p" key={t.uuid}>{t.render(t)}</div>);
|
return tokens.map((t) => <div className="p" key={t.uuid}>{t.render(t)}</div>);
|
||||||
}
|
}
|
||||||
|
|
||||||
function render(token: Token, usedIds: string[]) {
|
|
||||||
switch (token.type) {
|
|
||||||
case "heading":
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
id={generateId(token.raw, usedIds)}
|
|
||||||
data-strength={token.metadata.strength}
|
|
||||||
className={`
|
|
||||||
font-bold
|
|
||||||
data-[strength="1"]:text-4xl
|
|
||||||
data-[strength="2"]:text-3xl
|
|
||||||
data-[strength="3"]:text-2xl
|
|
||||||
`}
|
|
||||||
>
|
|
||||||
{token.content}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
case "grid":
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
"--grid-cols": token.metadata.columns,
|
|
||||||
} as React.CSSProperties}
|
|
||||||
className="grid grid-cols-dynamic gap-x-8 gap-y-6 mb-6"
|
|
||||||
>
|
|
||||||
{token.children?.map((c, i) => (
|
|
||||||
<div key={c.uuid}>
|
|
||||||
{render(c, usedIds)}
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
case "code":
|
|
||||||
return (
|
|
||||||
<pre className="whitespace-pre-wrap bg-black/20 p-2 rounded-md">
|
|
||||||
{token.content}
|
|
||||||
</pre>
|
|
||||||
);
|
|
||||||
case "card":
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
data-block={!!token.metadata.isBlock}
|
|
||||||
className="data-[block=false]:card mb-6"
|
|
||||||
>
|
|
||||||
{token.children?.map((e) => (
|
|
||||||
<Fragment key={e.uuid}>
|
|
||||||
{render(e, usedIds)}
|
|
||||||
</Fragment>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
case "anchor":
|
|
||||||
return (
|
|
||||||
<Link
|
|
||||||
className={token.metadata.classes ||
|
|
||||||
"dark:text-primary-600 underline dark:no-underline"}
|
|
||||||
href={token.metadata.href}
|
|
||||||
>
|
|
||||||
{token.content}
|
|
||||||
</Link>
|
|
||||||
);
|
|
||||||
case "image": {
|
|
||||||
token.metadata.src = token.metadata.src as string;
|
|
||||||
if (token.metadata.src.startsWith("<svg")) {
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
dangerouslySetInnerHTML={{
|
|
||||||
__html: sanitize(token.metadata.src, {
|
|
||||||
USE_PROFILES: { svg: true },
|
|
||||||
}),
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
// eslint-disable-next-line @next/next/no-img-element
|
|
||||||
return <img src={token.metadata.src} alt={token.content} />;
|
|
||||||
}
|
|
||||||
case "inline-code":
|
|
||||||
return (
|
|
||||||
<span className="p-1 rounded-md font-mono bg-black/20 border border-mixed-100/20 mx-1">
|
|
||||||
{token.content}
|
|
||||||
</span>
|
|
||||||
);
|
|
||||||
case "popover":
|
|
||||||
return (
|
|
||||||
<Poppable
|
|
||||||
content={token.children?.map((c) => render(c, usedIds)) ||
|
|
||||||
token.content}
|
|
||||||
preferredAlign="centered"
|
|
||||||
preferredEdge="bottom"
|
|
||||||
className="cursor-pointer mx-2"
|
|
||||||
>
|
|
||||||
<span className="border-b-2 border-dotted border-white">
|
|
||||||
{token.metadata.title}
|
|
||||||
</span>
|
|
||||||
</Poppable>
|
|
||||||
);
|
|
||||||
case "text":
|
|
||||||
return (
|
|
||||||
<span className="whitespace-pre-wrap">
|
|
||||||
{token.content.replaceAll("\\n", "\n")}
|
|
||||||
</span>
|
|
||||||
);
|
|
||||||
case "p":
|
|
||||||
return (
|
|
||||||
<div className="p">
|
|
||||||
{token.children?.map((e, i) => (
|
|
||||||
<Fragment key={e.uuid}>
|
|
||||||
{render(e, usedIds)}
|
|
||||||
</Fragment>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
case "accordion":
|
|
||||||
return (
|
|
||||||
<div className="bg-black/20 p-1 accordion">
|
|
||||||
<Accordion
|
|
||||||
title={token.metadata.title || "Expand"}
|
|
||||||
>
|
|
||||||
<AccordionContent>
|
|
||||||
{token.children?.map((e, i) => (
|
|
||||||
<Fragment key={e.uuid}>
|
|
||||||
{render(e, usedIds)}
|
|
||||||
</Fragment>
|
|
||||||
))}
|
|
||||||
</AccordionContent>
|
|
||||||
</Accordion>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
case "bold":
|
|
||||||
return (
|
|
||||||
<span className="font-bold">
|
|
||||||
{token.content}
|
|
||||||
</span>
|
|
||||||
);
|
|
||||||
case "italic":
|
|
||||||
return (
|
|
||||||
<span className="italic">
|
|
||||||
{token.content}
|
|
||||||
</span>
|
|
||||||
);
|
|
||||||
case "list":
|
|
||||||
const items = token.children || [];
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<ul
|
|
||||||
data-depth={(Number(token.metadata.initialDepth) / 2) % 3}
|
|
||||||
className="data-[depth='2']:list-[circle] data-[depth='1']:list-[square] list-disc ml-6"
|
|
||||||
>
|
|
||||||
{items.map((c) => {
|
|
||||||
return (
|
|
||||||
<li
|
|
||||||
key={c.uuid}
|
|
||||||
data-depth={token.metadata.initialDepth}
|
|
||||||
>
|
|
||||||
{c.children?.map((c) => render(c, usedIds))}
|
|
||||||
</li>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</ul>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
case "list-item":
|
|
||||||
// This probably doesn't need to exist, but I'm leaving it anyway
|
|
||||||
return (
|
|
||||||
<li
|
|
||||||
data-depth={token.metadata.initialDepth}
|
|
||||||
className="ml-2"
|
|
||||||
>
|
|
||||||
{token.children?.map((c) => render(c, usedIds))}
|
|
||||||
</li>
|
|
||||||
);
|
|
||||||
case "hr":
|
|
||||||
return <div className="w-full border-b border-mixed-500 my-3"></div>;
|
|
||||||
case "comment":
|
|
||||||
return <></>;
|
|
||||||
default:
|
|
||||||
return (
|
|
||||||
<div className="p bg-red-600 text-white">
|
|
||||||
Block or paragraph missing implementation: {token.type}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function generateId(t: string, usedIds: string[]) {
|
|
||||||
let id = t.toLowerCase().replace(/[^a-z\s]/ig, "").trim().replaceAll(
|
|
||||||
" ",
|
|
||||||
"-",
|
|
||||||
);
|
|
||||||
let idNum = 1;
|
|
||||||
while (usedIds.includes(id)) {
|
|
||||||
id = id.replace(/-[0-9]+$/g, "");
|
|
||||||
id += "-" + idNum;
|
|
||||||
idNum++;
|
|
||||||
}
|
|
||||||
return id;
|
|
||||||
}
|
|
||||||
|
|||||||
@ -1,60 +0,0 @@
|
|||||||
export const tokenizeBlock = (paragraph: string) => {
|
|
||||||
for (const block of blockTokens) {
|
|
||||||
const openTest = block.rx.test(paragraph),
|
|
||||||
closeTest = block.closeRx.test(paragraph);
|
|
||||||
|
|
||||||
if (closeTest) return block.create(paragraph).type;
|
|
||||||
if (!openTest) continue;
|
|
||||||
return block.create(paragraph);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const blockTokens: {
|
|
||||||
rx: RegExp;
|
|
||||||
closeRx: RegExp;
|
|
||||||
create: (line: string) => BlockToken;
|
|
||||||
}[] = [
|
|
||||||
// this indicates that this is a grid block, all paragraphs within this block will be placed in a number of columns that match the number of sets of brackets are in this line
|
|
||||||
{
|
|
||||||
rx: /^(\[\]){2,}/g,
|
|
||||||
closeRx: /\/\[\]/,
|
|
||||||
create(line) {
|
|
||||||
return {
|
|
||||||
type: "grid",
|
|
||||||
metadata: {
|
|
||||||
columns: line.match(/\[\]/g)?.length,
|
|
||||||
},
|
|
||||||
children: [],
|
|
||||||
closed: false,
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
};
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
rx: /^(\[\[)/,
|
|
||||||
closeRx: /\]\]/,
|
|
||||||
create() {
|
|
||||||
return {
|
|
||||||
type: "card",
|
|
||||||
metadata: {},
|
|
||||||
children: [],
|
|
||||||
closed: false,
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
};
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
rx: /^\[accordion\s?([a-z\s]*)\]/i,
|
|
||||||
closeRx: /^\[\/accordion\]/,
|
|
||||||
create(line) {
|
|
||||||
const title = line.match(this.rx)?.at(1);
|
|
||||||
return {
|
|
||||||
type: "accordion",
|
|
||||||
metadata: { title },
|
|
||||||
children: [],
|
|
||||||
closed: false,
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
};
|
|
||||||
},
|
|
||||||
},
|
|
||||||
];
|
|
||||||
@ -1,182 +0,0 @@
|
|||||||
import { zipArrays } from "../zip";
|
|
||||||
|
|
||||||
export const tokenizeInline = (line: string) => {
|
|
||||||
line = line.trim();
|
|
||||||
const originalLine = line;
|
|
||||||
const insertMarker = "\u{03A9}";
|
|
||||||
const tokens: InlineTokenInsert[] = [];
|
|
||||||
|
|
||||||
for (const token of inlineTokens) {
|
|
||||||
const rx = new RegExp(token.rx);
|
|
||||||
let match;
|
|
||||||
while ((match = rx.exec(line)) !== null) {
|
|
||||||
const tokenStart = match.index;
|
|
||||||
const tokenEnd = match.index + match[0].length;
|
|
||||||
|
|
||||||
const wrappingToken = tokens.find((t) =>
|
|
||||||
t.start < tokenStart && t.end > tokenStart
|
|
||||||
);
|
|
||||||
if (wrappingToken) continue;
|
|
||||||
|
|
||||||
let wrappedToken;
|
|
||||||
while (
|
|
||||||
(wrappedToken = tokens.findIndex((t) =>
|
|
||||||
t.start > tokenStart && t.start < tokenEnd
|
|
||||||
)) !== -1
|
|
||||||
) {
|
|
||||||
tokens.splice(wrappedToken, 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
token.create(match, tokenStart, tokenEnd, tokens);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (tokens.length) {
|
|
||||||
for (const insert of tokens) {
|
|
||||||
line = line.slice(0, insert.start) +
|
|
||||||
"".padStart(insert.end - insert.start, insertMarker) +
|
|
||||||
line.slice(insert.end, line.length);
|
|
||||||
}
|
|
||||||
|
|
||||||
return zipArrays(
|
|
||||||
line.split(new RegExp(insertMarker + "{2,}")).map((t): InlineToken => ({
|
|
||||||
content: t,
|
|
||||||
type: "text",
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
})),
|
|
||||||
tokens,
|
|
||||||
).filter((t) => t.content);
|
|
||||||
}
|
|
||||||
return originalLine;
|
|
||||||
};
|
|
||||||
|
|
||||||
const joiner = "<><>";
|
|
||||||
export const inlineTokens: {
|
|
||||||
rx: RegExp;
|
|
||||||
create: (
|
|
||||||
content: RegExpExecArray,
|
|
||||||
start: number,
|
|
||||||
end: number,
|
|
||||||
tokens: InlineTokenInsert[],
|
|
||||||
) => void;
|
|
||||||
replace: (line: string) => string;
|
|
||||||
}[] = [
|
|
||||||
{
|
|
||||||
rx: /\s?`(.*?)`[^a-z0-9`]\s?/gi,
|
|
||||||
create(content, start, end, tokens) {
|
|
||||||
tokens.push({
|
|
||||||
content: this.replace(content[0]),
|
|
||||||
type: "inline-code",
|
|
||||||
end,
|
|
||||||
start,
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
});
|
|
||||||
},
|
|
||||||
replace(l) {
|
|
||||||
return l.replace(this.rx, (...all) => all[1]);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
rx: /(\*\*)(.*?)(\*\*)/g,
|
|
||||||
create(content, start, end, tokens) {
|
|
||||||
tokens.push({
|
|
||||||
content: this.replace(content[0]),
|
|
||||||
type: "bold",
|
|
||||||
end,
|
|
||||||
start,
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
});
|
|
||||||
},
|
|
||||||
replace(l) {
|
|
||||||
return l.replace(this.rx, (_, __, val) => val);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
rx: /(?<!\*)\*([^\*]+?)\*(?!\*)/g,
|
|
||||||
create(content, start, end, tokens) {
|
|
||||||
tokens.push({
|
|
||||||
content: this.replace(content[0]),
|
|
||||||
type: "italic",
|
|
||||||
end,
|
|
||||||
start,
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
});
|
|
||||||
},
|
|
||||||
replace(l) {
|
|
||||||
return l.replace(this.rx, (...all) => all[1]);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
rx: /(?<![\!\?|^])\[(.*?)\]\((.*?)\)/g,
|
|
||||||
create(content, start, end, tokens) {
|
|
||||||
let [_, label, href] = content;
|
|
||||||
|
|
||||||
const style = [
|
|
||||||
{
|
|
||||||
classes: "btn-primary inline-block",
|
|
||||||
rx: /^```button\s/,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
classes: "btn-secondary inline-block uppercase",
|
|
||||||
rx: /^```cta\s/,
|
|
||||||
},
|
|
||||||
].find((s) => s.rx.test(label));
|
|
||||||
|
|
||||||
if (style) label = label.replace(style.rx, "");
|
|
||||||
|
|
||||||
tokens.push({
|
|
||||||
content: label,
|
|
||||||
type: "anchor",
|
|
||||||
data: {
|
|
||||||
href,
|
|
||||||
style,
|
|
||||||
},
|
|
||||||
start,
|
|
||||||
end,
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
});
|
|
||||||
},
|
|
||||||
replace(l) {
|
|
||||||
return l.replace(this.rx, (_, label, href) => [label, href].join(joiner));
|
|
||||||
// return l
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
rx: /!\[(.*?)\]\((.*?)\)/g,
|
|
||||||
create(content, start, end, tokens) {
|
|
||||||
const [_, alt, src] = content;
|
|
||||||
tokens.push({
|
|
||||||
content: alt,
|
|
||||||
end,
|
|
||||||
start,
|
|
||||||
type: "image",
|
|
||||||
data: {
|
|
||||||
src,
|
|
||||||
},
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
});
|
|
||||||
},
|
|
||||||
replace(l) {
|
|
||||||
return l;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
rx: /\^\[(.*?)\]<<(.*?)>>/gm,
|
|
||||||
create(content, start, end, tokens) {
|
|
||||||
const [_, text, popover] = content;
|
|
||||||
tokens.push({
|
|
||||||
content: text,
|
|
||||||
end,
|
|
||||||
start,
|
|
||||||
type: "popover",
|
|
||||||
data: {
|
|
||||||
popover: tokenizeInline(popover),
|
|
||||||
},
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
});
|
|
||||||
},
|
|
||||||
replace(l) {
|
|
||||||
return l;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
];
|
|
||||||
@ -1,103 +0,0 @@
|
|||||||
import { tokenizeInline } from "./tokenizeInline";
|
|
||||||
|
|
||||||
export const tokenizeLine = (
|
|
||||||
line: string,
|
|
||||||
previous?: SingleLineToken,
|
|
||||||
): SingleLineToken => {
|
|
||||||
for (const token of singleLineTokens) {
|
|
||||||
if (!token.rx.test(line)) continue;
|
|
||||||
|
|
||||||
const t = token.create(line);
|
|
||||||
|
|
||||||
if (t.type === "h2") {
|
|
||||||
}
|
|
||||||
|
|
||||||
t.line = tokenizeInline(line.replace(token.replaceRx, ""));
|
|
||||||
return t;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (previous?.mends) {
|
|
||||||
previous.raw += " " + line;
|
|
||||||
previous.line = tokenizeInline(previous.raw.replace(previous.cfg!.rx, ""));
|
|
||||||
return previous;
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
line: tokenizeInline(line),
|
|
||||||
type: "text",
|
|
||||||
raw: line,
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
export const singleLineTokens: SingleLineCfg[] = [
|
|
||||||
{
|
|
||||||
rx: /^#\s/,
|
|
||||||
create(line) {
|
|
||||||
return ({
|
|
||||||
type: "h1",
|
|
||||||
line,
|
|
||||||
raw: line,
|
|
||||||
cfg: this,
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
});
|
|
||||||
},
|
|
||||||
replaceRx: /^#\s/,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
rx: /^##\s/,
|
|
||||||
create(line) {
|
|
||||||
return ({
|
|
||||||
type: "h2",
|
|
||||||
line,
|
|
||||||
raw: line,
|
|
||||||
cfg: this,
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
});
|
|
||||||
},
|
|
||||||
replaceRx: /^##\s/,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
rx: /^###\s/,
|
|
||||||
create(line) {
|
|
||||||
return ({
|
|
||||||
type: "h3",
|
|
||||||
line,
|
|
||||||
raw: line,
|
|
||||||
cfg: this,
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
});
|
|
||||||
},
|
|
||||||
replaceRx: /^###\s/,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
rx: /^-\s/,
|
|
||||||
create(line) {
|
|
||||||
return ({
|
|
||||||
type: "list1",
|
|
||||||
line,
|
|
||||||
raw: line,
|
|
||||||
mends: true,
|
|
||||||
cfg: this,
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
});
|
|
||||||
},
|
|
||||||
replaceRx: /^-\s/,
|
|
||||||
shouldMendNextLine: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
rx: /^[\t\s]{2}-\s/,
|
|
||||||
create(line) {
|
|
||||||
return ({
|
|
||||||
type: "list2",
|
|
||||||
line,
|
|
||||||
raw: line,
|
|
||||||
mends: true,
|
|
||||||
cfg: this,
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
});
|
|
||||||
},
|
|
||||||
replaceRx: /^[\t\s]{2}-\s/,
|
|
||||||
shouldMendNextLine: true,
|
|
||||||
},
|
|
||||||
];
|
|
||||||
@ -1,89 +0,0 @@
|
|||||||
export const tokenizeParagraph = (paragraph: string) => {
|
|
||||||
for (const pgraph of paragraphTokens) {
|
|
||||||
const openTest = pgraph.rx.test(paragraph),
|
|
||||||
closeTest = pgraph.closeRx.test(paragraph);
|
|
||||||
if (openTest && closeTest) {
|
|
||||||
const p = pgraph.create(paragraph);
|
|
||||||
p.closed = true;
|
|
||||||
return p;
|
|
||||||
}
|
|
||||||
if (closeTest) return pgraph.create(paragraph).content;
|
|
||||||
|
|
||||||
if (openTest) {
|
|
||||||
return pgraph.create(paragraph);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const paragraphTokens: {
|
|
||||||
rx: RegExp;
|
|
||||||
closeRx: RegExp;
|
|
||||||
create: (line: string) => ParagraphToken;
|
|
||||||
}[] = [
|
|
||||||
{
|
|
||||||
rx: /\n```/g,
|
|
||||||
closeRx: /\n```/g,
|
|
||||||
create(line) {
|
|
||||||
return {
|
|
||||||
type: "code",
|
|
||||||
metadata: {
|
|
||||||
// language: line.split("\n").at(0)!.replace(this.rx, ""),
|
|
||||||
},
|
|
||||||
closed: false,
|
|
||||||
content: [{
|
|
||||||
line: line.match(/```(.*?)\n```/g)?.at(1) || line,
|
|
||||||
type: "text",
|
|
||||||
raw: line,
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
}],
|
|
||||||
allowsInline: false,
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
};
|
|
||||||
},
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
TokenIdentifiers.set("table", {
|
|
||||||
rx: /^\|\s[\s\S]*?\|(?=(\n\n)|$)/g,
|
|
||||||
parse(s) {
|
|
||||||
const rowSections = s.split(/-/gm).map((s) =>
|
|
||||||
s.split("\n").map((r) => r.split(/\s?\|\s?/g))
|
|
||||||
);
|
|
||||||
|
|
||||||
let headerRows: string[][] = [],
|
|
||||||
bodyRows: string[][] = [],
|
|
||||||
footerRows: string[][] = [];
|
|
||||||
|
|
||||||
switch (rowSections.length) {
|
|
||||||
case 1:
|
|
||||||
bodyRows = rowSections[0];
|
|
||||||
break;
|
|
||||||
case 2:
|
|
||||||
headerRows = rowSections[0];
|
|
||||||
bodyRows = rowSections[1];
|
|
||||||
break;
|
|
||||||
case 3:
|
|
||||||
headerRows = rowSections[0];
|
|
||||||
bodyRows = rowSections[1];
|
|
||||||
footerRows = rowSections[3];
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
const maxColumns = Math.max(
|
|
||||||
...[...headerRows, ...bodyRows, ...footerRows].map((r) => r.length),
|
|
||||||
);
|
|
||||||
|
|
||||||
return {
|
|
||||||
content: s,
|
|
||||||
raw: s,
|
|
||||||
metadata: {
|
|
||||||
headerRows: headerRows.join(" | "),
|
|
||||||
bodyRows: bodyRows.join(" | "),
|
|
||||||
footerRows: footerRows.join(" | "),
|
|
||||||
columns: maxColumns.toString(),
|
|
||||||
},
|
|
||||||
type: "table",
|
|
||||||
uuid: crypto.randomUUID(),
|
|
||||||
};
|
|
||||||
},
|
|
||||||
});
|
|
||||||
Loading…
x
Reference in New Issue
Block a user