fix(rehype-docz): allow ticks and backticks inside playground (#203)

* fix: allow code inside playground to contain ticks and backticks * chore: remove empty line
doczjs · Aug 9, 2018 · fa4ff40 · fa4ff40
1 parent 781c2bf
commit fa4ff40
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -18,7 +18,7 @@
     "clean": "lerna clean",
     "bs": "lerna bootstrap",
     "packages": "run-s packages:*",
-    "packages:fix": "lerna run fix",
+    "packages:fix": "lerna run fix && echo",
     "packages:lint": "lerna run tslint",
     "packages:build": "lerna run build --ignore docz-example-*",
     "prerelease": "yarn run packages",

diff --git a/packages/rehype-docz/src/index.ts b/packages/rehype-docz/src/index.ts
@@ -28,11 +28,15 @@ const removePlayground = (code: string) => {
 const addCodeProp = async (node: any, idx: number) => {
   const name = componentName(node.value)
   const tagOpen = new RegExp(`^\\<${name}`)
-
   if (isPlayground(name)) {
     const formatted = await format(nodeToString(node))
     const code = formatted.slice(1, Infinity)
-    const child = strip(removePlayground(code)).trim()
+    const child = strip(removePlayground(code))
+      .trim()
+      .split(`'`)
+      .join(`\\'`)
+      .split('`')
+      .join('\\`')
 
     node.value = node.value.replace(
       tagOpen,