Merge pull request #75 from dojoengine/pgnd/events

glihm · web-flow · commit e65b65d48a57 · 2024-12-14T07:56:51.000-06:00
feat(playground): add events.html
diff --git a/playground/entities.html b/playground/entities.html
@@ -45,17 +45,18 @@
 
             updateManager.displayUpdate('fetch', entities);
 
-            const subscription = await client.onEntityUpdated([
-                {
-                    Keys: {
-                        keys: [undefined],
-                        pattern_matching: "VariableLen",
-                        models: []
+            const subscription = await client.onEntityUpdated(
+                [
+                    {
+                        Keys: {
+                            keys: [undefined],
+                            pattern_matching: "VariableLen",
+                            models: []
+                        }
                     }
-                }
-            ], (updatedEntities) => {
-                updateManager.displayUpdate('update', updatedEntities);
-            });
+                ], (updatedEntities) => {
+                    updateManager.displayUpdate('update', updatedEntities);
+                });
 
             // Keeps the subscription alive.
             window.addEventListener('beforeunload', () => {
diff --git a/playground/events.html b/playground/events.html
@@ -0,0 +1,84 @@
+<html>
+
+</html>
+
+<head>
+    <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
+    <link rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/atom-one-dark.min.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
+</head>
+
+<body>
+    <script type="module">
+        import init, { createClient, ClientConfig } from '../pkg/dojo_c.js';
+        import { ThemeManager, UpdateManager } from './setup.js';
+
+        const themeManager = new ThemeManager();
+        const updateManager = new UpdateManager();
+
+        async function run() {
+            await init();
+
+            let config = {
+                rpcUrl: 'http://localhost:5050',
+                toriiUrl: 'http://localhost:8080',
+                relayUrl: '',
+                worldAddress: '0x064613f376f05242dfcc9fe360fa2ce1fdd6b00b1ce73dae2ea649ea118fd9be'
+            }
+
+            let cconfig = new ClientConfig(config.rpcUrl, config.toriiUrl, config.relayUrl, config.worldAddress);
+            const client = await createClient(cconfig);
+
+            let events = await client.getEventMessages({
+                limit: 10,
+                offset: 0,
+                dont_include_hashed_keys: true,
+                order_by: [],
+                entity_models: [],
+                clause: {
+                    Keys: {
+                        keys: [undefined],
+                        pattern_matching: "VariableLen",
+                        models: []
+                    }
+                }
+            });
+
+            updateManager.displayUpdate('fetch', events);
+
+            const is_historical = false;
+
+            const subscription = await client.onEventMessageUpdated(
+                [
+                    {
+                        Keys: {
+                            keys: [undefined],
+                            pattern_matching: "VariableLen",
+                            models: []
+                        }
+                    }
+                ],
+                is_historical,
+                (updatedEvents) => {
+                    updateManager.displayUpdate('update', updatedEvents);
+                });
+
+            // Keeps the subscription alive.
+            window.addEventListener('beforeunload', () => {
+                if (subscription) {
+                    subscription.cancel();
+                }
+            });
+        }
+
+        run().catch(error => {
+            console.error(error);
+            updateManager.displayUpdate('error', error.toString());
+        });
+
+        console.log("a");
+    </script>
+</body>
+
+</html>
