chore(addon-code): fixing problems with escape

ec-europa · Jul 6, 2023 · 657e7b9 · 657e7b9 · github-actions · Jul 6, 2023
1 parent af47f03
commit 657e7b9
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/playground/addons/storybook-addon-code/HTMLMarkup.jsx b/src/playground/addons/storybook-addon-code/HTMLMarkup.jsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-
+import { decode } from 'html-entities';
 import {
   SyntaxHighlighter,
   Button,
@@ -38,6 +38,8 @@ function HTMLMarkup({ active, channel }) {
     indent_scripts: 'normal',
   });
 
+  const unescapedCode = decode(beautifiedCode);
+
   return active ? (
     <DocumentWrapper>
       <TitleBar>
@@ -68,7 +70,7 @@ function HTMLMarkup({ active, channel }) {
         </Button>
       </TitleBar>
       <StyledSyntaxHighlighter bordered copyable format={false} language="html">
-        {beautifiedCode}
+        {unescapedCode}
       </StyledSyntaxHighlighter>
     </DocumentWrapper>
   ) : null;

diff --git a/src/playground/addons/storybook-addon-code/package.json b/src/playground/addons/storybook-addon-code/package.json
@@ -9,6 +9,7 @@
     "@storybook/addons": "7.0.26",
     "@storybook/components": "7.0.26",
     "@storybook/theming": "7.0.26",
+    "html-entities": "2.4.0",
     "js-beautify": "1.14.8",
     "prop-types": "15.8.1",
     "react": "18.2.0",

diff --git a/yarn.lock b/yarn.lock
@@ -10230,7 +10230,7 @@ html-encoding-sniffer@^3.0.0:
   dependencies:
     whatwg-encoding "^2.0.0"
 
-html-entities@^2.1.0, html-entities@^2.3.2:
+html-entities@2.4.0, html-entities@^2.1.0, html-entities@^2.3.2:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-2.4.0.tgz#edd0cee70402584c8c76cc2c0556db09d1f45061"
   integrity sha512-igBTJcNNNhvZFRtm8uA6xMY6xYleeDwn3PeBCkDz7tHttv4F2hsDI2aPgNERWzvRcNYHNT3ymRaQzllmXj4YsQ==