npm - create-aron-app - Versions diffs - 0.1.6 → 0.1.8 - Mend

create-aron-app 0.1.6 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (234) hide show

package/templates/nextjs/src/app/layout.tsx DELETED Viewed

@@ -1,26 +0,0 @@
-import { ClerkProvider } from "@clerk/nextjs";
-import "./app.css";
-import { Toaster } from "sonner";
-import { ConvexClientProvider } from "@/web/providers/convex_provider";
-import { fontCn } from "@/web/utils/font";
-type RootLayoutProps = {
-  children: React.ReactNode;
-};
-export default function RootLayout({ children }: RootLayoutProps) {
-  return (
-    <ClerkProvider dynamic>
-      <ConvexClientProvider>
-        <html lang="en" className={fontCn}>
-          <body>
-            {children}
-            <Toaster />
-          </body>
-        </html>
-      </ConvexClientProvider>
-    </ClerkProvider>
-  );
-}

package/templates/nextjs/src/convex.ts DELETED Viewed

@@ -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/nextjs/src/middleware.ts DELETED Viewed

@@ -1,18 +0,0 @@
-import { clerkMiddleware, createRouteMatcher } from "@clerk/nextjs/server";
-const isPublicRoute = createRouteMatcher(["/sign-in(.*)"]);
-export default clerkMiddleware(async (auth, req) => {
-	if (!isPublicRoute(req)) {
-		await auth.protect();
-	}
-});
-export const config = {
-	matcher: [
-		// Skip Next.js internals and all static files, unless found in search params
-		"/((?!_next|[^?]*\\.(?:html?|css|js(?!on)|jpe?g|webp|png|gif|svg|ttf|woff2?|ico|csv|docx?|xlsx?|zip|webmanifest)).*)",
-		// Always run for API routes
-		"/(api|trpc)(.*)",
-	],
-};

package/templates/nextjs/src/providers/convex_provider.tsx DELETED Viewed

@@ -1,44 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-"use client";
-import { useAuth } from "@clerk/nextjs";
-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";
-import { type ReactNode, useState } from "react";
-if (!process.env.NEXT_PUBLIC_CONVEX_URL) {
-  throw new Error("Missing NEXT_PUBLIC_CONVEX_URL in your .env file");
-}
-export function ConvexClientProvider({ children }: { children: ReactNode }) {
-  const [{ convex, queryClient }] = useState(() => {
-    const convex = new ConvexReactClient(process.env.NEXT_PUBLIC_CONVEX_URL as string);
-    const convexQueryClient = new ConvexQueryClient(convex);
-    const queryClient = new QueryClient({
-      defaultOptions: {
-        queries: {
-          queryKeyHashFn: convexQueryClient.hashFn(),
-          queryFn: convexQueryClient.queryFn(),
-        },
-      },
-    });
-    convexQueryClient.connect(queryClient);
-    return {
-      convex,
-      queryClient,
-    };
-  });
-  return (
-    <ConvexProviderWithClerk client={convex} useAuth={useAuth}>
-      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-    </ConvexProviderWithClerk>
-  );
-}

package/templates/nextjs/src/surfaces/home_surface.tsx DELETED Viewed

@@ -1,22 +0,0 @@
-"use client";
-import { useUser } from "@clerk/nextjs";
-import Link from "next/link";
-import { Button } from "@/ui/base/button";
-export const HomeSurface = () => {
-  const { user } = useUser();
-  return (
-    <main className="flex flex-1 flex-col items-center justify-center gap-4 p-8">
-      <h1 className="text-3xl font-bold">
-        Welcome{user?.firstName ? `, ${user.firstName}` : ""}
-      </h1>
-      <p className="text-muted-foreground">Get started by managing your todos.</p>
-      <Button asChild>
-        <Link href="/todos">View Todos</Link>
-      </Button>
-    </main>
-  );
-};

package/templates/nextjs/src/surfaces/todos/all_todos_surface.tsx DELETED Viewed

@@ -1,97 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-"use client";
-import { useUser } from "@clerk/nextjs";
-import { convexQuery, useConvexMutation } from "@convex-dev/react-query";
-import { useMutation, useQuery } from "@tanstack/react-query";
-import { Trash2 } from "lucide-react";
-import Link from "next/link";
-import { api } from "@/api/_generated/api";
-import type { Id } from "@/api/_generated/dataModel";
-import { Button } from "@/ui/base/button";
-import { Checkbox } from "@/ui/base/checkbox";
-import { Spinner } from "@/ui/base/spinner";
-import { CreateTodoSheet } from "@/web/surfaces/todos/create_todo_sheet";
-export const AllTodosSurface = () => {
-	const { user } = useUser();
-	const { data: todos, isPending } = useQuery(
-		convexQuery(
-			api.todos.crud.listTodos,
-			user?.id ? { userId: user.id } : "skip",
-		),
-	);
-	const { mutate: updateTodo } = useMutation({
-		mutationFn: useConvexMutation(api.todos.crud.updateTodo),
-	});
-	const { mutate: deleteTodo } = useMutation({
-		mutationFn: useConvexMutation(api.todos.crud.deleteTodo),
-	});
-	return (
-		<main className="flex flex-1 flex-col overflow-auto p-6">
-			<div className="flex items-center justify-between mb-6">
-				<h1 className="text-2xl font-semibold">Todos</h1>
-				<CreateTodoSheet />
-			</div>
-			{isPending && (
-				<div className="flex flex-1 items-center justify-center">
-					<Spinner />
-				</div>
-			)}
-			{!isPending && todos?.length === 0 && (
-				<div className="flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground">
-					<p>No todos yet.</p>
-					<CreateTodoSheet />
-				</div>
-			)}
-			{todos && todos.length > 0 && (
-				<ul className="flex flex-col gap-2 max-w-2xl">
-					{todos.map((todo) => (
-						<li
-							key={todo._id}
-							className="flex items-center gap-3 rounded-lg border bg-card px-4 py-3"
-						>
-							<Checkbox
-								checked={todo.isCompleted}
-								onCheckedChange={(checked) =>
-									updateTodo({
-										todoId: todo._id as Id<"todos">,
-										isCompleted: !!checked,
-									})
-								}
-							/>
-							<Link
-								href={`/todos/${todo._id}`}
-								className="flex-1 truncate text-sm hover:underline"
-								style={{
-									textDecoration: todo.isCompleted ? "line-through" : undefined,
-								}}
-							>
-								{todo.title}
-							</Link>
-							<Button
-								variant="ghost"
-								size="icon"
-								className="size-7 shrink-0 text-muted-foreground hover:text-destructive"
-								onClick={() => deleteTodo({ todoId: todo._id as Id<"todos"> })}
-							>
-								<Trash2 className="size-4" />
-							</Button>
-						</li>
-					))}
-				</ul>
-			)}
-		</main>
-	);
-};

package/templates/nextjs/src/surfaces/todos/create_todo_sheet.tsx DELETED Viewed

@@ -1,107 +0,0 @@
-"use client";
-import { useConvexMutation } from "@convex-dev/react-query";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useMutation } from "@tanstack/react-query";
-import { PlusIcon } from "lucide-react";
-import { useForm } from "react-hook-form";
-import { z } from "zod";
-import { api } from "@/api/_generated/api";
-import { Button } from "@/ui/base/button";
-import { DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@/ui/base/dialog";
-import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from "@/ui/base/form";
-import { Input } from "@/ui/base/input";
-import { Sheet, SheetContent, SheetTrigger } from "@/ui/base/sheet";
-import { TextArea } from "@/ui/base/text_area";
-type CreateTodoSchema = z.infer<typeof createTodoSchema>;
-const createTodoSchema = z.object({
-  title: z.string().min(1, "Title is required"),
-  description: z.string().optional(),
-});
-export const CreateTodoSheet = () => {
-  const form = useForm<CreateTodoSchema>({
-    resolver: zodResolver(createTodoSchema),
-    defaultValues: {
-      title: "",
-      description: "",
-    },
-  });
-  const { mutate: createTodo, isPending } = useMutation({
-    mutationFn: useConvexMutation(api.todos.crud.createTodo),
-  });
-  const handleSubmit = form.handleSubmit(async (values) => {
-    createTodo(values);
-    form.reset();
-  });
-  return (
-    <Sheet>
-      <SheetTrigger asChild>
-        <Button>
-          <PlusIcon className="mr-2 size-4" />
-          New Todo
-        </Button>
-      </SheetTrigger>
-      <SheetContent className="sm:max-w-[440px]">
-        <DialogHeader>
-          <DialogTitle>Create Todo</DialogTitle>
-          <DialogDescription>Add a new item to your todo list.</DialogDescription>
-        </DialogHeader>
-        <Form {...form}>
-          <form
-            onSubmit={handleSubmit}
-            className="flex flex-col gap-4 pt-4"
-            onKeyDown={(e) => {
-              if (e.key === "Enter") {
-                e.preventDefault();
-                handleSubmit();
-              }
-            }}
-          >
-            <FormField
-              control={form.control}
-              name="title"
-              render={({ field }) => (
-                <FormItem>
-                  <FormLabel>Title</FormLabel>
-                  <FormControl>
-                    <Input placeholder="Buy groceries..." {...field} />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-            <FormField
-              control={form.control}
-              name="description"
-              render={({ field }) => (
-                <FormItem>
-                  <FormLabel>Description</FormLabel>
-                  <FormControl>
-                    <TextArea
-                      placeholder="Optional details..."
-                      className="resize-none"
-                      rows={3}
-                      {...field}
-                    />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-            <DialogFooter>
-              <Button type="submit" disabled={isPending}>
-                {isPending ? "Creating..." : "Create Todo"}
-              </Button>
-            </DialogFooter>
-          </form>
-        </Form>
-      </SheetContent>
-    </Sheet>
-  );
-};

package/templates/nextjs/src/surfaces/todos/single_todo_surface.tsx DELETED Viewed

@@ -1,90 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-"use client";
-import { convexQuery, useConvexMutation } from "@convex-dev/react-query";
-import { useMutation, useQuery } from "@tanstack/react-query";
-import { ArrowLeft } from "lucide-react";
-import Link from "next/link";
-import { api } from "@/api/_generated/api";
-import type { TodoId } from "@/api/todos/types";
-import { Badge } from "@/ui/base/badge";
-import { Button } from "@/ui/base/button";
-import { Checkbox } from "@/ui/base/checkbox";
-import { Spinner } from "@/ui/base/spinner";
-type SingleTodoSurfaceProps = {
-  todoId: TodoId;
-};
-export const SingleTodoSurface = ({ todoId }: SingleTodoSurfaceProps) => {
-  const { data: todo, isPending } = useQuery(convexQuery(api.todos.crud.getTodo, { todoId }));
-  const { mutate: updateTodo } = useMutation({
-    mutationFn: useConvexMutation(api.todos.crud.updateTodo),
-  });
-  if (isPending) {
-    return (
-      <main className="flex flex-1 items-center justify-center">
-        <Spinner />
-      </main>
-    );
-  }
-  if (!todo) {
-    return (
-      <main className="flex flex-1 flex-col items-center justify-center gap-4">
-        <p className="text-muted-foreground">Todo not found.</p>
-        <Button variant="outline" asChild>
-          <Link href="/todos">
-            <ArrowLeft className="mr-2 size-4" />
-            Back to todos
-          </Link>
-        </Button>
-      </main>
-    );
-  }
-  return (
-    <main className="flex flex-1 flex-col gap-6 overflow-auto p-6 max-w-2xl">
-      <Button variant="ghost" className="w-fit -ml-2 text-muted-foreground" asChild>
-        <Link href="/todos">
-          <ArrowLeft className="mr-2 size-4" />
-          Back
-        </Link>
-      </Button>
-      <div className="flex items-start gap-3">
-        <Checkbox
-          className="mt-1"
-          checked={todo.isCompleted}
-          onCheckedChange={(checked) =>
-            updateTodo({
-              todoId,
-              isCompleted: !!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>}
-    </main>
-  );
-};

package/templates/nextjs/src/ui/sidebar/nav_link.tsx DELETED Viewed

@@ -1,36 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-"use client";
-import type { LucideIcon } from "lucide-react";
-import Link from "next/link";
-import { usePathname } from "next/navigation";
-import { SidebarMenuButton, SidebarMenuItem } from "@/ui/base/side_bar";
-type NavLinkProps = {
-  item: {
-    id: string;
-    title: string;
-    url: string;
-    icon: LucideIcon;
-  };
-};
-export const NavLink = ({ item }: NavLinkProps) => {
-  const pathname = usePathname();
-  const isActive = pathname === item.url;
-  return (
-    <SidebarMenuItem>
-      <SidebarMenuButton asChild isActive={isActive} tooltip={item.title}>
-        <Link href={item.url}>
-          <item.icon />
-          <span>{item.title}</span>
-        </Link>
-      </SidebarMenuButton>
-    </SidebarMenuItem>
-  );
-};

package/templates/nextjs/src/ui/sidebar/sidebar.tsx DELETED Viewed

@@ -1,125 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-"use client";
-import { UserButton, useUser } from "@clerk/nextjs";
-import {
-	CheckSquareIcon,
-	HomeIcon,
-	type LucideIcon,
-	SettingsIcon,
-} from "lucide-react";
-import Link from "next/link";
-import {
-	Sidebar as BaseSidebar,
-	SidebarHeader as BaseSidebarHeader,
-	SidebarContent,
-	SidebarFooter,
-	SidebarGroup,
-	SidebarGroupContent,
-	SidebarMenu,
-	SidebarMenuItem,
-} from "@/ui/base/side_bar";
-import { Skeleton } from "@/ui/base/skeleton";
-import { NavLink } from "@/web/ui/sidebar/nav_link";
-export type NavItem = {
-	id: string;
-	title: string;
-	url: string;
-	icon: LucideIcon;
-};
-export const nav: {
-	main: NavItem[];
-	secondary: NavItem[];
-} = {
-	main: [
-		{
-			id: "dashboard",
-			title: "Dashboard",
-			url: "/",
-			icon: HomeIcon,
-		},
-		{
-			id: "todos",
-			title: "Todos",
-			url: "/todos",
-			icon: CheckSquareIcon,
-		},
-	],
-	secondary: [
-		{
-			id: "settings",
-			title: "Settings",
-			url: "/settings",
-			icon: SettingsIcon,
-		},
-	],
-};
-export const Sidebar = ({
-	...props
-}: React.ComponentProps<typeof BaseSidebar>) => {
-	const user = useUser();
-	return (
-		<BaseSidebar collapsible="offcanvas" {...props}>
-			<BaseSidebarHeader>
-				<SidebarMenu>
-					<SidebarMenuItem>
-						<Link href="/" className="flex flex-row items-center gap-3 w-full">
-							<span className="truncate font-medium">App</span>
-						</Link>
-					</SidebarMenuItem>
-				</SidebarMenu>
-			</BaseSidebarHeader>
-			<SidebarContent>
-				<SidebarGroup className="pt-0">
-					<SidebarGroupContent className="flex flex-col gap-2">
-						<SidebarMenu>
-							{nav.main.map((item) => (
-								<NavLink key={item.id} item={item} />
-							))}
-						</SidebarMenu>
-					</SidebarGroupContent>
-				</SidebarGroup>
-			</SidebarContent>
-			<SidebarFooter className="gap-0 p-2">
-				<SidebarGroup>
-					<SidebarGroupContent>
-						<SidebarMenu>
-							{nav.secondary.map((item) => (
-								<NavLink key={item.id} item={item} />
-							))}
-						</SidebarMenu>
-					</SidebarGroupContent>
-				</SidebarGroup>
-				<SidebarMenu>
-					{user.isLoaded ? (
-						<SidebarMenuItem className="w-full">
-							<div className="flex items-start gap-2 border rounded-md shadow-sm px-2 py-2 w-full">
-								<UserButton />
-								<div className="flex flex-col gap-0 text-left leading-tight w-fit">
-									<span className="text-sm font-medium break-words truncate">
-										{user.user?.fullName}
-									</span>
-									<span className="truncate text-xs font-light">
-										{user.user?.emailAddresses[0].emailAddress}
-									</span>
-								</div>
-							</div>
-						</SidebarMenuItem>
-					) : (
-						<SidebarMenuItem className="w-full">
-							<Skeleton className="h-12 w-full rounded-lg border" />
-						</SidebarMenuItem>
-					)}
-				</SidebarMenu>
-			</SidebarFooter>
-		</BaseSidebar>
-	);
-};

package/templates/nextjs/src/utils/font.ts DELETED Viewed

@@ -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/nextjs/tsconfig.json DELETED Viewed

@@ -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/react-router/.env.example DELETED Viewed

@@ -1,8 +0,0 @@
-# Convex
-CONVEX_DEPLOYMENT=
-CONVEX_DEPLOYMENT_URL=
-VITE_CONVEX_URL=
-# Authentication
-CLERK_SECRET_KEY=
-VITE_CLERK_PUBLISHABLE_KEY=

package/templates/react-router/src/app.css DELETED Viewed

@@ -1,3 +0,0 @@
-@import "../../../../shared/assets/src/styles/global.css";
-@source "../../../../shared/ui/src/**/*.{js,ts,jsx,tsx}";
-@source "../../../../apps/web/src/**/*.{js,ts,jsx,tsx}";