Folder organisation

.gitignore

@@ -2,3 +2,4 @@ node_modules/
 
 # Generated by `npm run build`.
 vr180player/*.js
+vr180player/**/*.js

src/vr180player/dom/two-d-control-panel.ts

@@ -1,5 +1,5 @@
 import { setLucideIcon } from './icons.js';
-import { formatTime } from './time.js';
+import { formatTime } from '../utils/time.js';
 
 type TwoDControlPanelCallbacks = {
 	onForward: () => void;

src/vr180player/modes/fallback-camera-controls.ts

@@ -1,4 +1,4 @@
-import type { ProjectionMode } from './config.js';
+import type { ProjectionMode } from '../config.js';
 
 type CameraControlsCallbacks = {
 	hideControls: () => void;

src/vr180player/modes/two-d-mode.ts

@@ -1,11 +1,11 @@
-import type { ProjectionMode } from './config.js';
+import type { ProjectionMode } from '../config.js';
 import type { FallbackCameraControls } from './fallback-camera-controls.js';
 import {
 	hideRendererCanvas,
 	resizeFallbackRenderer,
 	showFallbackCanvas
-} from './renderer-lifecycle.js';
+} from '../rendering/renderer-lifecycle.js';
-import { TwoDControlPanel } from './two-d-control-panel.js';
+import { TwoDControlPanel } from '../dom/two-d-control-panel.js';
 
 type TwoDModeCallbacks = {
 	createMediaTexture: () => any;

src/vr180player/rendering/content-scene.ts

@@ -4,7 +4,7 @@ import {
 	PLANE_HEIGHT,
 	PLANE_WIDTH,
 	type ProjectionMode
-} from './config.js';
+} from '../config.js';
 
 type ContentBeforeRender = (
 	renderer: any,

src/vr180player/rendering/three-utils.ts

@@ -1,5 +1,5 @@
 import * as THREE from 'https://unpkg.com/three/build/three.module.js';
-import { drawLucideIcon, type LucideIconName } from './icons.js';
+import { drawLucideIcon, type LucideIconName } from '../dom/icons.js';
 
 type Radius = number | {
 	tl?: number;

src/vr180player/vr180-player.ts

@@ -6,35 +6,35 @@ import {
 	type ProjectionMode,
 	VALID_PROJECTIONS
 } from './config.js';
-import { createContentScene } from './content-scene.js';
+import { createContentScene } from './rendering/content-scene.js';
-import { create2DControlPanel, createPlayButton, injectPlayerStyles } from './dom.js';
+import { create2DControlPanel, createPlayButton, injectPlayerStyles } from './dom/dom.js';
 import {
 	applySbsTextureWindow as applySbsTextureWindowCore,
 	hideContentMeshes as hideContentMeshesCore,
 	positionPlaneForPresentation as positionPlaneForPresentationCore,
 	showActiveContentMesh as showActiveContentMeshCore
-} from './projection.js';
+} from './rendering/projection.js';
-import { createVideoTexture as createVideoTextureCore } from './three-utils.js';
+import { createVideoTexture as createVideoTextureCore } from './rendering/three-utils.js';
-import { FallbackCameraControls } from './fallback-camera-controls.js';
+import { FallbackCameraControls } from './modes/fallback-camera-controls.js';
-import { MediaController } from './media-controller.js';
+import { MediaController } from './media/media-controller.js';
 import {
 	createVrController,
 	handleVrControllerSelect
-} from './vr-controller-interactions.js';
+} from './xr/vr-controller-interactions.js';
-import { bindVideoEvents } from './video-events.js';
+import { bindVideoEvents } from './media/video-events.js';
 import {
 	createVrControlPanel,
 	type VrControlPanel,
 	updateVrPlayPauseButtonIcon,
 	updateVrSeekBarAppearance,
 	updateVrVolumeButtonIcon
-} from './vr-control-panel.js';
+} from './xr/vr-control-panel.js';
-import { VrPanelVisibility } from './vr-panel-visibility.js';
+import { VrPanelVisibility } from './xr/vr-panel-visibility.js';
-import { TwoDMode } from './two-d-mode.js';
+import { TwoDMode } from './modes/two-d-mode.js';
 import {
 	createPlayerRenderer,
 	resizePlayerRenderer
-} from './renderer-lifecycle.js';
+} from './rendering/renderer-lifecycle.js';
 
 const _playerBase = new URL('.', import.meta.url).href;
 

src/vr180player/xr/vr-control-panel.ts

@@ -1,6 +1,6 @@
 import * as THREE from 'https://unpkg.com/three/build/three.module.js';
-import { drawLucideIcon } from './icons.js';
+import { drawLucideIcon } from '../dom/icons.js';
-import { createLucideButtonTexture, drawRoundedRect } from './three-utils.js';
+import { createLucideButtonTexture, drawRoundedRect } from '../rendering/three-utils.js';
 
 type ButtonLayout = {
 	centerX: number;