Update various configuration files, components, and assets; enhance notification system and API endpoints; improve documentation and styles across the application.

server/api/devtool/config/add-custom-theme.js

@@ -0,0 +1,90 @@
+import fs from "fs";
+import path from "path";
+
+export default defineEventHandler(async (event) => {
+  const method = getMethod(event);
+
+  if (method !== "POST") {
+    return {
+      statusCode: 405,
+      message: "Method not allowed",
+    };
+  }
+
+  try {
+    const body = await readBody(event);
+    const { themeName, themeCSS } = body;
+
+    if (!themeName || !themeCSS) {
+      return {
+        statusCode: 400,
+        message: "Theme name and CSS are required",
+      };
+    }
+
+    // Validate theme name (alphanumeric and hyphens only)
+    if (!/^[a-zA-Z0-9-_]+$/.test(themeName)) {
+      return {
+        statusCode: 400,
+        message: "Theme name can only contain letters, numbers, hyphens, and underscores",
+      };
+    }
+
+    // Path to theme.css file
+    const themeCSSPath = path.join(process.cwd(), 'assets', 'style', 'css', 'base', 'theme.css');
+
+    // Check if theme.css exists
+    if (!fs.existsSync(themeCSSPath)) {
+      return {
+        statusCode: 404,
+        message: "theme.css file not found",
+      };
+    }
+
+    // Read current theme.css content
+    let currentContent = fs.readFileSync(themeCSSPath, 'utf8');
+
+    // Check if theme already exists
+    const themePattern = new RegExp(`html\\[data-theme="${themeName}"\\]`, 'g');
+    if (themePattern.test(currentContent)) {
+      return {
+        statusCode: 409,
+        message: `Theme "${themeName}" already exists`,
+      };
+    }
+
+    // Format the new theme CSS
+    const formattedThemeCSS = themeCSS.trim();
+    
+    // Ensure the CSS starts with the correct selector if not provided
+    let finalThemeCSS;
+    if (!formattedThemeCSS.includes(`html[data-theme="${themeName}"]`)) {
+      finalThemeCSS = `html[data-theme="${themeName}"] {\n${formattedThemeCSS}\n}`;
+    } else {
+      finalThemeCSS = formattedThemeCSS;
+    }
+
+    // Add the new theme to the end of the file
+    const newContent = currentContent + '\n\n' + finalThemeCSS + '\n';
+
+    // Write the updated content back to the file
+    fs.writeFileSync(themeCSSPath, newContent, 'utf8');
+
+    return {
+      statusCode: 200,
+      message: "Custom theme added successfully",
+      data: {
+        themeName,
+        success: true
+      },
+    };
+
+  } catch (error) {
+    console.error("Add custom theme error:", error);
+    return {
+      statusCode: 500,
+      message: "Internal server error",
+      error: error.message,
+    };
+  }
+});