@flaredev/cli 0.2.0 → 0.4.0

package/templates/app/lib/site.ts

@@ -1,47 +1,56 @@
-import type { ThemeName } from "./theme";
-
-/**
- * What the site says about itself: the home page, the sign-in screens' side panels and
- * the page titles read from here. Edit freely.
- */
-export const site = {
-  name: "__APP_NAME__",
-  tagline: "The fastest way to run your business",
-  description: "__APP_NAME__ keeps your team, your customers and your data in one place, and it's live on the edge in every region.",
-  /**
-   * The look of the whole app: sign-in screens, dashboard, admin and home page.
-   * One of: default, coral, amber, sky, mono, emerald. FLARE_THEME (shell or .env)
-   * overrides it when the app is built or run with `flare dev`.
-   */
-  theme: "__THEME__" as ThemeName,
-  /** The small pill above the home page headline; set to null to hide it. */
-  announcement: { label: "New", text: "Passkeys and two-factor sign-in are here", href: "/sign-up" } as { label: string; text: string; href: string } | null,
-  /** The home page's feature grid (icon names from lucide.dev). */
-  features: [
-    { icon: "zap", title: "Fast everywhere", description: "Served from the edge in every region, so pages load in milliseconds wherever your customers are." },
-    { icon: "shield-check", title: "Secure by default", description: "Passkeys, two-factor sign-in, roles and rate limits, switched on from day one." },
-    { icon: "layout-dashboard", title: "One place for your data", description: "Every record your team keeps, with search, filters and an admin built in." },
-    { icon: "users", title: "Built for teams", description: "Invite your team, give each person the right access, and see who changed what." },
-    { icon: "plug", title: "Connects to your tools", description: "A documented API for every record, ready for your scripts and integrations." },
-    { icon: "credit-card", title: "Billing when you need it", description: "Plans, checkout and invoices through Stripe, without building a billing system." },
-  ],
-  /** Placeholder names for the logo strip: replace them with your customers (or remove the strip). */
-  customers: ["Acme", "Globex", "Initech", "Vandelay", "Northwind", "Brightline"],
-  /** Shown beside the sign-up form. */
-  highlights: [
-    "Set up in minutes, with nothing to install",
-    "Secure sign-in with passkeys and two-factor",
-    "Your data stays yours: export it any time",
-  ],
-  /** Shown on the sign-in screen of themes with a quote panel. */
-  testimonial: {
-    quote: "We moved our whole workflow over in an afternoon. The team hasn't looked back.",
-    author: "Alex Rivera",
-    role: "Head of Operations",
-  },
-  links: {
-    terms: "/terms",
-    privacy: "/privacy",
-    support: "mailto:support@example.com",
-  },
-};
+import type { ThemeName } from "./theme";
+
+/**
+ * What the site says about itself: the home page, the sign-in screens' side panels and
+ * the page titles read from here. Edit freely.
+ */
+export const site = {
+  name: "__APP_NAME__",
+  tagline: "The fastest way to run your business",
+  description: "__APP_NAME__ keeps your team, your customers and your data in one place, and it's live on the edge in every region.",
+  /**
+   * The look of the whole app: sign-in screens, dashboard, admin and home page.
+   * One of: default, coral, amber, sky, mono, emerald. FLARE_THEME (shell or .env)
+   * overrides it when the app is built or run with `flare dev`.
+   */
+  theme: "__THEME__" as ThemeName,
+  /** How the dashboard behaves. */
+  dashboard: {
+    /**
+     * Where a record is created and edited: in a dialog over the list ("modal", the
+     * default, which keeps the list, its filters and your place in it), or on its own
+     * page ("page", better for long forms).
+     */
+    forms: "modal" as "modal" | "page",
+  },
+  /** The small pill above the home page headline; set to null to hide it. */
+  announcement: { label: "New", text: "Passkeys and two-factor sign-in are here", href: "/sign-up" } as { label: string; text: string; href: string } | null,
+  /** The home page's feature grid (icon names from lucide.dev). */
+  features: [
+    { icon: "zap", title: "Fast everywhere", description: "Served from the edge in every region, so pages load in milliseconds wherever your customers are." },
+    { icon: "shield-check", title: "Secure by default", description: "Passkeys, two-factor sign-in, roles and rate limits, switched on from day one." },
+    { icon: "layout-dashboard", title: "One place for your data", description: "Every record your team keeps, with search, filters and an admin built in." },
+    { icon: "users", title: "Built for teams", description: "Invite your team, give each person the right access, and see who changed what." },
+    { icon: "plug", title: "Connects to your tools", description: "A documented API for every record, ready for your scripts and integrations." },
+    { icon: "credit-card", title: "Billing when you need it", description: "Plans, checkout and invoices through Stripe, without building a billing system." },
+  ],
+  /** Placeholder names for the logo strip: replace them with your customers (or remove the strip). */
+  customers: ["Acme", "Globex", "Initech", "Vandelay", "Northwind", "Brightline"],
+  /** Shown beside the sign-up form. */
+  highlights: [
+    "Set up in minutes, with nothing to install",
+    "Secure sign-in with passkeys and two-factor",
+    "Your data stays yours: export it any time",
+  ],
+  /** Shown on the sign-in screen of themes with a quote panel. */
+  testimonial: {
+    quote: "We moved our whole workflow over in an afternoon. The team hasn't looked back.",
+    author: "Alex Rivera",
+    role: "Head of Operations",
+  },
+  links: {
+    terms: "/terms",
+    privacy: "/privacy",
+    support: "mailto:support@example.com",
+  },
+};

package/templates/app/lib/views.ts

@@ -0,0 +1,29 @@
+import { and, asc, eq } from "drizzle-orm";
+import { getDb } from "@/db";
+import { savedView } from "@/db/flare-schema";
+import { dashboardSession } from "./dashboard";
+
+export interface SavedView {
+  id: string;
+  resource: string;
+  name: string;
+  query: string;
+}
+
+/** How many views one person may keep per resource, so the sidebar stays a sidebar. */
+export const MAX_VIEWS = 12;
+
+/** This person's saved views, oldest first so the sidebar doesn't reshuffle. */
+export async function listViews(resource?: string): Promise<SavedView[]> {
+  const { session } = await dashboardSession();
+  if (!session) return [];
+  const where = resource
+    ? and(eq(savedView.userId, session.user.id), eq(savedView.resource, resource))
+    : eq(savedView.userId, session.user.id);
+  const rows = await getDb()
+    .select({ id: savedView.id, resource: savedView.resource, name: savedView.name, query: savedView.query })
+    .from(savedView)
+    .where(where)
+    .orderBy(asc(savedView.createdAt));
+  return rows;
+}

package/templates/app/migrations/0000_init.sql

@@ -87,11 +87,34 @@ CREATE TABLE `verification` (
 );
 --> statement-breakpoint
 CREATE INDEX `verification_identifier_idx` ON `verification` (`identifier`);--> statement-breakpoint
+CREATE TABLE `audit_log` (
+	`id` text PRIMARY KEY NOT NULL,
+	`action` text NOT NULL,
+	`resource` text NOT NULL,
+	`record_id` text,
+	`record_label` text,
+	`user_id` text,
+	`user_email` text,
+	`changes` text,
+	`ip` text,
+	`created_at` integer DEFAULT (cast(unixepoch('subsecond') * 1000 as integer)) NOT NULL
+);
+--> statement-breakpoint
+CREATE INDEX `audit_log_created_at_idx` ON `audit_log` (`created_at`);--> statement-breakpoint
+CREATE INDEX `audit_log_resource_idx` ON `audit_log` (`resource`);--> statement-breakpoint
 CREATE TABLE `role` (
 	`name` text PRIMARY KEY NOT NULL,
 	`label` text NOT NULL,
 	`created_at` integer DEFAULT (cast(unixepoch('subsecond') * 1000 as integer)) NOT NULL
 );
 --> statement-breakpoint
--- Built-in roles: lib/admin.ts lets both into /admin. Add more with `flare role:add`.
-INSERT INTO `role` (`name`, `label`) VALUES ('admin', 'Admin'), ('staff', 'Staff');
+CREATE TABLE `saved_view` (
+	`id` text PRIMARY KEY NOT NULL,
+	`user_id` text NOT NULL,
+	`resource` text NOT NULL,
+	`name` text NOT NULL,
+	`query` text NOT NULL,
+	`created_at` integer DEFAULT (cast(unixepoch('subsecond') * 1000 as integer)) NOT NULL
+);
+--> statement-breakpoint
+CREATE INDEX `saved_view_user_idx` ON `saved_view` (`user_id`,`resource`);

package/templates/app/migrations/meta/0000_snapshot.json

@@ -1,7 +1,7 @@
 {
   "version": "6",
   "dialect": "sqlite",
-  "id": "79194ad1-2287-43f7-8f37-64fded59352b",
+  "id": "06909070-5897-4787-87c1-4e86bf5f98d3",
   "prevId": "00000000-0000-0000-0000-000000000000",
   "tables": {
     "account": {
@@ -606,6 +606,102 @@
       "uniqueConstraints": {},
       "checkConstraints": {}
     },
+    "audit_log": {
+      "name": "audit_log",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "action": {
+          "name": "action",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "resource": {
+          "name": "resource",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "record_id": {
+          "name": "record_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "record_label": {
+          "name": "record_label",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "user_email": {
+          "name": "user_email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "changes": {
+          "name": "changes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "ip": {
+          "name": "ip",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast(unixepoch('subsecond') * 1000 as integer))"
+        }
+      },
+      "indexes": {
+        "audit_log_created_at_idx": {
+          "name": "audit_log_created_at_idx",
+          "columns": [
+            "created_at"
+          ],
+          "isUnique": false
+        },
+        "audit_log_resource_idx": {
+          "name": "audit_log_resource_idx",
+          "columns": [
+            "resource"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
     "role": {
       "name": "role",
       "columns": {
@@ -637,6 +733,68 @@
       "compositePrimaryKeys": {},
       "uniqueConstraints": {},
       "checkConstraints": {}
+    },
+    "saved_view": {
+      "name": "saved_view",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "resource": {
+          "name": "resource",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "query": {
+          "name": "query",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast(unixepoch('subsecond') * 1000 as integer))"
+        }
+      },
+      "indexes": {
+        "saved_view_user_idx": {
+          "name": "saved_view_user_idx",
+          "columns": [
+            "user_id",
+            "resource"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
     }
   },
   "views": {},

package/templates/app/migrations/meta/_journal.json

@@ -5,7 +5,7 @@
     {
       "idx": 0,
       "version": "6",
-      "when": 1790089765410,
+      "when": 1790112915429,
       "tag": "0000_init",
       "breakpoints": true
     }

package/templates/app/vite.config.ts

@@ -1,31 +1,41 @@
-import { defineConfig, loadEnv } from "vite";
-import vinext from "vinext";
-import { cloudflare } from "@cloudflare/vite-plugin";
-import { kvDataAdapter } from "@vinext/cloudflare/cache/kv-data-adapter";
-
-export default defineConfig(({ mode }) => ({
-  // FLARE_THEME (shell or .env) picks the theme for this build; see lib/theme.ts.
-  define: { __FLARE_THEME__: JSON.stringify(loadEnv(mode, process.cwd(), "FLARE_").FLARE_THEME ?? "") },
-  // `flare dev --tunnel` serves the dev server on a https://*.trycloudflare.com URL.
-  server: { allowedHosts: [".trycloudflare.com"] },
-  plugins: [
-    vinext({
-      cache: {
-        // Data cache (`cached()`, fetch, "use cache") in Workers KV, shared by every colo.
-        // Entries live a day unless a tag revalidates them first; a colo may reuse its own
-        // copy for a minute after a write elsewhere.
-        data: kvDataAdapter({ ttlSeconds: 86_400, entryCacheTtlSeconds: 60 }),
-        // No `cdn` adapter yet. vinext's Workers Cache adapter (cdnAdapter) is experimental
-        // in the 1.0 beta: behind it, any page that redirects fails with "Too many
-        // redirects", and nothing is cached without an experimental two-stage deploy.
-        // See "Caching" in the Flare docs before turning it on.
-      },
-    }),
-    cloudflare({
-      viteEnvironment: {
-        name: "rsc",
-        childEnvironments: ["ssr"],
-      },
-    }),
-  ],
-}));
+import { defineConfig, loadEnv } from "vite";
+import vinext from "vinext";
+import { cloudflare } from "@cloudflare/vite-plugin";
+import { kvDataAdapter } from "@vinext/cloudflare/cache/kv-data-adapter";
+
+export default defineConfig(({ mode }) => ({
+  // FLARE_THEME (shell or .env) picks the theme for this build; see lib/theme.ts.
+  define: { __FLARE_THEME__: JSON.stringify(loadEnv(mode, process.cwd(), "FLARE_").FLARE_THEME ?? "") },
+  // `flare dev --tunnel` serves the dev server on a https://*.trycloudflare.com URL.
+  server: { allowedHosts: [".trycloudflare.com"] },
+  optimizeDeps: {
+    /*
+     * Packages that ship their own "use client" components are left out of dependency
+     * pre-bundling. Bundled, the browser and the server each end up with their own copy
+     * of the same module, and a client-side navigation lands on the wrong one — which is
+     * the "Cannot read properties of null (reading 'useSyncExternalStore')" you get once
+     * and never again after a reload.
+     */
+    exclude: ["lucide-react", "vinext", "radix-ui", "@radix-ui/react-slot", "sonner", "cmdk", "react-day-picker", "@flaredev/core"],
+  },
+  plugins: [
+    vinext({
+      cache: {
+        // Data cache (`cached()`, fetch, "use cache") in Workers KV, shared by every colo.
+        // Entries live a day unless a tag revalidates them first; a colo may reuse its own
+        // copy for a minute after a write elsewhere.
+        data: kvDataAdapter({ ttlSeconds: 86_400, entryCacheTtlSeconds: 60 }),
+        // No `cdn` adapter yet. vinext's Workers Cache adapter (cdnAdapter) is experimental
+        // in the 1.0 beta: behind it, any page that redirects fails with "Too many
+        // redirects", and nothing is cached without an experimental two-stage deploy.
+        // See "Caching" in the Flare docs before turning it on.
+      },
+    }),
+    cloudflare({
+      viteEnvironment: {
+        name: "rsc",
+        childEnvironments: ["ssr"],
+      },
+    }),
+  ],
+}));