npm - create-aron-app - Versions diffs - 0.1.7 → 0.1.10 - Mend

create-aron-app 0.1.7 → 0.1.10

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 (169) hide show

package/templates/apps/nextjs/src/app/(dashboard)/layout.tsx DELETED Viewed

@@ -1,22 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-import { SidebarInset, SidebarProvider } from "@/ui/base/side_bar";
-import { Sidebar } from "@/web/surfaces/sidebar/sidebar";
-type DashboardLayoutProps = {
-  children: React.ReactNode;
-};
-export default function DashboardLayout({ children }: DashboardLayoutProps) {
-  return (
-    <SidebarProvider
-      style={{ "--sidebar-width": "265px" } as React.CSSProperties}
-      defaultOpen={true}
-    >
-      <Sidebar />
-      <SidebarInset>{children}</SidebarInset>
-    </SidebarProvider>
-  );
-}

package/templates/apps/nextjs/src/app/(dashboard)/page.tsx DELETED Viewed

@@ -1,12 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-import { bootstrapHome } from "@/web/surfaces/home/bootstrap";
-import { Home } from "@/web/surfaces/home/home";
-export default async function HomePage() {
-  const bootstrap = await bootstrapHome();
-  return <Home bootstrap={bootstrap} />;
-}

package/templates/apps/nextjs/src/app/(dashboard)/todos/[id]/page.tsx DELETED Viewed

@@ -1,26 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-import type { Metadata } from "next";
-import type { TodoId } from "@/api/todos/types";
-import { bootstrapSingleTodo } from "@/web/surfaces/todos/single_todo/bootstrap";
-import { SingleTodo } from "@/web/surfaces/todos/single_todo/single_todo";
-type SingleTodoPageProps = {
-  params: Promise<{ id: TodoId }>;
-};
-export const metadata: Metadata = {
-  title: "Todo",
-  description: "Todo",
-};
-export default async function SingleTodoPage({ params }: SingleTodoPageProps) {
-  const { id } = await params;
-  const bootstrap = await bootstrapSingleTodo({ todoId: id });
-  return <SingleTodo bootstrap={bootstrap} />;
-}

package/templates/apps/nextjs/src/app/(dashboard)/todos/page.tsx DELETED Viewed

@@ -1,19 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-import type { Metadata } from "next";
-import { AllTodos } from "@/web/surfaces/todos/all_todos/all_todos";
-import { bootstrapAllTodos } from "@/web/surfaces/todos/all_todos/bootstrap";
-export const metadata: Metadata = {
-  title: "Todos",
-  description: "Todos",
-};
-export default async function AllTodosPage() {
-  const bootstrap = await bootstrapAllTodos();
-  return <AllTodos bootstrap={bootstrap} />;
-}

package/templates/apps/nextjs/src/app/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}";

package/templates/apps/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/apps/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/apps/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/apps/nextjs/src/surfaces/home/home.tsx DELETED Viewed

@@ -1,27 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-"use client";
-import { useMemo, useRef } from "react";
-import type { HomeBootstrap } from "@/web/surfaces/home/bootstrap";
-import { installHome } from "@/web/surfaces/home/install";
-import { createLayout } from "@/web/surfaces/home/layout";
-export type HomeProps = {
-  bootstrap: HomeBootstrap;
-};
-export const Home = ({ bootstrap }: HomeProps) => {
-  const { layout, Layout } = useMemo(() => createLayout(), []);
-  const installed = useRef(false);
-  if (!installed.current) {
-    installed.current = true;
-    installHome({ layout, bootstrap });
-  }
-  return <Layout />;
-};

package/templates/apps/nextjs/src/surfaces/home/layout.tsx DELETED Viewed

@@ -1,44 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-"use client";
-import { makeObservable, observable, action, runInAction } from "mobx";
-import { observer } from "mobx-react-lite";
-import type { ComponentType } from "react";
-import { Skeleton } from "@/ui/base/skeleton";
-export class HomeLayoutController {
-  Main: ComponentType | undefined = undefined;
-  constructor() {
-    makeObservable(this, {
-      Main: observable.ref,
-      setMain: action,
-    });
-  }
-  setMain(Main: ComponentType) {
-    runInAction(() => {
-      this.Main = Main;
-    });
-  }
-}
-export const createLayout = () => {
-  const layout = new HomeLayoutController();
-  return {
-    layout,
-    Layout: observer(() => {
-      const Main = layout.Main;
-      return (
-        <div className="flex w-full flex-1 flex-col">
-          {Main ? <Main /> : <Skeleton className="h-64 w-full rounded-md" />}
-        </div>
-      );
-    }),
-  };
-};

package/templates/apps/nextjs/src/surfaces/home/main/create.tsx DELETED Viewed

@@ -1,34 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-"use client";
-import { useUser } from "@clerk/nextjs";
-import { observer } from "mobx-react-lite";
-import Link from "next/link";
-import { Button } from "@/ui/base/button";
-import type { HomeBootstrap } from "@/web/surfaces/home/bootstrap";
-export type CreateHomeMainOpts = {
-  bootstrap: HomeBootstrap;
-};
-export const createMain = ({ bootstrap: _bootstrap }: CreateHomeMainOpts) => {
-  return observer(() => {
-    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/apps/nextjs/src/surfaces/sidebar/install.tsx DELETED Viewed

@@ -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/nextjs/src/surfaces/sidebar/layout.tsx DELETED Viewed

@@ -1,118 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-"use client";
-import { action, makeObservable, observable, runInAction } from "mobx";
-import { observer } from "mobx-react-lite";
-import Link from "next/link";
-import type { ComponentType } from "react";
-import {
-  Sidebar as BaseSidebar,
-  SidebarContent,
-  SidebarFooter,
-  SidebarHeader,
-  SidebarMenu,
-  SidebarMenuButton,
-  SidebarMenuItem,
-} from "@/ui/base/side_bar";
-import { Skeleton } from "@/ui/base/skeleton";
-export class SidebarLayoutController {
-  NavMain: ComponentType | undefined = undefined;
-  NavSecondary: ComponentType | undefined = undefined;
-  UserMenu: ComponentType | undefined = undefined;
-  constructor() {
-    makeObservable(this, {
-      NavMain: observable.ref,
-      NavSecondary: observable.ref,
-      UserMenu: observable.ref,
-      setNavMain: action,
-      setNavSecondary: action,
-      setUserMenu: action,
-    });
-  }
-  setNavMain(NavMain: ComponentType) {
-    runInAction(() => {
-      this.NavMain = NavMain;
-    });
-  }
-  setNavSecondary(NavSecondary: ComponentType) {
-    runInAction(() => {
-      this.NavSecondary = NavSecondary;
-    });
-  }
-  setUserMenu(UserMenu: ComponentType) {
-    runInAction(() => {
-      this.UserMenu = UserMenu;
-    });
-  }
-}
-const BrandLink = () => {
-  return (
-    <SidebarMenu>
-      <SidebarMenuItem>
-        <SidebarMenuButton
-          size="lg"
-          className="h-auto flex-col items-start gap-0.5 p-0"
-          asChild
-        >
-          <Link
-            href="/"
-            className="flex flex-row w-full items-center gap-3 px-2 py-2 transition-opacity hover:opacity-80 active:opacity-70 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0 group-data-[collapsible=icon]:[&>div:last-child]:hidden"
-          >
-            <div className="flex size-10 shrink-0 items-center justify-center rounded-md bg-sidebar-brand text-sm text-white font-semibold group-data-[collapsible=icon]:size-8 group-data-[collapsible=icon]:text-xs">
-              A
-            </div>
-            <div className="flex min-w-0 flex-col">
-              <span className="truncate text-base font-bold text-sidebar-foreground">
-                App
-              </span>
-              <span className="truncate text-xs text-sidebar-muted-foreground">
-                Template
-              </span>
-            </div>
-          </Link>
-        </SidebarMenuButton>
-      </SidebarMenuItem>
-    </SidebarMenu>
-  );
-};
-export const createSidebarLayout = () => {
-  const layout = new SidebarLayoutController();
-  return {
-    layout,
-    Layout: observer(() => {
-      const NavMain = layout.NavMain;
-      const NavSecondary = layout.NavSecondary;
-      const UserMenu = layout.UserMenu;
-      return (
-        <BaseSidebar
-          data-slot="app-sidebar"
-          className="shadow-sm"
-          collapsible="icon"
-        >
-          <SidebarHeader>
-            <BrandLink />
-          </SidebarHeader>
-          <SidebarContent className="flex flex-1 flex-col gap-4 overflow-hidden px-2">
-            {NavMain ? <NavMain /> : <Skeleton className="h-24 bg-sidebar-accent" />}
-          </SidebarContent>
-          <SidebarFooter className="gap-2">
-            {NavSecondary ? <NavSecondary /> : <Skeleton className="h-10 bg-sidebar-accent" />}
-            {UserMenu ? <UserMenu /> : <Skeleton className="h-12 bg-sidebar-accent" />}
-          </SidebarFooter>
-        </BaseSidebar>
-      );
-    }),
-  };
-};

package/templates/apps/nextjs/src/surfaces/sidebar/nav_main/create.tsx DELETED Viewed

@@ -1,19 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-"use client";
-import { observer } from "mobx-react-lite";
-import { useSidebar } from "@/ui/base/side_bar";
-import { navMainItems } from "@/web/surfaces/sidebar/nav_main/nav_config";
-import { NavMain } from "@/web/surfaces/sidebar/nav_main/nav_main";
-export const createNavMain = () => {
-  return observer(() => {
-    const { setOpenMobile } = useSidebar();
-    return <NavMain items={navMainItems} onNavigate={() => setOpenMobile(false)} />;
-  });
-};

package/templates/apps/nextjs/src/surfaces/sidebar/nav_main/nav_config.ts DELETED Viewed

@@ -1,22 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-import { CheckSquareIcon, HomeIcon } from "lucide-react";
-import type { SidebarNavItem } from "@/web/surfaces/sidebar/ui/sidebar_nav_link";
-export const navMainItems: SidebarNavItem[] = [
-  {
-    id: "dashboard",
-    title: "Dashboard",
-    url: "/",
-    icon: HomeIcon,
-  },
-  {
-    id: "todos",
-    title: "Todos",
-    url: "/todos",
-    icon: CheckSquareIcon,
-  },
-];

package/templates/apps/nextjs/src/surfaces/sidebar/nav_main/nav_main.tsx DELETED Viewed

@@ -1,25 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-"use client";
-import { SidebarMenu } from "@/ui/base/side_bar";
-import type { SidebarNavItem } from "@/web/surfaces/sidebar/ui/sidebar_nav_link";
-import { SidebarNavLink } from "@/web/surfaces/sidebar/ui/sidebar_nav_link";
-type NavMainProps = {
-  items: SidebarNavItem[];
-  onNavigate: () => void;
-};
-export const NavMain = ({ items, onNavigate }: NavMainProps) => {
-  return (
-    <SidebarMenu>
-      {items.map((item) => (
-        <SidebarNavLink key={item.id} item={item} onNavigate={onNavigate} />
-      ))}
-    </SidebarMenu>
-  );
-};

package/templates/apps/nextjs/src/surfaces/sidebar/nav_secondary/create.tsx DELETED Viewed

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

package/templates/apps/nextjs/src/surfaces/sidebar/nav_secondary/nav_secondary.tsx DELETED Viewed

@@ -1,33 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-"use client";
-import { SettingsIcon } from "lucide-react";
-import Link from "next/link";
-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 href={settingsPath}>
-            <SettingsIcon className="size-4" />
-            <span>Settings</span>
-          </Link>
-        </SidebarMenuButton>
-      </SidebarMenuItem>
-    </SidebarMenu>
-  );
-};

package/templates/apps/nextjs/src/surfaces/sidebar/sidebar.tsx DELETED Viewed

@@ -1,23 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-"use client";
-import { useMemo, useRef } from "react";
-import { installSidebar } from "@/web/surfaces/sidebar/install";
-import { createSidebarLayout } from "@/web/surfaces/sidebar/layout";
-export const Sidebar = () => {
-  const { layout, Layout } = useMemo(createSidebarLayout, []);
-  const installed = useRef(false);
-  if (!installed.current) {
-    installed.current = true;
-    installSidebar({ layout });
-  }
-  return <Layout />;
-};

package/templates/apps/nextjs/src/surfaces/sidebar/ui/sidebar_nav_link.tsx DELETED Viewed

@@ -1,39 +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";
-export type SidebarNavItem = {
-  id: string;
-  title: string;
-  url: string;
-  icon: LucideIcon;
-};
-type SidebarNavLinkProps = {
-  item: SidebarNavItem;
-  onNavigate: () => void;
-};
-export const SidebarNavLink = ({ item, onNavigate }: SidebarNavLinkProps) => {
-  const pathname = usePathname();
-  const isActive = pathname === item.url;
-  return (
-    <SidebarMenuItem>
-      <SidebarMenuButton asChild isActive={isActive} tooltip={item.title} onClick={onNavigate}>
-        <Link href={item.url}>
-          <item.icon className="size-4" />
-          <span>{item.title}</span>
-        </Link>
-      </SidebarMenuButton>
-    </SidebarMenuItem>
-  );
-};

package/templates/apps/nextjs/src/surfaces/sidebar/user_menu/create.tsx DELETED Viewed

@@ -1,28 +0,0 @@
-/*
- * Copyright (c) Aron Weston 2026.
- */
-"use client";
-import { useUser } from "@clerk/nextjs";
-import { observer } from "mobx-react-lite";
-import { UserMenu } from "@/web/surfaces/sidebar/user_menu/user_menu";
-export const createUserMenu = () => {
-  return observer(() => {
-    const { user, isLoaded } = useUser();
-    if (isLoaded && !user) {
-      return null;
-    }
-    return (
-      <UserMenu
-        isLoaded={isLoaded}
-        fullName={user?.fullName}
-        email={user?.emailAddresses[0]?.emailAddress}
-      />
-    );
-  });
-};