@timvir/mdx 0.2.46 → 0.2.48

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @timvir/mdx
 
+## 0.2.48
+
+### Patch Changes
+
+- **Drop dependency on Prettier** ([#3656](https://github.com/timvir/timvir/pull/3656)) - Prettier was used in the `@timvir/macro` and `@timvir/mdx` packages to format source code that's injected into MDX files. When Prettier released major version 3, they dropped the synchronous API so we were not able to keep up to date. Many projects are starting to adopt alternative formatters (oxc, biome). Using Prettier introduces divergence between code in files and code that appears in the documentation. Reformatting code makes line highlighting unpredictable. Lines of code that the developer sees in source files may not correspond to lines in the documentation. Due to those reasons, we're dropping dependency on Prettier. Along with that, the macro and MDX plugin `<Sample>` component no longer supports `as="source/component"` or `as="source/markup"`. If you rely on those features, inline the code into your MDX files.
+
+## 0.2.47
+
 ## 0.2.46
 
 ### Patch Changes

package/index.js

@@ -1,6 +1,3 @@
-import generate from "@babel/generator";
-import { parse } from "@babel/parser";
-import * as t from "@babel/types";
 import * as crypto from "node:crypto";
 import * as espree from "espree";
 import * as fs from "node:fs";
@@ -8,7 +5,6 @@ import { fromMarkdown } from "mdast-util-from-markdown";
 import { mdxFromMarkdown } from "mdast-util-mdx";
 import { mdxjs } from "micromark-extension-mdxjs";
 import * as path from "node:path";
-import prettier from "prettier";
 import { visit } from "unist-util-visit";
 
 export function remarkPlugin() {
@@ -115,72 +111,6 @@ export function remarkPlugin() {
               delete node[k];
             }
 
-            for (const [k, v] of Object.entries(children[0])) {
-              node[k] = v;
-            }
-          },
-          "source/component": () => {
-            const source = (() => {
-              const file = parse(loadSource(), {
-                sourceType: "module",
-                plugins: ["jsx", "typescript"],
-              });
-
-              const exportDefaultDeclaration = file.program.body.find((node) => t.isExportDefaultDeclaration(node));
-              const { declaration } = exportDefaultDeclaration;
-              const { code } = generate.default(declaration);
-              return prettier
-                .format(code, {
-                  parser: "typescript",
-                  printWidth: 80,
-                })
-                .trim()
-                .slice(0, -1);
-            })();
-
-            const { children } = fromMarkdown(`{${JSON.stringify(source)}}`, {
-              extensions: [mdxjs()],
-              mdastExtensions: [mdxFromMarkdown()],
-            });
-
-            for (const [k] of Object.keys(node)) {
-              delete node[k];
-            }
-
-            for (const [k, v] of Object.entries(children[0])) {
-              node[k] = v;
-            }
-          },
-          "source/markup": () => {
-            const source = (() => {
-              const file = parse(loadSource(), {
-                sourceType: "module",
-                plugins: ["jsx", "typescript"],
-              });
-
-              const exportDefaultDeclaration = file.program.body.find((node) => t.isExportDefaultDeclaration(node));
-              const { declaration } = exportDefaultDeclaration;
-              const body = declaration.body.body;
-              const returnStatement = body.find((node) => t.isReturnStatement(node));
-              const { code } = generate.default(returnStatement.argument);
-              return prettier
-                .format(code, {
-                  parser: "typescript",
-                  printWidth: 80,
-                })
-                .trim()
-                .slice(0, -1);
-            })();
-
-            const { children } = fromMarkdown(`{${JSON.stringify(source)}}`, {
-              extensions: [mdxjs()],
-              mdastExtensions: [mdxFromMarkdown()],
-            });
-
-            for (const [k] of Object.keys(node)) {
-              delete node[k];
-            }
-
             for (const [k, v] of Object.entries(children[0])) {
               node[k] = v;
             }

package/package.json

@@ -1,21 +1,17 @@
 {
   "type": "module",
   "name": "@timvir/mdx",
-  "version": "0.2.46",
+  "version": "0.2.48",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
     ".": "./index.js"
   },
   "dependencies": {
-    "@babel/generator": "^7",
-    "@babel/parser": "^7",
-    "@babel/types": "^7",
     "espree": "^9 || ^10 || ^11",
     "mdast-util-from-markdown": "^1 || ^2",
     "mdast-util-mdx": "^2 || ^3",
     "micromark-extension-mdxjs": "^3",
-    "prettier": "^2",
     "unist-util-visit": "^5"
   },
   "repository": {