📦 v5.0.7 - Changelog: https://docs.rxresu.me/changelog (#2696)

src/routes/api/auth.$.ts

@@ -1,7 +1,13 @@
 import { createFileRoute } from "@tanstack/react-router";
 import { auth } from "@/integrations/auth/config";
 
-function handler({ request }: { request: Request }) {
+async function handler({ request }: { request: Request }) {
+	if (request.method === "GET" && request.url.endsWith("/spec.json")) {
+		const spec = await auth.api.generateOpenAPISchema();
+
+		return Response.json(spec);
+	}
+
 	return auth.handler(request);
 }
 

src/routes/api/openapi.$.ts

@@ -2,25 +2,28 @@ import { SmartCoercionPlugin } from "@orpc/json-schema";
 import { OpenAPIGenerator } from "@orpc/openapi";
 import { OpenAPIHandler } from "@orpc/openapi/fetch";
 import { onError } from "@orpc/server";
-import { RequestHeadersPlugin } from "@orpc/server/plugins";
+import { BatchHandlerPlugin, RequestHeadersPlugin, StrictGetMethodPlugin } from "@orpc/server/plugins";
 import { ZodToJsonSchemaConverter } from "@orpc/zod/zod4";
 import { createFileRoute } from "@tanstack/react-router";
 import router from "@/integrations/orpc/router";
+import { resumeDataSchema } from "@/schema/resume/data";
 import { env } from "@/utils/env";
 import { getLocale } from "@/utils/locale";
 
 const openAPIHandler = new OpenAPIHandler(router, {
+	plugins: [
+		new BatchHandlerPlugin(),
+		new RequestHeadersPlugin(),
+		new StrictGetMethodPlugin(),
+		new SmartCoercionPlugin({
+			schemaConverters: [new ZodToJsonSchemaConverter()],
+		}),
+	],
 	interceptors: [
 		onError((error) => {
 			console.error(`ERROR [OpenAPI]: ${error}`);
 		}),
 	],
-	plugins: [
-		new RequestHeadersPlugin(),
-		new SmartCoercionPlugin({
-			schemaConverters: [new ZodToJsonSchemaConverter()],
-		}),
-	],
 });
 
 const openAPIGenerator = new OpenAPIGenerator({
@@ -34,13 +37,16 @@ async function handler({ request }: { request: Request }) {
 		const spec = await openAPIGenerator.generate(router, {
 			info: {
 				title: "Reactive Resume",
-				version: "5.0.0",
+				version: __APP_VERSION__,
 				description: "Reactive Resume API",
 				license: { name: "MIT", url: "https://github.com/amruthpillai/reactive-resume/blob/main/LICENSE" },
 				contact: { name: "Amruth Pillai", email: "hello@amruthpillai.com", url: "https://amruthpillai.com" },
 			},
 			servers: [{ url: `${env.APP_URL}/api/openapi` }],
 			externalDocs: { url: "https://docs.rxresu.me", description: "Reactive Resume Documentation" },
+			commonSchemas: {
+				ResumeData: { schema: resumeDataSchema },
+			},
 			components: {
 				securitySchemes: {
 					apiKey: {

src/routes/api/rpc.$.ts

@@ -1,17 +1,27 @@
 import { onError } from "@orpc/server";
 import { RPCHandler } from "@orpc/server/fetch";
-import { BatchHandlerPlugin, RequestHeadersPlugin } from "@orpc/server/plugins";
+import {
+	BatchHandlerPlugin,
+	RequestHeadersPlugin,
+	SimpleCsrfProtectionHandlerPlugin,
+	StrictGetMethodPlugin,
+} from "@orpc/server/plugins";
 import { createFileRoute } from "@tanstack/react-router";
 import router from "@/integrations/orpc/router";
 import { getLocale } from "@/utils/locale";
 
 const rpcHandler = new RPCHandler(router, {
+	plugins: [
+		new BatchHandlerPlugin(),
+		new RequestHeadersPlugin(),
+		new StrictGetMethodPlugin(),
+		new SimpleCsrfProtectionHandlerPlugin(),
+	],
 	interceptors: [
 		onError((error) => {
 			console.error(`ERROR [oRPC]: ${error}`);
 		}),
 	],
-	plugins: [new BatchHandlerPlugin(), new RequestHeadersPlugin()],
 });
 
 async function handler({ request }: { request: Request }) {

src/routes/auth/resume-password.tsx

@@ -44,7 +44,7 @@ function RouteComponent() {
 	const { redirect } = Route.useSearch();
 	const [showPassword, toggleShowPassword] = useToggle(false);
 
-	const { mutate: verifyPassword } = useMutation(orpc.auth.verifyResumePassword.mutationOptions());
+	const { mutate: verifyPassword } = useMutation(orpc.resume.verifyPassword.mutationOptions());
 
 	const [username, slug] = useMemo(() => {
 		const [username, slug] = redirect.split("/").slice(1) as [string, string];

src/routes/builder/$resumeId/-components/dock.tsx

@@ -19,6 +19,7 @@ import { useHotkeys } from "react-hotkeys-hook";
 import { useControls } from "react-zoom-pan-pinch";
 import { toast } from "sonner";
 import { useCopyToClipboard } from "usehooks-ts";
+import { AIChat } from "@/components/ai/chat";
 import { useTemporalStore } from "@/components/resume/store/resume";
 import { Button } from "@/components/ui/button";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
@@ -121,6 +122,7 @@ export function BuilderDock() {
 				<DockIcon icon={MagnifyingGlassMinusIcon} title={t`Zoom out`} onClick={() => zoomOut(0.1)} />
 				<DockIcon icon={CubeFocusIcon} title={t`Center view`} onClick={() => centerView()} />
 				<div className="mx-1 h-8 w-px bg-border" />
+				<AIChat />
 				<DockIcon icon={LinkSimpleIcon} title={t`Copy URL`} onClick={() => onCopyUrl()} />
 				<DockIcon icon={FileJsIcon} title={t`Download JSON`} onClick={() => onDownloadJSON()} />
 				<DockIcon

src/routes/builder/$resumeId/route.tsx

@@ -107,11 +107,11 @@ function BuilderLayout({ initialLayout, ...props }: BuilderLayoutProps) {
 				>
 					<BuilderSidebarLeft />
 				</ResizablePanel>
-				<ResizableSeparator withHandle className="z-20 border-s" />
+				<ResizableSeparator withHandle className="z-50 border-s" />
 				<ResizablePanel id="artboard" defaultSize={artboardSize} className="h-[calc(100svh-3.5rem)]">
 					<Outlet />
 				</ResizablePanel>
-				<ResizableSeparator withHandle className="z-20 border-e" />
+				<ResizableSeparator withHandle className="z-50 border-e" />
 				<ResizablePanel
 					collapsible
 					id="right"