create-aron-app 0.1.7 → 0.1.8

package/templates/apps/nextjs/src/surfaces/todos/single_todo/single_todo.tsx

@@ -1,29 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-
-"use client";
-
-import { useRouter } from "next/navigation";
-import { useMemo, useRef } from "react";
-
-import type { SingleTodoBootstrap } from "@/web/surfaces/todos/single_todo/bootstrap";
-import { installSingleTodo } from "@/web/surfaces/todos/single_todo/install";
-import { createLayout } from "@/web/surfaces/todos/single_todo/layout";
-
-export type SingleTodoProps = {
-  bootstrap: SingleTodoBootstrap;
-};
-
-export const SingleTodo = ({ bootstrap }: SingleTodoProps) => {
-  const router = useRouter();
-  const { layout, Layout } = useMemo(() => createLayout(), []);
-  const installed = useRef(false);
-
-  if (!installed.current) {
-    installed.current = true;
-    installSingleTodo({ layout, bootstrap, router });
-  }
-
-  return <Layout />;
-};

package/templates/apps/nextjs/src/surfaces/todos/single_todo/single_todo_controller.ts

@@ -1,13 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-
-import { api } from "@/api/_generated/api";
-import type { TodoId } from "@/api/todos/types";
-import { convex } from "@/web/utils/convex";
-
-export class SingleTodoController {
-  async updateTodo(args: { todoId: TodoId; isCompleted: boolean }) {
-    await convex.mutation(api.todos.crud.updateTodo, args);
-  }
-}

package/templates/apps/nextjs/src/utils/auth.ts

@@ -1,18 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-
-// "use server";
-
-import { auth } from "@clerk/nextjs/server";
-import { redirect } from "next/navigation";
-
-export const getAuthToken = async () => {
-  const token = await (await auth()).getToken({ template: "convex" });
-
-  if (!token) {
-    return redirect("/sign-in");
-  }
-
-  return token;
-};

package/templates/apps/nextjs/src/utils/convex.ts

@@ -1,11 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2025.
- */
-
-import { ConvexClient } from "convex/browser";
-
-if (!process.env.NEXT_PUBLIC_CONVEX_URL) {
-  throw new Error("Missing NEXT_PUBLIC_CONVEX_URL in your .env file");
-}
-
-export const convex = new ConvexClient(process.env.NEXT_PUBLIC_CONVEX_URL);

package/templates/apps/nextjs/src/utils/font.ts

@@ -1,9 +0,0 @@
-import { Inter } from "next/font/google";
-
-const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
-  display: "swap",
-});
-
-export const fontCn = `${inter.className}`;

package/templates/apps/nextjs/tsconfig.json

@@ -1,42 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "jsx": "preserve",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "noEmit": true,
-    "emitDeclarationOnly": false,
-    "esModuleInterop": true,
-    "resolveJsonModule": true,
-    "allowJs": true,
-    "allowSyntheticDefaultImports": true,
-    "forceConsistentCasingInFileNames": true,
-    "incremental": true,
-    "plugins": [{"name": "next"}],
-    "outDir": "dist",
-    "tsBuildInfoFile": "dist/tsconfig.tsbuildinfo"
-  },
-  "include": [
-    ".next/types/**/*.ts",
-    "index.d.ts",
-    "next-env.d.ts",
-    "next-env.d.ts",
-    "src/**/*.js",
-    "src/**/*.jsx",
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "../../dist/apps/web/.next/types/**/*.ts",
-    "../../apps/web/dist/.next/types/**/*.ts"
-  ],
-  "exclude": [
-    "out-tsc",
-    "dist",
-    "node_modules",
-    "jest.config.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.test.ts",
-    ".next",
-    "eslint.config.js",
-    "eslint.config.cjs",
-    "eslint.config.mjs"
-  ]
-}

package/templates/apps/react-router/src/providers/api_auth_provider.tsx

@@ -1,40 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-
-import { ClerkProvider, useAuth } from "@clerk/react-router";
-import { ConvexQueryClient } from "@convex-dev/react-query";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { ConvexReactClient } from "convex/react";
-import { ConvexProviderWithClerk } from "convex/react-clerk";
-
-const convex = new ConvexReactClient(import.meta.env.VITE_CONVEX_URL as string);
-const convexQueryClient = new ConvexQueryClient(convex);
-
-const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      queryFn: convexQueryClient.queryFn(),
-      gcTime: 0,
-      staleTime: 0,
-    },
-  },
-});
-
-convexQueryClient.connect(queryClient);
-
-export { convex, queryClient };
-
-type ApiAuthProviderProps = {
-  children: React.ReactNode;
-};
-
-export const ApiAuthProvider = ({ children }: ApiAuthProviderProps) => {
-  return (
-    <ClerkProvider publishableKey={import.meta.env.VITE_CLERK_PUBLISHABLE_KEY as string}>
-      <ConvexProviderWithClerk client={convex} useAuth={useAuth}>
-        <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-      </ConvexProviderWithClerk>
-    </ClerkProvider>
-  );
-};

package/templates/apps/react-router/src/root.tsx

@@ -1,37 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-
-import "./app.css";
-
-import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
-import { Toaster } from "sonner";
-
-import { ApiAuthProvider } from "@/web/providers/api_auth_provider";
-
-export function Layout({ children }: { children: React.ReactNode }) {
-  return (
-    <html lang="en">
-      <head>
-        <meta charSet="utf-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <Meta />
-        <Links />
-      </head>
-      <body>
-        {children}
-        <ScrollRestoration />
-        <Scripts />
-      </body>
-    </html>
-  );
-}
-
-export default function App() {
-  return (
-    <ApiAuthProvider>
-      <Outlet />
-      <Toaster richColors position="top-center" />
-    </ApiAuthProvider>
-  );
-}

package/templates/apps/react-router/src/routes/(dashboard)/layout.tsx

@@ -1,37 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-
-import { convexQuery } from "@convex-dev/react-query";
-import type { CSSProperties } from "react";
-import { Outlet, redirect } from "react-router";
-
-import { api } from "@/api/_generated/api";
-import { SidebarInset, SidebarProvider } from "@/ui/base/side_bar";
-import { queryClient } from "@/web/providers/api_auth_provider";
-import { Sidebar } from "@/web/surfaces/sidebar/sidebar";
-
-import type { Route } from "./+types/layout";
-
-export async function clientLoader(_args: Route.ClientLoaderArgs) {
-  try {
-    await queryClient.ensureQueryData(convexQuery(api.todos.crud.listTodos, {}));
-  } catch {
-    return redirect("/sign-in");
-  }
-  return null;
-}
-
-export default function DashboardLayout() {
-  return (
-    <SidebarProvider
-      style={{ "--sidebar-width": "265px" } as CSSProperties}
-      defaultOpen={true}
-    >
-      <Sidebar />
-      <SidebarInset>
-        <Outlet />
-      </SidebarInset>
-    </SidebarProvider>
-  );
-}

package/templates/apps/react-router/src/routes/(dashboard)/todos/[id].tsx

@@ -1,19 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-
-import type { Route } from "@/router/src/routes/(dashboard)/+types";
-import { bootstrapSingleTodo } from "@/web/surfaces/todos/single_todo/bootstrap";
-import { SingleTodo } from "@/web/surfaces/todos/single_todo/single_todo";
-
-export async function clientLoader({ params }: Route.ClientLoaderArgs) {
-  return bootstrapSingleTodo({ params });
-}
-
-export function meta({ loaderData: bootstrap }: Route.MetaArgs) {
-  return [{ title: bootstrap?.todo?.title ?? "Todo" }, { name: "description", content: "Todo" }];
-}
-
-export default function TodoPage({ loaderData: bootstrap }: Route.ComponentProps) {
-  return <SingleTodo bootstrap={bootstrap} />;
-}

package/templates/apps/react-router/src/routes/(dashboard)/todos/index.tsx

@@ -1,19 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-
-import type { Route } from "./+types/index";
-import { AllTodos } from "../../../surfaces/todos/all_todos/all_todos";
-import { bootstrapAllTodos } from "../../../surfaces/todos/all_todos/bootstrap";
-
-export async function clientLoader(_args: Route.ClientLoaderArgs) {
-  return bootstrapAllTodos();
-}
-
-export function meta({ loaderData: bootstrap }: Route.MetaArgs) {
-  return [{ title: "Todos" }, { name: "description", content: "Todos" }];
-}
-
-export default function TodosPage({ loaderData: bootstrap }: Route.ComponentProps) {
-  return <AllTodos bootstrap={bootstrap} />;
-}

package/templates/apps/react-router/src/surfaces/home/bootstrap.ts

@@ -1,9 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-
-export type HomeBootstrap = Record<string, never>;
-
-export const bootstrapHome = async (): Promise<HomeBootstrap> => {
-  return {};
-};

package/templates/apps/react-router/src/surfaces/home/install.tsx

@@ -1,17 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-
-import type { HomeBootstrap } from "@/web/surfaces/home/bootstrap";
-import type { HomeLayoutController } from "@/web/surfaces/home/layout";
-
-export type InstallHomeOpts = {
-  layout: HomeLayoutController;
-  bootstrap: HomeBootstrap;
-};
-
-export const installHome = ({ layout, bootstrap }: InstallHomeOpts) => {
-  import("@/web/surfaces/home/main/create").then(({ createMain }) => {
-    layout.setMain(createMain({ bootstrap }));
-  });
-};

package/templates/apps/react-router/src/surfaces/sidebar/install.tsx

@@ -1,23 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-
-import type { SidebarLayoutController } from "@/web/surfaces/sidebar/layout";
-
-type InstallSidebarOpts = {
-  layout: SidebarLayoutController;
-};
-
-export const installSidebar = ({ layout }: InstallSidebarOpts) => {
-  import("@/web/surfaces/sidebar/nav_main/create").then(({ createNavMain }) => {
-    layout.setNavMain(createNavMain());
-  });
-
-  import("@/web/surfaces/sidebar/nav_secondary/create").then(({ createNavSecondary }) => {
-    layout.setNavSecondary(createNavSecondary());
-  });
-
-  import("@/web/surfaces/sidebar/user_menu/create").then(({ createUserMenu }) => {
-    layout.setUserMenu(createUserMenu());
-  });
-};

package/templates/apps/react-router/src/surfaces/sidebar/nav_secondary/create.tsx

@@ -1,21 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-
-import { observer } from "mobx-react-lite";
-import { useLocation } from "react-router";
-
-import { useSidebar } from "@/ui/base/side_bar";
-
-import { NavSecondary } from "@/web/surfaces/sidebar/nav_secondary/nav_secondary";
-
-export const createNavSecondary = () => {
-  return observer(() => {
-    const location = useLocation();
-    const { setOpenMobile } = useSidebar();
-
-    return (
-      <NavSecondary pathname={location.pathname} onNavigate={() => setOpenMobile(false)} />
-    );
-  });
-};

package/templates/apps/react-router/src/surfaces/sidebar/nav_secondary/nav_secondary.tsx

@@ -1,31 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-
-import { Settings } from "lucide-react";
-import { Link } from "react-router";
-
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "@/ui/base/side_bar";
-
-type NavSecondaryProps = {
-  pathname: string;
-  onNavigate: () => void;
-};
-
-export const NavSecondary = ({ pathname, onNavigate }: NavSecondaryProps) => {
-  const settingsPath = "/settings";
-  const isActive = pathname === settingsPath || pathname.startsWith(`${settingsPath}/`);
-
-  return (
-    <SidebarMenu>
-      <SidebarMenuItem>
-        <SidebarMenuButton isActive={isActive} asChild onClick={onNavigate}>
-          <Link to={settingsPath}>
-            <Settings className="size-4" />
-            <span>Settings</span>
-          </Link>
-        </SidebarMenuButton>
-      </SidebarMenuItem>
-    </SidebarMenu>
-  );
-};

package/templates/apps/react-router/src/surfaces/todos/all_todos/bootstrap.ts

@@ -1,18 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-
-import { convexQuery } from "@convex-dev/react-query";
-
-import { api } from "@/api/_generated/api";
-import type { Todo } from "@/api/todos/types";
-import { queryClient } from "@/web/providers/api_auth_provider";
-
-export type AllTodosBootstrap = {
-  todos: Todo[];
-};
-
-export const bootstrapAllTodos = async (): Promise<AllTodosBootstrap> => {
-  const todos = await queryClient.ensureQueryData(convexQuery(api.todos.crud.listTodos, {}));
-  return { todos };
-};

package/templates/apps/react-router/src/surfaces/todos/all_todos/main/new_todo_sheet/schema.ts

@@ -1,11 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-
-import { z } from "zod";
-
-export type NewTodoSchema = z.infer<typeof newTodoSchema>;
-export const newTodoSchema = z.object({
-  title: z.string().min(1, "Title is required"),
-  description: z.string().optional(),
-});

package/templates/apps/react-router/src/surfaces/todos/single_todo/header/create.tsx

@@ -1,32 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-
-import { observer } from "mobx-react-lite";
-import type { ComponentType } from "react";
-import type { NavigateFunction } from "react-router";
-
-import { Header } from "@/web/surfaces/todos/single_todo/header/header";
-
-export type CreateHeaderOpts = {
-  navigate: NavigateFunction;
-};
-
-type HeaderProps = {
-  SomeComponent: ComponentType;
-};
-
-export const createHeader = ({ navigate }: CreateHeaderOpts) => {
-  return observer(({ SomeComponent }: HeaderProps) => {
-    return (
-      <div>
-        <SomeComponent />
-        <Header
-          onBack={() => {
-            navigate("/todos");
-          }}
-        />
-      </div>
-    );
-  });
-};