Fix [Object AsyncGenerator] logging for Markdoc components (#7307)
* Revert "Bug 6672 (#7062)"
This reverts commit cf621340b0
.
* chore: remove unused test
* chore: changeset
This commit is contained in:
parent
2a4bb23b2f
commit
8034edd9ec
10 changed files with 6 additions and 136 deletions
6
.changeset/nice-falcons-flash.md
Normal file
6
.changeset/nice-falcons-flash.md
Normal file
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
'astro': patch
|
||||||
|
'@astrojs/mdx': patch
|
||||||
|
---
|
||||||
|
|
||||||
|
Fix [Object AsyncGenerator] appearing in markup for Markdoc documents
|
|
@ -50,9 +50,6 @@ export class AstroComponentInstance {
|
||||||
value = await value;
|
value = await value;
|
||||||
}
|
}
|
||||||
if (isHeadAndContent(value)) {
|
if (isHeadAndContent(value)) {
|
||||||
if (this.result.extraHead.length === 0 && value.head) {
|
|
||||||
yield renderChild(value.head);
|
|
||||||
}
|
|
||||||
yield* value.content;
|
yield* value.content;
|
||||||
} else {
|
} else {
|
||||||
yield* renderChild(value);
|
yield* renderChild(value);
|
||||||
|
|
|
@ -1,49 +0,0 @@
|
||||||
import { expect } from 'chai';
|
|
||||||
import * as cheerio from 'cheerio';
|
|
||||||
import { loadFixture } from '../../../astro/test/test-utils.js';
|
|
||||||
import mdx from '@astrojs/mdx';
|
|
||||||
|
|
||||||
describe('build css from the component', async () => {
|
|
||||||
let fixture;
|
|
||||||
|
|
||||||
before(async () => {
|
|
||||||
fixture = await loadFixture({
|
|
||||||
root: new URL('./fixtures/astro-content-css/', import.meta.url),
|
|
||||||
integrations: [mdx()],
|
|
||||||
});
|
|
||||||
await fixture.build();
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('Build', () => {
|
|
||||||
before(async () => {
|
|
||||||
await fixture.build();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('including css and js from the component in pro', async () => {
|
|
||||||
const html = await fixture.readFile('/index.html');
|
|
||||||
const $ = cheerio.load(html);
|
|
||||||
expect($('link[href$=".css"]').attr('href')).to.match(/^\/_astro\//);
|
|
||||||
expect($('script[src$=".js"]').attr('src')).to.match(/^\/_astro\//);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('Dev', () => {
|
|
||||||
let devServer;
|
|
||||||
before(async () => {
|
|
||||||
devServer = await fixture.startDevServer();
|
|
||||||
});
|
|
||||||
|
|
||||||
after(async () => {
|
|
||||||
devServer.stop();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('ncluding css and js from the component in Dev', async () => {
|
|
||||||
let res = await fixture.fetch(`/`);
|
|
||||||
expect(res.status).to.equal(200);
|
|
||||||
const html = await res.text();
|
|
||||||
const $ = cheerio.load(html);
|
|
||||||
expect($.html()).to.include('CornflowerBlue');
|
|
||||||
expect($('script[src$=".js"]').attr('src')).to.include('astro');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
|
@ -1,11 +0,0 @@
|
||||||
import { defineConfig } from 'astro/config';
|
|
||||||
|
|
||||||
import mdx from "@astrojs/mdx";
|
|
||||||
|
|
||||||
// https://astro.build/config
|
|
||||||
export default defineConfig({
|
|
||||||
build: {
|
|
||||||
format: 'file'
|
|
||||||
},
|
|
||||||
integrations: [mdx()]
|
|
||||||
});
|
|
|
@ -1,9 +0,0 @@
|
||||||
{
|
|
||||||
"name": "@test/astro-content-css",
|
|
||||||
"version": "0.0.0",
|
|
||||||
"private": true,
|
|
||||||
"dependencies": {
|
|
||||||
"astro": "workspace:*",
|
|
||||||
"@astrojs/mdx": "workspace:*"
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,12 +0,0 @@
|
||||||
// 1. Import utilities from `astro:content`
|
|
||||||
import { z, defineCollection } from 'astro:content';
|
|
||||||
// 2. Define a schema for each collection you'd like to validate.
|
|
||||||
const dynamicCollection = defineCollection({
|
|
||||||
schema: z.object({
|
|
||||||
title: z.string(),
|
|
||||||
}),
|
|
||||||
});
|
|
||||||
// 3. Export a single `collections` object to register your collection(s)
|
|
||||||
export const collections = {
|
|
||||||
dynamic: dynamicCollection,
|
|
||||||
};
|
|
|
@ -1,18 +0,0 @@
|
||||||
---
|
|
||||||
const { text } = Astro.props;
|
|
||||||
---
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head><meta charset="utf-8" /></head>
|
|
||||||
<body>
|
|
||||||
<div id="first">1st components with js. Props: {text}. <span>Styles</span>. JS: </div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
<script>
|
|
||||||
document.querySelector('#first').innerHTML += 'works';
|
|
||||||
</script>
|
|
||||||
<style>
|
|
||||||
#first > span {
|
|
||||||
color: CornflowerBlue;
|
|
||||||
}
|
|
||||||
</style>
|
|
|
@ -1,9 +0,0 @@
|
||||||
---
|
|
||||||
title: 'First component'
|
|
||||||
---
|
|
||||||
|
|
||||||
import FirstDynamicComponentWithJS from './FirstComponentWithJS.astro';
|
|
||||||
|
|
||||||
<FirstDynamicComponentWithJS text={props.mdProps} />
|
|
||||||
|
|
||||||
Additional text from mdx 'first-component-with-js'
|
|
|
@ -1,16 +0,0 @@
|
||||||
---
|
|
||||||
import { getCollection } from 'astro:content';
|
|
||||||
|
|
||||||
const entries = await getCollection('dynamic');
|
|
||||||
---
|
|
||||||
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head><meta charset="utf-8" /></head>
|
|
||||||
<body>
|
|
||||||
{entries.map(async entry => {
|
|
||||||
const { Content } = await entry.render();
|
|
||||||
return <Content mdProps="work" />;
|
|
||||||
})}
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -4259,15 +4259,6 @@ importers:
|
||||||
specifier: ^4.3.1
|
specifier: ^4.3.1
|
||||||
version: 4.3.1(@types/node@18.16.3)(sass@1.52.2)
|
version: 4.3.1(@types/node@18.16.3)(sass@1.52.2)
|
||||||
|
|
||||||
packages/integrations/mdx/test/fixtures/astro-content-css:
|
|
||||||
dependencies:
|
|
||||||
'@astrojs/mdx':
|
|
||||||
specifier: workspace:*
|
|
||||||
version: link:../../..
|
|
||||||
astro:
|
|
||||||
specifier: workspace:*
|
|
||||||
version: link:../../../../../astro
|
|
||||||
|
|
||||||
packages/integrations/mdx/test/fixtures/css-head-mdx:
|
packages/integrations/mdx/test/fixtures/css-head-mdx:
|
||||||
dependencies:
|
dependencies:
|
||||||
'@astrojs/mdx':
|
'@astrojs/mdx':
|
||||||
|
|
Loading…
Reference in a new issue