appflare 0.2.24 → 0.2.26

package/cli/templates/dashboard/builders/navigation.ts

@@ -1,122 +1,122 @@
-import { DiscoveredSchema } from "../../../utils/schema-discovery";
-import { DiscoveredHandlerOperation } from "../../../utils/handler-discovery";
-import { TableInfo } from "../types";
-
-export function collectTablesInfo(schema: DiscoveredSchema): TableInfo[] {
-	return schema.tables.map((table) => ({
-		exportName: table.exportName,
-		tableName: table.tableName,
-		columns: table.columns.map((column) => column.name),
-	}));
-}
-
-/** Generates the right-pane list items: users entry first, then schema tables */
-export function buildSidebarTableList(tablesInfo: TableInfo[]): string {
-	const tableItems = tablesInfo
-		.map(
-			(table) =>
-				`<li data-name="${table.tableName}">
-\t\t\t\t\t\t<a href="/admin/table/${table.exportName}" hx-get="/admin/table/${table.exportName}" hx-target="#main-content" hx-push-url="true" hx-swap="outerHTML" class="sidebar-link flex items-center gap-2 px-3 py-2 text-sm rounded-lg w-full">
-\t\t\t\t\t\t\t<iconify-icon icon="mdi:table" width="16" height="16" class="opacity-50 shrink-0"></iconify-icon>
-\t\t\t\t\t\t\t<span class="truncate">${table.tableName}</span>
-\t\t\t\t\t\t</a>
-\t\t\t\t\t</li>`,
-		)
-		.join("\n\t\t\t\t\t");
-
-	return `<li data-name="users">
-\t\t\t\t\t\t<a href="/admin/users" hx-get="/admin/users" hx-target="#main-content" hx-push-url="true" hx-swap="outerHTML" class="sidebar-link flex items-center gap-2 px-3 py-2 text-sm rounded-lg w-full">
-\t\t\t\t\t\t\t<iconify-icon icon="mdi:account-group" width="16" height="16" class="opacity-50 shrink-0"></iconify-icon>
-\t\t\t\t\t\t\t<span class="truncate">users</span>
-\t\t\t\t\t\t</a>
-\t\t\t\t\t</li>
-\t\t\t\t\t${tableItems}`;
-}
-
-export function buildSidebarFunctionList(
-	handlers: DiscoveredHandlerOperation[],
-): string {
-	const queries = handlers.filter((h) => h.kind === "query");
-	const mutations = handlers.filter((h) => h.kind === "mutation");
-
-	const queryItems = queries
-		.map(
-			(h) => `
-		<li data-name="${h.exportName}">
-			<a href="/admin/functions${h.routePath}" hx-get="/admin/functions${h.routePath}" hx-target="#main-content" hx-push-url="true" hx-swap="outerHTML" class="sidebar-link flex items-center gap-2 px-3 py-2 text-sm rounded-lg w-full">
-				<iconify-icon icon="solar:reorder-linear" width="16" height="16" class="opacity-50 shrink-0"></iconify-icon>
-				<span class="truncate">${h.exportName}</span>
-			</a>
-		</li>`,
-		)
-		.join("");
-
-	const mutationItems = mutations
-		.map(
-			(h) => `
-		<li data-name="${h.exportName}">
-			<a href="/admin/functions${h.routePath}" hx-get="/admin/functions${h.routePath}" hx-target="#main-content" hx-push-url="true" hx-swap="outerHTML" class="sidebar-link flex items-center gap-2 px-3 py-2 text-sm rounded-lg w-full">
-				<iconify-icon icon="solar:bolt-linear" width="16" height="16" class="opacity-50 shrink-0"></iconify-icon>
-				<span class="truncate">${h.exportName}</span>
-			</a>
-		</li>`,
-		)
-		.join("");
-
-	return `
-		<div id="pane-functions" class="flex flex-col h-full hidden">
-			<div class="px-3 pt-5 pb-3">
-				<p class="text-[10px] font-semibold uppercase tracking-widest opacity-35 mb-3 px-1">Functions</p>
-				<div class="relative">
-					<iconify-icon icon="solar:magnifer-linear" width="13" height="13" class="absolute left-2.5 top-1/2 -translate-y-1/2 opacity-35 pointer-events-none"></iconify-icon>
-					<input
-						type="text"
-						id="function-search"
-						placeholder="Search functions..."
-						class="input input-sm border border-base-200 bg-base-200/50 focus:bg-base-100 focus:border-primary focus:outline-none w-full pl-7 text-xs rounded-lg h-8"
-						onkeyup="filterFunctions(this.value)"
-					/>
-				</div>
-			</div>
-			<nav class="flex-1 overflow-y-auto px-2 pb-4">
-				${
-					queries.length > 0
-						? `<p class="text-[9px] font-bold uppercase tracking-wider opacity-25 mt-4 mb-1 px-2">Queries</p>
-				<ul class="flex flex-col gap-0.5">${queryItems}</ul>`
-						: ""
-				}
-				${
-					mutations.length > 0
-						? `<p class="text-[9px] font-bold uppercase tracking-wider opacity-25 mt-4 mb-1 px-2">Mutations</p>
-				<ul class="flex flex-col gap-0.5">${mutationItems}</ul>`
-						: ""
-				}
-			</nav>
-		</div>
-	`;
-}
-
-export function buildDashboardCards(tablesInfo: TableInfo[]): string {
-	return tablesInfo
-		.map((table) =>
-			`
-				<a
-					href="/admin/table/${table.exportName}"
-					class="card bg-base-100 border border-base-200 hover:border-primary/30 hover:shadow-md transition-all cursor-pointer group"
-				>
-					<div class="card-body p-5">
-						<div class="flex items-center gap-3">
-							<div class="w-9 h-9 rounded-lg bg-primary/10 flex items-center justify-center">
-								<iconify-icon icon="mdi:table" width="20" height="20" class="text-primary"></iconify-icon>
-							</div>
-							<div>
-								<h2 class="font-semibold text-sm capitalize group-hover:text-primary transition-colors">${table.tableName}</h2>
-								<p class="text-xs opacity-40 mt-0.5">Manage records</p>
-							</div>
-						</div>
-					</div>
-				</a>
-			`.replace(/\n/g, "\\n"),
-		)
-		.join("");
-}
+import { DiscoveredSchema } from "../../../utils/schema-discovery";
+import { DiscoveredHandlerOperation } from "../../../utils/handler-discovery";
+import { TableInfo } from "../types";
+
+export function collectTablesInfo(schema: DiscoveredSchema): TableInfo[] {
+	return schema.tables.map((table) => ({
+		exportName: table.exportName,
+		tableName: table.tableName,
+		columns: table.columns.map((column) => column.name),
+	}));
+}
+
+/** Generates the right-pane list items: users entry first, then schema tables */
+export function buildSidebarTableList(tablesInfo: TableInfo[]): string {
+	const tableItems = tablesInfo
+		.map(
+			(table) =>
+				`<li data-name="${table.tableName}">
+\t\t\t\t\t\t<a href="/admin/table/${table.exportName}" hx-get="/admin/table/${table.exportName}" hx-target="#main-content" hx-push-url="true" hx-swap="outerHTML" class="sidebar-link flex items-center gap-2 px-3 py-2 text-sm rounded-lg w-full">
+\t\t\t\t\t\t\t<iconify-icon icon="mdi:table" width="16" height="16" class="opacity-50 shrink-0"></iconify-icon>
+\t\t\t\t\t\t\t<span class="truncate">${table.tableName}</span>
+\t\t\t\t\t\t</a>
+\t\t\t\t\t</li>`,
+		)
+		.join("\n\t\t\t\t\t");
+
+	return `<li data-name="users">
+\t\t\t\t\t\t<a href="/admin/users" hx-get="/admin/users" hx-target="#main-content" hx-push-url="true" hx-swap="outerHTML" class="sidebar-link flex items-center gap-2 px-3 py-2 text-sm rounded-lg w-full">
+\t\t\t\t\t\t\t<iconify-icon icon="mdi:account-group" width="16" height="16" class="opacity-50 shrink-0"></iconify-icon>
+\t\t\t\t\t\t\t<span class="truncate">users</span>
+\t\t\t\t\t\t</a>
+\t\t\t\t\t</li>
+\t\t\t\t\t${tableItems}`;
+}
+
+export function buildSidebarFunctionList(
+	handlers: DiscoveredHandlerOperation[],
+): string {
+	const queries = handlers.filter((h) => h.kind === "query");
+	const mutations = handlers.filter((h) => h.kind === "mutation");
+
+	const queryItems = queries
+		.map(
+			(h) => `
+		<li data-name="${h.exportName}">
+			<a href="/admin/functions${h.routePath}" hx-get="/admin/functions${h.routePath}" hx-target="#main-content" hx-push-url="true" hx-swap="outerHTML" class="sidebar-link flex items-center gap-2 px-3 py-2 text-sm rounded-lg w-full">
+				<iconify-icon icon="solar:reorder-linear" width="16" height="16" class="opacity-50 shrink-0"></iconify-icon>
+				<span class="truncate">${h.exportName}</span>
+			</a>
+		</li>`,
+		)
+		.join("");
+
+	const mutationItems = mutations
+		.map(
+			(h) => `
+		<li data-name="${h.exportName}">
+			<a href="/admin/functions${h.routePath}" hx-get="/admin/functions${h.routePath}" hx-target="#main-content" hx-push-url="true" hx-swap="outerHTML" class="sidebar-link flex items-center gap-2 px-3 py-2 text-sm rounded-lg w-full">
+				<iconify-icon icon="solar:bolt-linear" width="16" height="16" class="opacity-50 shrink-0"></iconify-icon>
+				<span class="truncate">${h.exportName}</span>
+			</a>
+		</li>`,
+		)
+		.join("");
+
+	return `
+		<div id="pane-functions" class="flex flex-col h-full hidden">
+			<div class="px-3 pt-5 pb-3">
+				<p class="text-[10px] font-semibold uppercase tracking-widest opacity-35 mb-3 px-1">Functions</p>
+				<div class="relative">
+					<iconify-icon icon="solar:magnifer-linear" width="13" height="13" class="absolute left-2.5 top-1/2 -translate-y-1/2 opacity-35 pointer-events-none"></iconify-icon>
+					<input
+						type="text"
+						id="function-search"
+						placeholder="Search functions..."
+						class="input input-sm border border-base-200 bg-base-200/50 focus:bg-base-100 focus:border-primary focus:outline-none w-full pl-7 text-xs rounded-lg h-8"
+						onkeyup="filterFunctions(this.value)"
+					/>
+				</div>
+			</div>
+			<nav class="flex-1 overflow-y-auto px-2 pb-4">
+				${
+					queries.length > 0
+						? `<p class="text-[9px] font-bold uppercase tracking-wider opacity-25 mt-4 mb-1 px-2">Queries</p>
+				<ul class="flex flex-col gap-0.5">${queryItems}</ul>`
+						: ""
+				}
+				${
+					mutations.length > 0
+						? `<p class="text-[9px] font-bold uppercase tracking-wider opacity-25 mt-4 mb-1 px-2">Mutations</p>
+				<ul class="flex flex-col gap-0.5">${mutationItems}</ul>`
+						: ""
+				}
+			</nav>
+		</div>
+	`;
+}
+
+export function buildDashboardCards(tablesInfo: TableInfo[]): string {
+	return tablesInfo
+		.map((table) =>
+			`
+				<a
+					href="/admin/table/${table.exportName}"
+					class="card bg-base-100 border border-base-200 hover:border-primary/30 hover:shadow-md transition-all cursor-pointer group"
+				>
+					<div class="card-body p-5">
+						<div class="flex items-center gap-3">
+							<div class="w-9 h-9 rounded-lg bg-primary/10 flex items-center justify-center">
+								<iconify-icon icon="mdi:table" width="20" height="20" class="text-primary"></iconify-icon>
+							</div>
+							<div>
+								<h2 class="font-semibold text-sm capitalize group-hover:text-primary transition-colors">${table.tableName}</h2>
+								<p class="text-xs opacity-40 mt-0.5">Manage records</p>
+							</div>
+						</div>
+					</div>
+				</a>
+			`.replace(/\n/g, "\\n"),
+		)
+		.join("");
+}

package/cli/templates/dashboard/builders/storage/index.ts

@@ -1,13 +1,13 @@
-import { buildStorageRuntimeHelpers } from "./runtime/helpers";
-import { buildStoragePageRuntime } from "./runtime/storage-page";
-import { buildStorageRouteHandlers } from "./routes";
-
-export function buildStorageRoutes(): string {
-	return `
-	${buildStorageRuntimeHelpers()}
-
-	${buildStoragePageRuntime()}
-
-	${buildStorageRouteHandlers()}
-	`;
-}
+import { buildStorageRuntimeHelpers } from "./runtime/helpers";
+import { buildStoragePageRuntime } from "./runtime/storage-page";
+import { buildStorageRouteHandlers } from "./routes";
+
+export function buildStorageRoutes(): string {
+	return `
+	${buildStorageRuntimeHelpers()}
+
+	${buildStoragePageRuntime()}
+
+	${buildStorageRouteHandlers()}
+	`;
+}

package/cli/templates/dashboard/builders/storage/routes/create-directory-route.ts

@@ -1,29 +1,29 @@
-export function buildStorageCreateDirectoryRoute(): string {
-	return `
-	adminApp.post('/storage/directory', async (c) => {
-		const bucket = getStorageBucket(c);
-		if (!bucket) return c.text("Storage not configured", 400);
-
-		const body = await c.req.parseBody();
-		const prefix = normalizePrefix((body['prefix'] as string) || '');
-		const directory = ((body['directory'] as string) || '').trim();
-
-		if (directory) {
-			const normalizedDirectory = directory
-				.split('/')
-				.map((part) => part.trim())
-				.filter(Boolean)
-				.join('/');
-
-			if (normalizedDirectory) {
-				const markerKey = prefix + normalizedDirectory + '/.keep';
-				await bucket.put(markerKey, '', {
-					httpMetadata: { contentType: 'text/plain; charset=utf-8' },
-				});
-			}
-		}
-
-		return c.redirect(prefixToStoragePath(prefix));
-	});
-	`;
-}
+export function buildStorageCreateDirectoryRoute(): string {
+	return `
+	adminApp.post('/storage/directory', async (c) => {
+		const bucket = getStorageBucket(c);
+		if (!bucket) return c.text("Storage not configured", 400);
+
+		const body = await c.req.parseBody();
+		const prefix = normalizePrefix((body['prefix'] as string) || '');
+		const directory = ((body['directory'] as string) || '').trim();
+
+		if (directory) {
+			const normalizedDirectory = directory
+				.split('/')
+				.map((part) => part.trim())
+				.filter(Boolean)
+				.join('/');
+
+			if (normalizedDirectory) {
+				const markerKey = prefix + normalizedDirectory + '/.keep';
+				await bucket.put(markerKey, '', {
+					httpMetadata: { contentType: 'text/plain; charset=utf-8' },
+				});
+			}
+		}
+
+		return c.redirect(prefixToStoragePath(prefix));
+	});
+	`;
+}

package/cli/templates/dashboard/builders/storage/routes/delete-route.ts

@@ -1,18 +1,18 @@
-export function buildStorageDeleteRoute(): string {
-	return `
-	adminApp.delete('/storage/delete', async (c) => {
-		const bucket = getStorageBucket(c);
-		if (!bucket) return c.text("Storage not configured", 400);
-
-		const key = c.req.query('key');
-		const prefix = normalizePrefix(c.req.query('prefix') || '');
-
-		if (key) {
-			await bucket.delete(key);
-		}
-
-		c.header('HX-Redirect', prefixToStoragePath(prefix));
-		return c.html('');
-	});
-	`;
-}
+export function buildStorageDeleteRoute(): string {
+	return `
+	adminApp.delete('/storage/delete', async (c) => {
+		const bucket = getStorageBucket(c);
+		if (!bucket) return c.text("Storage not configured", 400);
+
+		const key = c.req.query('key');
+		const prefix = normalizePrefix(c.req.query('prefix') || '');
+
+		if (key) {
+			await bucket.delete(key);
+		}
+
+		c.header('HX-Redirect', prefixToStoragePath(prefix));
+		return c.html('');
+	});
+	`;
+}

package/cli/templates/dashboard/builders/storage/routes/download-route.ts

@@ -1,23 +1,23 @@
-export function buildStorageDownloadRoute(): string {
-	return `
-	adminApp.get('/storage/download', async (c) => {
-		const bucket = getStorageBucket(c);
-		if (!bucket) return c.text("Storage not configured", 400);
-
-		const key = c.req.query('key');
-		if (!key) return c.text("Missing key", 400);
-
-		const object = await bucket.get(key);
-		if (!object) return c.text("Not found", 404);
-
-		const headers = new Headers();
-		object.writeHttpMetadata(headers);
-		headers.set('etag', object.httpEtag);
-
-		const filename = key.split('/').pop() || 'download';
-		headers.set('Content-Disposition', \`attachment; filename="\${filename}"\`);
-
-		return new Response(object.body, { headers });
-	});
-	`;
-}
+export function buildStorageDownloadRoute(): string {
+	return `
+	adminApp.get('/storage/download', async (c) => {
+		const bucket = getStorageBucket(c);
+		if (!bucket) return c.text("Storage not configured", 400);
+
+		const key = c.req.query('key');
+		if (!key) return c.text("Missing key", 400);
+
+		const object = await bucket.get(key);
+		if (!object) return c.text("Not found", 404);
+
+		const headers = new Headers();
+		object.writeHttpMetadata(headers);
+		headers.set('etag', object.httpEtag);
+
+		const filename = key.split('/').pop() || 'download';
+		headers.set('Content-Disposition', \`attachment; filename="\${filename}"\`);
+
+		return new Response(object.body, { headers });
+	});
+	`;
+}

package/cli/templates/dashboard/builders/storage/routes/index.ts

@@ -1,22 +1,22 @@
-import { buildStorageListRoute } from "./list-route";
-import { buildStorageUploadRoute } from "./upload-route";
-import { buildStorageDeleteRoute } from "./delete-route";
-import { buildStorageCreateDirectoryRoute } from "./create-directory-route";
-import { buildStorageDownloadRoute } from "./download-route";
-import { buildStoragePreviewRoute } from "./preview-route";
-
-export function buildStorageRouteHandlers(): string {
-	return `
-	${buildStorageDownloadRoute()}
-
-	${buildStoragePreviewRoute()}
-
-	${buildStorageUploadRoute()}
-
-	${buildStorageDeleteRoute()}
-
-	${buildStorageCreateDirectoryRoute()}
-
-	${buildStorageListRoute()}
-	`;
-}
+import { buildStorageListRoute } from "./list-route";
+import { buildStorageUploadRoute } from "./upload-route";
+import { buildStorageDeleteRoute } from "./delete-route";
+import { buildStorageCreateDirectoryRoute } from "./create-directory-route";
+import { buildStorageDownloadRoute } from "./download-route";
+import { buildStoragePreviewRoute } from "./preview-route";
+
+export function buildStorageRouteHandlers(): string {
+	return `
+	${buildStorageDownloadRoute()}
+
+	${buildStoragePreviewRoute()}
+
+	${buildStorageUploadRoute()}
+
+	${buildStorageDeleteRoute()}
+
+	${buildStorageCreateDirectoryRoute()}
+
+	${buildStorageListRoute()}
+	`;
+}

package/cli/templates/dashboard/builders/storage/routes/list-route.ts

@@ -1,25 +1,25 @@
-export function buildStorageListRoute(): string {
-	return `
-	const handleStorageListRoute = async (c: any) => {
-		const bucket = getStorageBucket(c);
-		if (!bucket) {
-			return renderStoragePage(c, buildStorageNotConfiguredContent());
-		}
-
-		const pathPrefix = storagePathToPrefix(c.req.path);
-		const queryPrefix = normalizePrefix(c.req.query('prefix') || '');
-		const prefix = pathPrefix || queryPrefix;
-
-		try {
-			const listed = await bucket.list({ prefix, delimiter: '/' });
-			const content = buildStorageListingContent(listed, prefix);
-			return renderStoragePage(c, content);
-		} catch (e: any) {
-			return c.text("Error listing storage: " + e.message, 500);
-		}
-	};
-
-	adminApp.get('/storage', handleStorageListRoute);
-	adminApp.get('/storage/*', handleStorageListRoute);
-	`;
-}
+export function buildStorageListRoute(): string {
+	return `
+	const handleStorageListRoute = async (c: any) => {
+		const bucket = getStorageBucket(c);
+		if (!bucket) {
+			return renderStoragePage(c, buildStorageNotConfiguredContent());
+		}
+
+		const pathPrefix = storagePathToPrefix(c.req.path);
+		const queryPrefix = normalizePrefix(c.req.query('prefix') || '');
+		const prefix = pathPrefix || queryPrefix;
+
+		try {
+			const listed = await bucket.list({ prefix, delimiter: '/' });
+			const content = buildStorageListingContent(listed, prefix);
+			return renderStoragePage(c, content);
+		} catch (e: any) {
+			return c.text("Error listing storage: " + e.message, 500);
+		}
+	};
+
+	adminApp.get('/storage', handleStorageListRoute);
+	adminApp.get('/storage/*', handleStorageListRoute);
+	`;
+}

package/cli/templates/dashboard/builders/storage/routes/preview-route.ts

@@ -1,21 +1,21 @@
-export function buildStoragePreviewRoute(): string {
-	return `
-	adminApp.get('/storage/preview', async (c) => {
-		const bucket = getStorageBucket(c);
-		if (!bucket) return c.text("Storage not configured", 400);
-
-		const key = c.req.query('key');
-		if (!key) return c.text("Missing key", 400);
-
-		const object = await bucket.get(key);
-		if (!object) return c.text("Not found", 404);
-
-		const headers = new Headers();
-		object.writeHttpMetadata(headers);
-		headers.set('etag', object.httpEtag);
-		headers.set('Cache-Control', 'public, max-age=31536000');
-
-		return new Response(object.body, { headers });
-	});
-	`;
-}
+export function buildStoragePreviewRoute(): string {
+	return `
+	adminApp.get('/storage/preview', async (c) => {
+		const bucket = getStorageBucket(c);
+		if (!bucket) return c.text("Storage not configured", 400);
+
+		const key = c.req.query('key');
+		if (!key) return c.text("Missing key", 400);
+
+		const object = await bucket.get(key);
+		if (!object) return c.text("Not found", 404);
+
+		const headers = new Headers();
+		object.writeHttpMetadata(headers);
+		headers.set('etag', object.httpEtag);
+		headers.set('Cache-Control', 'public, max-age=31536000');
+
+		return new Response(object.body, { headers });
+	});
+	`;
+}

package/cli/templates/dashboard/builders/storage/routes/upload-route.ts

@@ -1,21 +1,21 @@
-export function buildStorageUploadRoute(): string {
-	return `
-	adminApp.post('/storage/upload', async (c) => {
-		const bucket = getStorageBucket(c);
-		if (!bucket) return c.text("Storage not configured", 400);
-
-		const body = await c.req.parseBody();
-		const file = body['file'];
-		const prefix = normalizePrefix((body['prefix'] as string) || '');
-
-		if (file && file instanceof File) {
-			const key = prefix + file.name;
-			await bucket.put(key, await file.arrayBuffer(), {
-				httpMetadata: { contentType: file.type },
-			});
-		}
-
-		return c.redirect(prefixToStoragePath(prefix));
-	});
-	`;
-}
+export function buildStorageUploadRoute(): string {
+	return `
+	adminApp.post('/storage/upload', async (c) => {
+		const bucket = getStorageBucket(c);
+		if (!bucket) return c.text("Storage not configured", 400);
+
+		const body = await c.req.parseBody();
+		const file = body['file'];
+		const prefix = normalizePrefix((body['prefix'] as string) || '');
+
+		if (file && file instanceof File) {
+			const key = prefix + file.name;
+			await bucket.put(key, await file.arrayBuffer(), {
+				httpMetadata: { contentType: file.type },
+			});
+		}
+
+		return c.redirect(prefixToStoragePath(prefix));
+	});
+	`;
+}