npm - @pylonsync/create-pylon - Versions diffs - 0.3.373 → 0.3.375 - Mend

@pylonsync/create-pylon 0.3.373 → 0.3.375

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

package/templates/waitlist/app/layout.tsx CHANGED Viewed

@@ -1,31 +1,17 @@
 import React from "react";
-import { Link, type PageAuth } from "@pylonsync/react";
 import { siteConfig } from "@/lib/site.config";
-// A layout wraps every page. This marketing layout renders a slim nav up top
-// and a footer below, both driven by lib/site.config.ts. `auth.user_id` is
-// resolved server-side from the session cookie before any HTML is sent, so the
-// nav shows "Dashboard" once the owner is signed in and "Sign in" otherwise —
-// no flash, no client fetch.
 interface LayoutProps {
   children: React.ReactNode;
-  url: string;
-  auth: PageAuth;
 }
-export default function RootLayout({ children, url, auth }: LayoutProps) {
-  // A guest session (minted by <EnsureGuest> for the live counter) has a
-  // `guest_…` user id — that's an anonymous visitor, NOT the signed-in owner,
-  // so it shouldn't flip the nav to "Dashboard".
-  const signedIn = Boolean(auth?.user_id && !auth.user_id.startsWith("guest_"));
-  const { brand, colors } = siteConfig;
-  // The auth screens and the dashboard bring their own chrome, so they render
-  // bare (no marketing nav/footer). Match on the path PREFIX, not a substring.
-  const path = (url ?? "").split("?")[0];
-  const BARE_PREFIXES = ["/login", "/dashboard"];
-  const isBare = BARE_PREFIXES.some((p) => path === p || path.startsWith(p + "/"));
+// The root layout is only the document shell: <html>, <head>, <body>, and the
+// site-wide theme variables. Section chrome lives in route-group layouts —
+// `(marketing)/layout.tsx` adds the nav + footer for the marketing pages.
+// /login and /dashboard sit outside the group and render bare here: the auth
+// screen and the dashboard bring their own chrome.
+export default function RootLayout({ children }: LayoutProps) {
+  const { colors } = siteConfig;
   return (
     <html
       lang="en"
@@ -51,106 +37,8 @@ export default function RootLayout({ children, url, auth }: LayoutProps) {
         {/* Tailwind is compiled by Pylon from app/globals.css and injected here. */}
       </head>
       <body className="flex min-h-screen flex-col bg-background text-foreground antialiased">
-        {isBare ? (
-          children
-        ) : (
-          <>
-            <header className="sticky top-0 z-30 bg-white/80 backdrop-blur">
-              <div className="mx-auto flex h-14 max-w-3xl items-center justify-between px-6">
-                <Link href="/" className="flex items-center gap-2">
-                  <span className="flex size-6 items-center justify-center rounded-[7px] bg-zinc-900 text-[13px] font-bold text-white">
-                    {brand.letter}
-                  </span>
-                  <span className="text-[15px] font-semibold tracking-tight text-zinc-900">
-                    {brand.name}
-                  </span>
-                </Link>
-                <nav className="flex items-center gap-2">
-                  {signedIn ? (
-                    <Link
-                      href="/dashboard"
-                      className="inline-flex items-center rounded-full bg-zinc-900 px-3.5 py-1.5 text-[13px] font-medium text-white transition-colors hover:bg-zinc-700"
-                    >
-                      Dashboard
-                    </Link>
-                  ) : (
-                    <Link
-                      href="/login"
-                      className="rounded-full px-3 py-1.5 text-[13px] font-medium text-zinc-600 transition-colors hover:text-zinc-900"
-                    >
-                      Sign in
-                    </Link>
-                  )}
-                </nav>
-              </div>
-            </header>
-            <main className="flex-1">{children}</main>
-            <SiteFooter />
-          </>
-        )}
+        {children}
       </body>
     </html>
   );
 }
-function SiteFooter() {
-  const { brand } = siteConfig;
-  return (
-    <footer className="border-t border-zinc-200/70 bg-white">
-      <div className="mx-auto max-w-3xl px-6 py-12">
-        <div className="flex flex-col items-start justify-between gap-6 sm:flex-row">
-          <div className="max-w-sm">
-            <Link href="/" className="inline-flex items-center gap-2">
-              <span className="flex size-6 items-center justify-center rounded-[7px] bg-zinc-900 text-[13px] font-bold text-white">
-                {brand.letter}
-              </span>
-              <span className="text-[15px] font-semibold tracking-tight text-zinc-900">
-                {brand.name}
-              </span>
-            </Link>
-            <p className="mt-3 text-[13px] leading-relaxed text-zinc-500">
-              {brand.footerBlurb}
-            </p>
-          </div>
-          <div className="flex items-center gap-4">
-            {brand.socials.map((s) => (
-              <a
-                key={s.label}
-                href={s.href}
-                aria-label={s.label}
-                className="text-zinc-400 transition-colors hover:text-zinc-900"
-              >
-                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
-                  <path d={s.path} />
-                </svg>
-              </a>
-            ))}
-            <a
-              href={`mailto:${brand.email}`}
-              aria-label="Email"
-              className="text-zinc-400 transition-colors hover:text-zinc-900"
-            >
-              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
-                <rect x="3" y="5" width="18" height="14" rx="2" />
-                <path d="m3 7 9 6 9-6" />
-              </svg>
-            </a>
-          </div>
-        </div>
-        <div className="mt-10 flex flex-col items-start justify-between gap-3 border-t border-zinc-200/70 pt-6 text-[12px] text-zinc-400 sm:flex-row sm:items-center">
-          <span>
-            © {new Date().getFullYear()} {brand.copyrightName}
-          </span>
-          <span>
-            Built with{" "}
-            <a href="https://pylonsync.com" className="font-medium text-zinc-600 hover:text-zinc-900">
-              Pylon
-            </a>
-          </span>
-        </div>
-      </div>
-    </footer>
-  );
-}

package/templates/waitlist/app/login/page.tsx CHANGED Viewed

@@ -8,8 +8,9 @@ export const metadata: Metadata = {
   robots: "noindex",
 };
-// `app/login/page.tsx` → `/login`. The owner's sign-in. Rendered bare (the
-// layout suppresses the marketing nav/footer for /login). Already signed in?
+// `app/login/page.tsx` → `/login`. The owner's sign-in. Rendered bare —
+// /login sits outside the `(marketing)` route group, so no marketing nav or
+// footer. Already signed in?
 // Skip straight to the dashboard — `response.redirect` in the synchronous shell
 // render is a real 307 before any HTML is sent.
 export default function LoginPage({ auth, response }: PageProps) {

package/templates/directory/app/not-found.tsx DELETED Viewed

@@ -1,19 +0,0 @@
-import React from "react";
-import { Link, type NotFoundProps } from "@pylonsync/react";
-// `app/not-found.tsx` → rendered at HTTP 404 for any unmatched URL (and when a
-// page calls `response.notFound()`). Hydrated, so the link is a client nav.
-export default function NotFound(_props: NotFoundProps) {
-  return (
-    <div className="mx-auto flex min-h-[60vh] max-w-3xl flex-col items-center justify-center px-6 text-center">
-      <h1 className="text-3xl font-semibold tracking-tight">404</h1>
-      <p className="mt-2 text-zinc-500">We couldn&apos;t find that page.</p>
-      <Link
-        href="/"
-        className="mt-6 inline-flex h-10 items-center rounded-full bg-zinc-900 px-5 text-sm font-medium text-white transition-colors hover:bg-zinc-700"
-      >
-        Back home
-      </Link>
-    </div>
-  );
-}

package/templates/local-service/app/not-found.tsx DELETED Viewed

@@ -1,19 +0,0 @@
-import React from "react";
-import { Link, type NotFoundProps } from "@pylonsync/react";
-// `app/not-found.tsx` → rendered at HTTP 404 for any unmatched URL (and when a
-// page calls `response.notFound()`). Hydrated, so the link is a client nav.
-export default function NotFound(_props: NotFoundProps) {
-  return (
-    <div className="mx-auto flex min-h-[60vh] max-w-3xl flex-col items-center justify-center px-6 text-center">
-      <h1 className="text-3xl font-semibold tracking-tight">404</h1>
-      <p className="mt-2 text-zinc-500">We couldn&apos;t find that page.</p>
-      <Link
-        href="/"
-        className="mt-6 inline-flex h-10 items-center rounded-full bg-zinc-900 px-5 text-sm font-medium text-white transition-colors hover:bg-zinc-700"
-      >
-        Back home
-      </Link>
-    </div>
-  );
-}

package/templates/restaurant/app/not-found.tsx DELETED Viewed

@@ -1,19 +0,0 @@
-import React from "react";
-import { Link, type NotFoundProps } from "@pylonsync/react";
-// `app/not-found.tsx` → rendered at HTTP 404 for any unmatched URL (and when a
-// page calls `response.notFound()`). Hydrated, so the link is a client nav.
-export default function NotFound(_props: NotFoundProps) {
-  return (
-    <div className="mx-auto flex min-h-[60vh] max-w-3xl flex-col items-center justify-center px-6 text-center">
-      <h1 className="text-3xl font-semibold tracking-tight">404</h1>
-      <p className="mt-2 text-zinc-500">We couldn&apos;t find that page.</p>
-      <Link
-        href="/"
-        className="mt-6 inline-flex h-10 items-center rounded-full bg-zinc-900 px-5 text-sm font-medium text-white transition-colors hover:bg-zinc-700"
-      >
-        Back home
-      </Link>
-    </div>
-  );
-}

package/templates/saas/app/login/page.tsx DELETED Viewed

@@ -1,27 +0,0 @@
-import React from "react";
-import { type Metadata, type PageProps } from "@pylonsync/react";
-import { AuthShell } from "../auth-shell";
-import { AuthForm } from "../auth-form";
-export const metadata: Metadata = {
-  title: "Sign in — Acme",
-  robots: "noindex",
-};
-// `app/login/page.tsx` → `/login`. Split-screen auth (form left, brand right).
-// The layout renders auth routes with no marketing nav or footer.
-export default function LoginPage({ auth, response }: PageProps) {
-  // Already signed in? Skip the form. `response.redirect` runs in the
-  // synchronous shell render, so it's a real 307 before any HTML is sent.
-  if (auth.user_id) response.redirect("/dashboard");
-  return (
-    <AuthShell
-      title="Welcome back"
-      switchPrompt="New to Acme?"
-      switchLabel="Create an account"
-      switchHref="/signup"
-    >
-      <AuthForm mode="login" />
-    </AuthShell>
-  );
-}

package/templates/saas/app/signup/page.tsx DELETED Viewed

@@ -1,24 +0,0 @@
-import React from "react";
-import { type Metadata, type PageProps } from "@pylonsync/react";
-import { AuthShell } from "../auth-shell";
-import { AuthForm } from "../auth-form";
-export const metadata: Metadata = {
-  title: "Create your account — Acme",
-  robots: "noindex",
-};
-// `app/signup/page.tsx` → `/signup`. Split-screen auth, register mode.
-export default function SignupPage({ auth, response }: PageProps) {
-  if (auth.user_id) response.redirect("/dashboard");
-  return (
-    <AuthShell
-      title="Create an account"
-      switchPrompt="Already have an account?"
-      switchLabel="Sign in"
-      switchHref="/login"
-    >
-      <AuthForm mode="signup" />
-    </AuthShell>
-  );
-}

package/templates/shop/app/not-found.tsx DELETED Viewed

@@ -1,19 +0,0 @@
-import React from "react";
-import { Link, type NotFoundProps } from "@pylonsync/react";
-// `app/not-found.tsx` → rendered at HTTP 404 for any unmatched URL (and when a
-// page calls `response.notFound()`). Hydrated, so the link is a client nav.
-export default function NotFound(_props: NotFoundProps) {
-  return (
-    <div className="mx-auto flex min-h-[60vh] max-w-3xl flex-col items-center justify-center px-6 text-center">
-      <h1 className="text-3xl font-semibold tracking-tight">404</h1>
-      <p className="mt-2 text-zinc-500">We couldn&apos;t find that page.</p>
-      <Link
-        href="/"
-        className="mt-6 inline-flex h-10 items-center rounded-full bg-zinc-900 px-5 text-sm font-medium text-white transition-colors hover:bg-zinc-700"
-      >
-        Back home
-      </Link>
-    </div>
-  );
-}

package/templates/waitlist/app/not-found.tsx DELETED Viewed

@@ -1,19 +0,0 @@
-import React from "react";
-import { Link, type NotFoundProps } from "@pylonsync/react";
-// `app/not-found.tsx` → rendered at HTTP 404 for any unmatched URL (and when a
-// page calls `response.notFound()`). Hydrated, so the link is a client nav.
-export default function NotFound(_props: NotFoundProps) {
-  return (
-    <div className="mx-auto flex min-h-[60vh] max-w-3xl flex-col items-center justify-center px-6 text-center">
-      <h1 className="text-3xl font-semibold tracking-tight">404</h1>
-      <p className="mt-2 text-zinc-500">We couldn&apos;t find that page.</p>
-      <Link
-        href="/"
-        className="mt-6 inline-flex h-10 items-center rounded-full bg-zinc-900 px-5 text-sm font-medium text-white transition-colors hover:bg-zinc-700"
-      >
-        Back home
-      </Link>
-    </div>
-  );
-}