create-croissant 0.1.57 → 0.1.59

package/template/apps/desktop/src/routes/_public/examples/client-orpc.tsx

@@ -1,330 +0,0 @@
-import * as React from "react";
-import { createFileRoute } from "@tanstack/react-router";
-import { Check, Pencil, Plus, Trash2 } from "lucide-react";
-import { toast } from "sonner";
-import { useForm } from "@tanstack/react-form";
-import { z } from "zod";
-
-import { Button } from "@workspace/ui/components/button";
-import { Input } from "@workspace/ui/components/input";
-import { Field, FieldError, FieldLabel } from "@workspace/ui/components/field";
-
-import type { router } from "@workspace/orpc/router";
-import type { InferRouterOutputs } from "@orpc/server";
-import {
-  usePlanets,
-  useCreatePlanet,
-  useUpdatePlanet,
-  useDeletePlanet,
-} from "@workspace/orpc/react";
-
-type Outputs = InferRouterOutputs<typeof router>;
-type Planet = Outputs["planets"]["getPlanets"][number];
-
-const planetSchema = z.object({
-  name: z.string().min(1),
-  description: z.string(),
-  distance: z.string().refine((val) => !isNaN(parseFloat(val)), {
-    message: "Must be a number",
-  }),
-  diameter: z.string().refine((val) => !isNaN(parseFloat(val)), {
-    message: "Must be a number",
-  }),
-});
-
-export const Route = createFileRoute("/_public/examples/client-orpc")({
-  head: () => ({
-    meta: [
-      {
-        title: "Client + oRPC Example | Croissant Stack",
-      },
-      {
-        name: "description",
-        content: "Explore client-side data fetching and mutations with oRPC in Croissant Stack.",
-      },
-    ],
-  }),
-  component: ClientORPC,
-});
-
-function ClientORPC() {
-  const [editingId, setEditingId] = React.useState<number | null>(null);
-
-  const { data: planets = [], isLoading } = usePlanets();
-
-  const form = useForm({
-    defaultValues: {
-      name: "",
-      description: "",
-      distance: "0",
-      diameter: "0",
-    },
-    validators: {
-      onChange: planetSchema,
-    },
-    onSubmit: async ({ value }) => {
-      if (editingId) {
-        await updateMutation.mutateAsync({
-          id: editingId,
-          name: value.name,
-          description: value.description,
-          distanceFromSun: parseFloat(value.distance),
-          diameter: parseFloat(value.diameter),
-          hasRings: false,
-        });
-      } else {
-        await createMutation.mutateAsync({
-          name: value.name,
-          description: value.description,
-          distanceFromSun: parseFloat(value.distance),
-          diameter: parseFloat(value.diameter),
-          hasRings: false,
-        });
-      }
-    },
-  });
-
-  const resetForm = () => {
-    form.reset();
-    setEditingId(null);
-  };
-
-  const createMutation = useCreatePlanet({
-    onSuccess: () => {
-      resetForm();
-      toast.success("Planet added successfully");
-    },
-    onError: (err) => {
-      toast.error(err.message || "Failed to add planet");
-    },
-  });
-
-  const updateMutation = useUpdatePlanet({
-    onSuccess: () => {
-      resetForm();
-      toast.success("Planet updated successfully");
-    },
-    onError: (err) => {
-      toast.error(err.message || "Failed to update planet");
-    },
-  });
-
-  const deleteMutation = useDeletePlanet({
-    onSuccess: () => {
-      toast.success("Planet deleted successfully");
-    },
-    onError: (err) => {
-      toast.error(err.message || "Failed to delete planet");
-    },
-  });
-
-  const handleDelete = async (id: number) => {
-    if (!confirm("Are you sure you want to delete this planet?")) return;
-    await deleteMutation.mutateAsync({ id });
-  };
-
-  const startEdit = (planet: Planet) => {
-    setEditingId(planet.id);
-    form.setFieldValue("name", planet.name);
-    form.setFieldValue("description", planet.description || "");
-    form.setFieldValue("distance", planet.distanceFromSun.toString());
-    form.setFieldValue("diameter", planet.diameter.toString());
-  };
-
-  return (
-    <div className="flex flex-col gap-8">
-      <div>
-        <h1 className="text-2xl font-bold mb-2">Client + oRPC CRUD</h1>
-        <p className="text-muted-foreground">
-          Manage planets directly from the client using TanStack Query, TanStack Form and oRPC.
-        </p>
-      </div>
-
-      <div className="rounded-lg border p-6 bg-muted/30">
-        <h2 className="font-semibold mb-4 flex items-center gap-2">
-          {editingId ? <Pencil className="h-4 w-4" /> : <Plus className="h-4 w-4" />}
-          {editingId ? "Edit Planet" : "Add New Planet"}
-        </h2>
-        <form
-          onSubmit={(e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            form.handleSubmit();
-          }}
-        >
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <form.Field
-              name="name"
-              children={(field) => (
-                <Field
-                  data-invalid={field.state.meta.isTouched && field.state.meta.errors.length > 0}
-                >
-                  <FieldLabel htmlFor={field.name}>Name</FieldLabel>
-                  <Input
-                    id={field.name}
-                    name={field.name}
-                    value={field.state.value}
-                    onBlur={field.handleBlur}
-                    onChange={(e) => field.handleChange(e.target.value)}
-                    placeholder="Mars"
-                  />
-                  {field.state.meta.isTouched && <FieldError errors={field.state.meta.errors} />}
-                </Field>
-              )}
-            />
-            <form.Field
-              name="description"
-              children={(field) => (
-                <Field
-                  data-invalid={field.state.meta.isTouched && field.state.meta.errors.length > 0}
-                >
-                  <FieldLabel htmlFor={field.name}>Description</FieldLabel>
-                  <Input
-                    id={field.name}
-                    name={field.name}
-                    value={field.state.value}
-                    onBlur={field.handleBlur}
-                    onChange={(e) => field.handleChange(e.target.value)}
-                    placeholder="The red planet"
-                  />
-                  {field.state.meta.isTouched && <FieldError errors={field.state.meta.errors} />}
-                </Field>
-              )}
-            />
-            <form.Field
-              name="distance"
-              children={(field) => (
-                <Field
-                  data-invalid={field.state.meta.isTouched && field.state.meta.errors.length > 0}
-                >
-                  <FieldLabel htmlFor={field.name}>Distance (M km)</FieldLabel>
-                  <Input
-                    id={field.name}
-                    name={field.name}
-                    type="number"
-                    value={field.state.value}
-                    onBlur={field.handleBlur}
-                    onChange={(e) => field.handleChange(e.target.value)}
-                  />
-                  {field.state.meta.isTouched && <FieldError errors={field.state.meta.errors} />}
-                </Field>
-              )}
-            />
-            <form.Field
-              name="diameter"
-              children={(field) => (
-                <Field
-                  data-invalid={field.state.meta.isTouched && field.state.meta.errors.length > 0}
-                >
-                  <FieldLabel htmlFor={field.name}>Diameter (km)</FieldLabel>
-                  <Input
-                    id={field.name}
-                    name={field.name}
-                    type="number"
-                    value={field.state.value}
-                    onBlur={field.handleBlur}
-                    onChange={(e) => field.handleChange(e.target.value)}
-                  />
-                  {field.state.meta.isTouched && <FieldError errors={field.state.meta.errors} />}
-                </Field>
-              )}
-            />
-          </div>
-          <div className="mt-6 flex gap-2">
-            <form.Subscribe
-              selector={(state) => ({
-                canSubmit: state.canSubmit,
-                isSubmitting: state.isSubmitting,
-              })}
-            >
-              {(state: { canSubmit: boolean; isSubmitting: boolean }) => (
-                <>
-                  {editingId ? (
-                    <>
-                      <Button
-                        type="submit"
-                        className="flex items-center gap-2"
-                        disabled={
-                          !state.canSubmit || state.isSubmitting || updateMutation.isPending
-                        }
-                      >
-                        <Check className="h-4 w-4" />{" "}
-                        {state.isSubmitting || updateMutation.isPending
-                          ? "Saving..."
-                          : "Save Changes"}
-                      </Button>
-                      <Button
-                        variant="outline"
-                        type="button"
-                        onClick={resetForm}
-                        disabled={state.isSubmitting || updateMutation.isPending}
-                      >
-                        Cancel
-                      </Button>
-                    </>
-                  ) : (
-                    <Button
-                      type="submit"
-                      className="flex items-center gap-2"
-                      disabled={!state.canSubmit || state.isSubmitting || createMutation.isPending}
-                    >
-                      <Plus className="h-4 w-4" />{" "}
-                      {state.isSubmitting || createMutation.isPending ? "Adding..." : "Add Planet"}
-                    </Button>
-                  )}
-                </>
-              )}
-            </form.Subscribe>
-          </div>
-        </form>
-      </div>
-
-      <div className="space-y-4">
-        <h2 className="font-semibold text-lg">Current Planets</h2>
-        {isLoading ? (
-          <p>Loading planets...</p>
-        ) : planets.length === 0 ? (
-          <p className="text-gray-500 italic">No planets found.</p>
-        ) : (
-          <div className="grid grid-cols-1 gap-3">
-            {planets.map((planet) => (
-              <div
-                key={planet.id}
-                className="flex items-center justify-between rounded-lg border p-4 bg-background shadow-sm hover:shadow-md transition-shadow"
-              >
-                <div className="flex-1">
-                  <div className="flex items-center gap-2">
-                    <span className="font-bold text-lg">{planet.name}</span>
-                    <span className="text-xs bg-muted px-2 py-0.5 rounded-full text-muted-foreground">
-                      ID: {planet.id}
-                    </span>
-                  </div>
-                  <p className="text-sm text-muted-foreground">
-                    {planet.description || "No description provided."}
-                  </p>
-                  <div className="mt-2 flex gap-4 text-xs text-muted-foreground font-mono">
-                    <span>Distance: {planet.distanceFromSun} M km</span>
-                    <span>Diameter: {planet.diameter} km</span>
-                  </div>
-                </div>
-                <div className="flex gap-2 ml-4">
-                  <Button variant="outline" size="icon" onClick={() => startEdit(planet)}>
-                    <Pencil className="h-4 w-4" />
-                  </Button>
-                  <Button
-                    variant="destructive"
-                    size="icon"
-                    onClick={() => handleDelete(planet.id)}
-                    disabled={deleteMutation.isPending}
-                  >
-                    <Trash2 className="h-4 w-4" />
-                  </Button>
-                </div>
-              </div>
-            ))}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}

package/template/apps/desktop/src/routes/_public/index.tsx

@@ -1,66 +0,0 @@
-import { Link, createFileRoute } from "@tanstack/react-router";
-import { Button } from "@workspace/ui/components/button";
-import type { AppRouter } from "@workspace/orpc/router";
-import type { InferRouterOutputs } from "@orpc/server";
-import { orpc } from "@/lib/orpc";
-
-type Outputs = InferRouterOutputs<AppRouter>;
-type Planet = Outputs["planets"]["getPlanets"][number];
-
-export const Route = createFileRoute("/_public/")({
-  loader: async () => {
-    const [helloRes, planets] = await Promise.all([
-      orpc.hello({ name: "Croissant Stack Desktop" }),
-      orpc.planets.getPlanets(),
-    ]);
-    return {
-      message: helloRes.message,
-      planets,
-    };
-  },
-  component: App,
-});
-
-function App() {
-  const { message, planets } = Route.useLoaderData();
-
-  return (
-    <div className="flex min-h-svh p-6">
-      <div className="flex max-w-lg min-w-0 flex-col gap-4 text-sm leading-loose">
-        <div>
-          <h1 className="font-medium text-2xl mb-4">Desktop Project ready!</h1>
-          <p>
-            oRPC integration: <span className="font-bold">{message}</span>
-          </p>
-
-          <div className="mt-8">
-            <h2 className="text-xl font-semibold mb-2">Planets from Database:</h2>
-            {planets.length === 0 ? (
-              <p className="text-gray-500 italic">
-                No planets found in the database. Run `db:push` and seed data if needed.
-              </p>
-            ) : (
-              <ul className="grid grid-cols-1 gap-2">
-                {planets.map((planet: Planet) => (
-                  <li key={planet.id} className="rounded-md border p-3 shadow-sm">
-                    <span className="font-bold">{planet.name}</span> - {planet.description}
-                  </li>
-                ))}
-              </ul>
-            )}
-          </div>
-
-          <div className="mt-8 flex gap-2">
-            <Link to="/login">
-              <Button>Go to Login</Button>
-            </Link>
-            <Link to="/dashboard">
-              <Button variant="outline">Go to Dashboard</Button>
-            </Link>
-          </div>
-          <p className="mt-4 text-gray-500">You may now add components and start building.</p>
-        </div>
-      </div>
-    </div>
-  );
-}

package/template/apps/desktop/src/routes/_public/login.tsx

@@ -1,34 +0,0 @@
-import { createFileRoute } from "@tanstack/react-router";
-import { LoginForm } from "@/components/login-form";
-
-export const Route = createFileRoute("/_public/login")({
-  head: () => ({
-    meta: [
-      {
-        title: "Sign In | Croissant Stack",
-      },
-      {
-        name: "description",
-        content: "Sign in to your Croissant Stack account.",
-      },
-      {
-        name: "robots",
-        content: "noindex, follow",
-      },
-    ],
-  }),
-  headers: () => ({
-    "Cache-Control": "public, max-age=3600, s-maxage=3600, stale-while-revalidate=86400",
-  }),
-  component: Login,
-});
-
-function Login() {
-  return (
-    <div className="flex min-h-svh items-center justify-center p-6">
-      <div className="w-full max-w-sm">
-        <LoginForm />
-      </div>
-    </div>
-  );
-}

package/template/apps/desktop/src/routes/_public/signup.tsx

@@ -1,31 +0,0 @@
-import { createFileRoute } from "@tanstack/react-router";
-import { SignupForm } from "@/components/signup-form";
-
-export const Route = createFileRoute("/_public/signup")({
-  head: () => ({
-    meta: [
-      {
-        title: "Create an Account | Croissant Stack",
-      },
-      {
-        name: "description",
-        content:
-          "Join Croissant Stack today. Create an account to start building with the best stack.",
-      },
-    ],
-  }),
-  headers: () => ({
-    "Cache-Control": "public, max-age=3600, s-maxage=3600, stale-while-revalidate=86400",
-  }),
-  component: Signup,
-});
-
-function Signup() {
-  return (
-    <div className="flex min-h-svh items-center justify-center p-6">
-      <div className="w-full max-w-sm">
-        <SignupForm />
-      </div>
-    </div>
-  );
-}

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

@@ -1,23 +0,0 @@
-import { Outlet, createFileRoute } from "@tanstack/react-router";
-import { SidebarProvider, SidebarTrigger } from "@workspace/ui/components/sidebar";
-import { PublicSidebar } from "@/components/app-sidebar";
-
-export const Route = createFileRoute("/_public")({
-  component: PublicLayout,
-});
-
-function PublicLayout() {
-  return (
-    <SidebarProvider>
-      <PublicSidebar />
-      <main className="flex flex-1 flex-col overflow-hidden">
-        <header className="flex h-16 shrink-0 items-center gap-2 border-b px-4">
-          <SidebarTrigger />
-        </header>
-        <div className="flex-1 overflow-auto p-4">
-          <Outlet />
-        </div>
-      </main>
-    </SidebarProvider>
-  );
-}

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

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

package/template/apps/desktop/src-tauri/Cargo.toml

@@ -1,25 +0,0 @@
-[package]
-name = "desktop"
-version = "0.1.0"
-description = "A Tauri App"
-authors = ["you"]
-edition = "2021"
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[lib]
-# The `_lib` suffix may seem redundant but it is necessary
-# to make the lib name unique and wouldn't conflict with the bin name.
-# This seems to be only an issue on Windows, see https://github.com/rust-lang/cargo/issues/8519
-name = "desktop_lib"
-crate-type = ["staticlib", "cdylib", "rlib"]
-
-[build-dependencies]
-tauri-build = { version = "2", features = [] }
-
-[dependencies]
-tauri = { version = "2", features = [] }
-tauri-plugin-opener = "2"
-serde = { version = "1", features = ["derive"] }
-serde_json = "1"
-

package/template/apps/desktop/src-tauri/build.rs

@@ -1,3 +0,0 @@
-fn main() {
-    tauri_build::build()
-}

package/template/apps/desktop/src-tauri/capabilities/default.json

@@ -1,7 +0,0 @@
-{
-  "$schema": "../gen/schemas/desktop-schema.json",
-  "identifier": "default",
-  "description": "Capability for the main window",
-  "windows": ["main"],
-  "permissions": ["core:default", "opener:default"]
-}

package/template/apps/desktop/src-tauri/src/lib.rs

@@ -1,14 +0,0 @@
-// Learn more about Tauri commands at https://tauri.app/develop/calling-rust/
-#[tauri::command]
-fn greet(name: &str) -> String {
-    format!("Hello, {}! You've been greeted from Rust!", name)
-}
-
-#[cfg_attr(mobile, tauri::mobile_entry_point)]
-pub fn run() {
-    tauri::Builder::default()
-        .plugin(tauri_plugin_opener::init())
-        .invoke_handler(tauri::generate_handler![greet])
-        .run(tauri::generate_context!())
-        .expect("error while running tauri application");
-}

package/template/apps/desktop/src-tauri/src/main.rs

@@ -1,6 +0,0 @@
-// Prevents additional console window on Windows in release, DO NOT REMOVE!!
-#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
-
-fn main() {
-    desktop_lib::run()
-}

package/template/apps/desktop/src-tauri/tauri.conf.json

@@ -1,35 +0,0 @@
-{
-  "$schema": "https://schema.tauri.app/config/2",
-  "productName": "desktop",
-  "version": "0.1.0",
-  "identifier": "com.croissantlabs.desktop",
-  "build": {
-    "beforeDevCommand": "pnpm dev",
-    "devUrl": "http://localhost:1420",
-    "beforeBuildCommand": "pnpm build",
-    "frontendDist": "../dist"
-  },
-  "app": {
-    "windows": [
-      {
-        "title": "desktop",
-        "width": 800,
-        "height": 600
-      }
-    ],
-    "security": {
-      "csp": null
-    }
-  },
-  "bundle": {
-    "active": true,
-    "targets": "all",
-    "icon": [
-      "icons/32x32.png",
-      "icons/128x128.png",
-      "icons/128x128@2x.png",
-      "icons/icon.icns",
-      "icons/icon.ico"
-    ]
-  }
-}

package/template/apps/desktop/tsconfig.json

@@ -1,17 +0,0 @@
-{
-  "extends": "@workspace/config-typescript/react.json",
-  "include": ["**/*.ts", "**/*.tsx", "vite.config.ts"],
-  "compilerOptions": {
-    "target": "ES2022",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "jsx": "react-jsx",
-    "paths": {
-      "@/*": ["./src/*"],
-      "@workspace/ui/*": ["../../packages/ui/src/*"]
-    }
-  }
-}

package/template/apps/desktop/tsconfig.node.json

@@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-}