summaryrefslogtreecommitdiff
path: root/packages/integrations/markdoc/src/runtime-assets-config.ts
diff options
context:
space:
mode:
authorGravatar Matthew Phillips <matthew@skypack.dev> 2023-08-24 10:38:14 -0400
committerGravatar GitHub <noreply@github.com> 2023-08-24 10:38:14 -0400
commitf1c610636a7aeed0a272ab2669815135699b413c (patch)
treed7597c3468197559948f9fe2bafe13a8c3d71106 /packages/integrations/markdoc/src/runtime-assets-config.ts
parent608b2d732d762bf1f7f44a82b278caa8853c8c2f (diff)
parentebaccf8c1a2f37eacb6e1957c82fdf7f93b62b08 (diff)
downloadastro-f1c610636a7aeed0a272ab2669815135699b413c.tar.gz
astro-f1c610636a7aeed0a272ab2669815135699b413c.tar.zst
astro-f1c610636a7aeed0a272ab2669815135699b413c.zip
Merge pull request #8188 from withastro/next
Astro 3.0
Diffstat (limited to 'packages/integrations/markdoc/src/runtime-assets-config.ts')
-rw-r--r--packages/integrations/markdoc/src/runtime-assets-config.ts26
1 files changed, 26 insertions, 0 deletions
diff --git a/packages/integrations/markdoc/src/runtime-assets-config.ts b/packages/integrations/markdoc/src/runtime-assets-config.ts
new file mode 100644
index 000000000..d93605f6c
--- /dev/null
+++ b/packages/integrations/markdoc/src/runtime-assets-config.ts
@@ -0,0 +1,26 @@
+import type { Config as MarkdocConfig } from '@markdoc/markdoc';
+import Markdoc from '@markdoc/markdoc';
+//@ts-expect-error Cannot find module 'astro:assets' or its corresponding type declarations.
+import { Image } from 'astro:assets';
+
+export const assetsConfig: MarkdocConfig = {
+ nodes: {
+ image: {
+ attributes: {
+ ...Markdoc.nodes.image.attributes,
+ __optimizedSrc: { type: 'Object' },
+ },
+ transform(node, config) {
+ const attributes = node.transformAttributes(config);
+ const children = node.transformChildren(config);
+
+ if (node.type === 'image' && '__optimizedSrc' in node.attributes) {
+ const { __optimizedSrc, ...rest } = node.attributes;
+ return new Markdoc.Tag(Image, { ...rest, src: __optimizedSrc }, children);
+ } else {
+ return new Markdoc.Tag('img', attributes, children);
+ }
+ },
+ },
+ },
+};