fix: token

Author: FedoseevSM

public/sw.js

@@ -90,7 +90,13 @@ async function handleGitHubWriteRequest(request) {
   try {
     const token = await getStoredToken();
     if (!token) {
-      throw new Error('No authentication token');
+      return new Response(JSON.stringify({
+        error: true,
+        message: 'Authentication required. Please set VITE_API_KEY.'
+      }), {
+        status: 401,
+        headers: { 'Content-Type': 'application/json' }
+      });
     }
 
     // Clone the request to add authorization headers

src/lib/auth.ts

@@ -63,8 +63,11 @@ export function AuthProvider({ children }: {children: React.ReactNode;}) {
           lang: 'en',
           theme: 'light'
         };
-        const content = stringifyFrontmatter(userData, '');
-        await putFile(path, content, `Create user ${username}`);
+        // Only create file if token is available
+        if (config.github.token) {
+          const content = stringifyFrontmatter(userData, '');
+          await putFile(path, content, `Create user ${username}`);
+        }
       }
 
       // Create default settings file if it doesn't exist
@@ -76,12 +79,25 @@ export function AuthProvider({ children }: {children: React.ReactNode;}) {
           accentColor: DEFAULT_ACCENT_COLOR,
           updatedAt: new Date().toISOString()
         };
-        const settingsContent = stringifyFrontmatter(defaultSettings, '');
-        await putFile(settingsPath, settingsContent, `Create settings for ${username}`);
+        // Only create if token is available
+        if (config.github.token) {
+          const settingsContent = stringifyFrontmatter(defaultSettings, '');
+          await putFile(settingsPath, settingsContent, `Create settings for ${username}`);
+        }
       }
 
       setUser(userData);
       localStorage.setItem('user', JSON.stringify(userData));
+
+      // Apply user settings
+      localStorage.setItem('theme', userData.theme);
+      localStorage.setItem('lang', userData.lang);
+      // Apply theme class
+      if (userData.theme === 'dark') {
+        document.documentElement.classList.add('dark');
+      } else {
+        document.documentElement.classList.remove('dark');
+      }
     } finally {
       setIsLoading(false);
     }

src/pages/AuthPage.tsx

@@ -65,22 +65,14 @@ export function AuthPage() {
     }
 
     const normalizedUsername = username.trim().toLowerCase();
-    if (settings.maintenanceMode && normalizedUsername !== 'admin') {
+    if (settings.maintenanceMode) {
       setError(t('maintenanceMessage'));
       return;
     }
 
     setIsSubmitting(true);
     setError('');
     try {
-      const path = `users/${normalizedUsername}.md`;
-      const userFile = await getFile(path);
-
-      if (!settings.allowSignups && !userFile && normalizedUsername !== 'admin') {
-        setError(t('signupsDisabled'));
-        return;
-      }
-
       await login(normalizedUsername);
       navigate('/');
     } catch (err: any) {

src/pages/ProfilePage.tsx

@@ -1,14 +1,15 @@
 import React, { useState, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { ArrowLeft, Camera, Save, User as UserIcon, Calendar, Globe } from 'lucide-react';
-import { useAuth } from '../lib/auth';
+import { useTheme } from '../lib/theme';
 import { useTranslation } from '../lib/i18n';
 import { putFile, getFile } from '../lib/github';
 import { stringifyFrontmatter, generateGravatarUrl, safeLogError } from '../lib/utils';
 import { ColorPicker } from '../components/ColorPicker';
 
 export function ProfilePage() {
   const { user, logout } = useAuth();
+  const { theme, setTheme } = useTheme();
   const { t } = useTranslation();
   const navigate = useNavigate();
   const fileInputRef = useRef<HTMLInputElement>(null);
@@ -281,17 +282,62 @@ export function ProfilePage() {
             <label className="block text-sm font-medium mb-2">
               {t('language')}
             </label>
-            <div className="flex items-center gap-2">
-              <Globe className="w-4 h-4 text-gray-400" />
-              <span className="text-gray-600 dark:text-gray-400 capitalize">{user.lang}</span>
-            </div>
+            <select
+              value={user?.lang || 'en'}
+              onChange={async (e) => {
+                const newLang = e.target.value;
+                setIsSaving(true);
+                try {
+                  const updatedUser = { ...user!, lang: newLang };
+                  const content = stringifyFrontmatter(updatedUser, '');
+                  const existingFile = await getFile(`users/${user!.username}.md`);
+                  await putFile(`users/${user!.username}.md`, content, `Update language for ${user!.username}`, false, existingFile?.sha);
+                  localStorage.setItem('user', JSON.stringify(updatedUser));
+                  localStorage.setItem('lang', newLang);
+                  window.location.reload(); // Reload to apply language
+                } catch (error) {
+                  safeLogError('Error saving language:', error);
+                  alert('Failed to save language. Please try again.');
+                } finally {
+                  setIsSaving(false);
+                }
+              }}
+              className="px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700"
+            >
+              <option value="en">English</option>
+              <option value="ru">Русский</option>
+            </select>
           </div>
 
           <div>
             <label className="block text-sm font-medium mb-2">
               {t('theme')}
             </label>
-            <span className="text-gray-600 dark:text-gray-400 capitalize">{user.theme}</span>
+            <select
+              value={theme}
+              onChange={(e) => {
+                const newTheme = e.target.value as 'light' | 'dark';
+                setTheme(newTheme);
+                // Update user file
+                const updateUserTheme = async () => {
+                  try {
+                    const updatedUser = { ...user!, theme: newTheme };
+                    const content = stringifyFrontmatter(updatedUser, '');
+                    const existingFile = await getFile(`users/${user!.username}.md`);
+                    await putFile(`users/${user!.username}.md`, content, `Update theme for ${user!.username}`, false, existingFile?.sha);
+                    localStorage.setItem('user', JSON.stringify(updatedUser));
+                  } catch (error) {
+                    safeLogError('Error saving theme:', error);
+                    alert('Failed to save theme. Please try again.');
+                  }
+                };
+                updateUserTheme();
+              }}
+              className="px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700"
+            >
+              <option value="light">Light</option>
+              <option value="dark">Dark</option>
+            </select>
           </div>
         </div>