create-aron-app 0.1.7 → 0.1.10

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

@@ -1,38 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-
-"use client";
-
-import { convexQuery } from "@convex-dev/react-query";
-import { useQuery } from "@tanstack/react-query";
-import { observer } from "mobx-react-lite";
-
-import { api } from "@/api/_generated/api";
-
-import type { SingleTodoBootstrap } from "@/web/surfaces/todos/single_todo/bootstrap";
-import type { SingleTodoController } from "@/web/surfaces/todos/single_todo/single_todo_controller";
-import { Main } from "@/web/surfaces/todos/single_todo/main/main";
-
-export type CreateMainOpts = {
-  controller: SingleTodoController;
-  bootstrap: SingleTodoBootstrap;
-};
-
-export const createMain = ({ controller, bootstrap }: CreateMainOpts) => {
-  return observer(() => {
-    const { data: todo } = useQuery({
-      ...convexQuery(api.todos.crud.getTodo, { todoId: bootstrap.todoId }),
-      initialData: bootstrap.todo as never,
-    });
-
-    return (
-      <Main
-        todo={todo}
-        onToggle={(todoId, isCompleted) => {
-          void controller.updateTodo({ todoId, isCompleted });
-        }}
-      />
-    );
-  });
-};

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

@@ -1,49 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-
-"use client";
-
-import type { Todo, TodoId } from "@/api/todos/types";
-import { Badge } from "@/ui/base/badge";
-import { Checkbox } from "@/ui/base/checkbox";
-
-type MainProps = {
-  todo: Todo | undefined;
-  onToggle: (todoId: TodoId, isCompleted: boolean) => void;
-};
-
-export const Main = ({ todo, onToggle }: MainProps) => {
-  if (!todo) {
-    return null;
-  }
-
-  return (
-    <main className="flex max-w-2xl flex-1 flex-col gap-6 overflow-auto p-6">
-      <div className="flex items-start gap-3">
-        <Checkbox
-          className="mt-1"
-          checked={todo.isCompleted}
-          onCheckedChange={(checked) =>
-            onToggle(todo._id, !!checked)
-          }
-        />
-        <div className="flex flex-col gap-2">
-          <h1
-            className="text-2xl font-semibold"
-            style={{
-              textDecoration: todo.isCompleted ? "line-through" : undefined,
-            }}
-          >
-            {todo.title}
-          </h1>
-          <Badge variant={todo.isCompleted ? "secondary" : "default"}>
-            {todo.isCompleted ? "Completed" : "In progress"}
-          </Badge>
-        </div>
-      </div>
-
-      {todo.description ? <p className="text-muted-foreground">{todo.description}</p> : null}
-    </main>
-  );
-};

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/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>
-    );
-  });
-};

package/templates/apps/react-router/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "lib": ["DOM", "DOM.Iterable", "ES2022"],
-    "types": ["node", "vite/client"],
-    "target": "ES2022",
-    "module": "ES2022",
-    "moduleResolution": "bundler",
-    "jsx": "react-jsx",
-    "rootDirs": [".", "./.react-router/types"],
-    "esModuleInterop": true,
-    "verbatimModuleSyntax": true,
-    "noEmit": true,
-    "resolveJsonModule": true,
-    "skipLibCheck": true,
-    "strict": true
-  },
-  "include": ["**/*", "**/.server/**/*", "**/.client/**/*", ".react-router/types/**/*"],
-  "exclude": ["node_modules", "dist", "build", "public"]
-}

package/templates/biome.json

@@ -1,121 +0,0 @@
-{
-  "$schema": "https://biomejs.dev/schemas/2.2.6/schema.json",
-  "assist": {
-    "actions": {
-      "source": {
-        "organizeImports": {
-          "level": "on",
-          "options": {
-            "groups": [
-              ":BUN:",
-              ":BLANK_LINE:",
-              ":NODE:",
-              ":BLANK_LINE:",
-              ":PACKAGE:",
-              ":BLANK_LINE:",
-              ":PACKAGE_WITH_PROTOCOL:",
-              ":BLANK_LINE:",
-              ":ALIAS:",
-              ":BLANK_LINE:",
-              ":PATH:",
-              ":BLANK_LINE:",
-              ":URL:"
-            ]
-          }
-        },
-        "recommended": true
-      }
-    },
-    "enabled": true
-  },
-  "css": {
-    "parser": {
-      "tailwindDirectives": true
-    },
-    "formatter": {
-      "enabled": true,
-      "indentStyle": "space",
-      "indentWidth": 2,
-      "lineWidth": 80,
-      "quoteStyle": "double"
-    },
-    "linter": {
-      "enabled": true
-    }
-  },
-  "files": {
-    "ignoreUnknown": false,
-    "includes": [
-      "**/*",
-      "!.nx",
-      "!**/*/.next",
-      "!node_modules",
-      "!**/*/dist",
-      "!**/*/output",
-      "!**/*/public",
-      "!**/*/tmp",
-      "!convex/_generated/**/*",
-      "!convex/_generated/**/*.d.ts",
-      "!package.json"
-    ]
-  },
-  "formatter": {
-    "enabled": true,
-    "indentStyle": "space"
-  },
-  "javascript": {
-    "formatter": {
-      "indentStyle": "space",
-      "indentWidth": 2,
-      "lineEnding": "lf",
-      "lineWidth": 100,
-      "quoteStyle": "double"
-    }
-  },
-  "json": {
-    "formatter": {
-      "enabled": true,
-      "indentStyle": "space",
-      "indentWidth": 2,
-      "lineEnding": "lf",
-      "lineWidth": 100
-    },
-    "linter": {
-      "enabled": true
-    }
-  },
-  "linter": {
-    "enabled": true,
-    "rules": {
-      "correctness": {
-        "noUnusedImports": {
-          "fix": "safe",
-          "level": "error"
-        },
-        "useExhaustiveDependencies": "warn"
-      },
-      "recommended": true,
-      "style": {
-        "noInferrableTypes": "error",
-        "useBlockStatements": {
-          "level": "error",
-          "fix": "safe"
-        },
-        "noParameterAssign": "warn",
-        "noUnusedTemplateLiteral": "error",
-        "noUselessElse": "error",
-        "useAsConstAssertion": "error",
-        "useDefaultParameterLast": "error",
-        "useEnumInitializers": "error",
-        "useNumberNamespace": "error",
-        "useSelfClosingElements": "error",
-        "useSingleVarDeclarator": "error"
-      }
-    }
-  },
-  "vcs": {
-    "clientKind": "git",
-    "enabled": false,
-    "useIgnoreFile": false
-  }
-}