create-questpie 1.0.0 → 2.0.0

package/templates/tanstack-start/src/questpie/server/config/admin.ts

@@ -0,0 +1,83 @@
+import { adminConfig } from "#questpie/factories";
+
+export default adminConfig({
+	branding: {
+		name: "{{projectName}}",
+	},
+	sidebar: {
+		sections: [
+			{
+				id: "main",
+				title: "Content",
+				items: [
+					{
+						type: "link",
+						label: "Dashboard",
+						href: "/admin",
+						icon: { type: "icon", props: { name: "ph:house" } },
+					},
+					{ type: "collection", collection: "posts" },
+					{ type: "global", global: "siteSettings" },
+				],
+			},
+		],
+	},
+	dashboard: {
+		title: "Dashboard",
+		description: "Overview of your content",
+		columns: 4,
+		sections: [
+			{ id: "content", label: "Content", layout: "grid", columns: 2 },
+			{ id: "recent", label: "Recent", layout: "grid", columns: 4 },
+		],
+		items: [
+			{
+				sectionId: "content",
+				id: "total-posts",
+				type: "stats",
+				collection: "posts",
+				label: "Total Posts",
+				span: 1,
+			},
+			{
+				sectionId: "content",
+				id: "published-posts",
+				type: "stats",
+				collection: "posts",
+				label: "Published",
+				filter: { published: true },
+				variant: "primary",
+				span: 1,
+			},
+			{
+				sectionId: "recent",
+				id: "recent-posts",
+				type: "recentItems",
+				collection: "posts",
+				label: "Recent Posts",
+				limit: 5,
+				span: 2,
+			},
+			{
+				sectionId: "recent",
+				id: "quick-actions",
+				type: "quickActions",
+				label: "Quick Actions",
+				actions: [
+					{
+						label: "New Post",
+						action: { type: "create", collection: "posts" },
+					},
+					{
+						label: "Site Settings",
+						action: {
+							type: "link",
+							href: "/admin/globals/siteSettings",
+						},
+					},
+				],
+				span: 2,
+			},
+		],
+	},
+});

package/templates/tanstack-start/src/questpie/server/config/auth.ts

@@ -0,0 +1,8 @@
+import { authConfig } from "questpie";
+
+export default authConfig({
+	emailAndPassword: {
+		enabled: true,
+		requireEmailVerification: false,
+	},
+});

package/templates/tanstack-start/src/questpie/server/config/openapi.ts

@@ -0,0 +1,10 @@
+import { openApiConfig } from "@questpie/openapi";
+
+export default openApiConfig({
+	info: {
+		title: "{{projectName}} API",
+		version: "1.0.0",
+		description: "QUESTPIE API",
+	},
+	scalar: { theme: "purple" },
+});

package/templates/tanstack-start/src/questpie/server/globals/site-settings.global.ts

@@ -1,24 +1,19 @@
-import { qb } from "@/questpie/server/builder.js";
+import { global } from "#questpie/factories";
 
-export const siteSettings = qb
-	.global("site_settings")
-	.fields((f) => ({
-		siteName: f.text({
-			label: "Site Name",
-			required: true,
-			default: "{{projectName}}",
-		}),
-		description: f.textarea({
-			label: "Site Description",
-			default: "A QUESTPIE CMS powered site",
-		}),
+export const siteSettings = global("site_settings")
+	.fields(({ f }) => ({
+		siteName: f.text().label("Site Name").required().default("{{projectName}}"),
+		description: f
+			.textarea()
+			.label("Site Description")
+			.default("A QUESTPIE powered site"),
 	}))
 	.admin(({ c }) => ({
 		label: "Site Settings",
 		icon: c.icon("ph:gear"),
 	}))
 	.form(({ v, f }) =>
-		v.form({
+		v.globalForm({
 			fields: [f.siteName, f.description],
 		}),
 	);

package/templates/tanstack-start/src/questpie/server/modules.ts

@@ -0,0 +1,10 @@
+/**
+ * Modules — static module dependencies for this project.
+ */
+import { adminModule } from "@questpie/admin/server";
+import { openApiModule } from "@questpie/openapi";
+
+export default [
+	adminModule,
+	openApiModule,
+] as const;

package/templates/tanstack-start/src/questpie/server/questpie.config.ts

@@ -0,0 +1,20 @@
+/**
+ * QUESTPIE Runtime Configuration
+ *
+ * Runtime-only configuration: database, adapters, secrets.
+ * Entity definitions (collections, globals, etc.) are codegen-generated.
+ * Sidebar, dashboard, branding are file conventions.
+ */
+
+import { ConsoleAdapter, runtimeConfig } from "questpie";
+
+import { env } from "@/lib/env.js";
+
+export default runtimeConfig({
+	app: { url: env.APP_URL },
+	db: { url: env.DATABASE_URL },
+	storage: { basePath: "/api" },
+	email: {
+		adapter: new ConsoleAdapter({ logHtml: false }),
+	},
+});

package/templates/tanstack-start/src/router.tsx

@@ -1,10 +1,11 @@
 import { createRouter } from "@tanstack/react-router";
+
 import { routeTree } from "./routeTree.gen";
 
 export function getRouter() {
-  return createRouter({
-    routeTree,
-    scrollRestoration: true,
-    defaultPreloadStaleTime: 0,
-  });
+	return createRouter({
+		routeTree,
+		scrollRestoration: true,
+		defaultPreloadStaleTime: 0,
+	});
 }

package/templates/tanstack-start/src/routes/__root.tsx

@@ -1,16 +1,18 @@
+import "virtual:iconify-preload";
+
 import { createRootRoute } from "@tanstack/react-router";
 
 export const Route = createRootRoute({
-  head: () => ({
-    meta: [
-      { charSet: "utf-8" },
-      { name: "viewport", content: "width=device-width, initial-scale=1" },
-      { title: "{{projectName}}" },
-    ],
-  }),
-  shellComponent: RootDocument,
+	head: () => ({
+		meta: [
+			{ charSet: "utf-8" },
+			{ name: "viewport", content: "width=device-width, initial-scale=1" },
+			{ title: "{{projectName}}" },
+		],
+	}),
+	shellComponent: RootDocument,
 });
 
 function RootDocument({ children }: { children: React.ReactNode }) {
-  return <>{children}</>;
+	return <>{children}</>;
 }

package/templates/tanstack-start/src/routes/admin/$.tsx

@@ -1,21 +1,22 @@
-import { AdminRouter } from "@questpie/admin/client";
 import { createFileRoute, useNavigate } from "@tanstack/react-router";
 
+import { AdminRouter } from "@questpie/admin/client";
+
 function AdminCatchAll() {
-  const navigate = useNavigate();
-  const params = Route.useParams();
-  const splat = params._splat as string;
-  const segments = splat ? splat.split("/").filter(Boolean) : [];
+	const navigate = useNavigate();
+	const params = Route.useParams();
+	const splat = params._splat as string;
+	const segments = splat ? splat.split("/").filter(Boolean) : [];
 
-  return (
-    <AdminRouter
-      segments={segments}
-      navigate={(path) => navigate({ to: path })}
-      basePath="/admin"
-    />
-  );
+	return (
+		<AdminRouter
+			segments={segments}
+			navigate={(path) => navigate({ to: path })}
+			basePath="/admin"
+		/>
+	);
 }
 
 export const Route = createFileRoute("/admin/$")({
-  component: AdminCatchAll,
+	component: AdminCatchAll,
 });

package/templates/tanstack-start/src/routes/admin/index.tsx

@@ -1,18 +1,19 @@
-import { AdminRouter } from "@questpie/admin/client";
 import { createFileRoute, useNavigate } from "@tanstack/react-router";
 
+import { AdminRouter } from "@questpie/admin/client";
+
 function AdminDashboard() {
-  const navigate = useNavigate();
+	const navigate = useNavigate();
 
-  return (
-    <AdminRouter
-      segments={[]}
-      navigate={(path) => navigate({ to: path })}
-      basePath="/admin"
-    />
-  );
+	return (
+		<AdminRouter
+			segments={[]}
+			navigate={(path) => navigate({ to: path })}
+			basePath="/admin"
+		/>
+	);
 }
 
 export const Route = createFileRoute("/admin/")({
-  component: AdminDashboard,
+	component: AdminDashboard,
 });

package/templates/tanstack-start/src/routes/admin/login.tsx

@@ -1,17 +1,18 @@
-import { LoginPage } from "@questpie/admin/client";
 import { createFileRoute } from "@tanstack/react-router";
 
+import { LoginPage } from "@questpie/admin/client";
+
 export const Route = createFileRoute("/admin/login")({
-  component: AdminLoginPage,
+	component: AdminLoginPage,
 });
 
 function AdminLoginPage() {
-  return (
-    <LoginPage
-      title="Welcome back"
-      description="Sign in to access admin panel"
-      showForgotPassword={false}
-      showSignUp={false}
-    />
-  );
+	return (
+		<LoginPage
+			title="Welcome back"
+			description="Sign in to access admin panel"
+			showForgotPassword={false}
+			showSignUp={false}
+		/>
+	);
 }

package/templates/tanstack-start/src/routes/admin.tsx

@@ -1,68 +1,69 @@
-import { AdminLayoutProvider } from "@questpie/admin/client";
 import {
-  createFileRoute,
-  HeadContent,
-  Link,
-  Outlet,
-  Scripts,
-  useLocation,
+	createFileRoute,
+	HeadContent,
+	Link,
+	Outlet,
+	Scripts,
+	useLocation,
 } from "@tanstack/react-router";
-import { authClient } from "~/lib/auth-client";
-import { client } from "~/lib/cms-client";
-import { queryClient } from "~/lib/query-client";
-import { admin } from "~/questpie/admin/admin";
+
+import { authClient } from "@/lib/auth-client";
+import { client } from "@/lib/client";
+import { queryClient } from "@/lib/query-client";
+import { admin } from "@/questpie/admin/admin";
+import { AdminLayoutProvider } from "@questpie/admin/client";
 
 import adminCss from "../admin.css?url";
 
 function AdminLink({
-  to,
-  className,
-  children,
-  activeProps,
+	to,
+	className,
+	children,
+	activeProps,
 }: {
-  to: string;
-  className?: string;
-  children: React.ReactNode;
-  activeProps?: { className?: string };
+	to: string;
+	className?: string;
+	children: React.ReactNode;
+	activeProps?: { className?: string };
 }) {
-  return (
-    <Link to={to} className={className} activeProps={activeProps}>
-      {children}
-    </Link>
-  );
+	return (
+		<Link to={to} className={className} activeProps={activeProps}>
+			{children}
+		</Link>
+	);
 }
 
 export const Route = createFileRoute("/admin")({
-  head: () => ({
-    title: "Admin Panel",
-    links: [{ rel: "stylesheet", href: adminCss }],
-  }),
-  component: AdminLayout,
+	head: () => ({
+		title: "Admin Panel",
+		links: [{ rel: "stylesheet", href: adminCss }],
+	}),
+	component: AdminLayout,
 });
 
 function AdminLayout() {
-  const location = useLocation();
+	const location = useLocation();
 
-  return (
-    <html lang="en" className="dark">
-      <head>
-        <HeadContent />
-      </head>
-      <body>
-        <AdminLayoutProvider
-          admin={admin}
-          client={client}
-          queryClient={queryClient}
-          authClient={authClient}
-          LinkComponent={AdminLink}
-          activeRoute={location.pathname}
-          basePath="/admin"
-          useServerTranslations
-        >
-          <Outlet />
-        </AdminLayoutProvider>
-        <Scripts />
-      </body>
-    </html>
-  );
+	return (
+		<html lang="en" className="dark">
+			<head>
+				<HeadContent />
+			</head>
+			<body>
+				<AdminLayoutProvider
+					admin={admin}
+					client={client}
+					queryClient={queryClient}
+					authClient={authClient}
+					LinkComponent={AdminLink}
+					activeRoute={location.pathname}
+					basePath="/admin"
+					useServerTranslations
+				>
+					<Outlet />
+				</AdminLayoutProvider>
+				<Scripts />
+			</body>
+		</html>
+	);
 }

package/templates/tanstack-start/src/routes/api/{cms/$.ts → $.ts}

@@ -1,25 +1,11 @@
-import { withOpenApi } from "@questpie/openapi";
 import { createFileRoute } from "@tanstack/react-router";
 import { createFetchHandler } from "questpie";
-import { appRpc, cms } from "@/questpie/server/app.js";
 
-const handler = withOpenApi(
-	createFetchHandler(cms, {
-		basePath: "/api/cms",
-		rpc: appRpc,
-	}),
-	{
-		cms,
-		rpc: appRpc,
-		basePath: "/api/cms",
-		info: {
-			title: "{{projectName}} API",
-			version: "1.0.0",
-			description: "QUESTPIE CMS API",
-		},
-		scalar: { theme: "purple" },
-	},
-);
+import { app } from "@/questpie/server/app.js";
+
+const handler = createFetchHandler(app, {
+	basePath: "/api",
+});
 
 const handleCmsRequest = async (request: Request) => {
 	const response = await handler(request);
@@ -32,7 +18,7 @@ const handleCmsRequest = async (request: Request) => {
 	);
 };
 
-export const Route = createFileRoute("/api/cms/$")({
+export const Route = createFileRoute("/api/$")({
 	server: {
 		handlers: {
 			GET: ({ request }) => handleCmsRequest(request),