feat: Chapters Editor (init) [copy from video editor]

frontend-tools/chapters-editor/client/src/main.tsx

@@ -0,0 +1,37 @@
+import { createRoot } from 'react-dom/client';
+import App from './App';
+import './index.css';
+
+if (typeof window !== 'undefined') {
+    window.MEDIA_DATA = {
+        videoUrl: '',
+        mediaId: '',
+    };
+    window.lastSeekedPosition = 0;
+}
+
+declare global {
+    interface Window {
+        MEDIA_DATA: {
+            videoUrl: string;
+            mediaId: string;
+        };
+        seekToFunction?: (time: number) => void;
+        lastSeekedPosition: number;
+    }
+}
+
+// Mount the components when the DOM is ready
+const mountComponents = () => {
+    const chaptersEditorContainer = document.getElementById('chapters-editor-root');
+    if (chaptersEditorContainer) {
+        const chaptersEditorRoot = createRoot(chaptersEditorContainer);
+        chaptersEditorRoot.render(<App />);
+    }
+};
+
+if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', mountComponents);
+} else {
+    mountComponents();
+}