always unescape html (#255)

* always unescape html enables readability of JSON.stringified attributes * add changeset
lightingbeetle · Oct 14, 2021 · b18c753 · b18c753
1 parent 08c1b83
commit b18c753
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/pink-owls-refuse.md b/.changeset/pink-owls-refuse.md
@@ -0,0 +1,5 @@
+---
+'@lighting-beetle/lighter-styleguide': patch
+---
+
+Nicer code examples with unescaped HTML attribute values
diff --git a/packages/styleguide/src/components/Preview/CodeExample.js b/packages/styleguide/src/components/Preview/CodeExample.js
@@ -176,7 +176,7 @@ export default class CodeExample extends React.Component {
         codeToShow =
           typeof children === 'string'
             ? unescape(children)
-            : pretty(renderToStaticMarkup(children));
+            : unescape(pretty(renderToStaticMarkup(children)), { ocd: true });
         break;
       case 'jsx':
         codeToShow = getJSXAsStringFromMarkup(children, codeJSXOptions);