fix: prevent Safari iOS 16 crash in charter flow (#661)

Author: Bekiboo

platforms/group-charter-manager/.browserslistrc

@@ -0,0 +1,8 @@
+# Browsers that we support
+# iOS 16+ Safari support
+
+>= 0.5%
+last 2 versions
+not dead
+iOS >= 15
+Safari >= 15

platforms/group-charter-manager/next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference path="./.next/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

platforms/group-charter-manager/next.config.ts

@@ -4,6 +4,12 @@ import path from "path";
 const nextConfig: NextConfig = {
     output: 'standalone',
     outputFileTracingRoot: path.join(__dirname),
+
+    // 🔴 Critical for Safari 16 compatibility
+    transpilePackages: [
+        'marked',
+        '@milkdown/preset-gfm',
+    ],
 };
 
 export default nextConfig;

platforms/group-charter-manager/src/components/MaintenanceBanner.tsx

@@ -1,14 +1,14 @@
-'use client';
+"use client";
 
-import { useEffect, useState } from 'react';
-import axios from 'axios';
+import { useEffect, useState } from "react";
+import axios from "axios";
 
 interface Motd {
-    status: 'up' | 'maintenance';
+    status: "up" | "maintenance";
     message: string;
 }
 
-const DISMISSED_KEY = 'maintenance-banner-dismissed';
+const DISMISSED_KEY = "maintenance-banner-dismissed";
 
 export function MaintenanceBanner() {
     const [motd, setMotd] = useState<Motd | null>(null);
@@ -17,17 +17,21 @@ export function MaintenanceBanner() {
     useEffect(() => {
         const fetchMotd = async () => {
             try {
-                const registryUrl = process.env.NEXT_PUBLIC_REGISTRY_URL || 'http://localhost:4321';
+                const registryUrl = process.env.NEXT_PUBLIC_REGISTRY_URL;
+                if (!registryUrl) {
+                    // Skip fetching in local dev if env var not set
+                    return;
+                }
                 const response = await axios.get<Motd>(`${registryUrl}/motd`);
                 setMotd(response.data);
-                
+
                 // Check if this message has been dismissed
-                if (response.data.status === 'maintenance') {
+                if (response.data.status === "maintenance") {
                     const dismissed = localStorage.getItem(DISMISSED_KEY);
                     setIsDismissed(dismissed === response.data.message);
                 }
             } catch (error) {
-                console.error('Failed to fetch motd:', error);
+                console.error("Failed to fetch motd:", error);
             }
         };
 
@@ -41,7 +45,7 @@ export function MaintenanceBanner() {
         }
     };
 
-    if (motd?.status !== 'maintenance' || isDismissed) {
+    if (motd?.status !== "maintenance" || isDismissed) {
         return null;
     }
 
@@ -71,4 +75,3 @@ export function MaintenanceBanner() {
         </div>
     );
 }
-