@notionx/create-notionx-app 1.0.0

package/dist/templates/components/ui/table.tsx.tmpl

@@ -0,0 +1,107 @@
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="relative w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
+  </div>
+));
+Table.displayName = "Table";
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+));
+TableHeader.displayName = "TableHeader";
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+));
+TableBody.displayName = "TableBody";
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className)}
+    {...props}
+  />
+));
+TableFooter.displayName = "TableFooter";
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn("border-b transition-colors hover:bg-muted/50", className)}
+    {...props}
+  />
+));
+TableRow.displayName = "TableRow";
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground",
+      className
+    )}
+    {...props}
+  />
+));
+TableHead.displayName = "TableHead";
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td ref={ref} className={cn("p-4 align-middle", className)} {...props} />
+));
+TableCell.displayName = "TableCell";
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("mt-4 text-sm text-muted-foreground", className)}
+    {...props}
+  />
+));
+TableCaption.displayName = "TableCaption";
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+};
+

package/dist/templates/components/ui/tabs.tsx.tmpl

@@ -0,0 +1,55 @@
+"use client";
+
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cn } from "@/lib/utils";
+
+const Tabs = TabsPrimitive.Root;
+
+const TabsList = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.List
+    ref={ref}
+    className={cn(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      className
+    )}
+    {...props}
+  />
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+
+const TabsTrigger = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+      className
+    )}
+    {...props}
+  />
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+
+const TabsContent = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Content
+    ref={ref}
+    className={cn(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    )}
+    {...props}
+  />
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+export { Tabs, TabsList, TabsTrigger, TabsContent };
+

package/dist/templates/components/ui/textarea.tsx.tmpl

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+export interface TextareaProps
+  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
+
+const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
+  ({ className, ...props }, ref) => {
+    return (
+      <textarea
+        className={cn(
+          "flex min-h-20 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+export { Textarea };
+

package/dist/templates/components/ui/tooltip.tsx.tmpl

@@ -0,0 +1,30 @@
+"use client";
+
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cn } from "@/lib/utils";
+
+const TooltipProvider = TooltipPrimitive.Provider;
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+
+const TooltipContent = React.forwardRef<
+  React.ElementRef<typeof TooltipPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <TooltipPrimitive.Portal>
+    <TooltipPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95",
+        className
+      )}
+      {...props}
+    />
+  </TooltipPrimitive.Portal>
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+

package/dist/templates/components.json.tmpl

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

package/dist/templates/env.d.ts.tmpl

@@ -0,0 +1,32 @@
+/// <reference types="@cloudflare/workers-types" />
+
+// Bindings declared in `wrangler.jsonc`. Add more entries here as
+// you wire up new bindings (KV, R2, queues, durable objects, etc.).
+
+interface Env {
+  ASSETS: Fetcher;
+  IMAGES: ImagesBinding;
+  DB: D1Database;
+  CONTENT_CACHE: KVNamespace;
+  VINEXT_KV_CACHE: KVNamespace;
+  ASSETS_BUCKET: R2Bucket;
+  NOTION_TOKEN?: string;
+  NOTION_DATA_SOURCE_ID?: string;
+  NOTION_PAGES_DATA_SOURCE_ID?: string;
+  // Read by `lib/site/settings.ts`. The scaffolder writes the
+  // real id into wrangler.jsonc#vars. Leave the empty string
+  // here as a sentinel for "Notion not configured" — the loader
+  // will fall back to the static values in `lib/site/config.ts`.
+  NOTION_SITE_SETTINGS_DATA_SOURCE_ID?: string;
+  SITE_URL?: string;
+}
+
+interface ImagesBinding {
+  input(stream: ReadableStream): {
+    transform(options: Record<string, unknown>): {
+      output(options: { format: string; quality: number }): Promise<{
+        response(): Response;
+      }>;
+    };
+  };
+}

package/dist/templates/lib/admin/actions.ts.tmpl

@@ -0,0 +1,43 @@
+"use server";
+
+import { redirect } from "next/navigation";
+import {
+  changeUserPassword,
+  getCurrentUser,
+  setUserSessionCookie,
+  userToSession,
+  validatePasswordStrength,
+} from "@notionx/core/auth";
+
+export async function changePasswordAction(formData: FormData): Promise<void> {
+  const user = await getCurrentUser();
+  if (!user) redirect("/login");
+
+  const currentPassword = String(formData.get("currentPassword") ?? "");
+  const newPassword = String(formData.get("newPassword") ?? "");
+  const confirmPassword = String(formData.get("confirmPassword") ?? "");
+
+  const passwordError = validatePasswordStrength(newPassword);
+  if (passwordError) {
+    redirect(`/admin/account?error=${encodeURIComponent(passwordError)}`);
+  }
+  if (newPassword !== confirmPassword) {
+    redirect("/admin/account?error=两次输入的新密码不一致");
+  }
+
+  const result = await changeUserPassword({
+    userId: user.uid,
+    currentPassword,
+    newPassword,
+  });
+
+  if (!result.ok) {
+    if (result.reason === "no_password") {
+      redirect("/admin/account?error=当前账号未设置密码");
+    }
+    redirect("/admin/account?error=当前密码不正确");
+  }
+
+  await setUserSessionCookie(userToSession(result.user));
+  redirect("/admin/account?saved=1");
+}

package/dist/templates/lib/admin/context.tsx.tmpl

@@ -0,0 +1,209 @@
+import type { ReactNode } from "react";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Separator } from "@/components/ui/separator";
+import { Skeleton } from "@/components/ui/skeleton";
+import {
+  contentSources,
+  managedContentSources,
+  {{contentSourceVarName}},
+} from "@/lib/content/models";
+import { siteConfig } from "@/lib/site/config";
+import { changePasswordAction } from "./actions";
+import {
+  getAuthViewer,
+  getCurrentUser,
+  getUserById,
+} from "@notionx/core/auth";
+import { getContentModelAdminSummaries } from "@notionx/core/content";
+import {
+  getNotionEditBaseUrl,
+  listGenericNotionContent,
+} from "@notionx/core/notion";
+import type { AdminPageContext } from "@notionx/core/admin/pages";
+import { getAppSettings, isAdminEmail } from "@notionx/core/internal-admin";
+import { getSiteUrl, workerEnv } from "@notionx/core/util";
+import { cn } from "@/lib/utils";
+
+function Table({ children }: { children: ReactNode }) {
+  return (
+    <div className="w-full overflow-auto">
+      <table className="w-full caption-bottom text-sm">{children}</table>
+    </div>
+  );
+}
+
+function TableHeader({ children }: { children: ReactNode }) {
+  return <thead className="[&_tr]:border-b">{children}</thead>;
+}
+
+function TableBody({ children }: { children: ReactNode }) {
+  return <tbody className="[&_tr:last-child]:border-0">{children}</tbody>;
+}
+
+function TableRow({ children }: { children: ReactNode }) {
+  return (
+    <tr className="border-b transition-colors hover:bg-muted/50">
+      {children}
+    </tr>
+  );
+}
+
+function TableHead({
+  className,
+  children,
+}: {
+  className?: string;
+  children?: ReactNode;
+}) {
+  return (
+    <th
+      className={cn(
+        "h-10 px-4 text-left align-middle font-medium text-muted-foreground",
+        className
+      )}
+    >
+      {children}
+    </th>
+  );
+}
+
+function TableCell({
+  className,
+  children,
+  colSpan,
+}: {
+  className?: string;
+  children?: ReactNode;
+  colSpan?: number;
+}) {
+  return (
+    <td className={cn("p-4 align-middle", className)} colSpan={colSpan}>
+      {children}
+    </td>
+  );
+}
+
+function Alert({
+  variant,
+  className,
+  children,
+}: {
+  variant?: "default" | "destructive";
+  className?: string;
+  children: ReactNode;
+}) {
+  return (
+    <div
+      className={cn(
+        "rounded-md border px-4 py-3 text-sm",
+        variant === "destructive"
+          ? "border-destructive/50 text-destructive"
+          : "border-border",
+        className
+      )}
+      role="alert"
+    >
+      {children}
+    </div>
+  );
+}
+
+function AlertTitle({ children }: { children: ReactNode }) {
+  return <div className="mb-1 font-medium leading-none">{children}</div>;
+}
+
+function AlertDescription({ children }: { children: ReactNode }) {
+  return <div className="text-sm opacity-90">{children}</div>;
+}
+
+function Passthrough({ children }: { children: ReactNode }) {
+  return <>{children}</>;
+}
+
+async function getNotionPostsMeta() {
+  const items = await listGenericNotionContent({{contentSourceVarName}});
+  return items.map((item) => ({
+    slug: item.slug,
+    title: item.title,
+    author: "Notion",
+    date: item.date,
+    tags: item.tags,
+    editUrl: item.editUrl,
+  }));
+}
+
+async function getAdminViewer() {
+  const viewer = await getAuthViewer();
+  if (!viewer) return null;
+  return {
+    viewer: { email: viewer.email },
+    viewerEmail: viewer.email,
+    admin: viewer.isAdmin,
+  };
+}
+
+export function buildAdminPageContext(): AdminPageContext {
+  return {
+    ui: {
+      Button: Button as AdminPageContext["ui"]["Button"],
+      Input: Input as AdminPageContext["ui"]["Input"],
+      Label: Label as AdminPageContext["ui"]["Label"],
+      Card: Card as AdminPageContext["ui"]["Card"],
+      CardHeader: CardHeader as AdminPageContext["ui"]["CardHeader"],
+      CardTitle: CardTitle as AdminPageContext["ui"]["CardTitle"],
+      CardDescription:
+        CardDescription as AdminPageContext["ui"]["CardDescription"],
+      CardContent: CardContent as AdminPageContext["ui"]["CardContent"],
+      Badge: Badge as AdminPageContext["ui"]["Badge"],
+      Table,
+      TableHeader,
+      TableBody,
+      TableRow,
+      TableHead,
+      TableCell,
+      Alert,
+      AlertTitle,
+      AlertDescription,
+      Separator: Separator as AdminPageContext["ui"]["Separator"],
+      Skeleton: Skeleton as AdminPageContext["ui"]["Skeleton"],
+      AlertDialog: Passthrough,
+      AlertDialogTrigger: Passthrough,
+      AlertDialogContent: Passthrough,
+      AlertDialogHeader: Passthrough,
+      AlertDialogTitle: Passthrough,
+      AlertDialogDescription: Passthrough,
+      AlertDialogFooter: Passthrough,
+      AlertDialogAction: Passthrough,
+      AlertDialogCancel: Passthrough,
+    },
+    actions: {
+      changePassword: changePasswordAction,
+    },
+    data: {
+      getNotionPostsMeta,
+      getNotionEditBaseUrl,
+      getAdminViewer,
+      isAdminEmail,
+      getCurrentUser,
+      getAppSettings,
+      getSiteUrl,
+      workerEnv: { TURNSTILE_SECRET_KEY: workerEnv.TURNSTILE_SECRET_KEY },
+      getUserById,
+      getContentModelAdminSummaries: () =>
+        getContentModelAdminSummaries(managedContentSources),
+    },
+    extra: {
+      siteName: siteConfig.name,
+    },
+  };
+}

package/dist/templates/lib/admin/nav.ts.tmpl

@@ -0,0 +1,23 @@
+// Sidebar navigation for `/admin/*`. The package's `createAdminNav`
+// factory sorts items by `order` and filters out any that require a
+// role the viewer does not have.
+
+import { createAdminNav } from "@notionx/core/admin";
+
+export const adminNav = createAdminNav([
+  { href: "/admin", labelKey: "admin.nav.dashboard", icon: "Home", order: 10 },
+  {
+    href: "/admin/content-models",
+    labelKey: "admin.nav.models",
+    icon: "Database",
+    order: 20,
+  },
+  {
+    href: "/admin/account",
+    labelKey: "admin.nav.account",
+    icon: "User",
+    order: 60,
+  },
+]);
+
+export default adminNav;

package/dist/templates/lib/auth.config.fallback.ts.tmpl

@@ -0,0 +1,10 @@
+// Auth is disabled in this project (scaffolded with `--no-auth` or
+// `notionx remove auth`). This stub exports `undefined` so the
+// worker entry point can pass it to `createNotionxWorker`, which
+// skips session cookie reading and the admin gate entirely.
+
+import type { AuthConfig } from "@notionx/core/types";
+
+export const authConfig: AuthConfig | undefined = undefined;
+
+export default authConfig;

package/dist/templates/lib/auth.config.ts.tmpl

@@ -0,0 +1,45 @@
+// Auth configuration consumed by `createAuth` and the auth helpers
+// from `@notionx/core`. The package uses the `databaseBinding`
+// name to look up the D1 binding on the platform runtime, the
+// `tables` map to know which tables back users, sessions, password
+// resets, email verifications, and rate-limit buckets, and the
+// `sessionCookie` / `roles` / `turnstile` / `email` / `oauth` blocks
+// to bind the corresponding cookie names, role names, captcha
+// settings, email provider, and OAuth client to the auth helpers.
+
+import type { AuthConfig } from "@notionx/core/types";
+
+export const authConfig: AuthConfig = {
+  databaseBinding: "DB",
+  tables: {
+    users: "users",
+    sessions: "sessions",
+    passwordResets: "password_resets",
+    emailVerifications: "email_verifications",
+    authRateLimits: "auth_rate_limits",
+  },
+  sessionCookie: {
+    name: "vinext_session",
+    maxAge: 60 * 60 * 24 * 7,
+    secure: true,
+  },
+  turnstile: {
+    siteKeyEnv: "TURNSTILE_SITE_KEY",
+    secretKeyEnv: "TURNSTILE_SECRET_KEY",
+  },
+  email: {
+    provider: "resend",
+    fromEnv: "RESEND_FROM",
+    apiKeyEnv: "RESEND_API_KEY",
+  },
+  oauth: {
+    google: {
+      clientIdEnv: "GOOGLE_CLIENT_ID",
+      clientSecretEnv: "GOOGLE_CLIENT_SECRET",
+    },
+  },
+  roles: { default: "user", vip: "vip", admin: "admin" },
+  password: { minLength: 8 },
+};
+
+export default authConfig;

package/dist/templates/lib/blocks/translations.ts.tmpl

@@ -0,0 +1,44 @@
+// Locale-aware block lookup. Uses the default-locale fallback rule:
+// a block without a translation in the target locale resolves to the
+// default-locale copy so page shells stay usable.
+
+import {
+  pickTranslation,
+  pickTranslationOrDefault,
+} from "@notionx/core";
+import { i18n } from "@/lib/i18n";
+import { blocksContract } from "@/lib/locale-contract";
+
+export type BlockTranslation = {
+  pageId: string;
+  sourcePageId: string;
+  locale: string;
+  title: string;
+  description: string;
+  eyebrow: string;
+  headline: string;
+  subheadline: string;
+  body: string;
+  quote: string;
+  quoteAttribution: string;
+  primaryCtaLabel: string;
+  primaryCtaHref: string;
+  secondaryCtaLabel: string;
+  secondaryCtaHref: string;
+  published: boolean;
+};
+
+export function pickBlockTranslation(
+  rows: readonly BlockTranslation[],
+  locale: string
+) {
+  return (
+    pickTranslation(rows, locale, blocksContract, i18n.defaultLocale) ??
+    pickTranslationOrDefault(
+      rows,
+      locale,
+      i18n.defaultLocale,
+      blocksContract
+    )
+  );
+}