1
1
mirror of https://github.com/mdx-js/mdx.git synced 2024-07-07 03:26:22 +03:00
This commit is contained in:
Titus Wormer 2023-10-24 20:29:05 +02:00
parent 78a1eb5202
commit 9a40e181db
No known key found for this signature in database
GPG Key ID: E6E581152ED04E2E
12 changed files with 39 additions and 52 deletions

View File

@ -47,27 +47,14 @@ This makes writing long-form content with components a blast. {/* more */}
[Continue reading »][what]
<div className="card big">
## New: MDX 2!
## New: MDX 3!
Version 2 of MDX was released after years of hard work, and has many
improvements.
Here are the highlights:
A small major this time, nothing big, which is also nice sometimes!
This mainly drops support for old Node (use 16 or later), adds modern ES2024
support in MDX, supports `await` in MDX (if your framework does too), and
removes several deprecated options.
<div className="emoji-list">
* 📝 **Improved syntax** makes it easier to use markdown in JSX
* 🧑‍💻 **JavaScript expressions** turn `{2 * Math.PI}` into {2 * Math.PI}
* 🔌 New **esbuild**, **Rollup**, and **Node.js** integrations
* ⚛️ **Any JSX runtime**: React, Preact, Vue, Emotion, you name it, theyre
all supported
* 🌳 **Improved AST** exposes more info in greater detail
* 🏃‍♀️ Compiles at least **25% faster**
* 🚴 Generated code runs twice as fast (**100% faster**)
* 🚄 Bundle size of `@mdx-js/mdx` is more than three times as small
(**250% smaller**)
* 🧵 …and much, so much more
</div>
[Continue reading »][v2]
[Continue reading »][v3]
</div>
## What does MDX do?
@ -145,7 +132,7 @@ Youre using React, Preact, or Vue.
[what]: /docs/what-is-mdx/
[v2]: /blog/v2/
[v3]: /blog/v3/
[playground]: /playground/

34
package-lock.json generated
View File

@ -3973,9 +3973,9 @@
"dev": true
},
"node_modules/electron-to-chromium": {
"version": "1.4.565",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.565.tgz",
"integrity": "sha512-XbMoT6yIvg2xzcbs5hCADi0dXBh4//En3oFXmtPX+jiyyiCTiM9DGFT2SLottjpEs9Z8Mh8SqahbR96MaHfuSg=="
"version": "1.4.566",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.566.tgz",
"integrity": "sha512-mv+fAy27uOmTVlUULy15U3DVJ+jg+8iyKH1bpwboCRhtDC69GKf1PPTZvEIhCyDr81RFqfxZJYrbgp933a1vtg=="
},
"node_modules/emoji-regex": {
"version": "9.2.2",
@ -28608,10 +28608,10 @@
},
"packages/esbuild": {
"name": "@mdx-js/esbuild",
"version": "2.3.0",
"version": "3.0.0",
"license": "MIT",
"dependencies": {
"@mdx-js/mdx": "^2.0.0",
"@mdx-js/mdx": "^3.0.0",
"@types/unist": "^3.0.0",
"vfile": "^6.0.0",
"vfile-message": "^4.0.0"
@ -28626,10 +28626,10 @@
},
"packages/loader": {
"name": "@mdx-js/loader",
"version": "2.3.0",
"version": "3.0.0",
"license": "MIT",
"dependencies": {
"@mdx-js/mdx": "^2.0.0",
"@mdx-js/mdx": "^3.0.0",
"source-map": "^0.7.0"
},
"devDependencies": {},
@ -28643,7 +28643,7 @@
},
"packages/mdx": {
"name": "@mdx-js/mdx",
"version": "2.3.0",
"version": "3.0.0",
"license": "MIT",
"dependencies": {
"@types/estree": "^1.0.0",
@ -28660,7 +28660,7 @@
"hast-util-to-jsx-runtime": "^2.0.0",
"markdown-extensions": "^2.0.0",
"periscopic": "^3.0.0",
"remark-mdx": "^2.0.0",
"remark-mdx": "^3.0.0",
"remark-parse": "^11.0.0",
"remark-rehype": "^11.0.0",
"source-map": "^0.7.0",
@ -28685,10 +28685,10 @@
},
"packages/node-loader": {
"name": "@mdx-js/node-loader",
"version": "2.3.0",
"version": "3.0.0",
"license": "MIT",
"dependencies": {
"@mdx-js/mdx": "^2.0.0",
"@mdx-js/mdx": "^3.0.0",
"vfile": "^6.0.0"
},
"devDependencies": {},
@ -28699,7 +28699,7 @@
},
"packages/preact": {
"name": "@mdx-js/preact",
"version": "2.3.0",
"version": "3.0.0",
"license": "MIT",
"dependencies": {
"@types/mdx": "^2.0.0"
@ -28715,7 +28715,7 @@
},
"packages/react": {
"name": "@mdx-js/react",
"version": "2.3.0",
"version": "3.0.0",
"license": "MIT",
"dependencies": {
"@types/mdx": "^2.0.0"
@ -28731,7 +28731,7 @@
}
},
"packages/remark-mdx": {
"version": "2.3.0",
"version": "3.0.0",
"license": "MIT",
"dependencies": {
"mdast-util-mdx": "^3.0.0",
@ -28745,10 +28745,10 @@
},
"packages/rollup": {
"name": "@mdx-js/rollup",
"version": "2.3.0",
"version": "3.0.0",
"license": "MIT",
"dependencies": {
"@mdx-js/mdx": "^2.0.0",
"@mdx-js/mdx": "^3.0.0",
"@rollup/pluginutils": "^5.0.0",
"source-map": "^0.7.0",
"vfile": "^6.0.0"
@ -28764,7 +28764,7 @@
},
"packages/vue": {
"name": "@mdx-js/vue",
"version": "2.3.0",
"version": "3.0.0",
"license": "MIT",
"dependencies": {
"@types/mdx": "^2.0.0"

View File

@ -1,6 +1,6 @@
{
"name": "@mdx-js/esbuild",
"version": "2.3.0",
"version": "3.0.0",
"description": "esbuild plugin for MDX",
"license": "MIT",
"keywords": [
@ -37,7 +37,7 @@
"index.js"
],
"dependencies": {
"@mdx-js/mdx": "^2.0.0",
"@mdx-js/mdx": "^3.0.0",
"@types/unist": "^3.0.0",
"vfile": "^6.0.0",
"vfile-message": "^4.0.0"

View File

@ -1,6 +1,6 @@
{
"name": "@mdx-js/loader",
"version": "2.3.0",
"version": "3.0.0",
"description": "Webpack loader for MDX",
"license": "MIT",
"keywords": [
@ -43,7 +43,7 @@
"index.d.ts"
],
"dependencies": {
"@mdx-js/mdx": "^2.0.0",
"@mdx-js/mdx": "^3.0.0",
"source-map": "^0.7.0"
},
"peerDependencies": {

View File

@ -1,6 +1,6 @@
{
"name": "@mdx-js/mdx",
"version": "2.3.0",
"version": "3.0.0",
"description": "MDX compiler",
"license": "MIT",
"keywords": [
@ -57,7 +57,7 @@
"hast-util-to-jsx-runtime": "^2.0.0",
"markdown-extensions": "^2.0.0",
"periscopic": "^3.0.0",
"remark-mdx": "^2.0.0",
"remark-mdx": "^3.0.0",
"remark-parse": "^11.0.0",
"remark-rehype": "^11.0.0",
"source-map": "^0.7.0",

View File

@ -1,6 +1,6 @@
{
"name": "@mdx-js/node-loader",
"version": "2.3.0",
"version": "3.0.0",
"description": "Node.js loader for MDX",
"license": "MIT",
"keywords": [
@ -42,7 +42,7 @@
"index.js"
],
"dependencies": {
"@mdx-js/mdx": "^2.0.0",
"@mdx-js/mdx": "^3.0.0",
"vfile": "^6.0.0"
},
"devDependencies": {},

View File

@ -1,6 +1,6 @@
{
"name": "@mdx-js/preact",
"version": "2.3.0",
"version": "3.0.0",
"description": "Preact context for MDX",
"license": "MIT",
"keywords": [

View File

@ -1,6 +1,6 @@
{
"name": "@mdx-js/react",
"version": "2.3.0",
"version": "3.0.0",
"description": "React context for MDX",
"license": "MIT",
"keywords": [

View File

@ -1,6 +1,6 @@
{
"name": "remark-mdx",
"version": "2.3.0",
"version": "3.0.0",
"description": "remark plugin to support MDX syntax",
"license": "MIT",
"keywords": [

View File

@ -1,6 +1,6 @@
{
"name": "@mdx-js/rollup",
"version": "2.3.0",
"version": "3.0.0",
"description": "Rollup plugin for MDX",
"license": "MIT",
"keywords": [
@ -37,7 +37,7 @@
"index.js"
],
"dependencies": {
"@mdx-js/mdx": "^2.0.0",
"@mdx-js/mdx": "^3.0.0",
"@rollup/pluginutils": "^5.0.0",
"source-map": "^0.7.0",
"vfile": "^6.0.0"

View File

@ -1,6 +1,6 @@
{
"name": "@mdx-js/vue",
"version": "2.3.0",
"version": "3.0.0",
"description": "Vue provider for MDX",
"license": "MIT",
"keywords": [

View File

@ -21,7 +21,7 @@ This makes writing long-form content with components a blast.
```mdx
import {Chart} from './snowfall.js'
export const year = 2018
export const year = 2013
# Last years snowfall