create-croissant 0.1.57 → 0.1.59

package/template/apps/desktop/src/components/signup-form.tsx

@@ -1,206 +0,0 @@
-import { Button } from "@workspace/ui/components/button";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@workspace/ui/components/card";
-import {
-  Field,
-  FieldDescription,
-  FieldError,
-  FieldGroup,
-  FieldLabel,
-} from "@workspace/ui/components/field";
-import { Input } from "@workspace/ui/components/input";
-import { useState } from "react";
-import { Link } from "@tanstack/react-router";
-import { useForm } from "@tanstack/react-form";
-import { z } from "zod";
-import { authClient } from "@/lib/auth-client";
-
-const signupSchema = z
-  .object({
-    name: z.string().min(1, "Name is required"),
-    email: z.string().email("Invalid email address"),
-    password: z.string().min(8, "Password must be at least 8 characters"),
-    confirmPassword: z.string().min(1, "Confirm password is required"),
-  })
-  .refine((data) => data.password === data.confirmPassword, {
-    message: "Passwords do not match",
-    path: ["confirmPassword"],
-  });
-
-export function SignupForm({ ...props }: React.ComponentProps<typeof Card>) {
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  const form = useForm({
-    defaultValues: {
-      name: "",
-      email: "",
-      password: "",
-      confirmPassword: "",
-    },
-    validators: {
-      onChange: signupSchema,
-    },
-    onSubmit: async ({ value }) => {
-      setLoading(true);
-      setError(null);
-      const { error: signUpError } = await authClient.signUp.email({
-        email: value.email,
-        password: value.password,
-        name: value.name,
-        callbackURL: "/dashboard",
-      });
-      if (signUpError) {
-        setError(signUpError.message || "Failed to sign up");
-      }
-      setLoading(false);
-    },
-  });
-
-  return (
-    <Card {...props}>
-      <CardHeader>
-        <CardTitle>Create an account</CardTitle>
-        <CardDescription>Enter your information below to create your account</CardDescription>
-      </CardHeader>
-      <CardContent>
-        <form
-          onSubmit={(e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            form.handleSubmit();
-          }}
-        >
-          <FieldGroup>
-            {error && <div className="rounded bg-red-100 p-2 text-sm text-red-600">{error}</div>}
-            <form.Field
-              name="name"
-              children={(field) => {
-                const isInvalid = field.state.meta.isTouched && field.state.meta.errors.length > 0;
-                return (
-                  <Field data-invalid={isInvalid}>
-                    <FieldLabel htmlFor={field.name}>Full Name</FieldLabel>
-                    <Input
-                      id={field.name}
-                      name={field.name}
-                      type="text"
-                      placeholder="John Doe"
-                      value={field.state.value}
-                      onBlur={field.handleBlur}
-                      onChange={(e) => field.handleChange(e.target.value)}
-                      required
-                    />
-                    {isInvalid && <FieldError errors={field.state.meta.errors} />}
-                  </Field>
-                );
-              }}
-            />
-            <form.Field
-              name="email"
-              children={(field) => {
-                const isInvalid = field.state.meta.isTouched && field.state.meta.errors.length > 0;
-                return (
-                  <Field data-invalid={isInvalid}>
-                    <FieldLabel htmlFor={field.name}>Email</FieldLabel>
-                    <Input
-                      id={field.name}
-                      name={field.name}
-                      type="email"
-                      placeholder="m@example.com"
-                      value={field.state.value}
-                      onBlur={field.handleBlur}
-                      onChange={(e) => field.handleChange(e.target.value)}
-                      required
-                    />
-                    <FieldDescription>
-                      We&apos;ll use this to contact you. We will not share your email with anyone
-                      else.
-                    </FieldDescription>
-                    {isInvalid && <FieldError errors={field.state.meta.errors} />}
-                  </Field>
-                );
-              }}
-            />
-            <form.Field
-              name="password"
-              children={(field) => {
-                const isInvalid = field.state.meta.isTouched && field.state.meta.errors.length > 0;
-                return (
-                  <Field data-invalid={isInvalid}>
-                    <FieldLabel htmlFor={field.name}>Password</FieldLabel>
-                    <Input
-                      id={field.name}
-                      name={field.name}
-                      type="password"
-                      value={field.state.value}
-                      onBlur={field.handleBlur}
-                      onChange={(e) => field.handleChange(e.target.value)}
-                      required
-                    />
-                    <FieldDescription>Must be at least 8 characters long.</FieldDescription>
-                    {isInvalid && <FieldError errors={field.state.meta.errors} />}
-                  </Field>
-                );
-              }}
-            />
-            <form.Field
-              name="confirmPassword"
-              children={(field) => {
-                const isInvalid = field.state.meta.isTouched && field.state.meta.errors.length > 0;
-                return (
-                  <Field data-invalid={isInvalid}>
-                    <FieldLabel htmlFor={field.name}>Confirm Password</FieldLabel>
-                    <Input
-                      id={field.name}
-                      name={field.name}
-                      type="password"
-                      value={field.state.value}
-                      onBlur={field.handleBlur}
-                      onChange={(e) => field.handleChange(e.target.value)}
-                      required
-                    />
-                    <FieldDescription>Please confirm your password.</FieldDescription>
-                    {isInvalid && <FieldError errors={field.state.meta.errors} />}
-                  </Field>
-                );
-              }}
-            />
-            <FieldGroup>
-              <Field>
-                <form.Subscribe
-                  selector={(state) => ({
-                    canSubmit: state.canSubmit,
-                    isSubmitting: state.isSubmitting,
-                  })}
-                >
-                  {(state: { canSubmit: boolean; isSubmitting: boolean }) => (
-                    <Button
-                      type="submit"
-                      disabled={!state.canSubmit || state.isSubmitting || loading}
-                    >
-                      {state.isSubmitting || loading ? "Creating..." : "Create Account"}
-                    </Button>
-                  )}
-                </form.Subscribe>
-                <Button variant="outline" type="button" disabled={loading}>
-                  Sign up with Google
-                </Button>
-                <FieldDescription className="px-6 text-center">
-                  Already have an account?{" "}
-                  <Link to="/login" className="underline">
-                    Sign in
-                  </Link>
-                </FieldDescription>
-              </Field>
-            </FieldGroup>
-          </FieldGroup>
-        </form>
-      </CardContent>
-    </Card>
-  );
-}

package/template/apps/desktop/src/components/version-switcher.tsx

@@ -1,54 +0,0 @@
-"use client";
-
-import * as React from "react";
-
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@workspace/ui/components/dropdown-menu";
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "@workspace/ui/components/sidebar";
-import { CheckIcon, ChevronsUpDownIcon, GalleryVerticalEndIcon } from "lucide-react";
-
-export function VersionSwitcher({
-  versions,
-  defaultVersion,
-}: {
-  versions: Array<string>;
-  defaultVersion: string;
-}) {
-  const [selectedVersion, setSelectedVersion] = React.useState(defaultVersion);
-  return (
-    <SidebarMenu>
-      <SidebarMenuItem>
-        <DropdownMenu>
-          <DropdownMenuTrigger
-            render={
-              <SidebarMenuButton
-                size="lg"
-                className="data-open:bg-sidebar-accent data-open:text-sidebar-accent-foreground"
-              />
-            }
-          >
-            <div className="flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground">
-              <GalleryVerticalEndIcon className="size-4" />
-            </div>
-            <div className="flex flex-col gap-0.5 leading-none">
-              <span className="font-medium">Documentation</span>
-              <span className="">v{selectedVersion}</span>
-            </div>
-            <ChevronsUpDownIcon className="ml-auto" />
-          </DropdownMenuTrigger>
-          <DropdownMenuContent align="start">
-            {versions.map((version) => (
-              <DropdownMenuItem key={version} onSelect={() => setSelectedVersion(version)}>
-                v{version} {version === selectedVersion && <CheckIcon className="ml-auto" />}
-              </DropdownMenuItem>
-            ))}
-          </DropdownMenuContent>
-        </DropdownMenu>
-      </SidebarMenuItem>
-    </SidebarMenu>
-  );
-}

package/template/apps/desktop/src/env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/template/apps/desktop/src/lib/auth-client.ts

@@ -1,5 +0,0 @@
-import { createAuthClient } from "better-auth/react";
-
-export const authClient = createAuthClient({
-  baseURL: import.meta.env.VITE_API_URL || "https://platform.localhost",
-});

package/template/apps/desktop/src/lib/orpc.ts

@@ -1,10 +0,0 @@
-import { createORPCClient } from "@orpc/client";
-import { RPCLink } from "@orpc/client/fetch";
-import type { AppRouter } from "@workspace/orpc/router";
-import type { RouterClient } from "@orpc/server";
-
-const link = new RPCLink({
-  url: `${import.meta.env.VITE_API_URL || "https://platform.localhost"}/api/rpc`,
-});
-
-export const orpc = createORPCClient(link) as RouterClient<AppRouter>;

package/template/apps/desktop/src/main.tsx

@@ -1,12 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import { RouterProvider } from "@tanstack/react-router";
-import { getRouter } from "./router";
-
-const router = getRouter();
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <RouterProvider router={router} />
-  </StrictMode>,
-);

package/template/apps/desktop/src/routeTree.gen.ts

@@ -1,240 +0,0 @@
-/* eslint-disable */
-
-// @ts-nocheck
-
-// noinspection JSUnusedGlobalSymbols
-
-// This file was automatically generated by TanStack Router.
-// You should NOT make any changes in this file as it will be overwritten.
-// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
-
-import { Route as rootRouteImport } from './routes/__root'
-import { Route as PublicRouteImport } from './routes/_public'
-import { Route as AuthRouteImport } from './routes/_auth'
-import { Route as PublicIndexRouteImport } from './routes/_public/index'
-import { Route as PublicSignupRouteImport } from './routes/_public/signup'
-import { Route as PublicLoginRouteImport } from './routes/_public/login'
-import { Route as AuthDashboardRouteImport } from './routes/_auth/dashboard'
-import { Route as AuthAccountRouteImport } from './routes/_auth/account'
-import { Route as PublicExamplesClientOrpcRouteImport } from './routes/_public/examples/client-orpc'
-import { Route as AuthExamplesClientOrpcAuthRouteImport } from './routes/_auth/examples/client-orpc-auth'
-
-const PublicRoute = PublicRouteImport.update({
-  id: '/_public',
-  getParentRoute: () => rootRouteImport,
-} as any)
-const AuthRoute = AuthRouteImport.update({
-  id: '/_auth',
-  getParentRoute: () => rootRouteImport,
-} as any)
-const PublicIndexRoute = PublicIndexRouteImport.update({
-  id: '/',
-  path: '/',
-  getParentRoute: () => PublicRoute,
-} as any)
-const PublicSignupRoute = PublicSignupRouteImport.update({
-  id: '/signup',
-  path: '/signup',
-  getParentRoute: () => PublicRoute,
-} as any)
-const PublicLoginRoute = PublicLoginRouteImport.update({
-  id: '/login',
-  path: '/login',
-  getParentRoute: () => PublicRoute,
-} as any)
-const AuthDashboardRoute = AuthDashboardRouteImport.update({
-  id: '/dashboard',
-  path: '/dashboard',
-  getParentRoute: () => AuthRoute,
-} as any)
-const AuthAccountRoute = AuthAccountRouteImport.update({
-  id: '/account',
-  path: '/account',
-  getParentRoute: () => AuthRoute,
-} as any)
-const PublicExamplesClientOrpcRoute =
-  PublicExamplesClientOrpcRouteImport.update({
-    id: '/examples/client-orpc',
-    path: '/examples/client-orpc',
-    getParentRoute: () => PublicRoute,
-  } as any)
-const AuthExamplesClientOrpcAuthRoute =
-  AuthExamplesClientOrpcAuthRouteImport.update({
-    id: '/examples/client-orpc-auth',
-    path: '/examples/client-orpc-auth',
-    getParentRoute: () => AuthRoute,
-  } as any)
-
-export interface FileRoutesByFullPath {
-  '/': typeof PublicIndexRoute
-  '/account': typeof AuthAccountRoute
-  '/dashboard': typeof AuthDashboardRoute
-  '/login': typeof PublicLoginRoute
-  '/signup': typeof PublicSignupRoute
-  '/examples/client-orpc-auth': typeof AuthExamplesClientOrpcAuthRoute
-  '/examples/client-orpc': typeof PublicExamplesClientOrpcRoute
-}
-export interface FileRoutesByTo {
-  '/': typeof PublicIndexRoute
-  '/account': typeof AuthAccountRoute
-  '/dashboard': typeof AuthDashboardRoute
-  '/login': typeof PublicLoginRoute
-  '/signup': typeof PublicSignupRoute
-  '/examples/client-orpc-auth': typeof AuthExamplesClientOrpcAuthRoute
-  '/examples/client-orpc': typeof PublicExamplesClientOrpcRoute
-}
-export interface FileRoutesById {
-  __root__: typeof rootRouteImport
-  '/_auth': typeof AuthRouteWithChildren
-  '/_public': typeof PublicRouteWithChildren
-  '/_auth/account': typeof AuthAccountRoute
-  '/_auth/dashboard': typeof AuthDashboardRoute
-  '/_public/login': typeof PublicLoginRoute
-  '/_public/signup': typeof PublicSignupRoute
-  '/_public/': typeof PublicIndexRoute
-  '/_auth/examples/client-orpc-auth': typeof AuthExamplesClientOrpcAuthRoute
-  '/_public/examples/client-orpc': typeof PublicExamplesClientOrpcRoute
-}
-export interface FileRouteTypes {
-  fileRoutesByFullPath: FileRoutesByFullPath
-  fullPaths:
-    | '/'
-    | '/account'
-    | '/dashboard'
-    | '/login'
-    | '/signup'
-    | '/examples/client-orpc-auth'
-    | '/examples/client-orpc'
-  fileRoutesByTo: FileRoutesByTo
-  to:
-    | '/'
-    | '/account'
-    | '/dashboard'
-    | '/login'
-    | '/signup'
-    | '/examples/client-orpc-auth'
-    | '/examples/client-orpc'
-  id:
-    | '__root__'
-    | '/_auth'
-    | '/_public'
-    | '/_auth/account'
-    | '/_auth/dashboard'
-    | '/_public/login'
-    | '/_public/signup'
-    | '/_public/'
-    | '/_auth/examples/client-orpc-auth'
-    | '/_public/examples/client-orpc'
-  fileRoutesById: FileRoutesById
-}
-export interface RootRouteChildren {
-  AuthRoute: typeof AuthRouteWithChildren
-  PublicRoute: typeof PublicRouteWithChildren
-}
-
-declare module '@tanstack/react-router' {
-  interface FileRoutesByPath {
-    '/_public': {
-      id: '/_public'
-      path: ''
-      fullPath: '/'
-      preLoaderRoute: typeof PublicRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/_auth': {
-      id: '/_auth'
-      path: ''
-      fullPath: '/'
-      preLoaderRoute: typeof AuthRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/_public/': {
-      id: '/_public/'
-      path: '/'
-      fullPath: '/'
-      preLoaderRoute: typeof PublicIndexRouteImport
-      parentRoute: typeof PublicRoute
-    }
-    '/_public/signup': {
-      id: '/_public/signup'
-      path: '/signup'
-      fullPath: '/signup'
-      preLoaderRoute: typeof PublicSignupRouteImport
-      parentRoute: typeof PublicRoute
-    }
-    '/_public/login': {
-      id: '/_public/login'
-      path: '/login'
-      fullPath: '/login'
-      preLoaderRoute: typeof PublicLoginRouteImport
-      parentRoute: typeof PublicRoute
-    }
-    '/_auth/dashboard': {
-      id: '/_auth/dashboard'
-      path: '/dashboard'
-      fullPath: '/dashboard'
-      preLoaderRoute: typeof AuthDashboardRouteImport
-      parentRoute: typeof AuthRoute
-    }
-    '/_auth/account': {
-      id: '/_auth/account'
-      path: '/account'
-      fullPath: '/account'
-      preLoaderRoute: typeof AuthAccountRouteImport
-      parentRoute: typeof AuthRoute
-    }
-    '/_public/examples/client-orpc': {
-      id: '/_public/examples/client-orpc'
-      path: '/examples/client-orpc'
-      fullPath: '/examples/client-orpc'
-      preLoaderRoute: typeof PublicExamplesClientOrpcRouteImport
-      parentRoute: typeof PublicRoute
-    }
-    '/_auth/examples/client-orpc-auth': {
-      id: '/_auth/examples/client-orpc-auth'
-      path: '/examples/client-orpc-auth'
-      fullPath: '/examples/client-orpc-auth'
-      preLoaderRoute: typeof AuthExamplesClientOrpcAuthRouteImport
-      parentRoute: typeof AuthRoute
-    }
-  }
-}
-
-interface AuthRouteChildren {
-  AuthAccountRoute: typeof AuthAccountRoute
-  AuthDashboardRoute: typeof AuthDashboardRoute
-  AuthExamplesClientOrpcAuthRoute: typeof AuthExamplesClientOrpcAuthRoute
-}
-
-const AuthRouteChildren: AuthRouteChildren = {
-  AuthAccountRoute: AuthAccountRoute,
-  AuthDashboardRoute: AuthDashboardRoute,
-  AuthExamplesClientOrpcAuthRoute: AuthExamplesClientOrpcAuthRoute,
-}
-
-const AuthRouteWithChildren = AuthRoute._addFileChildren(AuthRouteChildren)
-
-interface PublicRouteChildren {
-  PublicLoginRoute: typeof PublicLoginRoute
-  PublicSignupRoute: typeof PublicSignupRoute
-  PublicIndexRoute: typeof PublicIndexRoute
-  PublicExamplesClientOrpcRoute: typeof PublicExamplesClientOrpcRoute
-}
-
-const PublicRouteChildren: PublicRouteChildren = {
-  PublicLoginRoute: PublicLoginRoute,
-  PublicSignupRoute: PublicSignupRoute,
-  PublicIndexRoute: PublicIndexRoute,
-  PublicExamplesClientOrpcRoute: PublicExamplesClientOrpcRoute,
-}
-
-const PublicRouteWithChildren =
-  PublicRoute._addFileChildren(PublicRouteChildren)
-
-const rootRouteChildren: RootRouteChildren = {
-  AuthRoute: AuthRouteWithChildren,
-  PublicRoute: PublicRouteWithChildren,
-}
-export const routeTree = rootRouteImport
-  ._addFileChildren(rootRouteChildren)
-  ._addFileTypes<FileRouteTypes>()

package/template/apps/desktop/src/router.tsx

@@ -1,19 +0,0 @@
-import { createRouter as createTanStackRouter } from "@tanstack/react-router";
-import { routeTree } from "./routeTree.gen";
-
-export function getRouter() {
-  const router = createTanStackRouter({
-    routeTree,
-    scrollRestoration: true,
-    defaultPreload: "intent",
-    defaultPreloadStaleTime: 0,
-  });
-
-  return router;
-}
-
-declare module "@tanstack/react-router" {
-  interface Register {
-    router: ReturnType<typeof getRouter>;
-  }
-}

package/template/apps/desktop/src/routes/__root.tsx

@@ -1,52 +0,0 @@
-import { Link, Outlet, createRootRoute } from "@tanstack/react-router";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { Toaster } from "@workspace/ui/components/sonner";
-import { ThemeProvider } from "@workspace/ui/components/theme-provider";
-import { ORPCProvider } from "@workspace/orpc/react";
-import { orpc } from "@/lib/orpc";
-import {
-  Empty,
-  EmptyContent,
-  EmptyDescription,
-  EmptyHeader,
-  EmptyTitle,
-} from "@workspace/ui/components/empty";
-import { buttonVariants } from "@workspace/ui/components/button";
-
-import "@workspace/ui/globals.css";
-
-const queryClient = new QueryClient();
-
-export const Route = createRootRoute({
-  component: RootLayout,
-  notFoundComponent: () => {
-    return (
-      <Empty className="h-screen border-none">
-        <EmptyHeader>
-          <EmptyTitle>404 - Page Not Found</EmptyTitle>
-          <EmptyDescription>
-            The page you are looking for does not exist or has been moved.
-          </EmptyDescription>
-        </EmptyHeader>
-        <EmptyContent>
-          <Link to="/" className={buttonVariants({ variant: "outline" })}>
-            Go Home
-          </Link>
-        </EmptyContent>
-      </Empty>
-    );
-  },
-});
-
-function RootLayout() {
-  return (
-    <ThemeProvider defaultTheme="system" storageKey="theme">
-      <QueryClientProvider client={queryClient}>
-        <ORPCProvider client={orpc}>
-          <Outlet />
-          <Toaster />
-        </ORPCProvider>
-      </QueryClientProvider>
-    </ThemeProvider>
-  );
-}