appflare 0.2.24 → 0.2.26

package/cli/templates/dashboard/components/login-page.ts

@@ -1,65 +1,65 @@
-/**
- * Generates the auth middleware + login page route source code (as a string to be embedded in generated output).
- */
-export function buildAuthMiddleware(): string {
-	return `
-\t// Auth Middleware
-\tadminApp.use('*', async (c, next) => {
-\t\tconst auth = createAuth({ DATABASE: c.env[options.databaseBinding] } as any, c.req.raw.cf as any);
-\t\tconst session = await auth.api.getSession({ headers: c.req.raw.headers });
-\t\t
-\t\t// Check if user has admin role
-\t\tif (!session?.user || (session.user as any).role !== 'admin') {
-\t\t\treturn c.html(
-\t\t\t\tLayout({ 
-\t\t\t\t\ttitle: "Admin Login", 
-\t\t\t\t\thideSidebar: true,
-\t\t\t\t\tchildren: raw(\`
-\t\t\t\t\t\t<div class="card w-96 bg-base-100 shadow-lg border border-base-200">
-\t\t\t\t\t\t\t<div class="card-body">
-\t\t\t\t\t\t\t\t<div class="flex justify-center mb-2">
-\t\t\t\t\t\t\t\t\t<iconify-icon icon="mdi:shield-crown" width="40" height="40" class="text-primary"></iconify-icon>
-\t\t\t\t\t\t\t\t</div>
-\t\t\t\t\t\t\t\t<h2 class="text-xl font-semibold text-center mb-1">Admin Login</h2>
-\t\t\t\t\t\t\t\t<p class="text-base-content/50 text-sm mb-6 text-center">Sign in to access the dashboard</p>
-\t\t\t\t\t\t\t\t<form
-\t\t\t\t\t\t\t\t\thx-post="/api/auth/sign-in/email"
-\t\t\t\t\t\t\t\t\thx-ext="json-enc"
-\t\t\t\t\t\t\t\t\thx-on::after-request="if(event.detail.successful) window.location.reload()"
-\t\t\t\t\t\t\t\t\tclass="flex flex-col gap-4"
-\t\t\t\t\t\t\t\t>
-\t\t\t\t\t\t\t\t\t<div class="form-control">
-\t\t\t\t\t\t\t\t\t\t<label class="label">
-\t\t\t\t\t\t\t\t\t\t\t<span class="label-text text-sm font-medium">Email</span>
-\t\t\t\t\t\t\t\t\t\t</label>
-\t\t\t\t\t\t\t\t\t\t<input type="email" name="email" placeholder="admin@example.com" class="input input-bordered" required />
-\t\t\t\t\t\t\t\t\t</div>
-\t\t\t\t\t\t\t\t\t<div class="form-control">
-\t\t\t\t\t\t\t\t\t\t<label class="label">
-\t\t\t\t\t\t\t\t\t\t\t<span class="label-text text-sm font-medium">Password</span>
-\t\t\t\t\t\t\t\t\t\t</label>
-\t\t\t\t\t\t\t\t\t\t<input type="password" name="password" placeholder="••••••••" class="input input-bordered" required />
-\t\t\t\t\t\t\t\t\t</div>
-\t\t\t\t\t\t\t\t\t<div class="form-control mt-2">
-\t\t\t\t\t\t\t\t\t\t<button type="submit" class="btn btn-primary">Sign In</button>
-\t\t\t\t\t\t\t\t\t</div>
-\t\t\t\t\t\t\t\t\t<div id="login-error" class="hidden text-error text-sm text-center mt-1">Invalid credentials</div>
-\t\t\t\t\t\t\t\t\t<script>
-\t\t\t\t\t\t\t\t\t\tdocument.body.addEventListener('htmx:afterRequest', function(evt) {
-\t\t\t\t\t\t\t\t\t\t\tif(evt.detail.failed) {
-\t\t\t\t\t\t\t\t\t\t\t\tdocument.getElementById('login-error').classList.remove('hidden');
-\t\t\t\t\t\t\t\t\t\t\t}
-\t\t\t\t\t\t\t\t\t\t});
-\t\t\t\t\t\t\t\t\t<\/script>
-\t\t\t\t\t\t\t\t</form>
-\t\t\t\t\t\t\t</div>
-\t\t\t\t\t\t</div>
-\t\t\t\t\t\`)
-\t\t\t\t}), 
-\t\t\t\t401
-\t\t\t);
-\t\t}
-\t\tawait next();
-\t});
-`;
-}
+/**
+ * Generates the auth middleware + login page route source code (as a string to be embedded in generated output).
+ */
+export function buildAuthMiddleware(): string {
+	return `
+\t// Auth Middleware
+\tadminApp.use('*', async (c, next) => {
+\t\tconst auth = createAuth({ DATABASE: c.env[options.databaseBinding] } as any, c.req.raw.cf as any);
+\t\tconst session = await auth.api.getSession({ headers: c.req.raw.headers });
+\t\t
+\t\t// Check if user has admin role
+\t\tif (!session?.user || (session.user as any).role !== 'admin') {
+\t\t\treturn c.html(
+\t\t\t\tLayout({ 
+\t\t\t\t\ttitle: "Admin Login", 
+\t\t\t\t\thideSidebar: true,
+\t\t\t\t\tchildren: raw(\`
+\t\t\t\t\t\t<div class="card w-96 bg-base-100 shadow-lg border border-base-200">
+\t\t\t\t\t\t\t<div class="card-body">
+\t\t\t\t\t\t\t\t<div class="flex justify-center mb-2">
+\t\t\t\t\t\t\t\t\t<iconify-icon icon="mdi:shield-crown" width="40" height="40" class="text-primary"></iconify-icon>
+\t\t\t\t\t\t\t\t</div>
+\t\t\t\t\t\t\t\t<h2 class="text-xl font-semibold text-center mb-1">Admin Login</h2>
+\t\t\t\t\t\t\t\t<p class="text-base-content/50 text-sm mb-6 text-center">Sign in to access the dashboard</p>
+\t\t\t\t\t\t\t\t<form
+\t\t\t\t\t\t\t\t\thx-post="/api/auth/sign-in/email"
+\t\t\t\t\t\t\t\t\thx-ext="json-enc"
+\t\t\t\t\t\t\t\t\thx-on::after-request="if(event.detail.successful) window.location.reload()"
+\t\t\t\t\t\t\t\t\tclass="flex flex-col gap-4"
+\t\t\t\t\t\t\t\t>
+\t\t\t\t\t\t\t\t\t<div class="form-control">
+\t\t\t\t\t\t\t\t\t\t<label class="label">
+\t\t\t\t\t\t\t\t\t\t\t<span class="label-text text-sm font-medium">Email</span>
+\t\t\t\t\t\t\t\t\t\t</label>
+\t\t\t\t\t\t\t\t\t\t<input type="email" name="email" placeholder="admin@example.com" class="input input-bordered" required />
+\t\t\t\t\t\t\t\t\t</div>
+\t\t\t\t\t\t\t\t\t<div class="form-control">
+\t\t\t\t\t\t\t\t\t\t<label class="label">
+\t\t\t\t\t\t\t\t\t\t\t<span class="label-text text-sm font-medium">Password</span>
+\t\t\t\t\t\t\t\t\t\t</label>
+\t\t\t\t\t\t\t\t\t\t<input type="password" name="password" placeholder="••••••••" class="input input-bordered" required />
+\t\t\t\t\t\t\t\t\t</div>
+\t\t\t\t\t\t\t\t\t<div class="form-control mt-2">
+\t\t\t\t\t\t\t\t\t\t<button type="submit" class="btn btn-primary">Sign In</button>
+\t\t\t\t\t\t\t\t\t</div>
+\t\t\t\t\t\t\t\t\t<div id="login-error" class="hidden text-error text-sm text-center mt-1">Invalid credentials</div>
+\t\t\t\t\t\t\t\t\t<script>
+\t\t\t\t\t\t\t\t\t\tdocument.body.addEventListener('htmx:afterRequest', function(evt) {
+\t\t\t\t\t\t\t\t\t\t\tif(evt.detail.failed) {
+\t\t\t\t\t\t\t\t\t\t\t\tdocument.getElementById('login-error').classList.remove('hidden');
+\t\t\t\t\t\t\t\t\t\t\t}
+\t\t\t\t\t\t\t\t\t\t});
+\t\t\t\t\t\t\t\t\t<\/script>
+\t\t\t\t\t\t\t\t</form>
+\t\t\t\t\t\t\t</div>
+\t\t\t\t\t\t</div>
+\t\t\t\t\t\`)
+\t\t\t\t}), 
+\t\t\t\t401
+\t\t\t);
+\t\t}
+\t\tawait next();
+\t});
+`;
+}

package/cli/templates/dashboard/index.ts

@@ -1,61 +1,61 @@
-import { DiscoveredSchema } from "../../utils/schema-discovery";
-import {
-	buildDashboardCards,
-	buildSidebarTableList,
-	collectTablesInfo,
-} from "./builders/navigation";
-import { buildTableRoutes } from "./builders/table-routes";
-import { buildFunctionRoutes } from "./builders/functions";
-import { buildStorageRoutes } from "./builders/storage";
-import { buildLayoutComponent } from "./components/layout";
-import { buildAuthMiddleware } from "./components/login-page";
-import { buildDashboardHomeRoute } from "./components/dashboard-home";
-import { DiscoveredHandlerOperation } from "../../utils/handler-discovery";
-
-export function generateDashboardSource(
-	schemaImportPath: string,
-	schema: DiscoveredSchema,
-	handlers: DiscoveredHandlerOperation[],
-): string {
-	const tablesInfo = collectTablesInfo(schema);
-	const sidebarTableList = buildSidebarTableList(tablesInfo);
-	const dashboardCards = buildDashboardCards(tablesInfo);
-	const tableRoutes = buildTableRoutes(schema);
-	const functionRoutes = buildFunctionRoutes(handlers);
-	const storageRoutes = buildStorageRoutes();
-
-	const layoutComponent = buildLayoutComponent(sidebarTableList, handlers);
-	const authMiddleware = buildAuthMiddleware();
-	const dashboardHomeRoute = buildDashboardHomeRoute(dashboardCards);
-
-	return `import { Hono } from "hono";
-import { html, raw } from "hono/html";
-import { drizzle } from "drizzle-orm/d1";
-import { eq, desc, asc, sql, like, or, inArray } from "drizzle-orm";
-import { createAuth } from "./auth.config";
-import * as schema from "${schemaImportPath}";
-import { users } from "./auth.schema";
-
-${layoutComponent}
-
-export function registerAdminDashboard(app: Hono<any>, options: { databaseBinding: string, r2Binding?: string }) {
-\tconst adminApp = new Hono<any>();
-
-${authMiddleware}
-
-${dashboardHomeRoute}
-
-\t// Generate table routes
-\t${tableRoutes}
-
-\t// Generate function routes
-\t${functionRoutes}
-
-	// Generate storage routes
-	${storageRoutes}
-
-\tapp.route('/admin', adminApp);
-\tapp.get('/admin/', (c) => c.redirect('/admin'));
-}
-`;
-}
+import { DiscoveredSchema } from "../../utils/schema-discovery";
+import {
+	buildDashboardCards,
+	buildSidebarTableList,
+	collectTablesInfo,
+} from "./builders/navigation";
+import { buildTableRoutes } from "./builders/table-routes";
+import { buildFunctionRoutes } from "./builders/functions";
+import { buildStorageRoutes } from "./builders/storage";
+import { buildLayoutComponent } from "./components/layout";
+import { buildAuthMiddleware } from "./components/login-page";
+import { buildDashboardHomeRoute } from "./components/dashboard-home";
+import { DiscoveredHandlerOperation } from "../../utils/handler-discovery";
+
+export function generateDashboardSource(
+	schemaImportPath: string,
+	schema: DiscoveredSchema,
+	handlers: DiscoveredHandlerOperation[],
+): string {
+	const tablesInfo = collectTablesInfo(schema);
+	const sidebarTableList = buildSidebarTableList(tablesInfo);
+	const dashboardCards = buildDashboardCards(tablesInfo);
+	const tableRoutes = buildTableRoutes(schema);
+	const functionRoutes = buildFunctionRoutes(handlers);
+	const storageRoutes = buildStorageRoutes();
+
+	const layoutComponent = buildLayoutComponent(sidebarTableList, handlers);
+	const authMiddleware = buildAuthMiddleware();
+	const dashboardHomeRoute = buildDashboardHomeRoute(dashboardCards);
+
+	return `import { Hono } from "hono";
+import { html, raw } from "hono/html";
+import { drizzle } from "drizzle-orm/d1";
+import { eq, desc, asc, sql, like, or, inArray } from "drizzle-orm";
+import { createAuth } from "./auth.config";
+import * as schema from "${schemaImportPath}";
+import { users } from "./auth.schema";
+
+${layoutComponent}
+
+export function registerAdminDashboard(app: Hono<any>, options: { databaseBinding: string, r2Binding?: string }) {
+\tconst adminApp = new Hono<any>();
+
+${authMiddleware}
+
+${dashboardHomeRoute}
+
+\t// Generate table routes
+\t${tableRoutes}
+
+\t// Generate function routes
+\t${functionRoutes}
+
+	// Generate storage routes
+	${storageRoutes}
+
+\tapp.route('/admin', adminApp);
+\tapp.get('/admin/', (c) => c.redirect('/admin'));
+}
+`;
+}

package/cli/templates/dashboard/types.ts

@@ -1,9 +1,9 @@
-import { DiscoveredSchema } from "../../utils/schema-discovery";
-
-export type DiscoveredTable = DiscoveredSchema["tables"][number];
-
-export type TableInfo = {
-	exportName: string;
-	tableName: string;
-	columns: string[];
-};
+import { DiscoveredSchema } from "../../utils/schema-discovery";
+
+export type DiscoveredTable = DiscoveredSchema["tables"][number];
+
+export type TableInfo = {
+	exportName: string;
+	tableName: string;
+	columns: string[];
+};