From 5bd0d119828479162b85499230a50cce33a474df Mon Sep 17 00:00:00 2001
From: Amaan Qureshi <amaanq12@gmail.com>
Date: Wed, 25 Dec 2024 17:06:26 -0500
Subject: [PATCH] fix(playground): ensure local playground is initialized

---
 cli/src/playground.html          | 5 +++++
 docs/src/assets/js/playground.js | 8 ++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/cli/src/playground.html b/cli/src/playground.html
index 3406b623..2a1cfe3c 100644
--- a/cli/src/playground.html
+++ b/cli/src/playground.html
@@ -71,6 +71,11 @@
   <script>LANGUAGE_BASE_URL = "";</script>
   <script src=tree-sitter.js></script>
   <script src=playground.js></script>
+  <script>
+    setTimeout(() => {
+      window.initializePlayground()
+    }, 1)
+  </script>
 
   <style>
     body {
diff --git a/docs/src/assets/js/playground.js b/docs/src/assets/js/playground.js
index 9a5cf5b4..f2370df3 100644
--- a/docs/src/assets/js/playground.js
+++ b/docs/src/assets/js/playground.js
@@ -262,10 +262,10 @@ window.initializePlayground = async function initializePlayground() {
                 : 'node-link anonymous';
 
           row = `<div class="tree-row">${"  ".repeat(indentLevel)}${fieldName}` +
-                `<a class='${nodeClass}' href="#" data-id=${id} ` +
-                `data-range="${start.row},${start.column},${end.row},${end.column}">` +
-                `${displayName}</a> <span class="position-info">` +
-                `[${start.row}, ${start.column}] - [${end.row}, ${end.column}]</span>`;
+            `<a class='${nodeClass}' href="#" data-id=${id} ` +
+            `data-range="${start.row},${start.column},${end.row},${end.column}">` +
+            `${displayName}</a> <span class="position-info">` +
+            `[${start.row}, ${start.column}] - [${end.row}, ${end.column}]</span>`;
           finishedRow = true;
         }