64 lines
2.3 KiB
TypeScript
64 lines
2.3 KiB
TypeScript
import type { AstroIntegration } from 'astro';
|
|
import type { InlineConfig } from 'vite';
|
|
import _Markdoc from '@markdoc/markdoc';
|
|
import { parseFrontmatter } from './utils.js';
|
|
import { fileURLToPath } from 'node:url';
|
|
import fs from 'node:fs';
|
|
|
|
export default function markdoc(): AstroIntegration {
|
|
return {
|
|
name: '@astrojs/markdoc',
|
|
hooks: {
|
|
'astro:config:setup': async ({ updateConfig, config, addContentEntryType, command }: any) => {
|
|
const contentEntryType = {
|
|
extensions: ['.mdoc'],
|
|
async getEntryInfo({ fileUrl, contents }: { fileUrl: URL; contents: string }) {
|
|
const parsed = parseFrontmatter(contents, fileURLToPath(fileUrl));
|
|
return {
|
|
data: parsed.data,
|
|
body: parsed.content,
|
|
slug: parsed.data.slug,
|
|
rawData: parsed.matter,
|
|
};
|
|
},
|
|
contentModuleTypes: await fs.promises.readFile(
|
|
new URL('../template/content-module-types.d.ts', import.meta.url),
|
|
'utf-8'
|
|
),
|
|
};
|
|
addContentEntryType(contentEntryType);
|
|
|
|
const markdocConfigUrl = new URL('./markdoc.config', config.srcDir);
|
|
const configFileLoad = `if (!config) {
|
|
try {
|
|
const importedConfig = await import(${JSON.stringify(markdocConfigUrl.pathname)});
|
|
console.log({importedConfig})
|
|
config = importedConfig.default.transform;
|
|
} catch {
|
|
config = {};
|
|
}
|
|
}`;
|
|
|
|
const viteConfig: InlineConfig = {
|
|
plugins: [
|
|
{
|
|
name: '@astrojs/markdoc',
|
|
async transform(code, id) {
|
|
if (!id.endsWith('.mdoc')) return;
|
|
return `import { jsx as h } from 'astro/jsx-runtime';\nimport { Markdoc } from '@astrojs/markdoc';\nimport { Renderer } from '@astrojs/markdoc/components';\nexport const body = ${JSON.stringify(
|
|
code
|
|
)};\nexport function getParsed() { return Markdoc.parse(body); }\nexport async function getTransformed(inlineConfig) {
|
|
let config = inlineConfig;\n${
|
|
fs.existsSync(markdocConfigUrl) ? configFileLoad : ''
|
|
}\nreturn Markdoc.transform(getParsed(), config) }\nexport async function Content ({ config, components }) { return h(Renderer, { content: await getTransformed(config), components }); }\nContent[Symbol.for('astro.needsHeadRendering')] = true;`;
|
|
},
|
|
},
|
|
],
|
|
};
|
|
updateConfig({ vite: viteConfig });
|
|
},
|
|
},
|
|
};
|
|
}
|
|
|
|
export const Markdoc = _Markdoc;
|