🚀 Astro Next (0.21.0) (#1406)

* make astro-root uids unique

* Move Astro to Vite

* Update tests

* More test improvements

* fred fixes

* Update compiler, improve tests

* Fix runtime, improve code frame

* Add Markdown support

* Tycho fixes

* Fred fixes part 2

* Throw Error for WIP Features

* Improve testing suite

* Allow users to pass config to Vite

* Fix npm install (#1407)

* Automate publish on merge (#1408)

* Add NPM_TOKEN to publish script (#1409)

* Create .npmrc

* Clean up astro deps (#1411)

* Use new renderers (#1412)

* feat: update compiler (#1421)

* Try mocha/chai test runners (#1418)

* Try mocha/chai test runners

* Disable failing smoke test for now

Will revert when next can build docs

* Enable mocha in parallel mode

* Remove warning

* Update docs

* Fix Windows bug

* Fix internal imports

* Fix styles

* Fix CI release on merge to next (#1427)

* Fix logger locale parsing (#1439)

* fix(logger): locale parsing
* Fixed issue of compiler crash when "c" locale was encountered
* Return default locale if parsed locale is less than 2 chars long

* chore: add changeset

* Apply changes from #1387

* Add back in support for children (#1486)

* Add back in support for children

* Be more careful

* Enables most slot tests (#1494)

* Enables most slot tests

* Use spreadAttributes

* Add hydration to Solid renderer (#1479) (#1495)

* feat: add hydration to Solid renderer

* fix: intersection observer, move script to the end

Co-authored-by: Ryan Carniato <ryansolid@gmail.com>

* [next] support Astro.slots API (#1516)

* [next] Support for custom elements (#1528)

* [next] Support for custom elements

* Fix eslint errors

* eslint again

* [next] Fix Astro.fetchContent (#1480)

* fix Astro.fetchContent

* fix(fetchContent): cast type

Co-authored-by: Nate Moore <nate@skypack.dev>

* Move hydration to the compiler (#1547)

* Move hydration to the compiler

* Move extracting url, export to util fn

* Brings back astro-dynamic tests (#1548)

* Implements top-level Astro + Astro.resolve (#1556)

* Implements top-level Astro + Astro.resolve

* Fix linting

* [next] Update renderers (#1509)

* chore: update vite

* fix(renderers): point renderers to resolved server/client entrypoints

* Chore: Enable more tests with new compiler changes (#1558)

* [Next] `fetch` support (#1563)

* fix: polyfill fetch in every ssr scenario

* test(fetch): update fetch tests

* docs: update data fetching guide to remove caveats about `fetch` and isomorphic usage

* refactor: update regex for clarity

* Restructure (#1569)

* Upgrade to @astrojs/compiler 0.2.0 (#1584)

* Use Vite fork (#1585)

* Use Vite fork

* Fix linting

* Move Vite to vendor/ and add a license

* Fix linting

* Include the dist folder

* Update files config

* Markdown compilation (#1593)

* Markdown compilation

* remove debugger

* Gets lit hydration working (#1595)

* Gets Astro.fetchContent compilation to work (#1596)

* Gets Astro.fetchContent compilation to work

This fixes Astro.fetchContent so that we handle esbuild transforming the
name of the nested Astro call.

* Remove debugging

* Update the tests

* Remove another debugger

* Update Vite to latest (#1597)

* Add Prism syntax highlighting (#1598)

* Scoped styles with markdown (#1599)

* Bugfix: fix getStaticPaths() cache miss (#1602)

* Fix build order (#1609)

* Bugfix: restore build to get all paths earlier, when build. Same as main.

* Also re-add timings

* [next] blog example fully working (#1610)

* Add environment variables docs (Closes #873) (#1587)

* Added environment variables docs (Closes #873)

* Fixed prefix

* Remove numbered comments (#1611)

* Chore: remove numbered comments

* Clean up block comments

* comment style fixes (#1614)

* [next] Upgrade compiler (#1619)

* [next] Upgrade compiler

* Upgrade to latest compiler

* Fix the path to global css

* Removed debugger

* feat: add fragment support to vite-plugin-astro (#1600)

* [next] fix `.tsx` handling (#1620)

* fix: support tsx in JSX plugin

* fix: preserve JSX via esbuild, only use Babel for JSX compilation

* fix: handle upcoming Vite API for `ssr` flag

* [next] Add CSS preprocessing  (#1589)

* Add concept for style support in Astro

* Update style preprocessor to use new compiler

* fix: massage preprocessStyle type

* fix: @astrojs/compiler types

Co-authored-by: Nate Moore <nate@skypack.dev>

* fix issues in blog-multiple-authors (#1621)

* Move Sass to deps (#1622)

* Update renderer API for Vite (#1623)

* Update renderer API for Vite

* Fix lit-element tests

* Clean up comments

* Throw friendly error if renderer provides viteConfig in a bad format

* Fix changesets (#1628)

* Remove cheerio scanning from build stats (#1629)

* Minor change to jsxTransformOptions, update Renderer API docs (#1630)

* [next] docs example fully working (#1627)

* [next] docs example fully working

* Upgrade compiler to unlock docs

* Add `class:list` directive (#1612)

* Add support for class:list directive

The `class:list` directive serializes an expression of css class names. For React components, `className:list` is also supported.

* Remove `className` support and React tests

* Add tests for the absence of omitted classes

* fix: `define:vars` scoping for styles (#1632)

* feat: fix Debug component (#1633)

* [next] Fix `<Markdown>` component (#1631)

* fix: cleanup issues with <Markdown> component

* fix: fix `content` usage with Markdown

* [next] Fix `<Code>` component (#1635)

* fix: enable Code component

* test: update expect to chai format

* Fixes solid (#1634)

* Fixes solid

* Rename the test

* Rebase with next

* Skip solid test for now

* Add support for markdown plugins (#1650)

* Fix broken next release (#1652)

* Prevent passing  to Svelte components

* Prevent passing class to Vue components

* Add CSS injection, fix portfolio example (#1648)

* Fix portfolio example

* Add .pcss extension

* Update load ssr opts

* Update packages/astro/src/runtime/server/index.ts

Co-authored-by: Jonathan Neal <jonathantneal@hotmail.com>

Co-authored-by: Nate Moore <natemoo-re@users.noreply.github.com>
Co-authored-by: Jonathan Neal <jonathantneal@hotmail.com>

* Fixes external HMR (#1654)

* Upgrade compiler version (#1655)

Fixes docs and blog examples

* Resolve renderers relative to the projectRoot (#1659)

* Template fixes (#1656)

* fix: dedupe hashes for identical islands (#1660)

* fix: scope `define:vars` to `:root` for `<style global>` (#1663)

* chore: update compiler to latest (#1664)

* [next] fix island hydration inside of `<Markdown>` (#1665)

* fix: create rehype plugin to smooth over island hydration bugs

* refactor: remove debug code

* chore: explain need for `rehypeIslands`

* Bugfix: renderer-lit missing files on npm (#1669)

* Force Vite to rebuild dependencies (#1670)

* [next] Add `preact/compat` renderer (#1668)

* feat: add preact/compat entry for `@astrojs/renderer-preact`

* Update index.js

* Bugfix: plugin-astro-fetch tries to append node-fetch to node-fetch (#1671)

* Fix Vite race condition (#1674)

* Fix with-nanostore deps (#1675)

Adds missing Solid renderer

* [next] Fix `resolveDependency` on Windows (#1666)

* fix: Windows issue with resolveDependency util

* chore: add comment

* Update CONTRIBUTING.md (#1677)

* Prevent scanning a user's deps (#1678)

* Prevent scanning a user's deps

* Remove unused things

* remove unused util

* Adding a changeset for the remark plugin

* Config changes needed for stater template (#1680)

This does 2 things:

1. Adds prismjs as a dep.
2. Adds shiki as an external.

* Next bugs (#1681)

* fix(#1679): hoisted <script> rendering

* fix(#1679): do not print global for styles, but do for scripts

* fix: update ObjectSet implementation

* fix: dedupe elements in sets

* [next] update compiler (#1683)

* chore: update compiler

* chore: update compiler (again)

* Fix Astro HMR bottleneck (#1684)

* Bugfix: JSX renderers can be declared in any order (#1686)

* chore: update compiler (#1690)

* Exclude lit-server from being optimized (#1691)

This should get the lit example working from `npm`.

* fix: exclude all renderer server entrypoints (#1692)

* chore: update compiler (#1705)

* fix: do not crash when Markdown has no content (#1702)

* feat: improve support for third-party React packages (#1701)

* Remove prism warning when no language is provided (#1703)

* Remove prism warning when no language is provided

* Add the plaintext language instead

* retry deploy

* chore: enter prerelease mode under `next` (#1707)

* Updates to the changesets (#1708)

* Updates to the changesets

* Adds a changeset for astro-prism

Co-authored-by: Fred K. Schott <fkschott@gmail.com>
Co-authored-by: Nate Moore <nate@skypack.dev>
Co-authored-by: Nate Moore <natemoo-re@users.noreply.github.com>
Co-authored-by: Pranav Karawale <52596591+obnoxiousnerd@users.noreply.github.com>
Co-authored-by: Matthew Phillips <matthew@skypack.dev>
Co-authored-by: Matthew Phillips <matthew@matthewphillips.info>
Co-authored-by: Ryan Carniato <ryansolid@gmail.com>
Co-authored-by: AsyncBanana <58297401+AsyncBanana@users.noreply.github.com>
Co-authored-by: Jonathan Neal <jonathantneal@hotmail.com>

8 files changed, 0 insertions, 263 deletions

diff --git a/packages/markdown-support/src/codeblock.ts b/packages/markdown-support/src/codeblock.ts
deleted file mode 100644
index 3f0c2894d..000000000
--- a/packages/markdown-support/src/codeblock.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { visit } from 'unist-util-visit';
-import type { Element, Root as HastRoot, Properties } from 'hast';
-import type { Root as MdastRoot } from 'mdast';
-
-/**  */
-export function remarkCodeBlock() {
-  return function (tree: MdastRoot) {
-    visit(tree, 'code', (node) => {
-      const { data, meta } = node;
-      let lang = node.lang || 'html'; // default to html to match GFM behavior.
-
-      let currentClassName = (data?.hProperties as Properties)?.class ?? '';
-      node.data = node.data || {};
-      node.data.hProperties = node.data.hProperties || {};
-      node.data.hProperties = { ...(node.data.hProperties as Properties), class: `language-${lang} ${currentClassName}`.trim(), lang, meta };
-    });
-  };
-}
-
-/**  */
-export function rehypeCodeBlock() {
-  return function (tree: HastRoot) {
-    const escapeCode = (code: Element): void => {
-      code.children = code.children.map((child) => {
-        if (child.type === 'text') {
-          return { ...child, value: child.value.replace(/\{/g, 'ASTRO_ESCAPED_LEFT_CURLY_BRACKET\0') };
-        }
-        return child;
-      });
-    };
-    visit(tree, 'element', (node) => {
-      if (node.tagName === 'code') {
-        escapeCode(node);
-        return;
-      }
-
-      if (node.tagName !== 'pre') return;
-      if (!node.children[0]) return;
-      const code = node.children[0];
-      if (code.type !== 'element' || code.tagName !== 'code') return;
-      node.properties = { ...code.properties };
-    });
-  };
-}
diff --git a/packages/markdown-support/src/index.ts b/packages/markdown-support/src/index.ts
deleted file mode 100644
index 4973da7f9..000000000
--- a/packages/markdown-support/src/index.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import type { AstroMarkdownOptions, MarkdownRenderingOptions } from './types';
-
-import createCollectHeaders from './rehype-collect-headers.js';
-import scopedStyles from './remark-scoped-styles.js';
-import remarkExpressions from './remark-expressions.js';
-import rehypeExpressions from './rehype-expressions.js';
-import { remarkCodeBlock, rehypeCodeBlock } from './codeblock.js';
-import { loadPlugins } from './load-plugins.js';
-import raw from 'rehype-raw';
-
-import { unified } from 'unified';
-import markdown from 'remark-parse';
-import markdownToHtml from 'remark-rehype';
-import rehypeStringify from 'rehype-stringify';
-import remarkSlug from 'remark-slug';
-
-export { AstroMarkdownOptions, MarkdownRenderingOptions };
-
-/** Internal utility for rendering a full markdown file and extracting Frontmatter data */
-export async function renderMarkdownWithFrontmatter(contents: string, opts?: MarkdownRenderingOptions | null) {
-  // Dynamic import to ensure that "gray-matter" isn't built by Snowpack
-  const { default: matter } = await import('gray-matter');
-  const { data: frontmatter, content } = matter(contents);
-  const value = await renderMarkdown(content, opts);
-  return { ...value, frontmatter };
-}
-
-/** Shared utility for rendering markdown */
-export async function renderMarkdown(content: string, opts?: MarkdownRenderingOptions | null) {
-  const { $: { scopedClassName = null } = {}, footnotes: useFootnotes = true, gfm: useGfm = true, remarkPlugins = [], rehypePlugins = [] } = opts ?? {};
-  const { headers, rehypeCollectHeaders } = createCollectHeaders();
-  let parser = unified()
-    .use(markdown)
-    .use(remarkSlug)
-    .use([remarkExpressions, { addResult: true }]);
-
-  if (remarkPlugins.length === 0) {
-    if (useGfm) {
-      remarkPlugins.push('remark-gfm');
-    }
-
-    if (useFootnotes) {
-      remarkPlugins.push('remark-footnotes');
-    }
-
-    remarkPlugins.push('@silvenon/remark-smartypants');
-  }
-  const loadedRemarkPlugins = await Promise.all(loadPlugins(remarkPlugins));
-  const loadedRehypePlugins = await Promise.all(loadPlugins(rehypePlugins));
-
-  loadedRemarkPlugins.forEach(([plugin, opts]) => {
-    parser.use(plugin, opts);
-  });
-
-  if (scopedClassName) {
-    parser.use(scopedStyles(scopedClassName));
-  }
-
-  parser.use(remarkCodeBlock);
-  parser.use(markdownToHtml, { allowDangerousHtml: true, passThrough: ['raw', 'mdxTextExpression'] });
-  parser.use(rehypeExpressions);
-
-  loadedRehypePlugins.forEach(([plugin, opts]) => {
-    parser.use(plugin, opts);
-  });
-
-  let result: string;
-  try {
-    const vfile = await parser
-      .use(raw)
-      .use(rehypeCollectHeaders)
-      .use(rehypeCodeBlock)
-      .use(rehypeStringify, { entities: { useNamedReferences: true } })
-      .process(content);
-    result = vfile.toString();
-  } catch (err) {
-    throw err;
-  }
-
-  return {
-    astro: { headers, source: content, html: result.toString() },
-    content: result.toString(),
-  };
-}
diff --git a/packages/markdown-support/src/load-plugins.ts b/packages/markdown-support/src/load-plugins.ts
deleted file mode 100644
index 6d30e8361..000000000
--- a/packages/markdown-support/src/load-plugins.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import * as unified from 'unified';
-import type { Plugin, UnifiedPluginImport } from './types';
-
-async function importPlugin(p: string | UnifiedPluginImport): UnifiedPluginImport {
-  if (typeof p === 'string') {
-    return await import(p);
-  }
-
-  return await p;
-}
-
-export function loadPlugins(items: Plugin[]): Promise<[unified.Plugin] | [unified.Plugin, any]>[] {
-  return items.map((p) => {
-    return new Promise((resolve, reject) => {
-      if (Array.isArray(p)) {
-        const [plugin, opts] = p;
-        return importPlugin(plugin)
-          .then((m) => resolve([m.default, opts]))
-          .catch((e) => reject(e));
-      }
-
-      return importPlugin(p)
-        .then((m) => resolve([m.default]))
-        .catch((e) => reject(e));
-    });
-  });
-}
diff --git a/packages/markdown-support/src/rehype-collect-headers.ts b/packages/markdown-support/src/rehype-collect-headers.ts
deleted file mode 100644
index 211b7177c..000000000
--- a/packages/markdown-support/src/rehype-collect-headers.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { visit } from 'unist-util-visit';
-import type { Root, Properties } from 'hast';
-import slugger from 'github-slugger';
-
-/**  */
-export default function createCollectHeaders() {
-  const headers: any[] = [];
-
-  function rehypeCollectHeaders() {
-    return function (tree: Root) {
-      visit(tree, (node) => {
-        if (node.type !== 'element') return;
-        const { tagName } = node;
-        if (tagName[0] !== 'h') return;
-        const [_, level] = tagName.match(/h([0-6])/) ?? [];
-        if (!level) return;
-        const depth = Number.parseInt(level);
-
-        let text = '';
-
-        visit(node, 'text', (child) => {
-          text += child.value;
-        });
-
-        let slug = node?.data?.id || slugger.slug(text);
-
-        node.data = node.data || {};
-        node.data.properties = node.data.properties || {};
-        node.data.properties = { ...(node.data.properties as Properties), slug };
-        headers.push({ depth, slug, text });
-      });
-    };
-  }
-
-  return {
-    headers,
-    rehypeCollectHeaders,
-  };
-}
diff --git a/packages/markdown-support/src/rehype-expressions.ts b/packages/markdown-support/src/rehype-expressions.ts
deleted file mode 100644
index d296c2afe..000000000
--- a/packages/markdown-support/src/rehype-expressions.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { map } from 'unist-util-map';
-
-export default function rehypeExpressions(): any {
-  return function (node: any): any {
-    return map(node, (child) => {
-      if (child.type === 'mdxTextExpression') {
-        return { type: 'text', value: `{${(child as any).value}}` };
-      }
-      return child;
-    });
-  };
-}
diff --git a/packages/markdown-support/src/remark-expressions.ts b/packages/markdown-support/src/remark-expressions.ts
deleted file mode 100644
index a38c5f3bf..000000000
--- a/packages/markdown-support/src/remark-expressions.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { mdxExpression } from 'micromark-extension-mdx-expression';
-import { mdxExpressionFromMarkdown, mdxExpressionToMarkdown } from 'mdast-util-mdx-expression';
-
-function remarkExpressions(this: any, options: any) {
-  let settings = options || {};
-  let data = this.data();
-
-  add('micromarkExtensions', mdxExpression({}));
-  add('fromMarkdownExtensions', mdxExpressionFromMarkdown);
-  add('toMarkdownExtensions', mdxExpressionToMarkdown);
-
-  function add(field: any, value: any) {
-    /* istanbul ignore if - other extensions. */
-    if (data[field]) data[field].push(value);
-    else data[field] = [value];
-  }
-}
-
-export default remarkExpressions;
diff --git a/packages/markdown-support/src/remark-scoped-styles.ts b/packages/markdown-support/src/remark-scoped-styles.ts
deleted file mode 100644
index 9ca70c029..000000000
--- a/packages/markdown-support/src/remark-scoped-styles.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { visit } from 'unist-util-visit';
-const noVisit = new Set(['root', 'html', 'text']);
-
-/**  */
-export default function scopedStyles(className: string) {
-  const visitor = (node: any) => {
-    if (noVisit.has(node.type)) return;
-
-    const { data } = node;
-    let currentClassName = data?.hProperties?.class ?? '';
-    node.data = node.data || {};
-    node.data.hProperties = node.data.hProperties || {};
-    node.data.hProperties.class = `${className} ${currentClassName}`.trim();
-
-    return node;
-  };
-  return () => (tree: any) => visit(tree, visitor);
-}
diff --git a/packages/markdown-support/src/types.ts b/packages/markdown-support/src/types.ts
deleted file mode 100644
index be73db6a5..000000000
--- a/packages/markdown-support/src/types.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import * as unified from 'unified';
-
-export type UnifiedPluginImport = Promise<{ default: unified.Plugin }>;
-export type Plugin = string | [string, any] | UnifiedPluginImport | [UnifiedPluginImport, any];
-
-export interface AstroMarkdownOptions {
-  /** Enable or disable footnotes syntax extension */
-  footnotes: boolean;
-  /** Enable or disable GitHub-flavored Markdown syntax extension */
-  gfm: boolean;
-  remarkPlugins: Plugin[];
-  rehypePlugins: Plugin[];
-}
-
-export interface MarkdownRenderingOptions extends Partial<AstroMarkdownOptions> {
-  /** @internal */
-  $?: {
-    scopedClassName: string | null;
-  };
-}