40 lines
1005 B
JavaScript
40 lines
1005 B
JavaScript
|
import getReadingTime from 'reading-time';
|
||
|
|
import { toString } from 'mdast-util-to-string';
|
||
|
|
import lazyLoadPlugin from 'rehype-plugin-image-native-lazy-loading';
|
||
|
|
|
||
|
|
export function readingTimeRemarkPlugin() {
|
||
|
|
return function (tree, file) {
|
||
|
|
const textOnPage = toString(tree);
|
||
|
|
const readingTime = Math.ceil(getReadingTime(textOnPage).minutes);
|
||
|
|
|
||
|
|
file.data.astro.frontmatter.readingTime = readingTime;
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
export function responsiveTablesRehypePlugin() {
|
||
|
|
return function (tree) {
|
||
|
|
if (!tree.children) return;
|
||
|
|
|
||
|
|
for (let i = 0; i < tree.children.length; i++) {
|
||
|
|
const child = tree.children[i];
|
||
|
|
|
||
|
|
if (child.type === 'element' && child.tagName === 'table') {
|
||
|
|
const wrapper = {
|
||
|
|
type: 'element',
|
||
|
|
tagName: 'div',
|
||
|
|
properties: {
|
||
|
|
style: 'overflow:auto',
|
||
|
|
},
|
||
|
|
children: [child],
|
||
|
|
};
|
||
|
|
|
||
|
|
tree.children[i] = wrapper;
|
||
|
|
|
||
|
|
i++;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
export const lazyImagesRehypePlugin = lazyLoadPlugin;
|