[Replay Visualizer] Fix ConnectX build

Author: develra

kaggle_environments/envs/connectx/visualizer/default/src/main.ts

@@ -1,12 +1,18 @@
-import { Player, PreactAdapter } from "@kaggle-environments/core";
-import { Renderer } from "./renderer";
-import "./style.css";
+import { createReplayVisualizer, PreactAdapter } from '@kaggle-environments/core';
+import { Renderer } from './renderer';
+import './style.css';
 
-const app = document.getElementById("app");
+const app = document.getElementById('app');
 if (!app) {
-  throw new Error("Could not find app element");
+  throw new Error('Could not find app element');
 }
 
-// TODO - fix this when we figure out a global format
+// TODO - fix this any when we figure out a global format
 const adapter = new PreactAdapter(Renderer as any);
-new Player(app, adapter);
+if (app) {
+  // Set up an HMR boundary for development
+  if (import.meta?.env?.DEV && import.meta?.hot) {
+    import.meta.hot.accept();
+  }
+  createReplayVisualizer(app, adapter);
+}