Extract world_id from subdomain

server/venueless/control/views.py

@@ -205,7 +205,7 @@ def get(self, request, *args, **kwargs):
             action_type="world.adminaccess",
             data={},
         )
-        return redirect(f"https://{world.domain}{base_path}/#token={token}")
+        return redirect(f"https://{world.domain}#token={token}")
 
 
 class FormsetMixin:

server/venueless/storage/urls.py

@@ -3,9 +3,9 @@
 from . import views
 
 urlpatterns = [
-    path("upload/", views.UploadView.as_view(), name="upload"),
+    path("<str:world_id>/upload/", views.UploadView.as_view(), name="upload"),
     path(
-        "schedule_import/",
+        "<str:world_id>/schedule_import/",
         views.ScheduleImportView.as_view(),
         name="schedule_import",
     ),

server/venueless/storage/views.py

@@ -34,8 +34,8 @@ def dispatch(self, request, *args, **kwargs):
 
     @cached_property
     def world(self):
-        world_domain = re.sub(r":\d+$", "", self.request.get_host())
-        return get_object_or_404(World, domain=world_domain)
+        world_id = self.kwargs.get('world_id', None)
+        return get_object_or_404(World, id=world_id)
 
     @cached_property
     def user(self):

webapp/config.js

@@ -5,12 +5,18 @@
 	const hostname = window.location.hostname
 	const wsProtocol = window.location.protocol === 'https:' ? 'wss' : 'ws'
 	const httpProtocol = window.location.protocol
+
+	// Extract the world name from the subdomain
+	// For a URL like 'wikimania.video.eventyay.com', the worldName should be 'wikimania'
+	const subdomains = hostname.split('.')
+	const worldName = subdomains.length > 2 ? subdomains[0] : 'sample'  // Get the first subdomain if it exists, otherwise default to 'sample'
+
 	config = {
 		api: {
-			base: `${httpProtocol}//${hostname}:8443/api/v1/worlds/sample/`,
-			socket: `${wsProtocol}://${hostname}:8443/ws/world/sample/`,
-			upload: `${httpProtocol}//${hostname}:8443/storage/upload/`,
-			scheduleImport: `${httpProtocol}//${hostname}:8443/storage/schedule_import/`,
+			base: `${httpProtocol}//${hostname}:8443/api/v1/worlds/${worldName}/`,
+			socket: `${wsProtocol}://${hostname}:8443/ws/world/${worldName}/`,
+			upload: `${httpProtocol}//${hostname}:8443/storage/${worldName}/upload/`,
+			scheduleImport: `${httpProtocol}//${hostname}:8443/storage/${worldName}/schedule_import/`,
 			feedback: `${httpProtocol}//${hostname}:8443/_feedback/`,
 		},
 		defaultLocale: 'en',

webapp/src/theme.js

@@ -151,12 +151,31 @@
 }
 
 export async function getThemeConfig() {
-	const themeUrl = config.api.base + 'theme'
-	const response = await (await fetch(themeUrl, {
-		method: 'GET',
-		headers: {
-			'Content-Type': 'application/json'
-		}
-	})).json()
-	return response
+  const themeUrl = config.api.base + 'theme';
+  const response = await fetch(themeUrl, {
+    method: 'GET',
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  });
+
+  let themeConfig;
+  if (response.ok) {
+    const data = await response.json();
+    themeConfig = {
+      colors: data.colors || configColors,
+      logo: Object.assign({}, DEFAULT_LOGO, data.logo),
+      streamOfflineImage: data.streamOfflineImage,
+      identicons: Object.assign({}, DEFAULT_IDENTICONS, data.identicons),
+    };
+  } else {
+    console.error("Failed to fetch theme config, set default:", response.statusText);
+    themeConfig = {
+      colors: configColors,
+      logo: Object.assign({}, DEFAULT_LOGO, config.theme?.logo),
+      streamOfflineImage: config.theme?.streamOfflineImage,
+      identicons: Object.assign({}, DEFAULT_IDENTICONS, config.theme?.identicons),
+    };
+  }
+  return themeConfig;
 }