wip: attempt ssr transform cache? failed
This commit is contained in:
parent
b9b57d901d
commit
72b98a5868
10 changed files with 38 additions and 49 deletions
|
@ -1,14 +1,10 @@
|
||||||
import { defineMarkdocConfig } from '@astrojs/markdoc/config';
|
import { defineMarkdocConfig } from '@astrojs/markdoc/config';
|
||||||
import Aside from './src/components/Aside.astro';
|
import Ben from './src/components/Ben.astro';
|
||||||
|
|
||||||
export default defineMarkdocConfig({
|
export default defineMarkdocConfig({
|
||||||
tags: {
|
tags: {
|
||||||
aside: {
|
ben: {
|
||||||
render: Aside,
|
render: Ben,
|
||||||
attributes: {
|
|
||||||
type: { type: String },
|
|
||||||
title: { type: String },
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
6
examples/with-markdoc/src/components/Ben.astro
Normal file
6
examples/with-markdoc/src/components/Ben.astro
Normal file
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
import { getEntry } from 'astro:content';
|
||||||
|
const author = await getEntry('docs', 'ben');
|
||||||
|
---
|
||||||
|
|
||||||
|
<h2>{author?.data.name}</h2>
|
3
examples/with-markdoc/src/content/authors/ben copy.json
Normal file
3
examples/with-markdoc/src/content/authors/ben copy.json
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"name": "Ben"
|
||||||
|
}
|
3
examples/with-markdoc/src/content/authors/ben.json
Normal file
3
examples/with-markdoc/src/content/authors/ben.json
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"name": "Ben"
|
||||||
|
}
|
3
examples/with-markdoc/src/content/docs/ben.mdoc
Normal file
3
examples/with-markdoc/src/content/docs/ben.mdoc
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
---
|
||||||
|
name: Ben 👋
|
||||||
|
---
|
|
@ -2,38 +2,4 @@
|
||||||
title: Welcome to Markdoc 👋
|
title: Welcome to Markdoc 👋
|
||||||
---
|
---
|
||||||
|
|
||||||
This simple starter showcases Markdoc with Content Collections. All Markdoc features are supported, including this nifty built-in `{% table %}` tag:
|
{% ben /%}
|
||||||
|
|
||||||
{% table %}
|
|
||||||
* Feature
|
|
||||||
* Supported
|
|
||||||
---
|
|
||||||
* `.mdoc` in Content Collections
|
|
||||||
* ✅
|
|
||||||
---
|
|
||||||
* Markdoc transform configuration
|
|
||||||
* ✅
|
|
||||||
---
|
|
||||||
* Astro components
|
|
||||||
* ✅
|
|
||||||
{% /table %}
|
|
||||||
|
|
||||||
{% aside title="Code Challenge" type="tip" %}
|
|
||||||
|
|
||||||
Reveal the secret message below by adding `revealSecret` to your list of Markdoc variables.
|
|
||||||
|
|
||||||
_Hint: Try passing as a prop to the `<Content />` component in the `src/pages/index.astro` file._
|
|
||||||
|
|
||||||
{% if $revealSecret %}
|
|
||||||
|
|
||||||
Maybe the real secret was the Rick Rolls we shared along the way.
|
|
||||||
|
|
||||||

|
|
||||||
|
|
||||||
{% /if %}
|
|
||||||
|
|
||||||
{% /aside %}
|
|
||||||
|
|
||||||
Check out [the `@astrojs/markdoc` integration][astro-markdoc] for complete documentation and usage examples.
|
|
||||||
|
|
||||||
[astro-markdoc]: https://docs.astro.build/en/guides/integrations-guide/markdoc/
|
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
---
|
---
|
||||||
import { getEntryBySlug } from 'astro:content';
|
import { getEntry } from 'astro:content';
|
||||||
import Layout from '../layouts/Layout.astro';
|
import Layout from '../layouts/Layout.astro';
|
||||||
|
|
||||||
const intro = await getEntryBySlug('docs', 'intro');
|
const intro = await getEntry('docs', 'intro');
|
||||||
const { Content } = await intro.render();
|
const { Content } = await intro.render();
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
|
@ -41,13 +41,17 @@ function createGlobLookup(glob) {
|
||||||
const filePath = lookupMap[collection]?.entries[lookupId];
|
const filePath = lookupMap[collection]?.entries[lookupId];
|
||||||
|
|
||||||
if (!filePath) return undefined;
|
if (!filePath) return undefined;
|
||||||
return glob[collection][filePath];
|
const res = glob[collection][filePath];
|
||||||
|
console.log('res', res);
|
||||||
|
return res;
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
const renderEntryGlob = import.meta.glob('@@RENDER_ENTRY_GLOB_PATH@@', {
|
const renderEntryGlob = {
|
||||||
query: { astroRenderContent: true },
|
'/src/content/docs/intro.mdoc': () => import('/src/content/docs/intro.mdoc'),
|
||||||
});
|
'/src/content/docs/ben.mdoc': () => import('/src/content/docs/ben.mdoc'),
|
||||||
|
};
|
||||||
|
console.log('glob', renderEntryGlob);
|
||||||
const collectionToRenderEntryMap = createCollectionToGlobResultMap({
|
const collectionToRenderEntryMap = createCollectionToGlobResultMap({
|
||||||
globResult: renderEntryGlob,
|
globResult: renderEntryGlob,
|
||||||
contentDir,
|
contentDir,
|
||||||
|
|
|
@ -268,6 +268,7 @@ async function render({
|
||||||
if (typeof renderEntryImport !== 'function') throw UnexpectedRenderError;
|
if (typeof renderEntryImport !== 'function') throw UnexpectedRenderError;
|
||||||
|
|
||||||
const baseMod = await renderEntryImport();
|
const baseMod = await renderEntryImport();
|
||||||
|
console.log('baseMod', baseMod);
|
||||||
if (baseMod == null || typeof baseMod !== 'object') throw UnexpectedRenderError;
|
if (baseMod == null || typeof baseMod !== 'object') throw UnexpectedRenderError;
|
||||||
const { default: defaultMod } = baseMod;
|
const { default: defaultMod } = baseMod;
|
||||||
|
|
||||||
|
|
|
@ -14,6 +14,8 @@ const fileExtensionsToSSR = new Set(['.astro', '.mdoc', ...SUPPORTED_MARKDOWN_FI
|
||||||
const STRIP_QUERY_PARAMS_REGEX = /\?.*$/;
|
const STRIP_QUERY_PARAMS_REGEX = /\?.*$/;
|
||||||
const ASTRO_PROPAGATED_ASSET_REGEX = /\?astroPropagatedAssets/;
|
const ASTRO_PROPAGATED_ASSET_REGEX = /\?astroPropagatedAssets/;
|
||||||
|
|
||||||
|
const mwho = new Set<string>();
|
||||||
|
|
||||||
/** recursively crawl the module graph to get all style files imported by parent id */
|
/** recursively crawl the module graph to get all style files imported by parent id */
|
||||||
export async function* crawlGraph(
|
export async function* crawlGraph(
|
||||||
loader: ModuleLoader,
|
loader: ModuleLoader,
|
||||||
|
@ -70,9 +72,14 @@ export async function* crawlGraph(
|
||||||
if (
|
if (
|
||||||
isFileTypeNeedingSSR &&
|
isFileTypeNeedingSSR &&
|
||||||
// Should not SSR a module with ?astroPropagatedAssets
|
// Should not SSR a module with ?astroPropagatedAssets
|
||||||
!isPropagationStoppingPoint
|
!isPropagationStoppingPoint &&
|
||||||
|
!mwho.has(importedModule.id)
|
||||||
) {
|
) {
|
||||||
const mod = loader.getModuleById(importedModule.id);
|
const mod = loader.getModuleById(importedModule.id);
|
||||||
|
if (importedModule.id.includes('.mdoc')) {
|
||||||
|
console.log('mdoc', importedModule.id);
|
||||||
|
mwho.add(importedModule.id);
|
||||||
|
}
|
||||||
if (!mod?.ssrModule) {
|
if (!mod?.ssrModule) {
|
||||||
try {
|
try {
|
||||||
await loader.import(importedModule.id);
|
await loader.import(importedModule.id);
|
||||||
|
|
Loading…
Add table
Reference in a new issue