Merge pull request #364 from code-hike/next

v0.8.3

Author: pomber

examples/nextra/package.json

@@ -9,10 +9,11 @@
   },
   "dependencies": {
     "@code-hike/mdx": "^0.8.2",
-    "next": "13.1.2",
-    "nextra": "2.2.3",
-    "nextra-theme-docs": "2.2.3",
+    "next": "13.3.4",
+    "nextra": "2.4.2",
+    "nextra-theme-docs": "2.4.2",
     "react": "^18.1.0",
-    "react-dom": "^18.1.0"
+    "react-dom": "^18.1.0",
+    "shiki": "^0.10.1"
   }
 }

packages/mdx/dev/content/autolink.mdx

@@ -0,0 +1,22 @@
+```py
+import requests
+
+# URL: https://api.example.com/data
+# Invalid URL: http://invalid_domain.123
+urls = ["https://typicode.com/todos/1", "https://typicode.com/todos/2"]
+responses = [requests.get(url) for url in urls]
+```
+
+<CH.Code lineNumbers={true} autoLink={false}>
+
+```ruby mark=3:5
+require 'net/http'
+
+url = URI.parse('https://www.ruby-lang.org/en/')
+url = URI.parse 'https://www.ruby-lang.org/en/'
+url = URI.parse 'https://www.ruby-lang.org/en/'asdasd;
+response = Net::HTTP.get_response(url)
+puts response.body
+```
+
+</CH.Code>

packages/mdx/dev/content/comment-annotations.mdx

@@ -23,8 +23,9 @@ console.log("hey")
 Same with other annotations like `mark` and `box`.
 
 ```js
-// mark(1:2)
-function foo() {
+// hey
+// mark(1)
+function foobarloremipsumfoobarloremipsumsitametfoobarloremipsumfoobarloremipsumsitamet() {
   // mark[6:9] mark-box
   console.log("hover me")
   return 8
@@ -88,7 +89,7 @@ function lorem(ipsum, dolor = 1) {
   # mark[3:7]
   local sit=0
   # label something something
-  dolor=$((sit - amet(dolor)))
+  dolor=$((sit - amet(dolor))
   # link[19:29] https://github.com/code-hike/codehike
   return $sit and consectetur(ipsum) or []
 }

packages/mdx/dev/files.ts

@@ -1,7 +1,7 @@
 import fs from "fs"
 import { remarkCodeHike } from "../src/index"
 import { compile } from "@mdx-js/mdx"
-import theme from "shiki/themes/rose-pine-moon.json"
+import theme from "./theme.js"
 import { withDebugger } from "mdx-debugger"
 
 export async function getFiles() {
@@ -36,6 +36,7 @@ export async function getCode(file: any, config = {}) {
             autoImport: false,
             skipLanguages: ["", "mermaid"],
             showCopyButton: true,
+            autoLink: true,
             theme,
             ...config,
           },