DevLog Admin
diff --git a/pages/api/update-devlog.js b/pages/api/update-devlog.js
index e811c06..1c39a3f 100644
--- a/pages/api/update-devlog.js
+++ b/pages/api/update-devlog.js
@@ -1,75 +1,75 @@
-import fs from 'fs';
-import path from 'path';
+import { supabaseAdmin } from '../../lib/supabase';
-export default function handler(req, res) {
- console.log('API /update-devlog aufgerufen');
- console.log('Request method:', req.method);
- console.log('Request body:', JSON.stringify(req.body, null, 2));
-
- const filePath = path.join(process.cwd(), 'data', 'devlog.json');
- console.log('File path:', filePath);
+export default async function handler(req, res) {
+ console.log('=== UPDATE DEVLOG API CALLED (Supabase) ===');
+ console.log('Method:', req.method);
+ console.log('Body:', JSON.stringify(req.body, null, 2));
- if (req.method === 'POST') {
- try {
- // Validiere eingehende Daten
- if (!req.body) {
- console.error('Fehler: Kein Request Body vorhanden');
- return res.status(400).json({ message: 'Kein Request Body vorhanden' });
- }
-
- if (!Array.isArray(req.body)) {
- console.error('Fehler: Request Body ist kein Array');
- return res.status(400).json({ message: 'Request Body muss ein Array sein' });
- }
-
- console.log('Anzahl der Einträge:', req.body.length);
-
- // Prüfe Dateiberechtigungen
- try {
- fs.accessSync(path.dirname(filePath), fs.constants.W_OK);
- console.log('Schreibberechtigung für Verzeichnis vorhanden');
- } catch (permError) {
- console.error('Fehler: Keine Schreibberechtigung für Verzeichnis:', permError.message);
- return res.status(500).json({ message: 'Keine Schreibberechtigung für Verzeichnis', error: permError.message });
- }
-
- // Stelle sicher, dass jeder Eintrag ein content-Array hat und entferne unerwünschte Felder
- const updatedData = req.body.map((entry, index) => {
- console.log(`Verarbeite Eintrag ${index}:`, entry);
-
- // Validiere erforderliche Felder
- if (!entry.title || !entry.date) {
- console.error(`Fehler: Eintrag ${index} fehlen erforderliche Felder (title oder date)`);
- throw new Error(`Eintrag ${index} fehlen erforderliche Felder`);
- }
-
- // Entferne unerwünschte Felder wie editIndex, index etc.
- const { editIndex, index: entryIndex, ...cleanEntry } = entry;
-
- return {
- ...cleanEntry,
- content: cleanEntry.content || []
- };
- });
-
- console.log('Verarbeitete Daten:', JSON.stringify(updatedData, null, 2));
-
- // Schreibe Datei
- fs.writeFileSync(filePath, JSON.stringify(updatedData, null, 2), 'utf8');
- console.log('Datei erfolgreich geschrieben');
-
- res.status(200).json({ message: 'DevLog updated successfully!' });
- } catch (error) {
- console.error('Fehler beim Verarbeiten der Anfrage:', error);
- console.error('Error stack:', error.stack);
- res.status(500).json({
- message: 'Error updating DevLog',
- error: error.message,
- stack: process.env.NODE_ENV === 'development' ? error.stack : undefined
- });
+ if (req.method !== 'POST') {
+ console.log('Method not allowed:', req.method);
+ return res.status(405).json({ error: 'Method not allowed' });
+ }
+
+ try {
+ const data = req.body;
+ console.log('Received data type:', typeof data);
+ console.log('Is array:', Array.isArray(data));
+
+ // Validate that data is an array
+ if (!Array.isArray(data)) {
+ console.log('Invalid data format - not an array');
+ return res.status(400).json({ error: 'Data must be an array' });
}
- } else {
- console.log('Methode nicht erlaubt:', req.method);
- res.status(405).json({ message: 'Method not allowed' });
+
+ // Process each entry for Supabase
+ const results = [];
+
+ for (const entry of data) {
+ // Ensure content is an array
+ const content = Array.isArray(entry.content) ? entry.content : [];
+
+ // Create clean entry with required fields
+ const cleanEntry = {
+ title: entry.title || '',
+ date: entry.date || '',
+ description: entry.description || '',
+ slug: entry.slug || '',
+ image: entry.image || '',
+ content: content,
+ updated_at: new Date().toISOString()
+ };
+
+ console.log('Processing entry:', cleanEntry);
+
+ // Use UPSERT (insert or update based on slug)
+ const { data: result, error } = await supabaseAdmin
+ .from('devlog_entries')
+ .upsert(cleanEntry, {
+ onConflict: 'slug',
+ returning: 'minimal'
+ });
+
+ if (error) {
+ console.error('Supabase upsert error:', error);
+ throw error;
+ }
+
+ results.push(result);
+ console.log('Entry upserted successfully:', cleanEntry.slug);
+ }
+
+ console.log('All entries processed successfully');
+ res.status(200).json({
+ message: 'DevLog updated successfully in Supabase',
+ count: data.length
+ });
+
+ } catch (error) {
+ console.error('Error updating devlog in Supabase:', error);
+ res.status(500).json({
+ error: 'Failed to update devlog in Supabase',
+ details: error.message,
+ stack: error.stack
+ });
}
}
diff --git a/pages/devlog.js b/pages/devlog.js
index 02d69f4..46f0910 100644
--- a/pages/devlog.js
+++ b/pages/devlog.js
@@ -1,9 +1,15 @@
import { motion } from 'framer-motion';
import Link from 'next/link';
-import devlogData from '../data/devlog.json';
import Image from 'next/image';
+import { supabase } from '../lib/supabase';
-export default function DevLog() {
+// Funktion zur Validierung von Bildpfaden
+const isValidImagePath = (imagePath) => {
+ if (!imagePath || typeof imagePath !== 'string') return false;
+ return imagePath.startsWith('/') || imagePath.startsWith('http://') || imagePath.startsWith('https://');
+};
+
+export default function DevLog({ devlogData }) {
return (
- {devlogData.map((log, index) => (
+ {devlogData && devlogData.map((log, index) => (
- {log.image && (
+ {log.image && isValidImagePath(log.image) && (
@@ -58,3 +65,34 @@ export default function DevLog() {
);
}
+
+export async function getServerSideProps() {
+ try {
+ const { data: devlogData, error } = await supabase
+ .from('devlog_entries')
+ .select('*')
+ .order('created_at', { ascending: false });
+
+ if (error) {
+ console.error('Error fetching devlog data:', error);
+ return {
+ props: {
+ devlogData: []
+ }
+ };
+ }
+
+ return {
+ props: {
+ devlogData: devlogData || []
+ }
+ };
+ } catch (error) {
+ console.error('Error in getServerSideProps:', error);
+ return {
+ props: {
+ devlogData: []
+ }
+ };
+ }
+}
diff --git a/supabase/migrations/create_devlog_table.sql b/supabase/migrations/create_devlog_table.sql
new file mode 100644
index 0000000..6ee07ec
--- /dev/null
+++ b/supabase/migrations/create_devlog_table.sql
@@ -0,0 +1,34 @@
+-- Create devlog_entries table
+CREATE TABLE devlog_entries (
+ id SERIAL PRIMARY KEY,
+ date TEXT NOT NULL,
+ title TEXT NOT NULL,
+ description TEXT,
+ slug TEXT UNIQUE NOT NULL,
+ image TEXT,
+ content JSONB DEFAULT '[]'::jsonb,
+ created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
+ updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
+);
+
+-- Enable Row Level Security
+ALTER TABLE devlog_entries ENABLE ROW LEVEL SECURITY;
+
+-- Create policies for public read access
+CREATE POLICY "Allow public read access" ON devlog_entries
+ FOR SELECT USING (true);
+
+-- Create policies for authenticated users to insert/update
+CREATE POLICY "Allow authenticated insert" ON devlog_entries
+ FOR INSERT WITH CHECK (true);
+
+CREATE POLICY "Allow authenticated update" ON devlog_entries
+ FOR UPDATE USING (true);
+
+CREATE POLICY "Allow authenticated delete" ON devlog_entries
+ FOR DELETE USING (true);
+
+-- Grant permissions to anon and authenticated roles
+GRANT SELECT ON devlog_entries TO anon;
+GRANT ALL PRIVILEGES ON devlog_entries TO authenticated;
+GRANT USAGE, SELECT ON SEQUENCE devlog_entries_id_seq TO authenticated;
\ No newline at end of file