Bugs fixed, cleanup remains

Author: yoen-velt

apps/react/self-hosting/forms/page-mode-demo/app/api/host-app/README.md

@@ -0,0 +1,3 @@
+"""
+Host App module - Application-specific endpoints (separate from Velt)
+"""

apps/react/self-hosting/forms/page-mode-demo/app/api/host-app/users/save/route.ts

@@ -0,0 +1,10 @@
+"""
+Host App URL configuration
+Handles application-specific functionality separate from Velt API
+"""
+from django.urls import path
+from .views import save_user
+
+urlpatterns = [
+    path('users/save', save_user, name='save_user'),
+]

apps/react/self-hosting/forms/page-mode-demo/app/api/velt/backend/host_app/__init__.py

@@ -0,0 +1,88 @@
+"""
+Host App Views - Application-specific functionality
+"""
+import json
+import os
+from django.http import JsonResponse
+from django.views.decorators.csrf import csrf_exempt
+from django.views.decorators.http import require_http_methods
+from pymongo import MongoClient
+
+# MongoDB client cache
+_mongo_client = None
+
+def get_mongo_client():
+    """Get cached MongoDB client"""
+    global _mongo_client
+    if _mongo_client is None:
+        connection_string = os.environ.get('VELT_MONGODB_CONNECTION_STRING')
+        if not connection_string:
+            raise ValueError('VELT_MONGODB_CONNECTION_STRING not configured')
+        _mongo_client = MongoClient(connection_string)
+    return _mongo_client
+
+
+@csrf_exempt
+@require_http_methods(["POST"])
+def save_user(request):
+    """
+    Save user to MongoDB
+
+    This is part of the HOST APP, not Velt implementation.
+    Saves users to MongoDB when they log in or are created.
+
+    Request body:
+    {
+        "user": {
+            "userId": "string",
+            "name": "string",
+            "email": "string",
+            "organizationId": "string",
+            "photoUrl": "string"
+        }
+    }
+    """
+    try:
+        data = json.loads(request.body)
+        user = data.get('user')
+
+        if not user or not user.get('userId'):
+            return JsonResponse({
+                'success': False,
+                'error': 'userId is required',
+                'statusCode': 400
+            }, status=400)
+
+        # Get MongoDB connection
+        client = get_mongo_client()
+        db_name = os.environ.get('VELT_MONGODB_DATABASE', 'velt_comments')
+        db = client[db_name]
+        collection = db['users']
+
+        # Upsert user (update if exists, insert if not)
+        collection.update_one(
+            {'userId': user['userId']},
+            {'$set': user},
+            upsert=True
+        )
+
+        print(f"[Host App] User saved to MongoDB: {user['userId']}")
+
+        return JsonResponse({
+            'success': True,
+            'statusCode': 200
+        })
+
+    except json.JSONDecodeError:
+        return JsonResponse({
+            'success': False,
+            'error': 'Invalid JSON',
+            'statusCode': 400
+        }, status=400)
+    except Exception as e:
+        print(f"[Host App] Error saving user: {str(e)}")
+        return JsonResponse({
+            'success': False,
+            'error': str(e),
+            'statusCode': 500
+        }, status=500)

apps/react/self-hosting/forms/page-mode-demo/app/api/velt/backend/host_app/urls.py

@@ -6,5 +6,6 @@
 
 urlpatterns = [
     path('api/velt/', include('velt_api.urls')),
+    path('api/host-app/', include('host_app.urls')),
 ]
 

apps/react/self-hosting/forms/page-mode-demo/app/api/velt/backend/host_app/views.py

@@ -59,7 +59,7 @@ export function useCurrentDocument(): CurrentDocument {
 
       // Update URL with document ID for shareability
       const newUrl = `${window.location.pathname}?documentId=${docId}`;
-      window.history.pushState({}, '', newUrl);
+      window.history.replaceState({}, '', newUrl);
 
       setDocumentId(docId);
     }

apps/react/self-hosting/forms/page-mode-demo/app/api/velt/backend/velt_test_project/urls.py

@@ -67,7 +67,9 @@ function hashString(str: string): string {
 // [Host App] Save user to database via host-app API
 async function saveUserToDatabase(user: User): Promise<void> {
   try {
-    const response = await fetch('/api/host-app/users/save', {
+    // Use Django backend for user saving (avoids MongoDB native module issues in Next.js)
+    const baseUrl = process.env.NEXT_PUBLIC_SELF_HOSTING_BASE_URL?.replace('/api/velt', '') || 'http://localhost:8000';
+    const response = await fetch(`${baseUrl}/api/host-app/users/save`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ user })

apps/react/self-hosting/forms/page-mode-demo/app/document/DocumentContext.tsx

@@ -13,6 +13,15 @@ const EMBED_CSP = `frame-ancestors ${allowList}`;
 
 const nextConfig = {
   serverExternalPackages: ['mongodb'],
+  // Disable Turbopack for API routes that use native modules (MongoDB)
+  experimental: {
+    turbo: {
+      resolveAlias: {
+        // Force mongodb to be resolved as external
+        'mongodb': 'mongodb',
+      },
+    },
+  },
   async headers() {
     return [
       {