create-githat-app 1.0.4 → 1.0.5

package/dist/cli.js

@@ -11,7 +11,7 @@ import gradient from "gradient-string";
 import chalk from "chalk";
 
 // src/constants.ts
-var VERSION = "1.0.4";
+var VERSION = "1.0.5";
 var DEFAULT_API_URL = "https://api.githat.io";
 var DASHBOARD_URL = "https://githat.io/dashboard/apps";
 var BRAND_COLORS = ["#7c3aed", "#6366f1", "#8b5cf6"];
@@ -397,45 +397,22 @@ async function promptBackend() {
 }
 
 // src/prompts/githat.ts
-import { execSync } from "child_process";
 import * as p5 from "@clack/prompts";
-function openBrowser(url) {
-  try {
-    const cmd = process.platform === "darwin" ? "open" : process.platform === "win32" ? "start" : "xdg-open";
-    execSync(`${cmd} "${url}"`, { stdio: "ignore" });
-  } catch {
-  }
-}
 async function promptGitHat(existingKey) {
   let publishableKey = existingKey || "";
   if (!publishableKey) {
     const connectChoice = await p5.select({
       message: "Connect to GitHat",
       options: [
-        { value: "browser", label: "Sign in with browser", hint: "opens githat.io \u2014 recommended" },
-        { value: "paste", label: "I have a key", hint: "paste your pk_live_... key" },
-        { value: "skip", label: "Skip for now", hint: "add key to .env later" }
+        { value: "skip", label: "Skip for now", hint: "auth works on localhost \u2014 add key later" },
+        { value: "paste", label: "I have a key", hint: "paste your pk_live_... key" }
       ]
     });
     if (p5.isCancel(connectChoice)) {
       p5.cancel("Setup cancelled.");
       process.exit(0);
     }
-    if (connectChoice === "browser") {
-      p5.log.step("Opening githat.io in your browser...");
-      openBrowser("https://githat.io/sign-up");
-      p5.log.info("Sign up (or sign in), then go to Dashboard \u2192 Apps to copy your key.");
-      const pastedKey = await p5.text({
-        message: "Paste your publishable key",
-        placeholder: "pk_live_...",
-        validate: validatePublishableKey
-      });
-      if (p5.isCancel(pastedKey)) {
-        p5.cancel("Setup cancelled.");
-        process.exit(0);
-      }
-      publishableKey = pastedKey || "";
-    } else if (connectChoice === "paste") {
+    if (connectChoice === "paste") {
       const pastedKey = await p5.text({
         message: "Publishable key",
         placeholder: `pk_live_... (get one at ${DASHBOARD_URL})`,
@@ -446,9 +423,6 @@ async function promptGitHat(existingKey) {
         process.exit(0);
       }
       publishableKey = pastedKey || "";
-    } else if (connectChoice === "skip") {
-      p5.log.info("Auth works on localhost without a key (CORS bypass for development).");
-      p5.log.info("Sign up at githat.io \u2014 a publishable key is auto-created for you.");
     }
   }
   const authFeatures = await p5.multiselect({
@@ -528,13 +502,15 @@ async function promptFinalize() {
 function toDisplayName(projectName) {
   return projectName.replace(/[-_]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
 }
-function getDefaults(projectName, publishableKey, typescript) {
+function getDefaults(projectName, publishableKey, typescript, fullstack, backendFramework) {
   const displayName = toDisplayName(projectName);
+  const projectType = fullstack ? "fullstack" : "frontend";
   return {
     projectName,
     businessName: displayName,
     description: `${displayName} \u2014 Built with GitHat`,
-    projectType: "frontend",
+    projectType,
+    backendFramework: fullstack ? backendFramework || "hono" : void 0,
     framework: "nextjs",
     typescript: typescript ?? true,
     packageManager: detectPackageManager(),
@@ -544,7 +520,7 @@ function getDefaults(projectName, publishableKey, typescript) {
     databaseChoice: "none",
     useTailwind: true,
     includeDashboard: true,
-    includeGithatFolder: true,
+    includeGithatFolder: projectType === "frontend",
     initGit: true,
     installDeps: true
   };
@@ -552,7 +528,7 @@ function getDefaults(projectName, publishableKey, typescript) {
 async function runPrompts(args) {
   if (args.yes && args.initialName) {
     p8.log.info("Using defaults (--yes flag)");
-    return getDefaults(args.initialName, args.publishableKey, args.typescript);
+    return getDefaults(args.initialName, args.publishableKey, args.typescript, args.fullstack, args.backendFramework);
   }
   p8.intro("Let's set up your GitHat app");
   sectionHeader("Project");
@@ -603,7 +579,7 @@ function answersToContext(answers) {
 // src/scaffold/index.ts
 import fs3 from "fs-extra";
 import path3 from "path";
-import { execSync as execSync3 } from "child_process";
+import { execSync as execSync2 } from "child_process";
 import * as p9 from "@clack/prompts";
 import chalk2 from "chalk";
 
@@ -738,12 +714,12 @@ async function withSpinner(text4, fn, successText) {
 }
 
 // src/utils/git.ts
-import { execSync as execSync2 } from "child_process";
+import { execSync } from "child_process";
 function initGit(cwd) {
   try {
-    execSync2("git init", { cwd, stdio: "ignore" });
-    execSync2("git add -A", { cwd, stdio: "ignore" });
-    execSync2('git commit -m "Initial commit from create-githat-app"', {
+    execSync("git init", { cwd, stdio: "ignore" });
+    execSync("git add -A", { cwd, stdio: "ignore" });
+    execSync('git commit -m "Initial commit from create-githat-app"', {
       cwd,
       stdio: "ignore"
     });
@@ -800,7 +776,7 @@ async function scaffold(context, options) {
       `Installing dependencies with ${context.packageManager}...`,
       async () => {
         try {
-          execSync3(installCmd, { cwd: root, stdio: "ignore", timeout: 12e4 });
+          execSync2(installCmd, { cwd: root, stdio: "ignore", timeout: 12e4 });
         } catch (err) {
           const msg = err.message || "";
           if (msg.includes("TIMEOUT")) {
@@ -823,7 +799,7 @@ async function scaffold(context, options) {
     if (!p9.isCancel(starPrompt) && starPrompt) {
       try {
         const cmd = process.platform === "darwin" ? "open" : process.platform === "win32" ? "start" : "xdg-open";
-        execSync3(`${cmd} "https://github.com/GitHat-IO/githat"`, { stdio: "ignore" });
+        execSync2(`${cmd} "https://github.com/GitHat-IO/githat"`, { stdio: "ignore" });
       } catch {
         p9.log.info("Visit https://github.com/GitHat-IO/githat to star us!");
       }
@@ -1436,7 +1412,7 @@ skillsCommand.action(() => {
 // src/cli.ts
 var program = new Command7();
 program.name("githat").description("GitHat CLI - Scaffold apps and manage skills").version(VERSION);
-program.command("create [project-name]", { isDefault: true }).description("Scaffold a new GitHat app").option("--key <key>", "GitHat publishable key (pk_live_...)").option("--ts", "Use TypeScript (default)").option("--js", "Use JavaScript").option("-y, --yes", "Skip prompts and use defaults").action(async (projectName, opts) => {
+program.command("create [project-name]", { isDefault: true }).description("Scaffold a new GitHat app").option("--key <key>", "GitHat publishable key (pk_live_...)").option("--ts", "Use TypeScript (default)").option("--js", "Use JavaScript").option("--fullstack", "Create fullstack project (Turborepo)").option("--backend <framework>", "Backend framework (hono, express, fastify)").option("-y, --yes", "Skip prompts and use defaults").action(async (projectName, opts) => {
   try {
     displayBanner();
     const typescript = opts.js ? false : opts.ts ? true : void 0;
@@ -1448,7 +1424,9 @@ program.command("create [project-name]", { isDefault: true }).description("Scaff
       initialName: projectName,
       publishableKey: opts.key,
       typescript,
-      yes: opts.yes
+      yes: opts.yes,
+      fullstack: opts.fullstack,
+      backendFramework: opts.backend
     });
     const context = answersToContext(answers);
     await scaffold(context, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-githat-app",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "GitHat CLI — scaffold apps and manage the skills marketplace",
   "type": "module",
   "bin": {

package/templates/fullstack/apps-web-nextjs/app/(auth)/reset-password/page.tsx.hbs

@@ -1,11 +1,39 @@
 {{#if includeForgotPassword}}
+'use client';
+
+import { Suspense } from 'react';
+import { useSearchParams } from 'next/navigation';
 import { ResetPasswordForm } from '@githat/nextjs';
 
-export default function ResetPasswordPage() {
+function ResetPasswordContent() {
+  const searchParams = useSearchParams();
+  const token = searchParams.get('token');
+
+  if (!token) {
+    return (
+      <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>
+        <div {{#if useTailwind}}className="text-center"{{else}}style=\{{ textAlign: 'center' }}{{/if}}>
+          <h1 {{#if useTailwind}}className="text-xl font-semibold text-white mb-2"{{else}}style=\{{ fontSize: '1.25rem', fontWeight: 600, color: '#fafafa', marginBottom: '0.5rem' }}{{/if}}>Invalid reset link</h1>
+          <p {{#if useTailwind}}className="text-zinc-400"{{else}}style=\{{ color: '#a1a1aa' }}{{/if}}>
+            <a href="/forgot-password" {{#if useTailwind}}className="text-violet-500 hover:underline"{{else}}style=\{{ color: '#7c3aed' }}{{/if}}>Request a new one</a>
+          </p>
+        </div>
+      </main>
+    );
+  }
+
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>
-      <ResetPasswordForm signInUrl="/sign-in" />
+      <ResetPasswordForm token={token} signInUrl="/sign-in" />
     </main>
   );
 }
+
+export default function ResetPasswordPage() {
+  return (
+    <Suspense fallback={<div {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b] text-zinc-400"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b', color: '#a1a1aa' }}{{/if}}>Loading...</div>}>
+      <ResetPasswordContent />
+    </Suspense>
+  );
+}
 {{/if}}

package/templates/fullstack/apps-web-nextjs/app/dashboard/layout.tsx.hbs

@@ -1,9 +1,15 @@
 {{#if includeDashboard}}
-import { withAuth } from '@githat/nextjs/server';
+import { redirect } from 'next/navigation';
+import { cookies } from 'next/headers';
+
+export default async function DashboardLayout({ children }{{#if typescript}}: { children: React.ReactNode }{{/if}}) {
+  const cookieStore = await cookies();
+  const token = cookieStore.get('githat_access')?.value;
+
+  if (!token) {
+    redirect('/sign-in');
+  }
 
-async function DashboardLayout({ children }{{#if typescript}}: { children: React.ReactNode }{{/if}}) {
   return <>{children}</>;
 }
-
-export default withAuth(DashboardLayout);
 {{/if}}

package/templates/fullstack/apps-web-nextjs/app/dashboard/page.tsx.hbs

@@ -1,9 +1,9 @@
 {{#if includeDashboard}}
 'use client';
-import { useGitHat, UserButton } from '@githat/nextjs';
+import { useAuth, UserButton } from '@githat/nextjs';
 
 export default function DashboardPage() {
-  const { user, org } = useGitHat();
+  const { user, org } = useAuth();
 
   return (
     <div {{#if useTailwind}}className="p-8"{{else}}style=\{{ padding: '2rem' }}{{/if}}>

package/templates/fullstack/root/package.json.hbs

@@ -11,5 +11,5 @@
   "devDependencies": {
     "turbo": "^2.3.0"
   },
-  "packageManager": "{{packageManager}}@*"
+  "packageManager": "{{packageManager}}@10.9.2"
 }

package/templates/nextjs/app/(auth)/reset-password/page.tsx.hbs

@@ -1,13 +1,13 @@
 {{#if includeForgotPassword}}
 'use client';
 
-import { useState } from 'react';
+import { Suspense, useState } from 'react';
 import { useSearchParams, useRouter } from 'next/navigation';
 {{#if includeGithatFolder}}
 import { authApi } from '../../../githat/api/auth{{#unless typescript}}.js{{/unless}}';
 {{/if}}
 
-export default function ResetPasswordPage() {
+function ResetPasswordContent() {
   const searchParams = useSearchParams();
   const router = useRouter();
   const token = searchParams.get('token');
@@ -95,4 +95,12 @@ export default function ResetPasswordPage() {
     </main>
   );
 }
+
+export default function ResetPasswordPage() {
+  return (
+    <Suspense fallback={<div {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b] text-zinc-400"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b', color: '#a1a1aa' }}{{/if}}>Loading...</div>}>
+      <ResetPasswordContent />
+    </Suspense>
+  );
+}
 {{/if}}