custom init event

Author: kondaurovDev

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/[email protected]/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/[email protected]/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);

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"
 }

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");
 }

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")
 }