Merge pull request #58 from behave-contrib/james.westfall/fix_decorators

Fix decorators

Author: fallwest

package.json

@@ -8,7 +8,7 @@
     "@testing-library/user-event": "^14.0.0",
     "ansi-to-html": "^0.7.2",
     "bootstrap": "^5.3.2",
-    "highlight.js": "^11.8.0",
+    "highlight.js": "^11.10.0",
     "http-proxy-middleware": "^3.0.0",
     "react": "^18.2.0",
     "react-ace": "^13.0.0",
@@ -21,8 +21,6 @@
     "worker-plugin": "^5.0.1"
   },
   "scripts": {
-    "predeploy": "npm run build",
-    "deploy": "gh-pages -d build",
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
@@ -47,6 +45,5 @@
     ]
   },
   "devDependencies": {
-    "gh-pages": "^6.0.0"
   }
 }

src/components/FeatureHolder.js

@@ -69,6 +69,15 @@ class FeatureHolder extends Component {
         });
     }
 
+    fixKeywords(msg) {
+        const keywords = ["and", "but", "given", "step", "then", "when"];
+        for (const kw in keywords) {
+            let curr_kw = keywords[kw];
+            msg = msg.replaceAll(`${curr_kw}(`, `@${curr_kw}(`);
+        }
+        return msg;
+    }
+
     init() {
         this.worker = new Worker(workerUrl);
         this.terminal.current.clearStdout();
@@ -87,7 +96,8 @@ class FeatureHolder extends Component {
                 }
             }
             if (e.data.type === "snippet") {
-                const snippets = JSON.parse(e.data.msg);
+                const msg = this.fixKeywords(e.data.msg);
+                const snippets = JSON.parse(msg);
                 this.setState({ snippets: snippets })
                 this.setState({ ready: true })
                 this.setState({ showSpinner: false })

src/components/PrettyBox.js

@@ -17,7 +17,9 @@ class PrettyBox extends PureComponent {
     }
 
     componentDidMount() {
-        hljs.highlightAll();
+        // Stop log spamming about highlighting same element again.
+        // See: https://github.com/highlightjs/highlight.js/issues/3761#issuecomment-2498745244
+        document.querySelectorAll("pre code:not(.hljs)").forEach((block) => { hljs.highlightElement(block); });
     }
 
     render() {