npm - @astrojs/mdx - Versions diffs - 0.19.0 → 0.19.2 - Mend

@astrojs/mdx 0.19.0 → 0.19.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (140) hide show

package/test/fixtures/mdx-plus-react/node_modules/.bin/astro DELETED Viewed

@@ -1,17 +0,0 @@
-#!/bin/sh
-basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
-case `uname` in
-    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
-esac
-if [ -z "$NODE_PATH" ]; then
-  export NODE_PATH="/home/runner/work/astro/astro/packages/astro/node_modules:/home/runner/work/astro/astro/packages/node_modules:/home/runner/work/astro/astro/node_modules:/home/runner/work/astro/node_modules:/home/runner/work/node_modules:/home/runner/node_modules:/home/node_modules:/node_modules:/home/runner/work/astro/astro/node_modules/.pnpm/node_modules"
-else
-  export NODE_PATH="/home/runner/work/astro/astro/packages/astro/node_modules:/home/runner/work/astro/astro/packages/node_modules:/home/runner/work/astro/astro/node_modules:/home/runner/work/astro/node_modules:/home/runner/work/node_modules:/home/runner/node_modules:/home/node_modules:/node_modules:/home/runner/work/astro/astro/node_modules/.pnpm/node_modules:$NODE_PATH"
-fi
-if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../../../../astro/astro.js" "$@"
-else
-  exec node  "$basedir/../../../../../../../astro/astro.js" "$@"
-fi

package/test/fixtures/mdx-plus-react/package.json DELETED Viewed

@@ -1,10 +0,0 @@
-{
-  "name": "@test/mdx-plus-react",
-  "dependencies": {
-    "@astrojs/mdx": "workspace:*",
-    "@astrojs/react": "workspace:*",
-    "astro": "workspace:*",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  }
-}

package/test/fixtures/mdx-plus-react/src/components/Component.jsx DELETED Viewed

@@ -1,5 +0,0 @@
-const Component = () => {
-  return <p>Hello world</p>;
-};
-export default Component;

package/test/fixtures/mdx-plus-react/src/pages/index.astro DELETED Viewed

@@ -1,11 +0,0 @@
----
-import Component from "../components/Component.jsx";
----
-<html>
-	<head>
-		<title>Testing</title>
-	</head>
-	<body>
-		<Component />
-	</body>
-</html>

package/test/fixtures/mdx-script-style-raw/src/pages/index.mdx DELETED Viewed

@@ -1,13 +0,0 @@
-# Script style raw
-<script id="test-script">
-{`console.log('raw script')`}
-</script>
-<style id="test-style">
-{`
-h1[id="script-style-raw"] {
-  color: red;
-}
-`}
-</style>

package/test/fixtures/mdx-slots/src/components/Slotted.astro DELETED Viewed

@@ -1,4 +0,0 @@
-<div class="slotted">
-	<div data-default-slot><slot /></div>
-	<div data-named-slot><slot name="named" /></div>
-</div>

package/test/fixtures/mdx-slots/src/components/Test.mdx DELETED Viewed

@@ -1,15 +0,0 @@
-import Slotted from './Slotted.astro'
-# Hello slotted component!
-<Slotted>
-Default content.
-<Fragment slot="named">
-Content for named slot.
-</Fragment>
-</Slotted>

package/test/fixtures/mdx-slots/src/pages/glob.astro DELETED Viewed

@@ -1,11 +0,0 @@
----
-const components = await Astro.glob('../components/*.mdx');
----
-<div data-default-export>
-	{components.map(Component => <Component.default />)}
-</div>
-<div data-content-export>
-	{components.map(({ Content }) => <Content />)}
-</div>

package/test/fixtures/mdx-slots/src/pages/index.astro DELETED Viewed

@@ -1,5 +0,0 @@
----
-import Test from '../components/Test.mdx';
----
-<Test />

package/test/fixtures/mdx-syntax-hightlighting/src/pages/index.mdx DELETED Viewed

@@ -1,9 +0,0 @@
-# Syntax highlighting
-```astro {2}
----
-const handlesAstroSyntax = true
----
-<h1>{handlesAstroSyntax}</h1>
-```

package/test/fixtures/mdx-url-export/src/pages/pages.json.js DELETED Viewed

@@ -1,9 +0,0 @@
-export async function get() {
-	const mdxPages = await import.meta.glob('./*.mdx', { eager: true });
-	return {
-		body: JSON.stringify({
-			urls: Object.values(mdxPages ?? {}).map(v => v?.url),
-		})
-	}
-}

package/test/fixtures/mdx-url-export/src/pages/test-1.mdx DELETED Viewed

	@@ -1 +0,0 @@
1	- # I'm a page with a url of "/test-1!"

package/test/fixtures/mdx-url-export/src/pages/test-2.mdx DELETED Viewed

	@@ -1 +0,0 @@
1	- # I'm a page with a url of "/test-2!"

package/test/fixtures/mdx-url-export/src/pages/with-url-override.mdx DELETED Viewed

@@ -1,3 +0,0 @@
-export const url = '/AH!'
-# I'm a test with a url override!

package/test/fixtures/mdx-vite-env-vars/astro.config.mjs DELETED Viewed

@@ -1,9 +0,0 @@
-import mdx from '@astrojs/mdx';
-export default {
-	site: 'https://mdx-is-neat.com/',
-	markdown: {
-		syntaxHighlight: false,
-	},
-	integrations: [mdx()],
-}

package/test/fixtures/mdx-vite-env-vars/node_modules/.bin/astro DELETED Viewed

@@ -1,17 +0,0 @@
-#!/bin/sh
-basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
-case `uname` in
-    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
-esac
-if [ -z "$NODE_PATH" ]; then
-  export NODE_PATH="/home/runner/work/astro/astro/packages/astro/node_modules:/home/runner/work/astro/astro/packages/node_modules:/home/runner/work/astro/astro/node_modules:/home/runner/work/astro/node_modules:/home/runner/work/node_modules:/home/runner/node_modules:/home/node_modules:/node_modules:/home/runner/work/astro/astro/node_modules/.pnpm/node_modules"
-else
-  export NODE_PATH="/home/runner/work/astro/astro/packages/astro/node_modules:/home/runner/work/astro/astro/packages/node_modules:/home/runner/work/astro/astro/node_modules:/home/runner/work/astro/node_modules:/home/runner/work/node_modules:/home/runner/node_modules:/home/node_modules:/node_modules:/home/runner/work/astro/astro/node_modules/.pnpm/node_modules:$NODE_PATH"
-fi
-if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../../../../astro/astro.js" "$@"
-else
-  exec node  "$basedir/../../../../../../../astro/astro.js" "$@"
-fi

package/test/fixtures/mdx-vite-env-vars/package.json DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "name": "@test/mdx-env-variables",
-  "dependencies": {
-    "astro": "workspace:*",
-    "@astrojs/mdx": "workspace:*"
-  }
-}

package/test/fixtures/mdx-vite-env-vars/src/pages/frontmatter.json.js DELETED Viewed

@@ -1,7 +0,0 @@
-import { frontmatter } from './vite-env-vars.mdx';
-export function get() {
-	return {
-		body: JSON.stringify(frontmatter),
-	}
-}

package/test/fixtures/mdx-vite-env-vars/src/pages/vite-env-vars.mdx DELETED Viewed

@@ -1,38 +0,0 @@
----
-title: Let's talk about my import.meta.env.SITE
----
-export const modeWorks =
-	import.meta.env.MODE === 'production' ? 'MODE works' : 'MODE does not work!';
-# About my import.meta.env.SITE
-My `import.meta.env.SITE` is so cool, I can put env variables in code!
-```js
-const site = import.meta.env.SITE;
-```
-## But I can use import.meta.env properly too
-<div data-env-site>
-I can compute my site, for example: {new URL('/blog/cool-post', import.meta.env.SITE)}
-</div>
-<div data-env-variable-exports>
-I can also use `import.meta.env` in variable exports: {modeWorks}
-</div>
-I can also use vars as HTML attributes:
-<div
-	data-env-dump
-	data-env-prod={import.meta.env.PROD}
-	data-env-dev={import.meta.env.DEV}
-	data-env-base-url={import.meta.env.BASE_URL}
-	data-env-mode={import.meta.env.MODE}
-></div>

package/test/mdx-astro-markdown-remarkRehype.test.js DELETED Viewed

@@ -1,85 +0,0 @@
-import mdx from '@astrojs/mdx';
-import { expect } from 'chai';
-import { parseHTML } from 'linkedom';
-import { loadFixture } from '../../../astro/test/test-utils.js';
-describe('MDX with Astro Markdown remark-rehype config', () => {
-	it('Renders footnotes with values from the default configuration', async () => {
-		const fixture = await loadFixture({
-			root: new URL('./fixtures/mdx-astro-markdown-remarkRehype/', import.meta.url),
-			integrations: [mdx()],
-			markdown: {
-				remarkRehype: {
-					footnoteLabel: 'Catatan kaki',
-					footnoteBackLabel: 'Kembali ke konten',
-				},
-			},
-		});
-		await fixture.build();
-		const html = await fixture.readFile('/index.html');
-		const { document } = parseHTML(html);
-		expect(document.querySelector('#footnote-label').textContent).to.equal('Catatan kaki');
-		expect(document.querySelector('.data-footnote-backref').getAttribute('aria-label')).to.equal(
-			'Kembali ke konten'
-		);
-	});
-	it('Renders footnotes with values from custom configuration extending the default', async () => {
-		const fixture = await loadFixture({
-			root: new URL('./fixtures/mdx-astro-markdown-remarkRehype/', import.meta.url),
-			integrations: [
-				mdx({
-					remarkRehype: {
-						footnoteLabel: 'Catatan kaki',
-						footnoteBackLabel: 'Kembali ke konten',
-					},
-				}),
-			],
-			markdown: {
-				remarkRehype: {
-					footnoteBackLabel: 'Replace me',
-				},
-			},
-		});
-		await fixture.build();
-		const html = await fixture.readFile('/index.html');
-		const { document } = parseHTML(html);
-		expect(document.querySelector('#footnote-label').textContent).to.equal('Catatan kaki');
-		expect(document.querySelector('.data-footnote-backref').getAttribute('aria-label')).to.equal(
-			'Kembali ke konten'
-		);
-	});
-	it('Renders footnotes with values from custom configuration without extending the default', async () => {
-		const fixture = await loadFixture({
-			root: new URL('./fixtures/mdx-astro-markdown-remarkRehype/', import.meta.url),
-			integrations: [
-				mdx({
-					extendPlugins: 'astroDefaults',
-					remarkRehype: {
-						footnoteLabel: 'Catatan kaki',
-					},
-				}),
-			],
-			markdown: {
-				remarkRehype: {
-					footnoteBackLabel: 'Kembali ke konten',
-				},
-			},
-		});
-		await fixture.build();
-		const html = await fixture.readFile('/index.html');
-		const { document } = parseHTML(html);
-		expect(document.querySelector('#footnote-label').textContent).to.equal('Catatan kaki');
-		expect(document.querySelector('.data-footnote-backref').getAttribute('aria-label')).to.equal(
-			'Back to content'
-		);
-	});
-});

package/test/mdx-component.test.js DELETED Viewed

@@ -1,191 +0,0 @@
-import mdx from '@astrojs/mdx';
-import { expect } from 'chai';
-import { parseHTML } from 'linkedom';
-import { loadFixture } from '../../../astro/test/test-utils.js';
-describe('MDX Component', () => {
-	let fixture;
-	before(async () => {
-		fixture = await loadFixture({
-			root: new URL('./fixtures/mdx-component/', import.meta.url),
-			integrations: [mdx()],
-		});
-	});
-	describe('build', () => {
-		before(async () => {
-			await fixture.build();
-		});
-		it('supports top-level imports', async () => {
-			const html = await fixture.readFile('/index.html');
-			const { document } = parseHTML(html);
-			const h1 = document.querySelector('h1');
-			const foo = document.querySelector('#foo');
-			expect(h1.textContent).to.equal('Hello component!');
-			expect(foo.textContent).to.equal('bar');
-		});
-		it('supports glob imports - <Component.default />', async () => {
-			const html = await fixture.readFile('/glob/index.html');
-			const { document } = parseHTML(html);
-			const h1 = document.querySelector('[data-default-export] h1');
-			const foo = document.querySelector('[data-default-export] #foo');
-			expect(h1.textContent).to.equal('Hello component!');
-			expect(foo.textContent).to.equal('bar');
-		});
-		it('supports glob imports - <Content />', async () => {
-			const html = await fixture.readFile('/glob/index.html');
-			const { document } = parseHTML(html);
-			const h1 = document.querySelector('[data-content-export] h1');
-			const foo = document.querySelector('[data-content-export] #foo');
-			expect(h1.textContent).to.equal('Hello component!');
-			expect(foo.textContent).to.equal('bar');
-		});
-		describe('with <Fragment>', () => {
-			it('supports top-level imports', async () => {
-				const html = await fixture.readFile('/w-fragment/index.html');
-				const { document } = parseHTML(html);
-				const h1 = document.querySelector('h1');
-				const p = document.querySelector('p');
-				expect(h1.textContent).to.equal('MDX containing <Fragment />');
-				expect(p.textContent).to.equal('bar');
-			});
-			it('supports glob imports - <Component.default />', async () => {
-				const html = await fixture.readFile('/glob/index.html');
-				const { document } = parseHTML(html);
-				const h = document.querySelector('[data-default-export] [data-file="WithFragment.mdx"] h1');
-				const p = document.querySelector('[data-default-export] [data-file="WithFragment.mdx"] p');
-				expect(h.textContent).to.equal('MDX containing <Fragment />');
-				expect(p.textContent).to.equal('bar');
-			});
-			it('supports glob imports - <Content />', async () => {
-				const html = await fixture.readFile('/glob/index.html');
-				const { document } = parseHTML(html);
-				const h = document.querySelector('[data-content-export] [data-file="WithFragment.mdx"] h1');
-				const p = document.querySelector('[data-content-export] [data-file="WithFragment.mdx"] p');
-				expect(h.textContent).to.equal('MDX containing <Fragment />');
-				expect(p.textContent).to.equal('bar');
-			});
-		});
-	});
-	describe('dev', () => {
-		let devServer;
-		before(async () => {
-			devServer = await fixture.startDevServer();
-		});
-		after(async () => {
-			await devServer.stop();
-		});
-		it('supports top-level imports', async () => {
-			const res = await fixture.fetch('/');
-			expect(res.status).to.equal(200);
-			const html = await res.text();
-			const { document } = parseHTML(html);
-			const h1 = document.querySelector('h1');
-			const foo = document.querySelector('#foo');
-			expect(h1.textContent).to.equal('Hello component!');
-			expect(foo.textContent).to.equal('bar');
-		});
-		it('supports glob imports - <Component.default />', async () => {
-			const res = await fixture.fetch('/glob');
-			expect(res.status).to.equal(200);
-			const html = await res.text();
-			const { document } = parseHTML(html);
-			const h1 = document.querySelector('[data-default-export] h1');
-			const foo = document.querySelector('[data-default-export] #foo');
-			expect(h1.textContent).to.equal('Hello component!');
-			expect(foo.textContent).to.equal('bar');
-		});
-		it('supports glob imports - <Content />', async () => {
-			const res = await fixture.fetch('/glob');
-			expect(res.status).to.equal(200);
-			const html = await res.text();
-			const { document } = parseHTML(html);
-			const h1 = document.querySelector('[data-content-export] h1');
-			const foo = document.querySelector('[data-content-export] #foo');
-			expect(h1.textContent).to.equal('Hello component!');
-			expect(foo.textContent).to.equal('bar');
-		});
-		describe('with <Fragment>', () => {
-			it('supports top-level imports', async () => {
-				const res = await fixture.fetch('/w-fragment');
-				expect(res.status).to.equal(200);
-				const html = await res.text();
-				const { document } = parseHTML(html);
-				const h1 = document.querySelector('h1');
-				const p = document.querySelector('p');
-				expect(h1.textContent).to.equal('MDX containing <Fragment />');
-				expect(p.textContent).to.equal('bar');
-			});
-			it('supports glob imports - <Component.default />', async () => {
-				const res = await fixture.fetch('/glob');
-				expect(res.status).to.equal(200);
-				const html = await res.text();
-				const { document } = parseHTML(html);
-				const h = document.querySelector('[data-default-export] [data-file="WithFragment.mdx"] h1');
-				const p = document.querySelector('[data-default-export] [data-file="WithFragment.mdx"] p');
-				expect(h.textContent).to.equal('MDX containing <Fragment />');
-				expect(p.textContent).to.equal('bar');
-			});
-			it('supports glob imports - <Content />', async () => {
-				const res = await fixture.fetch('/glob');
-				expect(res.status).to.equal(200);
-				const html = await res.text();
-				const { document } = parseHTML(html);
-				const h = document.querySelector('[data-content-export] [data-file="WithFragment.mdx"] h1');
-				const p = document.querySelector('[data-content-export] [data-file="WithFragment.mdx"] p');
-				expect(h.textContent).to.equal('MDX containing <Fragment />');
-				expect(p.textContent).to.equal('bar');
-			});
-		});
-	});
-});

package/test/mdx-escape.test.js DELETED Viewed

@@ -1,32 +0,0 @@
-import mdx from '@astrojs/mdx';
-import { expect } from 'chai';
-import { parseHTML } from 'linkedom';
-import { loadFixture } from '../../../astro/test/test-utils.js';
-const FIXTURE_ROOT = new URL('./fixtures/mdx-escape/', import.meta.url);
-describe('MDX frontmatter', () => {
-	let fixture;
-	before(async () => {
-		fixture = await loadFixture({
-			root: FIXTURE_ROOT,
-			integrations: [mdx()],
-		});
-		await fixture.build();
-	});
-	it('does not have unescaped HTML at top-level', async () => {
-		const html = await fixture.readFile('/index.html');
-		const { document } = parseHTML(html);
-		expect(document.body.textContent).to.not.include('<em');
-	});
-	it('does not have unescaped HTML inside html tags', async () => {
-		const html = await fixture.readFile('/html-tag/index.html');
-		const { document } = parseHTML(html);
-		expect(document.body.textContent).to.not.include('<em');
-	});
-});

package/test/mdx-frontmatter-injection.test.js DELETED Viewed

@@ -1,53 +0,0 @@
-import { expect } from 'chai';
-import { parseHTML } from 'linkedom';
-import { loadFixture } from '../../../astro/test/test-utils.js';
-const FIXTURE_ROOT = new URL('./fixtures/mdx-frontmatter-injection/', import.meta.url);
-describe('MDX frontmatter injection', () => {
-	let fixture;
-	before(async () => {
-		fixture = await loadFixture({
-			root: FIXTURE_ROOT,
-		});
-		await fixture.build();
-	});
-	it('remark supports custom vfile data - get title', async () => {
-		const frontmatterByPage = JSON.parse(await fixture.readFile('/glob.json'));
-		const titles = frontmatterByPage.map((frontmatter = {}) => frontmatter.title);
-		expect(titles).to.contain('Page 1');
-		expect(titles).to.contain('Page 2');
-	});
-	it('rehype supports custom vfile data - reading time', async () => {
-		const frontmatterByPage = JSON.parse(await fixture.readFile('/glob.json'));
-		const readingTimes = frontmatterByPage.map(
-			(frontmatter = {}) => frontmatter.injectedReadingTime
-		);
-		expect(readingTimes.length).to.be.greaterThan(0);
-		for (let readingTime of readingTimes) {
-			expect(readingTime).to.not.be.null;
-			expect(readingTime.text).match(/^\d+ min read/);
-		}
-	});
-	it('allow user frontmatter mutation', async () => {
-		const frontmatterByPage = JSON.parse(await fixture.readFile('/glob.json'));
-		const descriptions = frontmatterByPage.map((frontmatter = {}) => frontmatter.description);
-		expect(descriptions).to.contain('Processed by remarkDescription plugin: Page 1 description');
-		expect(descriptions).to.contain('Processed by remarkDescription plugin: Page 2 description');
-	});
-	it('passes injected frontmatter to layouts', async () => {
-		const html1 = await fixture.readFile('/page-1/index.html');
-		const html2 = await fixture.readFile('/page-2/index.html');
-		const title1 = parseHTML(html1).document.querySelector('title');
-		const title2 = parseHTML(html2).document.querySelector('title');
-		expect(title1.innerHTML).to.equal('Page 1');
-		expect(title2.innerHTML).to.equal('Page 2');
-	});
-});

package/test/mdx-frontmatter.test.js DELETED Viewed

@@ -1,77 +0,0 @@
-import mdx from '@astrojs/mdx';
-import { expect } from 'chai';
-import { parseHTML } from 'linkedom';
-import { loadFixture } from '../../../astro/test/test-utils.js';
-const FIXTURE_ROOT = new URL('./fixtures/mdx-frontmatter/', import.meta.url);
-describe('MDX frontmatter', () => {
-	let fixture;
-	before(async () => {
-		fixture = await loadFixture({
-			root: FIXTURE_ROOT,
-			integrations: [mdx()],
-		});
-		await fixture.build();
-	});
-	it('builds when "frontmatter.property" is in JSX expression', async () => {
-		expect(true).to.equal(true);
-	});
-	it('extracts frontmatter to "frontmatter" export', async () => {
-		const { titles } = JSON.parse(await fixture.readFile('/glob.json'));
-		expect(titles).to.include('Using YAML frontmatter');
-	});
-	it('renders layout from "layout" frontmatter property', async () => {
-		const html = await fixture.readFile('/index.html');
-		const { document } = parseHTML(html);
-		const layoutParagraph = document.querySelector('[data-layout-rendered]');
-		expect(layoutParagraph).to.not.be.null;
-	});
-	it('passes frontmatter to layout via "content" and "frontmatter" props', async () => {
-		const html = await fixture.readFile('/index.html');
-		const { document } = parseHTML(html);
-		const contentTitle = document.querySelector('[data-content-title]');
-		const frontmatterTitle = document.querySelector('[data-frontmatter-title]');
-		expect(contentTitle.textContent).to.equal('Using YAML frontmatter');
-		expect(frontmatterTitle.textContent).to.equal('Using YAML frontmatter');
-	});
-	it('passes headings to layout via "headings" prop', async () => {
-		const html = await fixture.readFile('/with-headings/index.html');
-		const { document } = parseHTML(html);
-		const headingSlugs = [...document.querySelectorAll('[data-headings] > li')].map(
-			(el) => el.textContent
-		);
-		expect(headingSlugs.length).to.be.greaterThan(0);
-		expect(headingSlugs).to.contain('section-1');
-		expect(headingSlugs).to.contain('section-2');
-	});
-	it('passes "file" and "url" to layout', async () => {
-		const html = await fixture.readFile('/with-headings/index.html');
-		const { document } = parseHTML(html);
-		const frontmatterFile = document.querySelector('[data-frontmatter-file]')?.textContent;
-		const frontmatterUrl = document.querySelector('[data-frontmatter-url]')?.textContent;
-		const file = document.querySelector('[data-file]')?.textContent;
-		const url = document.querySelector('[data-url]')?.textContent;
-		expect(frontmatterFile?.endsWith('with-headings.mdx')).to.equal(
-			true,
-			'"file" prop does not end with correct path or is undefined'
-		);
-		expect(frontmatterUrl).to.equal('/with-headings');
-		expect(file).to.equal(frontmatterFile);
-		expect(url).to.equal(frontmatterUrl);
-	});
-});