ai-forge-cli 0.4.2 → 0.4.7

package/templates/layout/dashboard/components/Header.tsx.hbs

@@ -0,0 +1,12 @@
+export function Header() {
+  return (
+    <header className="flex h-14 items-center justify-between border-b px-6">
+      <div>
+        {/* Breadcrumbs or page title */}
+      </div>
+      <div>
+        {/* User menu - add <UserMenu /> if auth is configured */}
+      </div>
+    </header>
+  );
+}

package/templates/layout/dashboard/components/Sidebar.tsx.hbs

@@ -0,0 +1,39 @@
+import { Link, useLocation } from "@tanstack/react-router";
+import { cn } from "~/lib/cn";
+
+const navItems = [
+  { href: "/dashboard", label: "Home" },
+  { href: "/dashboard/projects", label: "Projects" },
+  { href: "/dashboard/team", label: "Team" },
+  { href: "/dashboard/settings", label: "Settings" },
+];
+
+export function Sidebar() {
+  const location = useLocation();
+
+  return (
+    <aside className="hidden w-64 border-r bg-muted/40 lg:block">
+      <div className="flex h-14 items-center border-b px-4">
+        <Link to="/" className="font-semibold">
+          Your App
+        </Link>
+      </div>
+      <nav className="space-y-1 p-4">
+        {navItems.map((item) => (
+          <Link
+            key={item.href}
+            to={item.href}
+            className={cn(
+              "flex items-center gap-3 rounded-md px-3 py-2 text-sm transition-colors",
+              location.pathname === item.href
+                ? "bg-primary text-primary-foreground"
+                : "hover:bg-muted"
+            )}
+          >
+            {item.label}
+          </Link>
+        ))}
+      </nav>
+    </aside>
+  );
+}

package/templates/layout/dashboard/components/index.ts.hbs

@@ -0,0 +1,2 @@
+export { Sidebar } from "./Sidebar";
+export { Header } from "./Header";

package/templates/layout/dashboard/index.tsx.hbs

@@ -0,0 +1,15 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/dashboard/")({
+  component: DashboardIndex,
+});
+
+function DashboardIndex() {
+  return (
+    <div className="space-y-6">
+      <h1 className="text-3xl font-bold">Dashboard</h1>
+      <p className="text-muted-foreground">Welcome to your dashboard.</p>
+      {/* Add dashboard widgets here */}
+    </div>
+  );
+}

package/templates/layout/marketing/_layout.tsx.hbs

@@ -0,0 +1,39 @@
+import { Outlet, createFileRoute, Link } from "@tanstack/react-router";
+import { Button } from "~/components/ui/button";
+
+export const Route = createFileRoute("/{{name}}")({
+  component: MarketingLayout,
+});
+
+function MarketingLayout() {
+  return (
+    <div className="min-h-screen">
+      <header className="border-b">
+        <div className="container flex h-16 items-center justify-between">
+          <Link to="/" className="text-xl font-bold">
+            Your App
+          </Link>
+          <nav className="flex items-center gap-4">
+            <Link to="/features" className="text-sm hover:underline">
+              Features
+            </Link>
+            <Link to="/pricing" className="text-sm hover:underline">
+              Pricing
+            </Link>
+            <Button asChild size="sm">
+              <Link to="/login">Get Started</Link>
+            </Button>
+          </nav>
+        </div>
+      </header>
+      <main>
+        <Outlet />
+      </main>
+      <footer className="border-t py-8">
+        <div className="container text-center text-sm text-muted-foreground">
+          © 2024 Your App. All rights reserved.
+        </div>
+      </footer>
+    </div>
+  );
+}

package/templates/layout/marketing/index.tsx.hbs

@@ -0,0 +1,16 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/{{name}}/")({
+  component: {{pascalName}}Index,
+});
+
+function {{pascalName}}Index() {
+  return (
+    <div className="container py-16 space-y-8">
+      <h1 className="text-4xl font-bold">Welcome</h1>
+      <p className="text-lg text-muted-foreground">
+        Build your marketing page here.
+      </p>
+    </div>
+  );
+}

package/templates/page/components/Content.tsx.hbs

@@ -0,0 +1,8 @@
+export function {{componentName}}Content() {
+  return (
+    <div className="container py-8 space-y-6">
+      <h1 className="text-3xl font-bold">{{componentName}}</h1>
+      {/* Build your page content here */}
+    </div>
+  );
+}

package/templates/page/components/index.ts.hbs

@@ -0,0 +1 @@
+export { {{componentName}}Content } from "./{{componentName}}Content";

package/templates/page/route.tsx.hbs

@@ -0,0 +1,10 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { {{componentName}}Content } from "~/components/{{componentFolder}}";
+
+export const Route = createFileRoute("/{{name}}")({
+  component: {{componentName}}Page,
+});
+
+function {{componentName}}Page() {
+  return <{{componentName}}Content />;
+}

package/templates/util/util.ts.hbs

@@ -0,0 +1,7 @@
+/**
+ * {{utilName}}
+ */
+export function {{utilName}}(input: unknown): unknown {
+  // Add your utility logic here
+  return input;
+}