From 028747be51fd86d96a490d4d24b4a3b237c15704 Mon Sep 17 00:00:00 2001
From: Alexander <kondaurov.dev@gmail.com>
Date: Sun, 22 Dec 2024 20:01:27 +0400
Subject: [PATCH] custom init event

---
 docs/telegram-bot-playground/index.html      | 4 ++--
 docs/telegram-bot-playground/metadata.json   | 2 +-
 docs/telegram-bot-playground/scripts/init.js | 1 +
 src/tg-bot-playground/init.ts                | 3 ++-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/docs/telegram-bot-playground/index.html b/docs/telegram-bot-playground/index.html
index a3a30ac..e9cd109 100644
--- a/docs/telegram-bot-playground/index.html
+++ b/docs/telegram-bot-playground/index.html
@@ -5,14 +5,14 @@
   <title>Telegram Bot Playground</title>
   <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
   <script defer src="https://cdn.jsdelivr.net/npm/@monaco-editor/loader@1.4.0/lib/umd/monaco-loader.min.js"></script>
-  <script defer src="./scripts/init.js?v=qp2taj" type="module"></script>
+  <script defer src="./scripts/init.js?v=60sdgc" type="module"></script>
   <script defer src="./scripts/main.js?v=bgip" type="module"></script>
   <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
 
   <link rel="stylesheet" href="styles.css?v=oq5lin">
 
   <script>
-    document.addEventListener('alpine:initialized', async () => {
+    document.addEventListener('playgroundInitialized', async () => {
       await playground.start();
       playground.onCodeChange(() => {
         playground.runBot(botState);
diff --git a/docs/telegram-bot-playground/metadata.json b/docs/telegram-bot-playground/metadata.json
index fd9b776..473bcf0 100644
--- a/docs/telegram-bot-playground/metadata.json
+++ b/docs/telegram-bot-playground/metadata.json
@@ -1,6 +1,6 @@
 {
   "styles.css": "oq5lin",
-  "init.js": "qp2taj",
+  "init.js": "60sdgc",
   "main.js": "bgip",
   "web-worker.js": "7hqmn5"
 }
\ No newline at end of file
diff --git a/docs/telegram-bot-playground/scripts/init.js b/docs/telegram-bot-playground/scripts/init.js
index 6b699ae..2b29f30 100644
--- a/docs/telegram-bot-playground/scripts/init.js
+++ b/docs/telegram-bot-playground/scripts/init.js
@@ -6,6 +6,7 @@ if (version) {
   const worker = new Worker(`./scripts/web-worker.js?v=${version}`, { type: "module" });
   window.playground.worker = worker;
   console.log("web worker has been loaded");
+  document.dispatchEvent(new Event("playgroundInitialized"));
 } else {
   console.warn("web worker not initiated");
 }
diff --git a/src/tg-bot-playground/init.ts b/src/tg-bot-playground/init.ts
index 4969f3a..4df5625 100644
--- a/src/tg-bot-playground/init.ts
+++ b/src/tg-bot-playground/init.ts
@@ -8,7 +8,8 @@ const version: string = await (
 if (version) {
   const worker = new Worker(`./scripts/web-worker.js?v=${version}`, { type: "module" });
   window.playground.worker = worker;
-  console.log("web worker has been loaded")
+  console.log("web worker has been loaded");
+  document.dispatchEvent(new Event('playgroundInitialized'));
 } else {
   console.warn("web worker not initiated")
 }