@pylonsync/create-pylon 0.3.346 → 0.3.348

package/templates/helpdesk/app/login/page.tsx

@@ -1,38 +0,0 @@
-import React from "react";
-import type { Metadata, PageProps } from "@pylonsync/react";
-import { AuthForm } from "./auth-form";
-
-export const metadata: Metadata = {
-  title: "Sign in",
-  robots: "noindex",
-};
-
-export default function LoginPage({ auth, response }: PageProps) {
-  // Already signed in? Nothing to do here.
-  if (auth.user_id && !auth.user_id.startsWith("guest_")) {
-    response.redirect("/");
-    return null;
-  }
-
-  return (
-    <main className="flex min-h-screen items-center justify-center px-6">
-      <div className="w-full max-w-[320px]">
-        <div className="mb-7 flex items-center gap-2">
-          <span className="flex size-7 items-center justify-center rounded-md bg-primary text-[12px] font-bold text-primary-foreground">
-            C
-          </span>
-          <span className="text-[15px] font-semibold tracking-tight">CRM</span>
-        </div>
-        <h1 className="text-[19px] font-semibold tracking-tight">
-          Sign in to your workspace
-        </h1>
-        <p className="mt-1 text-[13px] text-muted-foreground">
-          Your team shares one pipeline. Anyone with an account sees it.
-        </p>
-        <div className="mt-6">
-          <AuthForm />
-        </div>
-      </div>
-    </main>
-  );
-}

package/templates/inventory/app/login/page.tsx

@@ -1,38 +0,0 @@
-import React from "react";
-import type { Metadata, PageProps } from "@pylonsync/react";
-import { AuthForm } from "./auth-form";
-
-export const metadata: Metadata = {
-  title: "Sign in",
-  robots: "noindex",
-};
-
-export default function LoginPage({ auth, response }: PageProps) {
-  // Already signed in? Nothing to do here.
-  if (auth.user_id && !auth.user_id.startsWith("guest_")) {
-    response.redirect("/");
-    return null;
-  }
-
-  return (
-    <main className="flex min-h-screen items-center justify-center px-6">
-      <div className="w-full max-w-[320px]">
-        <div className="mb-7 flex items-center gap-2">
-          <span className="flex size-7 items-center justify-center rounded-md bg-primary text-[12px] font-bold text-primary-foreground">
-            C
-          </span>
-          <span className="text-[15px] font-semibold tracking-tight">CRM</span>
-        </div>
-        <h1 className="text-[19px] font-semibold tracking-tight">
-          Sign in to your workspace
-        </h1>
-        <p className="mt-1 text-[13px] text-muted-foreground">
-          Your team shares one pipeline. Anyone with an account sees it.
-        </p>
-        <div className="mt-6">
-          <AuthForm />
-        </div>
-      </div>
-    </main>
-  );
-}

package/templates/invoices/app/login/page.tsx

@@ -1,38 +0,0 @@
-import React from "react";
-import type { Metadata, PageProps } from "@pylonsync/react";
-import { AuthForm } from "./auth-form";
-
-export const metadata: Metadata = {
-  title: "Sign in",
-  robots: "noindex",
-};
-
-export default function LoginPage({ auth, response }: PageProps) {
-  // Already signed in? Nothing to do here.
-  if (auth.user_id && !auth.user_id.startsWith("guest_")) {
-    response.redirect("/");
-    return null;
-  }
-
-  return (
-    <main className="flex min-h-screen items-center justify-center px-6">
-      <div className="w-full max-w-[320px]">
-        <div className="mb-7 flex items-center gap-2">
-          <span className="flex size-7 items-center justify-center rounded-md bg-primary text-[12px] font-bold text-primary-foreground">
-            C
-          </span>
-          <span className="text-[15px] font-semibold tracking-tight">CRM</span>
-        </div>
-        <h1 className="text-[19px] font-semibold tracking-tight">
-          Sign in to your workspace
-        </h1>
-        <p className="mt-1 text-[13px] text-muted-foreground">
-          Your team shares one pipeline. Anyone with an account sees it.
-        </p>
-        <div className="mt-6">
-          <AuthForm />
-        </div>
-      </div>
-    </main>
-  );
-}

package/templates/projects/app/login/auth-form.tsx

@@ -1,122 +0,0 @@
-"use client";
-
-import React, { useState } from "react";
-import {
-  ApiError,
-  passwordLogin,
-  passwordRegister,
-  persistSession,
-} from "@pylonsync/client";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-
-/**
- * One form, two modes. Calls the built-in auth API (`/api/auth/password/*`),
- * then `persistSession` writes the token so the sync engine and `callFn`
- * authenticate as this user on the next load.
- *
- * The navigation is a full `assign`, not a client route change, so the SSR
- * runtime re-resolves auth from the HttpOnly cookie and the first paint of the
- * workspace is already signed in.
- */
-export function AuthForm() {
-  const [mode, setMode] = useState<"login" | "signup">("login");
-  const [email, setEmail] = useState("");
-  const [password, setPassword] = useState("");
-  const [error, setError] = useState<string | null>(null);
-  const [pending, setPending] = useState(false);
-
-  async function onSubmit(event: React.FormEvent) {
-    event.preventDefault();
-    setError(null);
-    setPending(true);
-    try {
-      const session =
-        mode === "login"
-          ? await passwordLogin({ email, password })
-          : await passwordRegister({ email, password });
-      persistSession(session);
-      window.location.assign("/");
-    } catch (err) {
-      setError(messageFor(err));
-      setPending(false);
-    }
-  }
-
-  return (
-    <div className="space-y-5">
-      <form onSubmit={onSubmit} className="space-y-3.5">
-        <div className="space-y-1.5">
-          <Label htmlFor="email">Email</Label>
-          <Input
-            id="email"
-            type="email"
-            value={email}
-            onChange={(event) => setEmail(event.target.value)}
-            required
-            autoComplete="email"
-            placeholder="you@company.com"
-          />
-        </div>
-        <div className="space-y-1.5">
-          <Label htmlFor="password">Password</Label>
-          <Input
-            id="password"
-            type="password"
-            value={password}
-            onChange={(event) => setPassword(event.target.value)}
-            required
-            autoComplete={mode === "login" ? "current-password" : "new-password"}
-            placeholder={mode === "login" ? "Your password" : "At least 10 characters"}
-          />
-        </div>
-        {error ? (
-          <p className="rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-[12px] leading-snug text-destructive">
-            {error}
-          </p>
-        ) : null}
-        <Button type="submit" disabled={pending} className="w-full">
-          {pending ? "…" : mode === "login" ? "Sign in" : "Create account"}
-        </Button>
-      </form>
-
-      <p className="text-center text-[12px] text-muted-foreground">
-        {mode === "login" ? "First time here?" : "Already have an account?"}{" "}
-        <button
-          type="button"
-          onClick={() => {
-            setMode(mode === "login" ? "signup" : "login");
-            setError(null);
-          }}
-          className="font-medium text-foreground underline underline-offset-2"
-        >
-          {mode === "login" ? "Create an account" : "Sign in"}
-        </button>
-      </p>
-    </div>
-  );
-}
-
-// `ApiError` carries a stable `.code`, so branch on the code rather than the
-// message — the copy here is ours, the message is the framework's.
-function messageFor(err: unknown): string {
-  if (err instanceof ApiError) {
-    switch (err.code) {
-      case "INVALID_CREDENTIALS":
-        return "Wrong email or password.";
-      case "USER_EXISTS":
-        return "That email is already registered — sign in instead.";
-      case "WEAK_PASSWORD":
-        return "Pick a longer password — at least 10 characters.";
-      case "PWNED_PASSWORD":
-        return "That password has appeared in a known breach. Choose another.";
-      case "RATE_LIMITED":
-        return "Too many attempts — try again in a minute.";
-      default:
-        return err.message;
-    }
-  }
-  if (err instanceof Error) return err.message;
-  return "Something went wrong. Try again.";
-}

package/templates/projects/app/login/page.tsx

@@ -1,38 +0,0 @@
-import React from "react";
-import type { Metadata, PageProps } from "@pylonsync/react";
-import { AuthForm } from "./auth-form";
-
-export const metadata: Metadata = {
-  title: "Sign in",
-  robots: "noindex",
-};
-
-export default function LoginPage({ auth, response }: PageProps) {
-  // Already signed in? Nothing to do here.
-  if (auth.user_id && !auth.user_id.startsWith("guest_")) {
-    response.redirect("/");
-    return null;
-  }
-
-  return (
-    <main className="flex min-h-screen items-center justify-center px-6">
-      <div className="w-full max-w-[320px]">
-        <div className="mb-7 flex items-center gap-2">
-          <span className="flex size-7 items-center justify-center rounded-md bg-primary text-[12px] font-bold text-primary-foreground">
-            C
-          </span>
-          <span className="text-[15px] font-semibold tracking-tight">CRM</span>
-        </div>
-        <h1 className="text-[19px] font-semibold tracking-tight">
-          Sign in to your workspace
-        </h1>
-        <p className="mt-1 text-[13px] text-muted-foreground">
-          Your team shares one pipeline. Anyone with an account sees it.
-        </p>
-        <div className="mt-6">
-          <AuthForm />
-        </div>
-      </div>
-    </main>
-  );
-}