@astrojs/mdx 1.0.1 → 1.0.3

package/dist/index.js

@@ -113,7 +113,9 @@ function mdx(partialMdxOptions = {}) {
                     };
                   } catch (e) {
                     const err = e;
+                    err.name = "MDXError";
                     err.loc = { file: fileId, line: e.line, column: e.column };
+                    Error.captureStackTrace(err);
                     throw err;
                   }
                 }

package/dist/plugins.js

@@ -1,4 +1,9 @@
-import { rehypeHeadingIds, remarkCollectImages } from "@astrojs/markdown-remark";
+import {
+  rehypeHeadingIds,
+  remarkCollectImages,
+  remarkPrism,
+  remarkShiki
+} from "@astrojs/markdown-remark";
 import {
   InvalidAstroDataError,
   safelyGetAstroData
@@ -12,8 +17,6 @@ import { rehypeInjectHeadingsExport } from "./rehype-collect-headings.js";
 import rehypeMetaString from "./rehype-meta-string.js";
 import { rehypeOptimizeStatic } from "./rehype-optimize-static.js";
 import { remarkImageToComponent } from "./remark-images-to-component.js";
-import remarkPrism from "./remark-prism.js";
-import remarkShiki from "./remark-shiki.js";
 import { jsToTreeNode } from "./utils.js";
 const isPerformanceBenchmark = Boolean(process.env.ASTRO_PERFORMANCE_BENCHMARK);
 function recmaInjectImportMetaEnvPlugin({
@@ -91,7 +94,7 @@ async function getRemarkPlugins(mdxOptions) {
   remarkPlugins = [...remarkPlugins, ...mdxOptions.remarkPlugins];
   if (!isPerformanceBenchmark) {
     if (mdxOptions.syntaxHighlight === "shiki") {
-      remarkPlugins.push([await remarkShiki(mdxOptions.shikiConfig)]);
+      remarkPlugins.push([remarkShiki, mdxOptions.shikiConfig]);
     }
     if (mdxOptions.syntaxHighlight === "prism") {
       remarkPlugins.push(remarkPrism);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@astrojs/mdx",
   "description": "Add support for MDX pages in your Astro site",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "type": "module",
   "types": "./dist/index.d.ts",
   "author": "withastro",
@@ -36,18 +36,15 @@
     "hast-util-to-html": "^8.0.4",
     "kleur": "^4.1.4",
     "rehype-raw": "^6.1.1",
-    "remark-frontmatter": "^4.0.1",
     "remark-gfm": "^3.0.1",
     "remark-smartypants": "^2.0.0",
-    "shiki": "^0.14.3",
     "source-map": "^0.7.4",
     "unist-util-visit": "^4.1.2",
     "vfile": "^5.3.7",
-    "@astrojs/markdown-remark": "3.0.0",
-    "@astrojs/prism": "3.0.0"
+    "@astrojs/markdown-remark": "3.1.0"
   },
   "peerDependencies": {
-    "astro": "^3.0.9"
+    "astro": "^3.0.11"
   },
   "devDependencies": {
     "@types/chai": "^4.3.5",
@@ -69,7 +66,7 @@
     "remark-shiki-twoslash": "^3.1.3",
     "remark-toc": "^8.0.1",
     "vite": "^4.4.9",
-    "astro": "3.0.9",
+    "astro": "3.0.11",
     "astro-scripts": "0.0.14"
   },
   "engines": {

package/dist/remark-prism.d.ts

@@ -1,2 +0,0 @@
-/**  */
-export default function remarkPrism(): (tree: any) => void;

package/dist/remark-prism.js

@@ -1,17 +0,0 @@
-import { runHighlighterWithAstro } from "@astrojs/prism/dist/highlighter";
-import { visit } from "unist-util-visit";
-function remarkPrism() {
-  return (tree) => visit(tree, "code", (node) => {
-    let { lang, value } = node;
-    node.type = "html";
-    let { html, classLanguage } = runHighlighterWithAstro(lang, value);
-    let classes = [classLanguage];
-    node.value = `<pre class="${classes.join(
-      " "
-    )}"><code class="${classLanguage}">${html}</code></pre>`;
-    return node;
-  });
-}
-export {
-  remarkPrism as default
-};

package/dist/remark-shiki.d.ts

@@ -1,3 +0,0 @@
-import type { ShikiConfig } from 'astro';
-declare const remarkShiki: ({ langs, theme, wrap }: ShikiConfig) => Promise<() => (tree: any) => void>;
-export default remarkShiki;

package/dist/remark-shiki.js

@@ -1,69 +0,0 @@
-import { getHighlighter } from "shiki";
-import { visit } from "unist-util-visit";
-const highlighterCacheAsync = /* @__PURE__ */ new Map();
-const remarkShiki = async ({ langs = [], theme = "github-dark", wrap = false }) => {
-  const cacheID = typeof theme === "string" ? theme : theme.name;
-  let highlighterAsync = highlighterCacheAsync.get(cacheID);
-  if (!highlighterAsync) {
-    highlighterAsync = getHighlighter({ theme }).then((hl) => {
-      hl.setColorReplacements({
-        "#000001": "var(--astro-code-color-text)",
-        "#000002": "var(--astro-code-color-background)",
-        "#000004": "var(--astro-code-token-constant)",
-        "#000005": "var(--astro-code-token-string)",
-        "#000006": "var(--astro-code-token-comment)",
-        "#000007": "var(--astro-code-token-keyword)",
-        "#000008": "var(--astro-code-token-parameter)",
-        "#000009": "var(--astro-code-token-function)",
-        "#000010": "var(--astro-code-token-string-expression)",
-        "#000011": "var(--astro-code-token-punctuation)",
-        "#000012": "var(--astro-code-token-link)"
-      });
-      return hl;
-    });
-    highlighterCacheAsync.set(cacheID, highlighterAsync);
-  }
-  const highlighter = await highlighterAsync;
-  for (const lang of langs) {
-    await highlighter.loadLanguage(lang);
-  }
-  return () => (tree) => {
-    visit(tree, "code", (node) => {
-      let lang;
-      if (typeof node.lang === "string") {
-        const langExists = highlighter.getLoadedLanguages().includes(node.lang);
-        if (langExists) {
-          lang = node.lang;
-        } else {
-          console.warn(`The language "${node.lang}" doesn't exist, falling back to plaintext.`);
-          lang = "plaintext";
-        }
-      } else {
-        lang = "plaintext";
-      }
-      let html = highlighter.codeToHtml(node.value, { lang });
-      html = html.replace(/<pre class="(.*?)shiki(.*?)"/, `<pre class="$1astro-code$2"`);
-      if (node.lang === "diff") {
-        html = html.replace(
-          /<span class="line"><span style="(.*?)">([\+|\-])/g,
-          '<span class="line"><span style="$1"><span style="user-select: none;">$2</span>'
-        );
-      }
-      if (wrap === false) {
-        html = html.replace(/style="(.*?)"/, 'style="$1; overflow-x: auto;"');
-      } else if (wrap === true) {
-        html = html.replace(
-          /style="(.*?)"/,
-          'style="$1; overflow-x: auto; white-space: pre-wrap; word-wrap: break-word;"'
-        );
-      }
-      node.type = "html";
-      node.value = html;
-      node.children = [];
-    });
-  };
-};
-var remark_shiki_default = remarkShiki;
-export {
-  remark_shiki_default as default
-};