npm - create-questpie - Versions diffs - 1.0.0 - Mend

create-questpie 1.0.0

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 (40) hide show

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

@@ -0,0 +1,68 @@
+import { AdminLayoutProvider } from "@questpie/admin/client";
+import {
+  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 adminCss from "../admin.css?url";
+function AdminLink({
+  to,
+  className,
+  children,
+  activeProps,
+}: {
+  to: string;
+  className?: string;
+  children: React.ReactNode;
+  activeProps?: { className?: string };
+}) {
+  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,
+});
+function AdminLayout() {
+  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>
+  );
+}

package/templates/tanstack-start/src/routes/api/cms/$.ts ADDED Viewed

@@ -0,0 +1,45 @@
+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" },
+	},
+);
+const handleCmsRequest = async (request: Request) => {
+	const response = await handler(request);
+	return (
+		response ??
+		new Response(JSON.stringify({ error: "Not found" }), {
+			status: 404,
+			headers: { "Content-Type": "application/json" },
+		})
+	);
+};
+export const Route = createFileRoute("/api/cms/$")({
+	server: {
+		handlers: {
+			GET: ({ request }) => handleCmsRequest(request),
+			POST: ({ request }) => handleCmsRequest(request),
+			PUT: ({ request }) => handleCmsRequest(request),
+			DELETE: ({ request }) => handleCmsRequest(request),
+			PATCH: ({ request }) => handleCmsRequest(request),
+		},
+	},
+});

package/templates/tanstack-start/src/styles.css ADDED Viewed

@@ -0,0 +1,125 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+@custom-variant dark (&:is(.dark *));
+:root {
+  --background: oklch(0.985 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.58 0.22 27);
+  --destructive-foreground: oklch(0.985 0 0);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.75 0.18 25);
+  --chart-2: oklch(0.65 0.15 45);
+  --chart-3: oklch(0.55 0.12 65);
+  --chart-4: oklch(0.45 0.09 85);
+  --chart-5: oklch(0.35 0.06 105);
+  --radius: 0.5rem;
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+.dark {
+  --background: oklch(0.12 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.17 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.17 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.985 0 0);
+  --primary-foreground: oklch(0.12 0 0);
+  --secondary: oklch(0.22 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.22 0 0);
+  --muted-foreground: oklch(0.65 0 0);
+  --accent: oklch(0.27 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.985 0 0);
+  --border: oklch(0.27 0 0);
+  --input: oklch(0.27 0 0);
+  --ring: oklch(0.45 0 0);
+  --chart-1: oklch(0.75 0.18 25);
+  --chart-2: oklch(0.65 0.15 45);
+  --chart-3: oklch(0.55 0.12 65);
+  --chart-4: oklch(0.45 0.09 85);
+  --chart-5: oklch(0.35 0.06 105);
+  --sidebar: oklch(0.17 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.985 0 0);
+  --sidebar-primary-foreground: oklch(0.12 0 0);
+  --sidebar-accent: oklch(0.22 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(0.27 0 0);
+  --sidebar-ring: oklch(0.45 0 0);
+}
+@theme inline {
+  --font-sans: ui-sans-serif, system-ui, sans-serif;
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --radius-2xl: calc(var(--radius) + 8px);
+}
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply font-sans bg-background text-foreground;
+  }
+}

package/templates/tanstack-start/tsconfig.json ADDED Viewed

@@ -0,0 +1,27 @@
+{
+  "include": ["src/**/*.ts", "src/**/*.tsx", "*.config.ts"],
+  "exclude": ["node_modules", "dist", "**/*.test.ts"],
+  "compilerOptions": {
+    "target": "ES2022",
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "types": ["vite/client"],
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": false,
+    "noEmit": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+      "~/*": ["./src/*"]
+    }
+  }
+}

package/templates/tanstack-start/vite.config.ts ADDED Viewed

@@ -0,0 +1,26 @@
+import { defineConfig } from "vite";
+import { devtools } from "@tanstack/devtools-vite";
+import { tanstackStart } from "@tanstack/react-start/plugin/vite";
+import viteReact from "@vitejs/plugin-react";
+import viteTsConfigPaths from "vite-tsconfig-paths";
+import tailwindcss from "@tailwindcss/vite";
+import { nitro } from "nitro/vite";
+export default defineConfig({
+	plugins: [
+		devtools(),
+		nitro({ preset: "bun" }) as any,
+		viteTsConfigPaths({ projects: ["./tsconfig.json"] }),
+		tailwindcss(),
+		tanstackStart(),
+		viteReact(),
+	],
+	optimizeDeps: {
+		exclude: ["drizzle-kit"],
+	},
+	build: {
+		rollupOptions: {
+			external: ["bun", /^drizzle-kit/],
+		},
+	},
+});