Add calendar event export/import to admin dashboard

Adds admin-only endpoints for exporting and importing calendar events
as JSON, with merge or replace modes. Includes UI in the admin
dashboard with Export Events / Import Events buttons.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: fusion94

server/index.js

@@ -589,6 +589,48 @@ app.delete('/api/admin/invite/:token', requireAdmin, (req, res) => {
   res.json({ success: true });
 });
 
+// Admin: Export calendar events
+app.get('/api/admin/events/export', requireAdmin, (req, res) => {
+  const events = db.prepare('SELECT * FROM calendar_events ORDER BY event_date, event_time').all();
+  res.setHeader('Content-Type', 'application/json');
+  res.setHeader('Content-Disposition', 'attachment; filename=calendar-events-export.json');
+  res.json(events);
+});
+
+// Admin: Import calendar events
+app.post('/api/admin/events/import', requireAdmin, (req, res) => {
+  const { events, mode } = req.body;
+  if (!Array.isArray(events)) {
+    return res.status(400).json({ error: 'events must be an array' });
+  }
+  if (mode === 'replace') {
+    db.prepare('DELETE FROM calendar_events').run();
+  }
+  const insert = db.prepare(
+    `INSERT INTO calendar_events (title, event_date, event_time, description, location, visibility, created_by, created_at, updated_at)
+     VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)`
+  );
+  const tx = db.transaction(() => {
+    for (const e of events) {
+      if (!e.title || !e.event_date) continue;
+      insert.run(
+        e.title,
+        e.event_date,
+        e.event_time || null,
+        e.description || '',
+        e.location || '',
+        e.visibility || 'personal',
+        e.created_by || req.adminUser.username,
+        e.created_at || Date.now(),
+        e.updated_at || Date.now()
+      );
+    }
+  });
+  tx();
+  const count = db.prepare('SELECT COUNT(*) as count FROM calendar_events').get().count;
+  res.json({ success: true, count });
+});
+
 // Calendar Events: List events for a month
 app.get('/api/events', requireAuth, (req, res) => {
   const { month } = req.query; // YYYY-MM

src/api.js

@@ -259,6 +259,29 @@ export const api = {
     return res.json();
   },
 
+  async exportEvents() {
+    const res = await fetch(`${API_BASE}/admin/events/export`, {
+      headers: getAuthHeaders(),
+    });
+    if (!res.ok) {
+      throw new Error('Failed to export events');
+    }
+    return res.json();
+  },
+
+  async importEvents(events, mode = 'merge') {
+    const res = await fetch(`${API_BASE}/admin/events/import`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json', ...getAuthHeaders() },
+      body: JSON.stringify({ events, mode }),
+    });
+    if (!res.ok) {
+      const data = await res.json();
+      throw new Error(data.error || 'Failed to import events');
+    }
+    return res.json();
+  },
+
   async deleteEvent(id) {
     const res = await fetch(`${API_BASE}/events/${id}`, {
       method: 'DELETE',

src/pages/AdminDashboard.jsx

@@ -29,6 +29,7 @@ import DeleteIcon from '@mui/icons-material/Delete';
 import DownloadIcon from '@mui/icons-material/Download';
 import UploadIcon from '@mui/icons-material/Upload';
 import BlockIcon from '@mui/icons-material/Block';
+import CalendarMonthIcon from '@mui/icons-material/CalendarMonth';
 import { useAuth } from '../contexts/AuthContext';
 import { Navigate } from 'react-router-dom';
 import { api } from '../api';
@@ -48,7 +49,11 @@ function AdminDashboard() {
   const [invites, setInvites] = useState([]);
   const [revokeDialogOpen, setRevokeDialogOpen] = useState(false);
   const [selectedInvite, setSelectedInvite] = useState(null);
+  const [calendarImportDialogOpen, setCalendarImportDialogOpen] = useState(false);
+  const [calendarImportData, setCalendarImportData] = useState(null);
+  const [calendarImportMode, setCalendarImportMode] = useState('merge');
   const fileInputRef = useRef(null);
+  const calendarFileInputRef = useRef(null);
 
   useEffect(() => {
     loadUsers();
@@ -199,6 +204,63 @@ function AdminDashboard() {
     }
   };
 
+  const handleCalendarExport = async () => {
+    try {
+      const data = await api.exportEvents();
+      const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement('a');
+      a.href = url;
+      a.download = `sh-underground-calendar-${new Date().toISOString().split('T')[0]}.json`;
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+      URL.revokeObjectURL(url);
+      setSuccess('Calendar events exported successfully');
+      setTimeout(() => setSuccess(''), 3000);
+    } catch (err) {
+      setError(err.message);
+    }
+  };
+
+  const handleCalendarImportClick = () => {
+    calendarFileInputRef.current?.click();
+  };
+
+  const handleCalendarFileSelect = (event) => {
+    const file = event.target.files?.[0];
+    if (!file) return;
+    const reader = new FileReader();
+    reader.onload = (e) => {
+      try {
+        const data = JSON.parse(e.target.result);
+        if (!Array.isArray(data)) {
+          setError('Calendar import file must contain an array of events');
+          return;
+        }
+        setCalendarImportData(data);
+        setCalendarImportDialogOpen(true);
+        setError('');
+      } catch {
+        setError('Invalid JSON file');
+      }
+    };
+    reader.readAsText(file);
+    event.target.value = '';
+  };
+
+  const handleCalendarImportConfirm = async () => {
+    try {
+      const result = await api.importEvents(calendarImportData, calendarImportMode);
+      setCalendarImportDialogOpen(false);
+      setCalendarImportData(null);
+      setSuccess(`Calendar import successful: ${result.count} events total`);
+      setTimeout(() => setSuccess(''), 3000);
+    } catch (err) {
+      setError(err.message);
+    }
+  };
+
   if (!isAdmin) {
     return <Navigate to="/profile" replace />;
   }
@@ -452,6 +514,72 @@ function AdminDashboard() {
           </Button>
         </DialogActions>
       </Dialog>
+
+      {/* Calendar Backup Section */}
+      <Box sx={{ display: 'flex', alignItems: 'center', gap: 2, mt: 4, mb: 2, flexWrap: 'wrap' }}>
+        <CalendarMonthIcon color="primary" />
+        <Typography variant="h6">
+          Calendar Backup
+        </Typography>
+        <Box sx={{ flexGrow: 1 }} />
+        <Button
+          variant="outlined"
+          startIcon={<DownloadIcon />}
+          onClick={handleCalendarExport}
+          size="small"
+        >
+          Export Events
+        </Button>
+        <Button
+          variant="outlined"
+          startIcon={<UploadIcon />}
+          onClick={handleCalendarImportClick}
+          size="small"
+        >
+          Import Events
+        </Button>
+        <input
+          type="file"
+          ref={calendarFileInputRef}
+          onChange={handleCalendarFileSelect}
+          accept=".json"
+          style={{ display: 'none' }}
+        />
+      </Box>
+
+      {/* Calendar Import Dialog */}
+      <Dialog open={calendarImportDialogOpen} onClose={() => setCalendarImportDialogOpen(false)} maxWidth="sm" fullWidth>
+        <DialogTitle>Import Calendar Events</DialogTitle>
+        <DialogContent>
+          <Typography sx={{ mb: 2 }}>
+            Found {calendarImportData ? calendarImportData.length : 0} events in the file.
+          </Typography>
+          <FormControl component="fieldset">
+            <FormLabel component="legend">Import Mode</FormLabel>
+            <RadioGroup
+              value={calendarImportMode}
+              onChange={(e) => setCalendarImportMode(e.target.value)}
+            >
+              <FormControlLabel
+                value="merge"
+                control={<Radio />}
+                label="Merge - Add imported events alongside existing ones"
+              />
+              <FormControlLabel
+                value="replace"
+                control={<Radio />}
+                label="Replace - Delete all existing events and replace with file data"
+              />
+            </RadioGroup>
+          </FormControl>
+        </DialogContent>
+        <DialogActions>
+          <Button onClick={() => setCalendarImportDialogOpen(false)}>Cancel</Button>
+          <Button onClick={handleCalendarImportConfirm} variant="contained">
+            Import
+          </Button>
+        </DialogActions>
+      </Dialog>
     </Box>
   );
 }