2022-10-10 12:50:21 +00:00
|
|
|
import MarkdownIt from "https://esm.sh/markdown-it@13.0.1";
|
2022-04-25 09:24:13 +00:00
|
|
|
import {
|
|
|
|
|
getText,
|
2022-09-30 15:05:45 +00:00
|
|
|
showPanel,
|
2022-10-10 12:50:21 +00:00
|
|
|
} from "../../syscall/silverbullet-syscall/editor.ts";
|
|
|
|
|
import * as clientStore from "../../syscall/silverbullet-syscall/clientStore.ts";
|
|
|
|
|
import { cleanMarkdown } from "./util.ts";
|
2022-04-13 12:46:52 +00:00
|
|
|
|
|
|
|
|
const css = `
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
font-family: georgia,times,serif;
|
|
|
|
|
font-size: 14pt;
|
|
|
|
|
max-width: 800px;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
padding-left: 20px;
|
|
|
|
|
padding-right: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
2022-04-20 08:56:43 +00:00
|
|
|
table {
|
|
|
|
|
width: 100%;
|
|
|
|
|
border-spacing: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
thead tr {
|
|
|
|
|
background-color: #333;
|
|
|
|
|
color: #eee;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
th, td {
|
|
|
|
|
padding: 8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
tbody tr:nth-of-type(even) {
|
|
|
|
|
background-color: #f3f3f3;
|
|
|
|
|
}
|
|
|
|
|
|
2022-04-13 12:46:52 +00:00
|
|
|
a[href] {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
blockquote {
|
|
|
|
|
border-left: 1px solid #333;
|
|
|
|
|
margin-left: 2px;
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
hr {
|
|
|
|
|
margin: 1em 0 1em 0;
|
|
|
|
|
text-align: center;
|
|
|
|
|
border-color: #777;
|
|
|
|
|
border-width: 0;
|
|
|
|
|
border-style: dotted;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
hr:after {
|
|
|
|
|
content: "···";
|
|
|
|
|
letter-spacing: 1em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
`;
|
|
|
|
|
|
2022-10-10 12:50:21 +00:00
|
|
|
import taskLists from "https://esm.sh/markdown-it-task-lists@2.1.1";
|
2022-04-13 12:46:52 +00:00
|
|
|
|
|
|
|
|
const md = new MarkdownIt({
|
|
|
|
|
linkify: true,
|
|
|
|
|
html: false,
|
|
|
|
|
typographer: true,
|
|
|
|
|
}).use(taskLists);
|
|
|
|
|
|
|
|
|
|
export async function updateMarkdownPreview() {
|
|
|
|
|
if (!(await clientStore.get("enableMarkdownPreview"))) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
let text = await getText();
|
|
|
|
|
let cleanMd = await cleanMarkdown(text);
|
2022-09-30 15:05:45 +00:00
|
|
|
await showPanel(
|
|
|
|
|
"rhs",
|
|
|
|
|
2,
|
2022-10-10 12:50:21 +00:00
|
|
|
`<html><head>${css}</head><body>${md.render(cleanMd)}</body></html>`,
|
2022-04-13 12:46:52 +00:00
|
|
|
);
|
|
|
|
|
}
|
