Skip to content

Commit

Permalink
Adding @code-hike/mdx and configuring it
Browse files Browse the repository at this point in the history
  • Loading branch information
JohnDaly committed Sep 17, 2022
1 parent 976bed3 commit c78f3a9
Show file tree
Hide file tree
Showing 3 changed files with 117 additions and 29 deletions.
16 changes: 14 additions & 2 deletions examples/astro/astro.config.mjs
Original file line number Diff line number Diff line change
@@ -1,4 +1,16 @@
import { defineConfig } from 'astro/config';
import { defineConfig } from "astro/config"
import react from "@astrojs/react"
import mdx from "@astrojs/mdx"
import { remarkCodeHike } from "@code-hike/mdx"
import theme from "shiki/themes/github-dark.json"

// https://astro.build/config
export default defineConfig({});
export default defineConfig({
markdown: {
syntaxHighlight: false,
},
integrations: [
react(),
mdx({ remarkPlugins: [[remarkCodeHike, { autoImport: false, theme }]] }),
],
})
7 changes: 6 additions & 1 deletion examples/astro/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,11 @@
"astro": "astro"
},
"dependencies": {
"astro": "^1.2.6"
"@astrojs/mdx": "^0.11.1",
"@astrojs/react": "^1.1.3",
"@code-hike/mdx": "^0.7.4",
"astro": "^1.2.6",
"react": "^18.0.0",
"react-dom": "^18.0.0"
}
}
123 changes: 97 additions & 26 deletions yarn.lock
Original file line number Diff line number Diff line change
Expand Up @@ -326,6 +326,27 @@
unist-util-visit "^4.1.0"
vfile "^5.3.2"

"@astrojs/mdx@^0.11.1":
version "0.11.1"
resolved "https://registry.npmjs.org/@astrojs/mdx/-/mdx-0.11.1.tgz#17ddb5320f6d034160756d3f0bae22599d1aad3a"
integrity sha512-L0uUBRlfRZvXhS5rc/VIrQlHldgj7cwrSb81K3cAB2LrzqZ3QgU+GRx/mdMN95Brqkv+8x77cNmsbAwXxijeNA==
dependencies:
"@astrojs/prism" "^1.0.1"
"@mdx-js/mdx" "^2.1.2"
"@mdx-js/rollup" "^2.1.1"
acorn "^8.8.0"
es-module-lexer "^0.10.5"
github-slugger "^1.4.0"
gray-matter "^4.0.3"
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.11.1"
unist-util-visit "^4.1.0"
vfile "^5.3.2"

"@astrojs/micromark-extension-mdx-jsx@^1.0.3":
version "1.0.3"
resolved "https://registry.npmjs.org/@astrojs/micromark-extension-mdx-jsx/-/micromark-extension-mdx-jsx-1.0.3.tgz#539f7d4d512b510adbe0d83e1a7385a3f5c1387d"
Expand All @@ -341,13 +362,21 @@
uvu "^0.5.0"
vfile-message "^3.0.0"

"@astrojs/prism@^1.0.0":
"@astrojs/prism@^1.0.0", "@astrojs/prism@^1.0.1":
version "1.0.1"
resolved "https://registry.npmjs.org/@astrojs/prism/-/prism-1.0.1.tgz#a7a778f9e3814885f587d8074a15452947ab4252"
integrity sha512-HxEFslvbv+cfOs51q/C7aMVFuW3EAGg0d1xXU/0e/QeScDzfrp5Ra4SOb8mV082SgENVjtVvet4zR84t3at4VQ==
dependencies:
prismjs "^1.28.0"

"@astrojs/react@^1.1.3":
version "1.1.3"
resolved "https://registry.npmjs.org/@astrojs/react/-/react-1.1.3.tgz#e6e761b57756a2b96e5062e229cfeb85de96c392"
integrity sha512-awhAEPvJslewJ3Txeapw6LiZtU8RqZrDiequeNDmwQt6iz4Ltn3nJPROKxv4cKesAHEpAZhXWM1q2HhpxWFW0Q==
dependencies:
"@babel/core" ">=7.0.0-0 <8.0.0"
"@babel/plugin-transform-react-jsx" "^7.17.12"

"@astrojs/telemetry@^1.0.0":
version "1.0.0"
resolved "https://registry.npmjs.org/@astrojs/telemetry/-/telemetry-1.0.0.tgz#425171610daa66702fe7b117b6dab82ed6bdf8db"
Expand Down Expand Up @@ -527,6 +556,27 @@
semver "^5.4.1"
source-map "^0.5.0"

"@babel/core@>=7.0.0-0 <8.0.0", "@babel/core@^7.18.2":
version "7.19.1"
resolved "https://registry.npmjs.org/@babel/core/-/core-7.19.1.tgz#c8fa615c5e88e272564ace3d42fbc8b17bfeb22b"
integrity sha512-1H8VgqXme4UXCRv7/Wa1bq7RVymKOzC7znjyFM8KiEzwFqcKUKYNoQef4GhdklgNvoBXyW4gYhuBNCM5o1zImw==
dependencies:
"@ampproject/remapping" "^2.1.0"
"@babel/code-frame" "^7.18.6"
"@babel/generator" "^7.19.0"
"@babel/helper-compilation-targets" "^7.19.1"
"@babel/helper-module-transforms" "^7.19.0"
"@babel/helpers" "^7.19.0"
"@babel/parser" "^7.19.1"
"@babel/template" "^7.18.10"
"@babel/traverse" "^7.19.1"
"@babel/types" "^7.19.0"
convert-source-map "^1.7.0"
debug "^4.1.0"
gensync "^1.0.0-beta.2"
json5 "^2.2.1"
semver "^6.3.0"

"@babel/core@^7.14.0":
version "7.18.10"
resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.18.10.tgz#39ad504991d77f1f3da91be0b8b949a5bc466fb8"
Expand Down Expand Up @@ -611,27 +661,6 @@
json5 "^2.2.1"
semver "^6.3.0"

"@babel/core@^7.18.2":
version "7.19.1"
resolved "https://registry.npmjs.org/@babel/core/-/core-7.19.1.tgz#c8fa615c5e88e272564ace3d42fbc8b17bfeb22b"
integrity sha512-1H8VgqXme4UXCRv7/Wa1bq7RVymKOzC7znjyFM8KiEzwFqcKUKYNoQef4GhdklgNvoBXyW4gYhuBNCM5o1zImw==
dependencies:
"@ampproject/remapping" "^2.1.0"
"@babel/code-frame" "^7.18.6"
"@babel/generator" "^7.19.0"
"@babel/helper-compilation-targets" "^7.19.1"
"@babel/helper-module-transforms" "^7.19.0"
"@babel/helpers" "^7.19.0"
"@babel/parser" "^7.19.1"
"@babel/template" "^7.18.10"
"@babel/traverse" "^7.19.1"
"@babel/types" "^7.19.0"
convert-source-map "^1.7.0"
debug "^4.1.0"
gensync "^1.0.0-beta.2"
json5 "^2.2.1"
semver "^6.3.0"

"@babel/core@^7.18.6":
version "7.18.9"
resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.18.9.tgz#805461f967c77ff46c74ca0460ccf4fe933ddd59"
Expand Down Expand Up @@ -4944,6 +4973,29 @@
unist-util-visit "^4.0.0"
vfile "^5.0.0"

"@mdx-js/mdx@^2.1.2":
version "2.1.3"
resolved "https://registry.npmjs.org/@mdx-js/mdx/-/mdx-2.1.3.tgz#d5821920ebe546b45192f4c7a64dcc68a658f7f9"
integrity sha512-ahbb47HJIJ4xnifaL06tDJiSyLEy1EhFAStO7RZIm3GTa7yGW3NGhZaj+GUCveFgl5oI54pY4BgiLmYm97y+zg==
dependencies:
"@types/estree-jsx" "^1.0.0"
"@types/mdx" "^2.0.0"
estree-util-build-jsx "^2.0.0"
estree-util-is-identifier-name "^2.0.0"
estree-util-to-js "^1.1.0"
estree-walker "^3.0.0"
hast-util-to-estree "^2.0.0"
markdown-extensions "^1.0.0"
periscopic "^3.0.0"
remark-mdx "^2.0.0"
remark-parse "^10.0.0"
remark-rehype "^10.0.0"
unified "^10.0.0"
unist-util-position-from-estree "^1.0.0"
unist-util-stringify-position "^3.0.0"
unist-util-visit "^4.0.0"
vfile "^5.0.0"

"@mdx-js/react@^1.6.16", "@mdx-js/react@^1.6.22":
version "1.6.22"
resolved "https://registry.yarnpkg.com/@mdx-js/react/-/react-1.6.22.tgz#ae09b4744fddc74714ee9f9d6f17a66e77c43573"
Expand Down Expand Up @@ -4982,6 +5034,16 @@
"@rollup/pluginutils" "^4.0.0"
source-map "^0.7.0"

"@mdx-js/rollup@^2.1.1":
version "2.1.3"
resolved "https://registry.npmjs.org/@mdx-js/rollup/-/rollup-2.1.3.tgz#613aa3c832658d339ddd8af0ec7bed1969586557"
integrity sha512-KaX9GcZ63TDaLNH9UYYE94+naZQldV2IUzmMkDVOlPxDtTh8kcEn8l6/4W1P79wxZZbakSOFejTuaYmcstl5sA==
dependencies:
"@mdx-js/mdx" "^2.0.0"
"@rollup/pluginutils" "^4.0.0"
source-map "^0.7.0"
vfile "^5.0.0"

"@mdx-js/[email protected]":
version "1.6.22"
resolved "https://registry.yarnpkg.com/@mdx-js/util/-/util-1.6.22.tgz#219dfd89ae5b97a8801f015323ffa4b62f45718b"
Expand Down Expand Up @@ -7313,7 +7375,7 @@ acorn@^8.0.0, acorn@^8.0.4, acorn@^8.4.1, acorn@^8.5.0:
resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.7.0.tgz#90951fde0f8f09df93549481e5fc141445b791cf"
integrity sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==

acorn@^8.7.1:
acorn@^8.7.1, acorn@^8.8.0:
version "8.8.0"
resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.0.tgz#88c0187620435c7f6015803f5539dae05a9dbea8"
integrity sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==
Expand Down Expand Up @@ -7753,7 +7815,7 @@ astring@^1.6.0:
resolved "https://registry.yarnpkg.com/astring/-/astring-1.8.1.tgz#a91c4afd4af3523e11f31242a3d5d9af62bb6cc6"
integrity sha512-Aj3mbwVzj7Vve4I/v2JYOPFkCGM2YS7OqQTNSxmUR+LECRpokuPgAYghePgr6SALDo5bD5DlfbSaYjOzGJZOLQ==

astring@^1.8.3:
astring@^1.8.0, astring@^1.8.3:
version "1.8.3"
resolved "https://registry.yarnpkg.com/astring/-/astring-1.8.3.tgz#1a0ae738c7cc558f8e5ddc8e3120636f5cebcb85"
integrity sha512-sRpyiNrx2dEYIMmUXprS8nlpRg2Drs8m9ElX9vVEXaCB4XEAJhKfs7IcX0IwShjuOAjLR6wzIrgoptz1n19i1A==
Expand Down Expand Up @@ -12301,6 +12363,15 @@ estree-util-is-identifier-name@^2.0.0:
resolved "https://registry.yarnpkg.com/estree-util-is-identifier-name/-/estree-util-is-identifier-name-2.0.0.tgz#e2d3d2ae3032c017b2112832bfc5d8ba938c8010"
integrity sha512-aXXZFVMnBBDRP81vS4YtAYJ0hUkgEsXea7lNKWCOeaAquGb1Jm2rcONPB5fpzwgbNxulTvrWuKnp9UElUGAKeQ==

estree-util-to-js@^1.1.0:
version "1.1.0"
resolved "https://registry.npmjs.org/estree-util-to-js/-/estree-util-to-js-1.1.0.tgz#3bd9bb86354063537cc3d81259be2f0d4c3af39f"
integrity sha512-490lbfCcpLk+ofK6HCgqDfYs4KAfq6QVvDw3+Bm1YoKRgiOjKiKYGAVQE1uwh7zVxBgWhqp4FDtp5SqunpUk1A==
dependencies:
"@types/estree-jsx" "^1.0.0"
astring "^1.8.0"
source-map "^0.7.0"

estree-util-value-to-estree@^1.0.0, estree-util-value-to-estree@^1.3.0:
version "1.3.0"
resolved "https://registry.yarnpkg.com/estree-util-value-to-estree/-/estree-util-value-to-estree-1.3.0.tgz#1d3125594b4d6680f666644491e7ac1745a3df49"
Expand Down Expand Up @@ -20412,7 +20483,7 @@ react-dom@^17.0.2:
object-assign "^4.1.1"
scheduler "^0.20.2"

react-dom@^18.1.0:
react-dom@^18.0.0, react-dom@^18.1.0:
version "18.2.0"
resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.2.0.tgz#22aaf38708db2674ed9ada224ca4aa708d821e3d"
integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
Expand Down Expand Up @@ -20589,7 +20660,7 @@ react@^17.0.2:
loose-envify "^1.1.0"
object-assign "^4.1.1"

react@^18.1.0:
react@^18.0.0, react@^18.1.0:
version "18.2.0"
resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"
integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
Expand Down

0 comments on commit c78f3a9

Please sign in to comment.