create-tnt-stack 0.5.1 → 0.5.2

package/dist/index.js

@@ -51,7 +51,7 @@ Using: ${I.cyan.bold(s)}
 `).start();if(O.existsSync(a))if(O.readdirSync(a).length===0)e!=="."&&n.info(`${I.cyan.bold(e)} exists but is empty, continuing...
 `);else{n.stopAndPersist();let l=await it({message:`${I.redBright.bold("Warning:")} ${I.cyan.bold(e)} already exists and isn't empty. How would you like to proceed?`,choices:[{value:"abort",name:"Abort installation (recommended)"},{value:"clear",name:"Clear the directory and continue installation"},{value:"overwrite",name:"Continue installation and overwrite conflicting files"}],default:"abort"});l==="abort"&&(n.fail("Aborting installation..."),process.exit(1)),await ot({message:`Are you sure you want to ${l==="clear"?"clear the directory":"overwrite conflicting files"}`,default:!1})||(n.fail("Aborting installation..."),process.exit(1)),l==="clear"&&(n.info(`Emptying ${I.cyan.bold(e)} and creating tnt app...
 `),O.emptyDirSync(a))}n.start(),O.copySync(t,a),O.renameSync(W.join(a,"_gitignore"),W.join(a,".gitignore"));let i=e==="."?"App":I.cyan.bold(e);n.succeed(`${i} ${I.green.bold("scaffolded successfully!")}
-`)}import v from"path";import B from"fs-extra";function Pe({packages:e,projectDir:a}){let s=v.join(c,"template/packages/src/app/layout"),o=e.payload.inUse,n=v.join(s,"base.tsx"),i=v.join(a,`src/app/${o?"(frontend)":""}/layout.tsx`);B.copySync(n,i)}function _e({packages:e,projectDir:a}){let s=v.join(c,"template/packages/src/app/page"),o=e.payload.inUse,t=e.authjs.inUse,n=e.prisma.inUse,i="base.tsx";o&&(i="with-payload.tsx"),t&&(i="with-authjs.tsx"),n&&(i="with-prisma.tsx");let l=v.join(s,i),d=v.join(a,`src/app/${o?"(frontend)":""}/page.tsx`);B.copySync(l,d)}function Se({packages:e,projectDir:a}){let s=v.join(c,"template/packages/src/app/globals"),o=e.payload.inUse,n=v.join(s,"base.css"),i=v.join(a,`src/app/${o?"(frontend)":""}/globals.css`);B.copySync(n,i)}async function xe({projectName:e,scopedAppName:a,packages:s,noInstall:o,databaseProvider:t}){let n=h(),i=lt.resolve(process.cwd(),e);return await we({projectName:e,projectDir:i,pkgManager:n,scopedAppName:a,noInstall:o,databaseProvider:t}),ke({projectName:e,scopedAppName:a,projectDir:i,pkgManager:n,packages:s,noInstall:o,databaseProvider:t}),Pe({packages:s,projectDir:i}),_e({packages:s,projectDir:i}),Se({packages:s,projectDir:i}),i}import{execSync as z}from"child_process";import V from"path";import{confirm as Ie}from"@inquirer/prompts";import T from"chalk";import{execa as D}from"execa";import Ae from"fs-extra";import pt from"ora";function ct(e){try{return z("git --version",{cwd:e}),!0}catch{return!1}}function K(e){return Ae.existsSync(V.join(e,".git"))}async function H(e){try{return await D("git",["rev-parse","--is-inside-work-tree"],{cwd:e,stdout:"ignore"}),!0}catch{return!1}}function mt(){let a=z("git --version").toString().trim().split(" ")[2],s=a?.split(".")[0],o=a?.split(".")[1];return{major:Number(s),minor:Number(o)}}function dt(){return z("git config --global init.defaultBranch || echo main").toString().trim()}async function je(e){if(r.info("Initializing Git..."),!ct(e)){r.warn("Git is not installed. Skipping Git initialization.");return}let a=pt(`Creating a new git repo...
+`)}import v from"path";import B from"fs-extra";function Pe({packages:e,projectDir:a}){let s=v.join(c,"template/packages/src/app/layout"),o=e.payload.inUse,n=v.join(s,"base.tsx"),i=v.join(a,`src/app/${o?"(frontend)":""}/layout.tsx`);B.copySync(n,i)}function _e({packages:e,projectDir:a}){let s=v.join(c,"template/packages/src/app/page"),o=e.payload.inUse,t=e.authjs.inUse,n=e.prisma.inUse,i="base.tsx";o&&(i="with-payload.tsx"),t&&(i="with-authjs.tsx"),n&&(i="with-prisma.tsx"),t&&n&&(i="with-authjs-prisma.tsx");let l=v.join(s,i),d=v.join(a,`src/app/${o?"(frontend)":""}/page.tsx`);B.copySync(l,d)}function Se({packages:e,projectDir:a}){let s=v.join(c,"template/packages/src/app/globals"),o=e.payload.inUse,n=v.join(s,"base.css"),i=v.join(a,`src/app/${o?"(frontend)":""}/globals.css`);B.copySync(n,i)}async function xe({projectName:e,scopedAppName:a,packages:s,noInstall:o,databaseProvider:t}){let n=h(),i=lt.resolve(process.cwd(),e);return await we({projectName:e,projectDir:i,pkgManager:n,scopedAppName:a,noInstall:o,databaseProvider:t}),ke({projectName:e,scopedAppName:a,projectDir:i,pkgManager:n,packages:s,noInstall:o,databaseProvider:t}),Pe({packages:s,projectDir:i}),_e({packages:s,projectDir:i}),Se({packages:s,projectDir:i}),i}import{execSync as z}from"child_process";import V from"path";import{confirm as Ie}from"@inquirer/prompts";import T from"chalk";import{execa as D}from"execa";import Ae from"fs-extra";import pt from"ora";function ct(e){try{return z("git --version",{cwd:e}),!0}catch{return!1}}function K(e){return Ae.existsSync(V.join(e,".git"))}async function H(e){try{return await D("git",["rev-parse","--is-inside-work-tree"],{cwd:e,stdout:"ignore"}),!0}catch{return!1}}function mt(){let a=z("git --version").toString().trim().split(" ")[2],s=a?.split(".")[0],o=a?.split(".")[1];return{major:Number(s),minor:Number(o)}}function dt(){return z("git config --global init.defaultBranch || echo main").toString().trim()}async function je(e){if(r.info("Initializing Git..."),!ct(e)){r.warn("Git is not installed. Skipping Git initialization.");return}let a=pt(`Creating a new git repo...
 `).start(),s=K(e),o=await H(e),t=V.parse(e).name;if(o&&s){if(a.stop(),!await Ie({message:`${T.redBright.bold("Warning:")} Git is already initialized in "${t}". Initializing a new git repository would delete the previous history. Would you like to continue anyways?`,default:!1})){a.info("Skipping Git initialization.");return}Ae.removeSync(V.join(e,".git"))}else if(o&&!s&&(a.stop(),!await Ie({message:`${T.redBright.bold("Warning:")} "${t}" is already in a git worktree. Would you still like to initialize a new git repository in this directory?`,default:!1}))){a.info("Skipping Git initialization.");return}try{let n=dt(),{major:i,minor:l}=mt();i<2||i==2&&l<28?(await D("git",["init"],{cwd:e}),await D("git",["symbolic-ref","HEAD",`refs/heads/${n}`],{cwd:e})):await D("git",["init",`--initial-branch=${n}`],{cwd:e}),await D("git",["add","."],{cwd:e}),a.succeed(`${T.green("Successfully initialized and staged")} ${T.green.bold("git")}
 `)}catch{a.fail(`${T.bold.red("Failed:")} could not initialize git. Update git to the latest version!
 `)}}import ft from"chalk";import{execa as Ce}from"execa";import Oe from"ora";var Y=async(e,a,s)=>{let{onDataHandle:o,args:t=["install"],stdout:n="pipe"}=s,i=Oe(`Running ${a} install...`).start(),l=Ce(a,t,{cwd:e,stdout:n});return await new Promise((d,g)=>{o&&l.stdout?.on("data",o(i)),l.on("error",u=>g(u)),l.on("close",()=>d())}),i},gt=async(e,a)=>{switch(e){case"npm":return await Ce(e,["install"],{cwd:a,stderr:"inherit"}),null;case"pnpm":return Y(a,e,{onDataHandle:s=>o=>{let t=o.toString();t.includes("Progress")&&(s.text=t.includes("|")?t.split(" | ")[1]??"":t)}});case"yarn":return Y(a,e,{onDataHandle:s=>o=>{s.text=o.toString()}});case"bun":return Y(a,e,{stdout:"ignore"})}},Te=async({projectDir:e})=>{r.info("Installing dependencies...");let a=h();(await gt(a,e)??Oe()).succeed(ft.green(`Successfully installed dependencies!

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-tnt-stack",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "Create web application with the TNT-Powered stack",
   "license": "MIT",
   "repository": {

package/template/packages/prisma/schema/base.prisma

@@ -11,8 +11,9 @@ datasource db {
 }
 
 model Post {
-    id        String   @id @default(cuid())
-    name      String
+    id   String @id @default(cuid())
+    name String
+
     createdAt DateTime @default(now())
     updatedAt DateTime @updatedAt
 

package/template/packages/prisma/schema/with-authjs.prisma

@@ -15,14 +15,15 @@ datasource db {
 }
 
 model Post {
-    id        String   @id @default(cuid())
-    name      String
-    createdAt DateTime @default(now())
-    updatedAt DateTime @updatedAt
+    id   String @id @default(cuid())
+    name String
 
     createdBy   User   @relation(fields: [createdById], references: [id])
     createdById String
 
+    createdAt DateTime @default(now())
+    updatedAt DateTime @updatedAt
+
     @@index([name])
 }
 

package/template/packages/src/app/page/with-authjs-prisma.tsx

@@ -0,0 +1,221 @@
+import { fileURLToPath } from "url"
+import { revalidatePath } from "next/cache"
+
+import { auth, signIn, signOut } from "@/server/auth"
+import { db } from "@/server/db"
+
+export default async function HomePage() {
+  const session = await auth()
+  const user = session?.user
+
+  const posts = await db.post.findMany()
+
+  const fileURL = `vscode://file/${fileURLToPath(import.meta.url)}`
+
+  return (
+    <main className="mx-auto flex h-screen max-w-5xl flex-col items-center justify-between overflow-hidden p-6 sm:p-[45px]">
+      <header className="ml-auto">
+        {user ? (
+          <button
+            onClick={async () => {
+              "use server"
+              await signOut()
+            }}
+            className="cursor-pointer rounded-md bg-rose-400 px-4 py-2"
+          >
+            Sign Out
+          </button>
+        ) : (
+          <button
+            onClick={async () => {
+              "use server"
+              await signIn("discord")
+            }}
+            className="cursor-pointer rounded-md bg-purple-400 px-4 py-2"
+          >
+            Sign In
+          </button>
+        )}
+      </header>
+
+      <div className="flex grow flex-col items-center justify-center">
+        {/* Logo */}
+        <picture className="relative">
+          <div className="absolute inset-0 animate-pulse rounded-xl bg-gradient-to-r from-purple-500 to-cyan-500 opacity-20 blur-xl dark:from-purple-800 dark:to-cyan-800" />
+          <source srcSet="https://github.com/SlickYeet/create-tnt-stack/blob/main/docs/public/logo.light.png?raw=true" />
+          <img
+            src="https://github.com/SlickYeet/create-tnt-stack/blob/main/docs/public/logo.light.png?raw=true"
+            alt="Logo"
+            width={65}
+            height={65}
+            className="block h-auto max-w-full"
+          />
+        </picture>
+
+        <h1 className="mt-6 bg-gradient-to-r from-purple-500 to-cyan-500 bg-clip-text text-center text-4xl leading-10 text-transparent sm:text-5xl sm:leading-14 md:text-6xl md:leading-20 lg:mt-10 lg:text-7xl lg:font-bold">
+          TNT-Powered Next.js App
+        </h1>
+        <p className="mt-4 text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
+          Build modern web applications with today&apos;s most popular tools
+        </p>
+
+        <div className="mt-12 flex items-center gap-3">
+          <a
+            href="https://create.tntstack.org"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
+          >
+            Website
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="mb-1.5 size-4 fill-none stroke-current stroke-2"
+            >
+              <path d="M7 7h10v10" />
+              <path d="M7 17 17 7" />
+            </svg>
+          </a>
+          <a
+            href="https://create.tntstack.org/introduction"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
+          >
+            Docs
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="mb-1.5 size-4 fill-none stroke-current stroke-2"
+            >
+              <path d="M7 7h10v10" />
+              <path d="M7 17 17 7" />
+            </svg>
+          </a>
+          <a
+            href="https://github.com/SlickYeet/create-tnt-stack"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
+          >
+            GitHub
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="mb-1.5 size-4 fill-none stroke-current stroke-2"
+            >
+              <path d="M7 7h10v10" />
+              <path d="M7 17 17 7" />
+            </svg>
+          </a>
+        </div>
+
+        <div className="mt-12 flex flex-col items-center gap-3">
+          <div className="mb-4">
+            <h1 className="mb-4 text-center">
+              <span className="text-2xl text-neutral-700 dark:text-neutral-300">
+                Posts {posts.length}
+              </span>
+            </h1>
+
+            {user && (
+              <form
+                action={async (formData: FormData) => {
+                  "use server"
+
+                  if (!user) throw new Error("Unauthorized")
+
+                  const name =
+                    formData.get("name")?.toString() ||
+                    `New Post ${posts.length + 1}`
+
+                  await db.post.create({
+                    data: {
+                      id: crypto.randomUUID(),
+                      name,
+                      createdBy: {
+                        connect: {
+                          id: user.id,
+                        },
+                      },
+                    },
+                  })
+
+                  revalidatePath("/")
+                }}
+              >
+                <input
+                  type="text"
+                  name="name"
+                  placeholder="New Post"
+                  className="h-8 rounded-md border border-neutral-300 px-2 outline-none dark:border-neutral-700 dark:bg-neutral-800"
+                />
+                <button
+                  type="submit"
+                  className="ml-2 size-8 cursor-pointer rounded-md bg-neutral-200 outline-none hover:opacity-80 focus:opacity-80 dark:bg-neutral-800"
+                >
+                  +
+                </button>
+              </form>
+            )}
+          </div>
+
+          <div className="grid w-full grid-cols-1 gap-2 space-y-2 sm:grid-cols-2">
+            {posts.map((post) => (
+              <div
+                key={post.id}
+                className="flex h-10 max-w-40 items-center rounded-md bg-neutral-200 px-2 py-1 dark:bg-neutral-800"
+              >
+                <span className="truncate text-sm text-neutral-700 dark:text-neutral-300">
+                  {post.name}
+                </span>
+                {user && (
+                  <form
+                    action={async () => {
+                      "use server"
+
+                      if (!user) throw new Error("Unauthorized")
+
+                      await db.post.delete({
+                        where: {
+                          id: post.id,
+                          createdById: user.id,
+                        },
+                      })
+
+                      revalidatePath("/")
+                    }}
+                    className="ml-auto"
+                  >
+                    <button
+                      type="submit"
+                      className="ml-2 cursor-pointer rounded-md text-rose-500 outline-none hover:opacity-80 focus:opacity-80"
+                    >
+                      x
+                    </button>
+                  </form>
+                )}
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+
+      <div className="flex flex-col items-center gap-1 text-sm text-neutral-600 lg:flex-row lg:gap-2 dark:text-neutral-400">
+        <p className="m-0">Get started by editing </p>
+        <a
+          href={fileURL}
+          className="rounded-md bg-neutral-200 px-2 py-1 dark:bg-neutral-800"
+        >
+          <code>src/app/page.tsx</code>
+        </a>
+      </div>
+    </main>
+  )
+}