Add link to playground

webpro · webpro · commit 0b0ed9dcf93b · 2026-03-01T15:55:15.000+01:00
diff --git a/package.json b/package.json
@@ -31,7 +31,7 @@
     "lint": "oxlint",
     "prepack": "tsc",
     "test": "node --test test/*.test.ts",
-    "playground": "npx rolldown src/parser.ts -f esm -m -o playground/parser.js && npx rolldown src/printer.ts -f esm -m -o playground/printer.js"
+    "playground": "npx rolldown src/parser.ts -f esm -m -o playground/parser.js && npx rolldown src/printer.ts -f esm -m -o playground/printer.js && sed -i 's/id=\"version\">[^<]*/id=\"version\">'\"$(node -p \"require('.\\x2fpackage.json').version\")\"'/' playground/index.html"
   },
   "devDependencies": {
     "@ericcornelissen/bash-parser": "^0.5.3",
diff --git a/playground/index.html b/playground/index.html
@@ -13,7 +13,18 @@
         height: 100vh;
         display: grid;
         grid-template-columns: 1fr 1fr;
-        grid-template-rows: auto 1fr;
+        grid-template-rows: auto auto 1fr;
+      }
+      header {
+        grid-column: 1 / -1;
+        padding: 0.5rem 1rem;
+        background: black;
+        font-size: 1rem;
+        text-align: right;
+      }
+      header a {
+        color: whitesmoke;
+        text-decoration: none;
       }
       textarea,
       #print {
@@ -43,11 +54,14 @@
         overflow: auto;
         background: whitesmoke;
         grid-column: 2;
-        grid-row: 1 / -1;
+        grid-row: 2 / -1;
       }
     </style>
   </head>
   <body>
+    <header>
+      <a href="https://github.com/webpro-nl/unbash">unbash <span id="version">2.1.0</span></a>
+    </header>
     <textarea id="input" spellcheck="false">
 echo "hello $USER"
 for f in *.log; do
