Dashboard with YAML

server/api/folders/[...slug].get.ts

@@ -0,0 +1,35 @@
+import { readDb } from '../../utils/yamlDb';
+
+export default defineEventHandler(async (event) => {
+  const slugParam = event.context.params?.slug;
+  const slugParts = slugParam ? slugParam.split('/').filter(Boolean) : [];
+
+  const items = readDb();
+  let currentFolderId: string | null = null;
+  let currentFolder = null;
+
+  // Resolve folder path
+  for (let i = 0; i < slugParts.length; i++) {
+    const part = slugParts[i];
+    
+    // Find folder with this slug and parentId
+    const folder = items.find(item => item.type === 'folder' && item.slug === part && item.parentId === currentFolderId);
+
+    if (!folder) {
+      throw createError({ statusCode: 404, statusMessage: 'Folder not found' });
+    }
+    
+    currentFolder = folder;
+    currentFolderId = folder.id;
+  }
+
+  // Get children of current folder
+  const children = items
+    .filter(item => item.parentId === currentFolderId)
+    .sort((a, b) => a.order - b.order);
+
+  return {
+    folder: currentFolder,
+    items: children
+  };
+});

server/api/folders/index.post.ts

@@ -0,0 +1,28 @@
+import { readDb, writeDb, DashboardItem } from '../../utils/yamlDb';
+import { randomUUID } from 'crypto';
+
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+  
+  if (!body.name) {
+    throw createError({ statusCode: 400, statusMessage: 'Name is required' });
+  }
+
+  let slug = body.name.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/(^-|-$)/g, '');
+  if (!slug) slug = 'folder';
+
+  const newFolder: DashboardItem = {
+    id: randomUUID(),
+    type: 'folder',
+    name: body.name,
+    slug: slug,
+    parentId: body.parentId || null,
+    order: body.order || 0
+  };
+
+  const items = readDb();
+  items.push(newFolder);
+  writeDb(items);
+
+  return newFolder;
+});