npm - @flaredev/cli - Versions diffs - 0.4.1 → 0.5.1 - Mend

@flaredev/cli 0.4.1 → 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (48) hide show

package/dist/index.js +698 -341
package/package.json +2 -2
package/templates/app/app/dashboard/costs/page.tsx +93 -0
package/templates/app/app/dashboard/page.tsx +4 -7
package/templates/app/app/page.tsx +10 -0
package/templates/app/components/dashboard/cost-estimator.tsx +77 -0
package/templates/app/components/dashboard/fields/field-widget.tsx +237 -186
package/templates/app/components/dashboard/record-actions.tsx +7 -7
package/templates/app/components/dashboard/record-detail.tsx +1 -1
package/templates/app/components/dashboard/resource-form-sheet.tsx +86 -0
package/templates/app/components/dashboard/resource-form.tsx +129 -33
package/templates/app/components/dashboard/resource-icon.tsx +87 -85
package/templates/app/components/dashboard/resource-stats.tsx +10 -9
package/templates/app/components/dashboard/resource-table.tsx +4 -4
package/templates/app/components/dashboard/row-actions.tsx +3 -3
package/templates/app/lib/costs.ts +138 -0
package/templates/app/lib/dashboard-nav.ts +5 -1
package/templates/app/lib/dashboard.ts +66 -61
package/templates/app/lib/number.ts +33 -0
package/templates/app/lib/site.ts +56 -56
package/templates/app/lib/suggest.ts +35 -0
package/templates/app/lib/usage.ts +32 -0
package/templates/next/.env.example +21 -0
package/templates/next/README.md +16 -0
package/templates/next/app/api/health/route.ts +7 -0
package/templates/next/app/dashboard/account/password/page.tsx +19 -0
package/templates/next/app/dashboard/account/security/page.tsx +31 -0
package/templates/next/app/dashboard/actions.ts +277 -0
package/templates/next/app/dashboard/layout.tsx +64 -0
package/templates/next/app/dashboard/page.tsx +127 -0
package/templates/next/components/dashboard/resource-chart.tsx +86 -0
package/templates/next/lib/analytics.ts +71 -0
package/templates/next/lib/audit.ts +80 -0
package/templates/next/lib/auth-emails.ts +92 -0
package/templates/next/lib/auth.ts +156 -0
package/templates/next/lib/dashboard.ts +161 -0
package/templates/next/lib/db.ts +24 -0
package/templates/next/lib/mail.ts +35 -0
package/templates/next/lib/realtime.ts +23 -0
package/templates/next/lib/redis.ts +17 -0
package/templates/next/lib/storage.ts +57 -0
package/templates/next/lib/theme.ts +83 -0
package/templates/next/lib/views.ts +23 -0
package/templates/next/next.config.ts +13 -0
package/templates/next/prisma/schema/base.prisma +162 -0
package/templates/next/prisma.config.ts +15 -0
package/templates/next/tsconfig.json +24 -0
package/templates/app/components/dashboard/resource-form-dialog.tsx +0 -80

package/templates/next/lib/theme.ts ADDED Viewed

@@ -0,0 +1,83 @@
+import { site } from "./site";
+/**
+ * The six looks every Flare app ships with. The active one sets `data-theme` on <html>;
+ * app/globals.css maps it to colours, radius and type, and the auth screens pick the
+ * layout below.
+ */
+export const THEMES = {
+  default: {
+    label: "Default",
+    description: "Calm and centred, indigo accents.",
+    auth: "centered",
+    social: "after",
+    socialStyle: "full",
+    signIn: (name: string) => ({ title: `Sign in to ${name}` }),
+    signUp: (name: string) => ({ title: `Create your ${name} account` }),
+  },
+  coral: {
+    label: "Coral",
+    description: "Warm and rounded, a card floating over the page.",
+    auth: "modal",
+    social: "after",
+    socialStyle: "icon",
+    signIn: () => ({ title: "Log in or sign up" }),
+    signUp: () => ({ title: "Create your account" }),
+  },
+  amber: {
+    label: "Amber",
+    description: "Plain and direct, a boxed form with pill buttons.",
+    auth: "boxed",
+    social: "after",
+    socialStyle: "full",
+    signIn: () => ({ title: "Sign in" }),
+    signUp: () => ({ title: "Create account" }),
+  },
+  sky: {
+    label: "Sky",
+    description: "Crisp blue, a bold heading with social sign-in first.",
+    auth: "banner",
+    social: "before",
+    socialStyle: "full",
+    signIn: (name: string) => ({ title: `Log in to ${name}` }),
+    signUp: (name: string) => ({ title: `Get started with ${name}` }),
+  },
+  mono: {
+    label: "Mono",
+    description: "Black and white on a fine grid, a showcase beside the form.",
+    auth: "showcase",
+    social: "after",
+    socialStyle: "full",
+    signIn: (name: string) => ({ title: `Log in to your ${name} account` }),
+    signUp: (name: string) => ({ title: `Create your ${name} account` }),
+  },
+  emerald: {
+    label: "Emerald",
+    description: "Fresh green, the form beside a customer quote.",
+    auth: "quote",
+    social: "before",
+    socialStyle: "full",
+    signIn: () => ({ title: "Welcome back", subtitle: "Sign in to your account" }),
+    signUp: () => ({ title: "Get started", subtitle: "Create a new account" }),
+  },
+} as const;
+export type ThemeName = keyof typeof THEMES;
+export type AuthLayout = (typeof THEMES)[ThemeName]["auth"];
+/** Set from FLARE_THEME by vite.config.ts when the app is built or run. */
+/**
+ * On Cloudflare this comes from a Vite define, so `FLARE_THEME=mono flare dev` can
+ * switch the look without editing code. Next has no such constant, so the theme is
+ * whatever lib/site.ts says — change it there, or with `flare theme <name>`.
+ */
+export function isThemeName(value: unknown): value is ThemeName {
+  return typeof value === "string" && value in THEMES;
+}
+/** The theme in use: FLARE_THEME if it names one, else lib/site.ts. */
+export const activeTheme: ThemeName = isThemeName(site.theme) ? site.theme : "default";
+export const theme = THEMES[activeTheme];
+export const authLayout: AuthLayout = theme.auth;

package/templates/next/lib/views.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import { prisma } from "@/lib/db";
+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 [];
+  return prisma.savedView.findMany({
+    where: { userId: session.user.id, ...(resource ? { resource } : {}) },
+    select: { id: true, resource: true, name: true, query: true },
+    orderBy: { createdAt: "asc" },
+  });
+}

package/templates/next/next.config.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import type { NextConfig } from "next";
+const config: NextConfig = {
+  // The generated Prisma client is a real dependency of the server bundle; without this
+  // Next tries to trace it as application code and misses the query engine beside it.
+  serverExternalPackages: ["@prisma/client", "@prisma/adapter-pg"],
+  // Compile @flaredev/core from source rather than resolving it as an opaque package.
+  // Needed when it is linked from a checkout or a monorepo: the bundler won't follow a
+  // symlink out of the project root, and every import from it fails to resolve.
+  transpilePackages: ["@flaredev/core"],
+};
+export default config;

package/templates/next/prisma/schema/base.prisma ADDED Viewed

@@ -0,0 +1,162 @@
+// The part of the schema that is yours.
+//
+// Your resources live in resources.prisma beside this file, written by
+// `flare gen resource` from the descriptors in resources/. This file is never
+// regenerated: the generator, the datasource, the tables Better Auth needs and the two
+// Flare's own dashboard uses are all here, and yours to edit.
+generator client {
+  provider = "prisma-client"
+  output   = "../../lib/generated/prisma"
+}
+datasource db {
+  provider = "postgresql"
+}
+/// Better Auth: the signed-in person.
+model User {
+  id              String    @id @default(uuid())
+  name            String
+  email           String    @unique
+  emailVerified   Boolean   @default(false) @map("email_verified")
+  image           String?
+  /// Set with `flare user:role`; the dashboard's policies read it.
+  role            String?
+  banned          Boolean?
+  banReason       String?   @map("ban_reason")
+  banExpires      DateTime? @map("ban_expires")
+  twoFactorEnabled Boolean? @map("two_factor_enabled")
+  createdAt       DateTime  @default(now()) @map("created_at")
+  updatedAt       DateTime  @updatedAt @map("updated_at")
+  sessions   Session[]
+  accounts   Account[]
+  passkeys   Passkey[]
+  twoFactors TwoFactor[]
+  auditLogs  AuditLog[]
+  savedViews SavedView[]
+  @@map("users")
+}
+model Session {
+  id             String   @id @default(uuid())
+  expiresAt      DateTime @map("expires_at")
+  token          String   @unique
+  ipAddress      String?  @map("ip_address")
+  userAgent      String?  @map("user_agent")
+  userId         String   @map("user_id")
+  impersonatedBy String?  @map("impersonated_by")
+  createdAt      DateTime @default(now()) @map("created_at")
+  updatedAt      DateTime @updatedAt @map("updated_at")
+  user User @relation(fields: [userId], references: [id], onDelete: Cascade)
+  @@index([userId])
+  @@map("sessions")
+}
+model Account {
+  id                    String    @id @default(uuid())
+  accountId             String    @map("account_id")
+  providerId            String    @map("provider_id")
+  userId                String    @map("user_id")
+  accessToken           String?   @map("access_token")
+  refreshToken          String?   @map("refresh_token")
+  idToken               String?   @map("id_token")
+  accessTokenExpiresAt  DateTime? @map("access_token_expires_at")
+  refreshTokenExpiresAt DateTime? @map("refresh_token_expires_at")
+  scope                 String?
+  password              String?
+  createdAt             DateTime  @default(now()) @map("created_at")
+  updatedAt             DateTime  @updatedAt @map("updated_at")
+  user User @relation(fields: [userId], references: [id], onDelete: Cascade)
+  @@index([userId])
+  @@map("accounts")
+}
+model Verification {
+  id         String   @id @default(uuid())
+  identifier String
+  value      String
+  expiresAt  DateTime @map("expires_at")
+  createdAt  DateTime @default(now()) @map("created_at")
+  updatedAt  DateTime @updatedAt @map("updated_at")
+  @@index([identifier])
+  @@map("verifications")
+}
+model Passkey {
+  id           String    @id @default(uuid())
+  name         String?
+  publicKey    String    @map("public_key")
+  userId       String    @map("user_id")
+  credentialID String    @map("credential_id")
+  counter      Int
+  deviceType   String    @map("device_type")
+  backedUp     Boolean   @map("backed_up")
+  transports   String?
+  aaguid       String?
+  createdAt    DateTime? @default(now()) @map("created_at")
+  user User @relation(fields: [userId], references: [id], onDelete: Cascade)
+  @@index([userId])
+  @@map("passkeys")
+}
+model TwoFactor {
+  id                      String    @id @default(uuid())
+  secret                  String
+  backupCodes             String    @map("backup_codes")
+  userId                  String    @map("user_id")
+  /// Better Auth checks for these three at startup and refuses to run without them.
+  verified                Boolean?  @default(true)
+  failedVerificationCount Int?      @default(0) @map("failed_verification_count")
+  lockedUntil             DateTime? @map("locked_until")
+  user User @relation(fields: [userId], references: [id], onDelete: Cascade)
+  @@index([secret])
+  @@index([userId])
+  @@map("two_factors")
+}
+/// Who changed what, written by the dashboard's actions.
+model AuditLog {
+  id           String   @id @default(uuid())
+  action       String
+  resource     String
+  recordId     String?  @map("record_id")
+  recordLabel  String?  @map("record_label")
+  userId       String?  @map("user_id")
+  userEmail    String?  @map("user_email")
+  changes      Json?
+  ip           String?
+  createdAt    DateTime @default(now()) @map("created_at")
+  user User? @relation(fields: [userId], references: [id], onDelete: SetNull)
+  @@index([resource])
+  @@index([createdAt])
+  @@map("audit_log")
+}
+/// A saved set of filters on a resource's table.
+model SavedView {
+  id        String   @id @default(uuid())
+  name      String
+  resource  String
+  query     String
+  userId    String   @map("user_id")
+  createdAt DateTime @default(now()) @map("created_at")
+  user User @relation(fields: [userId], references: [id], onDelete: Cascade)
+  @@index([userId, resource])
+  @@map("saved_views")
+}

package/templates/next/prisma.config.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import "dotenv/config";
+import { defineConfig, env } from "prisma/config";
+/**
+ * Prisma 7 keeps the connection string out of the schema and loads env itself.
+ *
+ * `schema` points at a folder, not a file: `base.prisma` holds the generator, the
+ * datasource and the tables Flare's own features need, and `resources.prisma` is written
+ * by `flare gen resource` from your descriptors.
+ */
+export default defineConfig({
+  schema: "prisma/schema",
+  migrations: { path: "prisma/migrations" },
+  datasource: { url: env("DATABASE_URL") },
+});

package/templates/next/tsconfig.json ADDED Viewed

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "incremental": true,
+    "jsx": "preserve",
+    "types": ["node"],
+    "plugins": [{ "name": "next" }],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules", ".next", "lib/generated"]
+}

package/templates/app/components/dashboard/resource-form-dialog.tsx DELETED Viewed

@@ -1,80 +0,0 @@
-"use client";
-import { useState } from "react";
-import { PlusIcon } from "lucide-react";
-import type { ClientResource } from "@flaredev/core";
-import { Button } from "@/components/ui/button";
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
-import type { RelationMeta } from "./fields/field-widget";
-import { ResourceForm } from "./resource-form";
-export type FormRelations = Record<string, RelationMeta & { initialTitle?: string }>;
-interface Props {
-  resource: ClientResource;
-  relations: FormRelations;
-  listHref: string;
-  mode: "create" | "edit";
-  /** Edit: the record and its id. */
-  id?: string;
-  record?: Record<string, unknown> | null;
-  /** Controlled use (a row menu opens it); otherwise pass `trigger`. */
-  open?: boolean;
-  onOpenChange?: (open: boolean) => void;
-  trigger?: React.ReactNode;
-}
-/**
- * The create/edit form in a dialog, so adding a record doesn't lose the list, its
- * filters or the place in it. Apps that would rather have a page set
- * `site.dashboard.forms` to "page" (lib/site.ts) and get the same form full width.
- */
-export function ResourceFormDialog({ resource, relations, listHref, mode, id, record, open, onOpenChange, trigger }: Props) {
-  const [internalOpen, setInternalOpen] = useState(false);
-  const isOpen = open ?? internalOpen;
-  const setOpen = onOpenChange ?? setInternalOpen;
-  const noun = resource.label.toLowerCase();
-  return (
-    <Dialog open={isOpen} onOpenChange={setOpen}>
-      {trigger && <DialogTrigger asChild>{trigger}</DialogTrigger>}
-      <DialogContent className="sm:max-w-2xl">
-        <DialogHeader>
-          <DialogTitle>{mode === "create" ? `New ${noun}` : `Edit ${noun}`}</DialogTitle>
-          <DialogDescription>{mode === "create" ? `Fill this in and it appears in the list.` : "Changes save straight away."}</DialogDescription>
-        </DialogHeader>
-        {/* Remounting on open clears whatever was typed and abandoned last time. */}
-        {isOpen && (
-          <ResourceForm
-            key={`${mode}-${id ?? "new"}`}
-            resource={resource}
-            mode={mode}
-            id={id}
-            record={record}
-            relations={relations}
-            listHref={listHref}
-            onDone={() => setOpen(false)}
-          />
-        )}
-      </DialogContent>
-    </Dialog>
-  );
-}
-/** The list page's "New …" button, when forms open in a dialog. */
-export function NewRecordButton({ resource, relations, listHref }: { resource: ClientResource; relations: FormRelations; listHref: string }) {
-  return (
-    <ResourceFormDialog
-      resource={resource}
-      relations={relations}
-      listHref={listHref}
-      mode="create"
-      trigger={
-        <Button>
-          <PlusIcon data-icon="inline-start" />
-          New {resource.label.toLowerCase()}
-        </Button>
-      }
-    />
-  );
-}