cory/tildefriends
4
5
Fork 1
Code Issues 31 Pull Requests 1 Actions Releases 24 Wiki Activity

Get commonmark blockquotes on-theme.

Browse Source
This commit is contained in:
Cory McWilliams 2024-04-11 01:30:49 +01:00
parent a421604ed5
commit a7922ff44e
3 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/ssb.json
View File

@ -1,5 +1,5 @@
{ {
"type": "tildefriends-app", "type": "tildefriends-app",
"emoji": "🐌", "emoji": "🐌",
"previous": "&sR39JhvUCRlOv7hdEWV81RWWkyoPGLg6u4w+BfqUE9s=.sha256" "previous": "&hKBq89Q1oOiSK8ZtiA67MciAaMNCRK5CuYtOeoX94qU=.sha256"
} }

2
apps/ssb/tf-styles.js
View File

@ -1,7 +1,6 @@
import {css} from './lit-all.min.js'; import {css} from './lit-all.min.js';
const tf = css` const tf = css`
img { img {
max-width: min(640px, 100%); max-width: min(640px, 100%);
max-height: min(480px, auto); max-height: min(480px, auto);
@ -44,7 +43,6 @@ const tf = css`
} }
blockquote { blockquote {
background-color: #607d8b;
border-left: 4px solid #fff; border-left: 4px solid #fff;
padding: 8px; padding: 8px;
padding-left: 12px; padding-left: 12px;

9
apps/ssb/tf-utils.js
View File

@ -60,10 +60,19 @@ function image(node, entering) {
} }
} }
function attrs(node) {
let result = commonmark.HtmlRenderer.prototype.attrs.bind(this)(node);
if (node.type == 'block_quote') {
result.push(['class', 'w3-theme-d1']);
}
return result;
}
export function markdown(md) { export function markdown(md) {
let reader = new commonmark.Parser({safe: true}); let reader = new commonmark.Parser({safe: true});
let writer = new commonmark.HtmlRenderer(); let writer = new commonmark.HtmlRenderer();
writer.image = image; writer.image = image;
writer.attrs = attrs;
let parsed = reader.parse(md || ''); let parsed = reader.parse(md || '');
parsed = hashtagify.transform(parsed); parsed = hashtagify.transform(parsed);
let walker = parsed.walker(); let walker = parsed.walker();