@stevederico/skateboard-ui 1.2.10 → 1.2.12

package/AppSidebar.jsx

@@ -50,14 +50,21 @@ export default function AppSidebar() {
         </SidebarHeader>
       )}
       <SidebarContent>
-        <ul className={`flex flex-col gap-1 p-2 ${open ? "" : "items-center"}`}>
+        <ul
+          className={`flex flex-col gap-1 p-2 ${open ? "" : "items-center"}`}
+          role="navigation"
+          aria-label="Main navigation"
+        >
           {constants.pages.map((item) => {
             const isActive = currentPage === item.url.toLowerCase();
             return (
               <li key={item.title}>
-                <div
+                <button
+                  type="button"
                   className={`cursor-pointer items-center flex w-full px-4 py-3 rounded-lg ${open ? "h-14" : "h-12 w-12"} ${isActive ? "bg-accent/80 text-accent-foreground" : "hover:bg-accent/50 hover:text-accent-foreground"}`}
                   onClick={() => handleNavigation(`/app/${item.url.toLowerCase()}`)}
+                  aria-label={item.title}
+                  aria-current={isActive ? 'page' : undefined}
                 >
                   <span className="flex w-full items-center">
                     <DynamicIconComponent
@@ -67,7 +74,7 @@ export default function AppSidebar() {
                     />
                     {open && <span className="ml-3">{item.title}</span>}
                   </span>
-                </div>
+                </button>
               </li>
             );
           })}
@@ -76,10 +83,13 @@ export default function AppSidebar() {
       <SidebarFooter>
         <ul className={`flex flex-col gap-1 ${open ? "" : "items-center"}`}>
           <li>
-            <div
+            <button
+              type="button"
               className={`cursor-pointer items-center rounded-lg flex w-full px-4 py-3 ${open ? "h-14" : "h-12 w-12"}
               ${location.pathname.toLowerCase().includes("settings") ? "bg-accent/80 text-accent-foreground" : "hover:bg-accent/50 hover:text-accent-foreground"}`}
               onClick={() => handleNavigation("/app/settings")}
+              aria-label="Settings"
+              aria-current={location.pathname.toLowerCase().includes("settings") ? 'page' : undefined}
             >
               <span className="flex w-full items-center">
                 <DynamicIconComponent
@@ -89,7 +99,7 @@ export default function AppSidebar() {
                 />
                 {open && <span className="ml-3">Settings</span>}
               </span>
-            </div>
+            </button>
           </li>
         </ul>
       </SidebarFooter>

package/CHANGELOG.md

@@ -1,4 +1,22 @@
 # CHANGELOG
+1.2.12
+
+  Remove unused embla-carousel-react
+  Remove unused sonner
+
+1.2.11
+
+  Add navigation aria labels
+  Add sidebar button semantics
+  Add TabBar accessibility
+  Add password validation
+  Add open redirect prevention
+  Add API request timeout
+  Fix useListData abort handling
+  Remove console.log statements
+  Optimize ThemeToggle storage
+  Remove ViteConfig export
+
 1.2.5
 
   Add sidebar visibility control

package/PaymentView.jsx

@@ -1,13 +1,34 @@
-import React, { useEffect } from 'react';
+import React, { useEffect, useCallback } from 'react';
 import { useNavigate, useSearchParams } from 'react-router-dom';
 import { getState } from './Context.jsx';
 import { getCurrentUser } from './Utilities.js'
 import constants from "@/constants.json";
 
+// Whitelist of allowed redirect paths to prevent open redirect vulnerabilities
+const ALLOWED_REDIRECT_PREFIXES = ['/app/', '/'];
+const DEFAULT_REDIRECT = '/app/home';
+
+function isAllowedRedirect(path) {
+  // Must start with allowed prefix and not contain protocol
+  if (path.includes('://') || path.includes('//')) return false;
+  return ALLOWED_REDIRECT_PREFIXES.some(prefix => path.startsWith(prefix));
+}
+
 export default function PaymentView() {
   const navigate = useNavigate();
-  const { state, dispatch } = getState();
-  const [searchParams] = useSearchParams(); // Hook to access query params
+  const { dispatch } = getState();
+  const [searchParams] = useSearchParams();
+
+  const fetchUser = useCallback(async () => {
+    try {
+      const data = await getCurrentUser();
+      if (data) {
+        dispatch({ type: 'SET_USER', payload: data });
+      }
+    } catch (error) {
+      console.error('Failed to fetch user after payment:', error);
+    }
+  }, [dispatch]);
 
   useEffect(() => {
     // Get app-specific localStorage keys
@@ -20,30 +41,21 @@ export default function PaymentView() {
     const portal = searchParams.get('portal') === 'return';
 
     // Default redirect path
-    let redirectPath = '/app/home'; // Fallback if no URL is stored
-
-    async function getUser() {
-      let data = await getCurrentUser();
-      dispatch({ type: 'SET_USER', payload: data });
-    }
+    let redirectPath = DEFAULT_REDIRECT;
 
     // Handle different cases
     switch (true) {
       case success:
-        console.log("Checkout was successful!");
         redirectPath = localStorage.getItem(getAppKey('beforeCheckoutURL')) || redirectPath;
-        getUser();
+        fetchUser();
         break;
       case canceled:
-        console.log("Checkout was canceled!");
         redirectPath = localStorage.getItem(getAppKey('beforeCheckoutURL')) || redirectPath;
         break;
       case portal:
-        console.log("Returned from billing portal!");
         redirectPath = localStorage.getItem(getAppKey('beforeManageURL')) || redirectPath;
         break;
       default:
-        console.log("No specific query param detected, using default redirect.");
         redirectPath = localStorage.getItem(getAppKey('beforeCheckoutURL')) || redirectPath;
         break;
     }
@@ -52,10 +64,9 @@ export default function PaymentView() {
     if (redirectPath.startsWith('http://') || redirectPath.startsWith('https://')) {
       try {
         const url = new URL(redirectPath);
-        redirectPath = url.pathname; // Extract just the path (e.g., '/app/settings')
+        redirectPath = url.pathname;
       } catch (e) {
-        console.error('Invalid URL in redirectPath:', redirectPath);
-        redirectPath = '/app/home'; // Fallback to default if parsing fails
+        redirectPath = DEFAULT_REDIRECT;
       }
     }
 
@@ -64,21 +75,23 @@ export default function PaymentView() {
       redirectPath = `/${redirectPath}`;
     }
 
-    // Debug the redirectPath
-    console.log('Redirecting to path:', redirectPath);
+    // Validate redirect path to prevent open redirect
+    if (!isAllowedRedirect(redirectPath)) {
+      redirectPath = DEFAULT_REDIRECT;
+    }
 
     // Clear the stored URLs
     localStorage.removeItem(getAppKey('beforeCheckoutURL'));
     localStorage.removeItem(getAppKey('beforeManageURL'));
-  
+
     // Redirect after a delay
     const timeoutId = setTimeout(() => {
       navigate(redirectPath, { replace: true });
     }, 1500);
-  
+
     // Cleanup timeout
     return () => clearTimeout(timeoutId);
-  }, [navigate, searchParams]);
+  }, [navigate, searchParams, fetchUser]);
 
 
 

package/SignInView.jsx

@@ -43,7 +43,6 @@ export default function LoginForm({
     setIsSubmitting(true);
     try {
       const uri = `${getBackendURL()}/signin`;
-      console.log("URI ", uri)
       const response = await fetch(uri, {
         method: 'POST',
         credentials: 'include',

package/SignUpView.jsx

@@ -35,9 +35,16 @@ export default function LoginForm({
   }, [])
 
   async function signUpClicked() {
+    // Client-side password validation (matches backend: 6-72 chars)
+    if (password.length < 6) {
+      setErrorMessage('Password must be at least 6 characters');
+      return;
+    }
+    if (password.length > 72) {
+      setErrorMessage('Password must be 72 characters or less');
+      return;
+    }
     try {
-      console.log(`${getBackendURL()}/signup`);
-      console.log(`name: ${name}`);
       const response = await fetch(`${getBackendURL()}/signup`, {
         method: 'POST',
         credentials: 'include',
@@ -52,7 +59,6 @@ export default function LoginForm({
         navigate('/app');
       } else {
         setErrorMessage('Invalid Credentials')
-        console.log("error with /signup")
       }
     } catch (error) {
       console.error('Signup failed:', error);
@@ -105,16 +111,24 @@ export default function LoginForm({
           }}
         />
 
-        <Input
-          id="password"
-          type="password"
-          placeholder="Password"
-          className="py-7 px-4 placeholder:text-gray-400 rounded-lg border-2 bg-secondary dark:bg-secondary dark:border-secondary"
-          style={{ fontSize: '20px' }}
-          required
-          value={password}
-          onChange={(e) => setPassword(e.target.value)}
-        />
+        <div className="flex flex-col gap-1">
+          <Input
+            id="password"
+            type="password"
+            placeholder="Password"
+            className="py-7 px-4 placeholder:text-gray-400 rounded-lg border-2 bg-secondary dark:bg-secondary dark:border-secondary"
+            style={{ fontSize: '20px' }}
+            required
+            minLength={6}
+            maxLength={72}
+            value={password}
+            onChange={(e) => {
+              setPassword(e.target.value);
+              setErrorMessage('');
+            }}
+          />
+          <p className="text-xs text-gray-500 dark:text-gray-400 ml-1">Minimum 6 characters</p>
+        </div>
 
         <button
           onClick={(e) => { e.preventDefault(); signUpClicked() }}

package/TabBar.jsx

@@ -7,43 +7,40 @@ export default function TabBar() {
   const location = useLocation();
 
   return (
-    <div className="fixed flex md:hidden pt-2 pb-4 bottom-0 inset-x-0 justify-around text-center border-t shadow-lg bg-background">
-      {constants?.pages?.map((item) => (
-        <span className="px-3" key={item.title}>
-          <Link to={`/app/${item.url.toLowerCase()}`} className="cursor-pointer">
-            {
-              location.pathname.includes(item.url.toLowerCase())
-                ? (
-                  <span className="text-base">
-                    <DynamicIcon name={item.icon} size={32} strokeWidth={1.5} />
-                  </span>
-                )
-                : (
-                  <span className="text-gray-500">
-                    <DynamicIcon name={item.icon} size={32} strokeWidth={1.5} />
-                  </span>
-                )
-            }
-          </Link>
-        </span>
-      ))}
+    <nav
+      className="fixed flex md:hidden pt-2 pb-4 bottom-0 inset-x-0 justify-around text-center border-t shadow-lg bg-background"
+      role="navigation"
+      aria-label="Main navigation"
+    >
+      {constants?.pages?.map((item) => {
+        const isActive = location.pathname.includes(item.url.toLowerCase());
+        return (
+          <span className="px-3" key={item.title}>
+            <Link
+              to={`/app/${item.url.toLowerCase()}`}
+              className="cursor-pointer"
+              aria-label={item.title}
+              aria-current={isActive ? 'page' : undefined}
+            >
+              <span className={isActive ? "text-base" : "text-gray-500"}>
+                <DynamicIcon name={item.icon} size={32} strokeWidth={1.5} />
+              </span>
+            </Link>
+          </span>
+        );
+      })}
       <span className="px-3">
-        <Link to={`/app/settings`} className="cursor-pointer">
-          {
-            location.pathname.includes('Settings'.toLowerCase())
-              ? (
-
-                <span className="text-base">
-                  <DynamicIcon name={"settings"} size={32} strokeWidth={1.5} />
-                </span>
-              )
-              : (
-                <span className="text-gray-500">
-                  <DynamicIcon name={"settings"} size={32} strokeWidth={1.5} />
-                </span>
-              )
-          }
-        </Link></span>
-    </div>
+        <Link
+          to={`/app/settings`}
+          className="cursor-pointer"
+          aria-label="Settings"
+          aria-current={location.pathname.includes('settings') ? 'page' : undefined}
+        >
+          <span className={location.pathname.includes('settings') ? "text-base" : "text-gray-500"}>
+            <DynamicIcon name={"settings"} size={32} strokeWidth={1.5} />
+          </span>
+        </Link>
+      </span>
+    </nav>
   );
 };

package/ThemeToggle.jsx

@@ -24,12 +24,19 @@ export default function ThemeToggle({ className = "", iconSize = 24, variant = "
 
   useEffect(() => {
     const root = document.documentElement;
+    const newTheme = isDarkMode ? 'dark' : 'light';
+
     if (isDarkMode) {
       root.classList.add('dark');
     } else {
       root.classList.remove('dark');
     }
-    localStorage.setItem('theme', isDarkMode ? 'dark' : 'light');
+
+    // Only write to localStorage if value changed
+    const currentTheme = localStorage.getItem('theme');
+    if (currentTheme !== newTheme) {
+      localStorage.setItem('theme', newTheme);
+    }
   }, [isDarkMode]);
 
   const toggleTheme = () => {

package/Utilities.js

@@ -67,16 +67,13 @@ function safeRemoveItem(key) {
 
 export function initializeUtilities(constants) {
     if (!constants) {
-        console.error('[Utilities] initializeUtilities called with null/undefined constants!');
         throw new Error('initializeUtilities called with null/undefined constants');
     }
-    console.log('[Utilities] Initializing with app:', constants.appName);
     // Store in both module and window to handle module duplication
     _constants = constants;
     if (typeof window !== 'undefined') {
         window.__SKATEBOARD_CONSTANTS__ = constants;
     }
-    console.log('[Utilities] Initialization complete. _constants set:', !!_constants);
 }
 
 function getConstants() {
@@ -86,8 +83,6 @@ function getConstants() {
     }
 
     if (!_constants) {
-        console.error('[Utilities] getConstants called but _constants is null!');
-        console.trace('[Utilities] Call stack:');
         throw new Error('Utilities not initialized. Call initializeUtilities(constants) first.');
     }
     return _constants;
@@ -220,7 +215,6 @@ export async function showManage(stripeID) {
 
         if (response.ok) {
             const data = await response.json();
-            console.log("/portal response: ", data);
             if (data.url) {
                 safeSetItem(getAppKey("beforeManageURL"), window.location.href);
                 window.location.href = data.url; // Redirect to Stripe billing portal
@@ -497,11 +491,18 @@ export async function apiRequest(endpoint, options = {}) {
         (options.method || 'GET').toUpperCase()
     );
 
+    // Set up timeout (default 30 seconds)
+    const timeout = options.timeout || 30000;
+    const controller = options.signal ? null : new AbortController();
+    const signal = options.signal || controller?.signal;
+    const timeoutId = controller ? setTimeout(() => controller.abort(), timeout) : null;
+
     let response;
     try {
         response = await fetch(`${getBackendURL()}${endpoint}`, {
             ...options,
             credentials: 'include',
+            signal,
             headers: {
                 'Content-Type': 'application/json',
                 ...(needsCSRF && csrfToken && { 'X-CSRF-Token': csrfToken }),
@@ -509,7 +510,12 @@ export async function apiRequest(endpoint, options = {}) {
             }
         });
     } catch (error) {
+        if (error.name === 'AbortError') {
+            throw error; // Re-throw abort errors for useListData to handle
+        }
         throw new Error(`Network error: ${error.message}`);
+    } finally {
+        if (timeoutId) clearTimeout(timeoutId);
     }
 
     // Handle 401 (redirect to signout)
@@ -602,14 +608,16 @@ export function useListData(endpoint, sortFn = null) {
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
 
-    const fetchData = async () => {
+    const fetchData = async (signal) => {
         setLoading(true);
         try {
-            const result = await apiRequest(endpoint);
+            const result = await apiRequest(endpoint, { signal });
             const sorted = sortFn ? result.sort(sortFn) : result;
             setData(sorted);
             setError(null);
         } catch (err) {
+            // Ignore abort errors
+            if (err.name === 'AbortError') return;
             setError(err.message);
         } finally {
             setLoading(false);
@@ -617,10 +625,12 @@ export function useListData(endpoint, sortFn = null) {
     };
 
     useEffect(() => {
-        fetchData();
-    }, [endpoint]);
+        const controller = new AbortController();
+        fetchData(controller.signal);
+        return () => controller.abort();
+    }, [endpoint, sortFn]);
 
-    return { data, loading, error, refetch: fetchData };
+    return { data, loading, error, refetch: () => fetchData() };
 }
 
 /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stevederico/skateboard-ui",
   "private": false,
-  "version": "1.2.10",
+  "version": "1.2.12",
   "type": "module",
   "exports": {
     "./AppSidebar": {
@@ -80,10 +80,6 @@
       "import": "./Utilities.js",
       "default": "./Utilities.js"
     },
-    "./ViteConfig": {
-      "import": "./ViteConfig.js",
-      "default": "./ViteConfig.js"
-    },
     "./ProtectedRoute": {
       "import": "./ProtectedRoute.jsx",
       "default": "./ProtectedRoute.jsx"
@@ -152,12 +148,10 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
-    "embla-carousel-react": "^8.6.0",
     "lucide-react": "^0.537.0",
     "next-themes": "^0.4.6",
     "react-day-picker": "^9.8.1",
     "react-resizable-panels": "^3.0.4",
-    "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.0",
     "tailwindcss-animate": "^1.0.7",
     "vaul": "^1.1.2"

package/ViteConfig.js

@@ -1,279 +0,0 @@
-/**
- * Vite configuration utilities for skateboard-ui
- * This file is for build-time use only (in vite.config.js)
- */
-
-/**
- * Custom logger plugin for Vite
- */
-export const customLoggerPlugin = () => {
-    return {
-        name: 'custom-logger',
-        configureServer(server) {
-            server.printUrls = () => {
-                console.log(`🖥️  React is running on http://localhost:${server.config.server.port || 5173}`);
-            };
-        }
-    };
-};
-
-/**
- * HTML replacement plugin
- * Replaces {{APP_NAME}}, {{TAGLINE}}, {{COMPANY_WEBSITE}} in index.html
- */
-export const htmlReplacePlugin = () => {
-    return {
-        name: 'html-replace',
-        async transformIndexHtml(html) {
-            const { readFileSync } = await import('node:fs');
-            const constants = JSON.parse(readFileSync('src/constants.json', 'utf8'));
-
-            return html
-                .replace(/{{APP_NAME}}/g, constants.appName)
-                .replace(/{{TAGLINE}}/g, constants.tagline)
-                .replace(/{{COMPANY_WEBSITE}}/g, constants.companyWebsite);
-        }
-    };
-};
-
-/**
- * Dynamic robots.txt plugin
- */
-export const dynamicRobotsPlugin = () => {
-    return {
-        name: 'dynamic-robots',
-        async generateBundle() {
-            const { readFileSync } = await import('node:fs');
-            const constants = JSON.parse(readFileSync('src/constants.json', 'utf8'));
-            const website = constants.companyWebsite.startsWith('http')
-                ? constants.companyWebsite
-                : `https://${constants.companyWebsite}`;
-
-            const robotsContent = `User-agent: Googlebot
-Disallow: /app/
-Disallow: /console/
-Disallow: /signin/
-Disallow: /signup/
-
-User-agent: Bingbot
-Disallow: /app/
-Disallow: /console/
-Disallow: /signin/
-Disallow: /signup/
-
-User-agent: Applebot
-Disallow: /app/
-Disallow: /console/
-Disallow: /signin/
-Disallow: /signup/
-
-User-agent: facebookexternalhit
-Disallow: /app/
-Disallow: /console/
-Disallow: /signin/
-Disallow: /signup/
-
-User-agent: Twitterbot
-Allow: /
-
-User-agent: LinkedInBot
-Allow: /
-
-User-agent: WhatsApp
-Allow: /
-
-User-agent: *
-Disallow: /app/
-Disallow: /console/
-Disallow: /signin/
-Disallow: /signup/
-Allow: /
-
-Sitemap: ${website}/sitemap.xml`;
-
-            this.emitFile({
-                type: 'asset',
-                fileName: 'robots.txt',
-                source: robotsContent
-            });
-        }
-    };
-};
-
-/**
- * Dynamic sitemap.xml plugin
- */
-export const dynamicSitemapPlugin = () => {
-    return {
-        name: 'dynamic-sitemap',
-        async generateBundle() {
-            const { readFileSync } = await import('node:fs');
-            const constants = JSON.parse(readFileSync('src/constants.json', 'utf8'));
-            const website = constants.companyWebsite.startsWith('http')
-                ? constants.companyWebsite
-                : `https://${constants.companyWebsite}`;
-
-            const currentDate = new Date().toISOString().split('T')[0];
-
-            const sitemapContent = `<?xml version="1.0" encoding="UTF-8"?>
-<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
-  <url>
-    <loc>${website}/</loc>
-    <lastmod>${currentDate}</lastmod>
-    <changefreq>weekly</changefreq>
-    <priority>1.0</priority>
-  </url>
-  <url>
-    <loc>${website}/terms</loc>
-    <lastmod>${currentDate}</lastmod>
-    <changefreq>monthly</changefreq>
-    <priority>0.8</priority>
-  </url>
-  <url>
-    <loc>${website}/privacy</loc>
-    <lastmod>${currentDate}</lastmod>
-    <changefreq>monthly</changefreq>
-    <priority>0.8</priority>
-  </url>
-  <url>
-    <loc>${website}/signin</loc>
-    <lastmod>${currentDate}</lastmod>
-    <changefreq>weekly</changefreq>
-    <priority>0.6</priority>
-  </url>
-  <url>
-    <loc>${website}/signup</loc>
-    <lastmod>${currentDate}</lastmod>
-    <changefreq>weekly</changefreq>
-    <priority>0.6</priority>
-  </url>
-</urlset>`;
-
-            this.emitFile({
-                type: 'asset',
-                fileName: 'sitemap.xml',
-                source: sitemapContent
-            });
-        }
-    };
-};
-
-/**
- * Dynamic manifest.json plugin
- */
-export const dynamicManifestPlugin = () => {
-    return {
-        name: 'dynamic-manifest',
-        async generateBundle() {
-            const { readFileSync } = await import('node:fs');
-            const constants = JSON.parse(readFileSync('src/constants.json', 'utf8'));
-
-            const manifestContent = {
-                short_name: constants.appName,
-                name: constants.appName,
-                description: constants.tagline,
-                icons: [
-                    {
-                        src: "/icons/icon.svg",
-                        sizes: "192x192",
-                        type: "image/svg+xml"
-                    }
-                ],
-                start_url: "./app",
-                display: "standalone",
-                theme_color: "#000000",
-                background_color: "#ffffff"
-            };
-
-            this.emitFile({
-                type: 'asset',
-                fileName: 'manifest.json',
-                source: JSON.stringify(manifestContent, null, 2)
-            });
-        }
-    };
-};
-
-/**
- * Complete Vite config generator
- * Returns standard skateboard config with optional overrides
- */
-export async function getSkateboardViteConfig(customConfig = {}) {
-    const [react, tailwindcss, path] = await Promise.all([
-        import('@vitejs/plugin-react-swc').then(m => m.default),
-        import('@tailwindcss/vite').then(m => m.default),
-        import('node:path')
-    ]);
-    const { resolve } = path;
-
-    return {
-        plugins: [
-            react(),
-            tailwindcss(),
-            customLoggerPlugin(),
-            htmlReplacePlugin(),
-            dynamicRobotsPlugin(),
-            dynamicSitemapPlugin(),
-            dynamicManifestPlugin(),
-            ...(customConfig.plugins || [])
-        ],
-        esbuild: {
-            drop: []
-        },
-        resolve: {
-            alias: {
-                '@': resolve(process.cwd(), './src'),
-                '@package': path.resolve(process.cwd(), 'package.json'),
-                '@root': path.resolve(process.cwd()),
-                'react/jsx-runtime': path.resolve(process.cwd(), 'node_modules/react/jsx-runtime.js'),
-                ...(customConfig.resolve?.alias || {})
-            }
-        },
-        optimizeDeps: {
-            include: [
-                'react',
-                'react-dom',
-                'react-dom/client',
-                '@radix-ui/react-slot',
-                'react-router-dom',
-                'react-router',
-                'cookie',
-                'set-cookie-parser',
-                ...(customConfig.optimizeDeps?.include || [])
-            ],
-            force: true,
-            exclude: [
-                '@swc/core',
-                '@swc/core-darwin-arm64',
-                '@swc/wasm',
-                'lightningcss',
-                'fsevents',
-                ...(customConfig.optimizeDeps?.exclude || [])
-            ],
-            esbuildOptions: {
-                target: 'esnext',
-                define: {
-                    global: 'globalThis'
-                },
-                ...(customConfig.optimizeDeps?.esbuildOptions || {})
-            }
-        },
-        server: {
-            host: 'localhost',
-            open: false,
-            port: 5173,
-            strictPort: false,
-            hmr: {
-                port: 5173,
-                overlay: false,
-            },
-            watch: {
-                usePolling: false,
-                ignored: ['**/node_modules/**', '**/.git/**']
-            },
-            ...(customConfig.server || {})
-        },
-        logLevel: 'error',
-        ...customConfig
-    };
-}