50e6f491ad
* Use npm package names to load internal deps This is necessary so that published Astro components work. These components will be built by esinstall and therefore they cannot rely on `_astro_internal`. The fix is to use npm specifiers everywhere. * Move most of frontend to internal * Mark astro/internal/markdown.js as external * Move markdown stuff to its own package This moves the markdown stuff to its own package so that we can externalize it in the markdown component. * Add the changeset
18 lines
566 B
TypeScript
18 lines
566 B
TypeScript
import { visit } from 'unist-util-visit';
|
|
const noVisit = new Set(['root', 'html', 'text']);
|
|
|
|
/** */
|
|
export default function scopedStyles(className: string) {
|
|
const visitor = (node: any) => {
|
|
if (noVisit.has(node.type)) return;
|
|
|
|
const { data } = node;
|
|
let currentClassName = data?.hProperties?.class ?? '';
|
|
node.data = node.data || {};
|
|
node.data.hProperties = node.data.hProperties || {};
|
|
node.data.hProperties.class = `${className} ${currentClassName}`.trim();
|
|
|
|
return node;
|
|
};
|
|
return () => (tree: any) => visit(tree, visitor);
|
|
}
|