Merge pull request #103 from code-hike/empty-lang

Allow empty lang

Author: pomber

packages/highlighter/src/index.tsx

@@ -12,6 +12,8 @@ import { Code } from "@code-hike/utils"
 let highlighterPromise: Promise<Highlighter> | null = null
 let highlighter: Highlighter | null = null
 
+const newlineRe = /\r\n|\r|\n/
+
 export async function highlight({
   code,
   lang,
@@ -21,6 +23,15 @@ export async function highlight({
   lang: string
   theme: any // TODO type this
 }): Promise<Code> {
+  if (lang === "text") {
+    const lines = code ? code.split(newlineRe) : [""]
+    return {
+      lines: lines.map(line => ({
+        tokens: [{ content: line, props: {} }],
+      })),
+      lang,
+    }
+  }
   if (highlighterPromise === null) {
     setCDN("https://unpkg.com/shiki/")
     highlighterPromise = getHighlighter({

packages/mdx/src/plugin/code.ts

@@ -149,9 +149,11 @@ async function mapFile(
 ): Promise<CodeStep & FileOptions & { name: string }> {
   const { theme } = config
 
+  const lang = (node.lang as string) || "text"
+
   const code = await highlight({
     code: node.value as string,
-    lang: node.lang as string,
+    lang,
     theme,
   })
 

packages/playground/content/simple-code.mdx

@@ -1,5 +1,13 @@
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
 
+```
+function lorem(ipsum, dolor = 1) {
+  return ipsum + dolor;
+}
+```
+
+---
+
 ```js
 function lorem(ipsum, dolor = 1) {}
 ```