refactor: centralize external dependencies in deps.js and update import paths

Author: ralyodio

webxr/examples/vr-router-example.html

@@ -171,7 +171,7 @@ <h2>Loading WebXR Experience</h2>
         "three": "https://unpkg.com/[email protected]/build/three.module.js",
         "three/examples/jsm/webxr/VRButton.js": "https://unpkg.com/[email protected]/examples/jsm/webxr/VRButton.js",
         "three/examples/jsm/webxr/XRControllerModelFactory.js": "https://unpkg.com/[email protected]/examples/jsm/webxr/XRControllerModelFactory.js",
-        "@profullstack/spa-router": "https://esm.sh/@profullstack/[email protected]"
+        "@profullstack/spa-router": "/webxr/js/deps.js"
       }
     }
   </script>

webxr/index.html

@@ -161,7 +161,7 @@ <h1>WebXR Experience</h1>
         "three": "https://unpkg.com/[email protected]/build/three.module.js",
         "three/examples/jsm/webxr/VRButton.js": "https://unpkg.com/[email protected]/examples/jsm/webxr/VRButton.js",
         "three/examples/jsm/webxr/XRControllerModelFactory.js": "https://unpkg.com/[email protected]/examples/jsm/webxr/XRControllerModelFactory.js",
-        "@profullstack/spa-router": "https://esm.sh/@profullstack/[email protected]"
+        "@profullstack/spa-router": "/webxr/js/deps.js"
       }
     }
   </script>

webxr/js/deps.js

@@ -0,0 +1,20 @@
+/**
+ * Dependencies module for WebXR
+ * 
+ * This file centralizes all external ESM dependencies to make them easier to manage
+ * and update. It also allows for potential future bundling or local hosting of these
+ * dependencies if needed.
+ */
+
+// Import and re-export spa-router
+import { Router } from 'https://esm.sh/@profullstack/[email protected]';
+import * as transitions from 'https://esm.sh/@profullstack/[email protected]/src/transitions.js';
+import * as renderer from 'https://esm.sh/@profullstack/[email protected]/src/renderer.js';
+import * as componentLoader from 'https://esm.sh/@profullstack/[email protected]/src/component-loader.js';
+export { Router, transitions, renderer, componentLoader };
+
+// Import and re-export enhanced-router
+export * as enhancedRouter from 'https://esm.sh/@profullstack/[email protected]';
+
+// Import and re-export state-manager
+export { StoreConnector, createStore } from 'https://esm.sh/@profullstack/[email protected]';

webxr/src/ui/vr-router.js

@@ -5,7 +5,7 @@
  * allowing for different "scenes" or "views" within the VR environment.
  */
 
-import { Router as SPARouter } from '@profullstack/spa-router';
+import { Router } from '/webxr/js/deps.js';
 
 export class VRRouter extends HTMLElement {
   constructor() {
@@ -69,7 +69,7 @@ export class VRRouter extends HTMLElement {
     };
 
     // Initialize the router
-    this.router = new SPARouter(routerConfig);
+    this.router = new Router(routerConfig);
 
     // Navigate to the initial route
     const initialRoute = this.getAttribute('initial-route') || '/';