npm - @glxmart/boss-cli - Versions diffs - 1.0.0-beta.0 - Mend

@glxmart/boss-cli 1.0.0-beta.0

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

package/templates/t3-app/extras/src/app/layout/with-trpc-tw.tsx ADDED Viewed

@@ -0,0 +1,29 @@
+import "~/styles/globals.css";
+import { type Metadata } from "next";
+import { Geist } from "next/font/google";
+import { TRPCReactProvider } from "~/trpc/react";
+export const metadata: Metadata = {
+  title: "Create T3 App",
+  description: "Generated by create-t3-app",
+  icons: [{ rel: "icon", url: "/favicon.ico" }],
+};
+const geist = Geist({
+  subsets: ["latin"],
+  variable: "--font-geist-sans",
+});
+export default function RootLayout({
+  children,
+}: Readonly<{ children: React.ReactNode }>) {
+  return (
+    <html lang="en" className={`${geist.variable}`}>
+      <body>
+        <TRPCReactProvider>{children}</TRPCReactProvider>
+      </body>
+    </html>
+  );
+}

package/templates/t3-app/extras/src/app/layout/with-trpc.tsx ADDED Viewed

@@ -0,0 +1,28 @@
+import "~/styles/globals.css";
+import { type Metadata } from "next";
+import { Geist } from "next/font/google";
+import { TRPCReactProvider } from "~/trpc/react";
+export const metadata: Metadata = {
+  title: "Create T3 App",
+  description: "Generated by create-t3-app",
+  icons: [{ rel: "icon", url: "/favicon.ico" }],
+};
+const geist = Geist({
+  subsets: ["latin"],
+});
+export default function RootLayout({
+  children,
+}: Readonly<{ children: React.ReactNode }>) {
+  return (
+    <html lang="en">
+      <body className={geist.className}>
+        <TRPCReactProvider>{children}</TRPCReactProvider>
+      </body>
+    </html>
+  );
+}

package/templates/t3-app/extras/src/app/layout/with-tw.tsx ADDED Viewed

@@ -0,0 +1,25 @@
+import "~/styles/globals.css";
+import { type Metadata } from "next";
+import { Geist } from "next/font/google";
+export const metadata: Metadata = {
+  title: "Create T3 App",
+  description: "Generated by create-t3-app",
+  icons: [{ rel: "icon", url: "/favicon.ico" }],
+};
+const geist = Geist({
+  subsets: ["latin"],
+  variable: "--font-geist-sans",
+});
+export default function RootLayout({
+  children,
+}: Readonly<{ children: React.ReactNode }>) {
+  return (
+    <html lang="en" className={`${geist.variable}`}>
+      <body>{children}</body>
+    </html>
+  );
+}

package/templates/t3-app/extras/src/app/page/base.tsx ADDED Viewed

@@ -0,0 +1,39 @@
+import Link from "next/link";
+import styles from "./index.module.css";
+export default function Home() {
+  return (
+    <main className={styles.main}>
+      <div className={styles.container}>
+        <h1 className={styles.title}>
+          Create <span className={styles.pinkSpan}>T3</span> App
+        </h1>
+        <div className={styles.cardRow}>
+          <Link
+            className={styles.card}
+            href="https://create.t3.gg/en/usage/first-steps"
+            target="_blank"
+          >
+            <h3 className={styles.cardTitle}>First Steps →</h3>
+            <div className={styles.cardText}>
+              Just the basics - Everything you need to know to set up your
+              database and authentication.
+            </div>
+          </Link>
+          <Link
+            className={styles.card}
+            href="https://create.t3.gg/en/introduction"
+            target="_blank"
+          >
+            <h3 className={styles.cardTitle}>Documentation →</h3>
+            <div className={styles.cardText}>
+              Learn more about Create T3 App, the libraries it uses, and how to
+              deploy it.
+            </div>
+          </Link>
+        </div>
+      </div>
+    </main>
+  );
+}

package/templates/t3-app/extras/src/app/page/with-auth-trpc-tw.tsx ADDED Viewed

@@ -0,0 +1,69 @@
+import Link from "next/link";
+import { LatestPost } from "~/app/_components/post";
+import { auth } from "~/server/auth";
+import { api, HydrateClient } from "~/trpc/server";
+export default async function Home() {
+  const hello = await api.post.hello({ text: "from tRPC" });
+  const session = await auth();
+  if (session?.user) {
+    void api.post.getLatest.prefetch();
+  }
+  return (
+    <HydrateClient>
+      <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c] text-white">
+        <div className="container flex flex-col items-center justify-center gap-12 px-4 py-16">
+          <h1 className="text-5xl font-extrabold tracking-tight sm:text-[5rem]">
+            Create <span className="text-[hsl(280,100%,70%)]">T3</span> App
+          </h1>
+          <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 md:gap-8">
+            <Link
+              className="flex max-w-xs flex-col gap-4 rounded-xl bg-white/10 p-4 hover:bg-white/20"
+              href="https://create.t3.gg/en/usage/first-steps"
+              target="_blank"
+            >
+              <h3 className="text-2xl font-bold">First Steps →</h3>
+              <div className="text-lg">
+                Just the basics - Everything you need to know to set up your
+                database and authentication.
+              </div>
+            </Link>
+            <Link
+              className="flex max-w-xs flex-col gap-4 rounded-xl bg-white/10 p-4 hover:bg-white/20"
+              href="https://create.t3.gg/en/introduction"
+              target="_blank"
+            >
+              <h3 className="text-2xl font-bold">Documentation →</h3>
+              <div className="text-lg">
+                Learn more about Create T3 App, the libraries it uses, and how
+                to deploy it.
+              </div>
+            </Link>
+          </div>
+          <div className="flex flex-col items-center gap-2">
+            <p className="text-2xl text-white">
+              {hello ? hello.greeting : "Loading tRPC query..."}
+            </p>
+            <div className="flex flex-col items-center justify-center gap-4">
+              <p className="text-center text-2xl text-white">
+                {session && <span>Logged in as {session.user?.name}</span>}
+              </p>
+              <Link
+                href={session ? "/api/auth/signout" : "/api/auth/signin"}
+                className="rounded-full bg-white/10 px-10 py-3 font-semibold no-underline transition hover:bg-white/20"
+              >
+                {session ? "Sign out" : "Sign in"}
+              </Link>
+            </div>
+          </div>
+          {session?.user && <LatestPost />}
+        </div>
+      </main>
+    </HydrateClient>
+  );
+}

package/templates/t3-app/extras/src/app/page/with-auth-trpc.tsx ADDED Viewed

@@ -0,0 +1,70 @@
+import Link from "next/link";
+import { LatestPost } from "~/app/_components/post";
+import { auth } from "~/server/auth";
+import { api, HydrateClient } from "~/trpc/server";
+import styles from "./index.module.css";
+export default async function Home() {
+  const hello = await api.post.hello({ text: "from tRPC" });
+  const session = await auth();
+  if (session?.user) {
+    void api.post.getLatest.prefetch();
+  }
+  return (
+    <HydrateClient>
+      <main className={styles.main}>
+        <div className={styles.container}>
+          <h1 className={styles.title}>
+            Create <span className={styles.pinkSpan}>T3</span> App
+          </h1>
+          <div className={styles.cardRow}>
+            <Link
+              className={styles.card}
+              href="https://create.t3.gg/en/usage/first-steps"
+              target="_blank"
+            >
+              <h3 className={styles.cardTitle}>First Steps →</h3>
+              <div className={styles.cardText}>
+                Just the basics - Everything you need to know to set up your
+                database and authentication.
+              </div>
+            </Link>
+            <Link
+              className={styles.card}
+              href="https://create.t3.gg/en/introduction"
+              target="_blank"
+            >
+              <h3 className={styles.cardTitle}>Documentation →</h3>
+              <div className={styles.cardText}>
+                Learn more about Create T3 App, the libraries it uses, and how
+                to deploy it.
+              </div>
+            </Link>
+          </div>
+          <div className={styles.showcaseContainer}>
+            <p className={styles.showcaseText}>
+              {hello ? hello.greeting : "Loading tRPC query..."}
+            </p>
+            <div className={styles.authContainer}>
+              <p className={styles.showcaseText}>
+                {session && <span>Logged in as {session.user?.name}</span>}
+              </p>
+              <Link
+                href={session ? "/api/auth/signout" : "/api/auth/signin"}
+                className={styles.loginButton}
+              >
+                {session ? "Sign out" : "Sign in"}
+              </Link>
+            </div>
+          </div>
+          {session?.user && <LatestPost />}
+        </div>
+      </main>
+    </HydrateClient>
+  );
+}

package/templates/t3-app/extras/src/app/page/with-better-auth-trpc-tw.tsx ADDED Viewed

@@ -0,0 +1,105 @@
+import { headers } from "next/headers";
+import Link from "next/link";
+import { redirect } from "next/navigation";
+import { LatestPost } from "~/app/_components/post";
+import { auth } from "~/server/better-auth";
+import { getSession } from "~/server/better-auth/server";
+import { api, HydrateClient } from "~/trpc/server";
+export default async function Home() {
+  const hello = await api.post.hello({ text: "from tRPC" });
+  const session = await getSession();
+  if (session) {
+    void api.post.getLatest.prefetch();
+  }
+  return (
+    <HydrateClient>
+      <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c] text-white">
+        <div className="container flex flex-col items-center justify-center gap-12 px-4 py-16">
+          <h1 className="text-5xl font-extrabold tracking-tight sm:text-[5rem]">
+            Create <span className="text-[hsl(280,100%,70%)]">T3</span> App
+          </h1>
+          <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 md:gap-8">
+            <Link
+              className="flex max-w-xs flex-col gap-4 rounded-xl bg-white/10 p-4 hover:bg-white/20"
+              href="https://create.t3.gg/en/usage/first-steps"
+              target="_blank"
+            >
+              <h3 className="text-2xl font-bold">First Steps →</h3>
+              <div className="text-lg">
+                Just the basics - Everything you need to know to set up your
+                database and authentication.
+              </div>
+            </Link>
+            <Link
+              className="flex max-w-xs flex-col gap-4 rounded-xl bg-white/10 p-4 hover:bg-white/20"
+              href="https://create.t3.gg/en/introduction"
+              target="_blank"
+            >
+              <h3 className="text-2xl font-bold">Documentation →</h3>
+              <div className="text-lg">
+                Learn more about Create T3 App, the libraries it uses, and how
+                to deploy it.
+              </div>
+            </Link>
+          </div>
+          <div className="flex flex-col items-center gap-2">
+            <p className="text-2xl text-white">
+              {hello ? hello.greeting : "Loading tRPC query..."}
+            </p>
+            <div className="flex flex-col items-center justify-center gap-4">
+              <p className="text-center text-2xl text-white">
+                {session && <span>Logged in as {session.user?.name}</span>}
+              </p>
+              {!session ? (
+                <form>
+                  <button
+                    type="submit"
+                    className="rounded-full bg-white/10 px-10 py-3 font-semibold no-underline transition hover:bg-white/20"
+                    formAction={async () => {
+                      "use server";
+                      const res = await auth.api.signInSocial({
+                        body: {
+                          provider: "github",
+                          callbackURL: "/",
+                        },
+                      });
+                      if (!res.url) {
+                        throw new Error("No URL returned from signInSocial");
+                      }
+                      redirect(res.url);
+                    }}
+                  >
+                    Sign in with Github
+                  </button>
+                </form>
+              ) : (
+                <form>
+                  <button
+                    type="submit"
+                    className="rounded-full bg-white/10 px-10 py-3 font-semibold no-underline transition hover:bg-white/20"
+                    formAction={async () => {
+                      "use server";
+                      await auth.api.signOut({
+                        headers: await headers(),
+                      });
+                      redirect("/");
+                    }}
+                  >
+                    Sign out
+                  </button>
+                </form>
+              )}
+            </div>
+          </div>
+          {session?.user && <LatestPost />}
+        </div>
+      </main>
+    </HydrateClient>
+  );
+}

package/templates/t3-app/extras/src/app/page/with-better-auth-trpc.tsx ADDED Viewed

@@ -0,0 +1,103 @@
+import { headers } from "next/headers";
+import Link from "next/link";
+import { redirect } from "next/navigation";
+import { LatestPost } from "~/app/_components/post";
+import { auth } from "~/server/better-auth";
+import { getSession } from "~/server/better-auth/server";
+import { api, HydrateClient } from "~/trpc/server";
+import styles from "./index.module.css";
+export default async function Home() {
+  const hello = await api.post.hello({ text: "from tRPC" });
+  const session = await getSession();
+  if (session?.user) {
+    void api.post.getLatest.prefetch();
+  }
+  return (
+    <HydrateClient>
+      <main className={styles.main}>
+        <div className={styles.container}>
+          <h1 className={styles.title}>
+            Create <span className={styles.pinkSpan}>T3</span> App
+          </h1>
+          <div className={styles.cardRow}>
+            <Link
+              className={styles.card}
+              href="https://create.t3.gg/en/usage/first-steps"
+              target="_blank"
+            >
+              <h3 className={styles.cardTitle}>First Steps →</h3>
+              <div className={styles.cardText}>
+                Just the basics - Everything you need to know to set up your
+                database and authentication.
+              </div>
+            </Link>
+            <Link
+              className={styles.card}
+              href="https://create.t3.gg/en/introduction"
+              target="_blank"
+            >
+              <h3 className={styles.cardTitle}>Documentation →</h3>
+              <div className={styles.cardText}>
+                Learn more about Create T3 App, the libraries it uses, and how
+                to deploy it.
+              </div>
+            </Link>
+          </div>
+          <div className={styles.showcaseContainer}>
+            <p className={styles.showcaseText}>
+              {hello ? hello.greeting : "Loading tRPC query..."}
+            </p>
+            <div className={styles.authContainer}>
+              <p className={styles.showcaseText}>
+                {session && <span>Logged in as {session.user?.name}</span>}
+              </p>
+              {!session ? (
+                <form>
+                  <button
+                    type="submit"
+                    className={styles.loginButton}
+                    formAction={async () => {
+                      "use server";
+                      const res = await auth.api.signInSocial({
+                        body: {
+                          provider: "github",
+                          callbackURL: "/",
+                        },
+                      });
+                      if (!res.url)
+                        throw new Error("No URL returned from signInSocial");
+                      redirect(res.url);
+                    }}
+                  >
+                    Sign in with Github
+                  </button>
+                </form>
+              ) : (
+                <form>
+                  <button
+                    type="submit"
+                    className={styles.loginButton}
+                    formAction={async () => {
+                      "use server";
+                      await auth.api.signOut({ headers: await headers() });
+                      redirect("/");
+                    }}
+                  >
+                    Sign out
+                  </button>
+                </form>
+              )}
+            </div>
+          </div>
+          {session?.user && <LatestPost />}
+        </div>
+      </main>
+    </HydrateClient>
+  );
+}

package/templates/t3-app/extras/src/app/page/with-better-auth-tw.tsx ADDED Viewed

@@ -0,0 +1,90 @@
+import { headers } from "next/headers";
+import Link from "next/link";
+import { redirect } from "next/navigation";
+import { auth } from "~/server/better-auth";
+import { getSession } from "~/server/better-auth/server";
+export default async function Home() {
+  const session = await getSession();
+  return (
+    <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c] text-white">
+      <div className="container flex flex-col items-center justify-center gap-12 px-4 py-16">
+        <h1 className="text-5xl font-extrabold tracking-tight sm:text-[5rem]">
+          Create <span className="text-[hsl(280,100%,70%)]">T3</span> App
+        </h1>
+        <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 md:gap-8">
+          <Link
+            className="flex max-w-xs flex-col gap-4 rounded-xl bg-white/10 p-4 hover:bg-white/20"
+            href="https://create.t3.gg/en/usage/first-steps"
+            target="_blank"
+          >
+            <h3 className="text-2xl font-bold">First Steps →</h3>
+            <div className="text-lg">
+              Just the basics - Everything you need to know to set up your
+              database and authentication.
+            </div>
+          </Link>
+          <Link
+            className="flex max-w-xs flex-col gap-4 rounded-xl bg-white/10 p-4 hover:bg-white/20"
+            href="https://create.t3.gg/en/introduction"
+            target="_blank"
+          >
+            <h3 className="text-2xl font-bold">Documentation →</h3>
+            <div className="text-lg">
+              Learn more about Create T3 App, the libraries it uses, and how to
+              deploy it.
+            </div>
+          </Link>
+        </div>
+        <div className="flex flex-col items-center gap-2">
+          <div className="flex flex-col items-center justify-center gap-4">
+            <p className="text-center text-2xl text-white">
+              {session && <span>Logged in as {session.user?.name}</span>}
+            </p>
+            {!session ? (
+              <form>
+                <button
+                  type="submit"
+                  className="rounded-full bg-white/10 px-10 py-3 font-semibold no-underline transition hover:bg-white/20"
+                  formAction={async () => {
+                    "use server";
+                    const res = await auth.api.signInSocial({
+                      body: {
+                        provider: "github",
+                        callbackURL: "/",
+                      },
+                    });
+                    if (!res.url) {
+                      throw new Error("No URL returned from signInSocial");
+                    }
+                    redirect(res.url);
+                  }}
+                >
+                  Sign in with Github
+                </button>
+              </form>
+            ) : (
+              <form>
+                <button
+                  type="submit"
+                  className="rounded-full bg-white/10 px-10 py-3 font-semibold no-underline transition hover:bg-white/20"
+                  formAction={async () => {
+                    "use server";
+                    await auth.api.signOut({
+                      headers: await headers(),
+                    });
+                    redirect("/");
+                  }}
+                >
+                  Sign out
+                </button>
+              </form>
+            )}
+          </div>
+        </div>
+      </div>
+    </main>
+  );
+}

package/templates/t3-app/extras/src/app/page/with-better-auth.tsx ADDED Viewed

@@ -0,0 +1,88 @@
+import { headers } from "next/headers";
+import Link from "next/link";
+import { redirect } from "next/navigation";
+import { auth } from "~/server/better-auth";
+import { getSession } from "~/server/better-auth/server";
+import styles from "./index.module.css";
+export default async function Home() {
+  const session = await getSession();
+  return (
+    <main className={styles.main}>
+      <div className={styles.container}>
+        <h1 className={styles.title}>
+          Create <span className={styles.pinkSpan}>T3</span> App
+        </h1>
+        <div className={styles.cardRow}>
+          <Link
+            className={styles.card}
+            href="https://create.t3.gg/en/usage/first-steps"
+            target="_blank"
+          >
+            <h3 className={styles.cardTitle}>First Steps →</h3>
+            <div className={styles.cardText}>
+              Just the basics - Everything you need to know to set up your
+              database and authentication.
+            </div>
+          </Link>
+          <Link
+            className={styles.card}
+            href="https://create.t3.gg/en/introduction"
+            target="_blank"
+          >
+            <h3 className={styles.cardTitle}>Documentation →</h3>
+            <div className={styles.cardText}>
+              Learn more about Create T3 App, the libraries it uses, and how to
+              deploy it.
+            </div>
+          </Link>
+        </div>
+        <div className={styles.showcaseContainer}>
+          <div className={styles.authContainer}>
+            <p className={styles.showcaseText}>
+              {session && <span>Logged in as {session.user?.name}</span>}
+            </p>
+            {!session ? (
+              <form>
+                <button
+                  type="submit"
+                  className={styles.loginButton}
+                  formAction={async () => {
+                    "use server";
+                    const res = await auth.api.signInSocial({
+                      body: {
+                        provider: "github",
+                        callbackURL: "/",
+                      },
+                    });
+                    if (!res.url)
+                      throw new Error("No URL returned from signInSocial");
+                    redirect(res.url);
+                  }}
+                >
+                  Sign in with Github
+                </button>
+              </form>
+            ) : (
+              <form>
+                <button
+                  type="submit"
+                  className={styles.loginButton}
+                  formAction={async () => {
+                    "use server";
+                    await auth.api.signOut({ headers: await headers() });
+                    redirect("/");
+                  }}
+                >
+                  Sign out
+                </button>
+              </form>
+            )}
+          </div>
+        </div>
+      </div>
+    </main>
+  );
+}