Make <pre> blocks execute the command instead of only the code blocks

Author: marcosnils

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pwd-sdk",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "PWD sdk",
   "main": "dist/index.js",
   "mainReact": "react/index.js",

src/utils.ts

@@ -18,7 +18,8 @@ export function registerInputHandlers(termName, instance) {
   var actions = document.querySelectorAll('code[class*="' + termName + '"]');
 
   actions.forEach((a) => {
-    a.addEventListener("click", function () {
+    // The parent of <code> blocks is the whole <pre> block
+    a.parentElement.addEventListener("click", function () {
       let cmd = this.innerText;
       let dataCmd = this.parentElement.getAttribute("data-command-src");
       if (dataCmd) {