Initial release: JMAP Webmail Client

A modern, privacy-focused webmail client built with Next.js and the JMAP protocol. Designed for Stalwart Mail Server. Features: - Full email operations (compose, reply, forward, threading) - Real-time push notifications - Dark/light theme support - Mobile responsive design - Keyboard shortcuts - Drag-and-drop organization - i18n (English/French) - Security-first (external content blocked, HTML sanitization)
2025-12-10 17:54:22 +01:00
commit cf21a84263
79 changed files with 21821 additions and 0 deletions
@@ -0,0 +1,104 @@
+"use client";
+
+import { useState, useRef } from 'react';
+import { useTranslations } from 'next-intl';
+import { useSettingsStore } from '@/stores/settings-store';
+import { SettingsSection, SettingItem, ToggleSwitch } from './settings-section';
+import { Button } from '@/components/ui/button';
+
+export function AdvancedSettings() {
+  const t = useTranslations('settings.advanced');
+  const tCommon = useTranslations('common');
+  const { debugMode, updateSetting, resetToDefaults, exportSettings, importSettings } =
+    useSettingsStore();
+  const [showResetConfirm, setShowResetConfirm] = useState(false);
+  const fileInputRef = useRef<HTMLInputElement>(null);
+
+  const handleExport = () => {
+    const settingsJson = exportSettings();
+    const blob = new Blob([settingsJson], { type: 'application/json' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = `webmail-settings-${new Date().toISOString().split('T')[0]}.json`;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+  };
+
+  const handleImport = () => {
+    fileInputRef.current?.click();
+  };
+
+  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+
+    const reader = new FileReader();
+    reader.onload = (event) => {
+      const json = event.target?.result as string;
+      const success = importSettings(json);
+      if (success) {
+        alert(t('../../settings.import_success'));
+      } else {
+        alert(t('../../settings.import_error'));
+      }
+    };
+    reader.readAsText(file);
+  };
+
+  const handleReset = () => {
+    if (showResetConfirm) {
+      resetToDefaults();
+      setShowResetConfirm(false);
+      alert(t('../../settings.save_success'));
+    } else {
+      setShowResetConfirm(true);
+      setTimeout(() => setShowResetConfirm(false), 5000);
+    }
+  };
+
+  return (
+    <SettingsSection title={t('title')} description={t('description')}>
+      {/* Debug Mode */}
+      <SettingItem label={t('debug_mode.label')} description={t('debug_mode.description')}>
+        <ToggleSwitch checked={debugMode} onChange={(checked) => updateSetting('debugMode', checked)} />
+      </SettingItem>
+
+      {/* Export Settings */}
+      <SettingItem label={t('export_settings.label')} description={t('export_settings.description')}>
+        <Button variant="outline" size="sm" onClick={handleExport}>
+          {t('export_settings.button')}
+        </Button>
+      </SettingItem>
+
+      {/* Import Settings */}
+      <SettingItem label={t('import_settings.label')} description={t('import_settings.description')}>
+        <>
+          <input
+            ref={fileInputRef}
+            type="file"
+            accept="application/json,.json"
+            onChange={handleFileChange}
+            className="hidden"
+          />
+          <Button variant="outline" size="sm" onClick={handleImport}>
+            {t('import_settings.button')}
+          </Button>
+        </>
+      </SettingItem>
+
+      {/* Reset Settings */}
+      <SettingItem label={t('reset_settings.label')} description={t('reset_settings.description')}>
+        <Button
+          variant={showResetConfirm ? 'destructive' : 'outline'}
+          size="sm"
+          onClick={handleReset}
+        >
+          {showResetConfirm ? tCommon('yes') : t('reset_settings.button')}
+        </Button>
+      </SettingItem>
+    </SettingsSection>
+  );
+}