npm - create-aron-app - Versions diffs - 0.1.0 → 0.1.2 - Mend

create-aron-app 0.1.0 → 0.1.2

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

package/templates/_base/biome.json ADDED Viewed

@@ -0,0 +1,114 @@
+{
+  "$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": {
+    "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",
+        "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
+  }
+}

package/templates/_base/convex.json ADDED Viewed

@@ -0,0 +1,4 @@
+{
+  "$schema": "https://raw.githubusercontent.com/get-convex/convex-backend/refs/heads/main/npm-packages/convex/schemas/convex.schema.json",
+  "functions": "apps/api"
+}

package/templates/_base/emails/project.json ADDED Viewed

@@ -0,0 +1,16 @@
+{
+  "name": "project:emails",
+  "$schema": "../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "emails",
+  "projectType": "library",
+  "tags": [],
+  "targets": {
+    "dev": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "bunx email dev",
+        "port": 4444
+      }
+    }
+  }
+}

package/templates/_base/emails/tsconfig.json ADDED Viewed

@@ -0,0 +1,5 @@
+{
+  "extends": "../tsconfig.base.json",
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}

package/templates/_base/emails/welcome_email.tsx ADDED Viewed

@@ -0,0 +1,53 @@
+import {
+  Body,
+  Button,
+  Container,
+  Head,
+  Heading,
+  Html,
+  Preview,
+  Section,
+  Tailwind,
+  Text,
+} from "@react-email/components";
+type WelcomeEmailProps = {
+  name: string;
+  actionUrl: string;
+};
+export const WelcomeEmail = ({ name, actionUrl }: WelcomeEmailProps) => {
+  return (
+    <Html>
+      <Head />
+      <Preview>Welcome — you're all set.</Preview>
+      <Tailwind>
+        <Body className="bg-gray-50 font-sans m-0 min-h-screen">
+          <Container className="mx-auto w-full max-w-2xl my-16">
+            <Section className="bg-white rounded-lg border border-gray-200 p-10">
+              <Heading className="text-2xl font-bold text-gray-900 mb-2">
+                Welcome, {name}
+              </Heading>
+              <Text className="text-base text-gray-600 leading-relaxed mb-6">
+                Your account is ready. Click the button below to get started.
+              </Text>
+              <Button
+                href={actionUrl}
+                className="bg-gray-900 text-white text-sm font-medium px-5 py-3 rounded-md"
+              >
+                Get Started
+              </Button>
+            </Section>
+            <Section className="text-center mt-6">
+              <Text className="text-xs text-gray-400">
+                You received this email because you signed up. If this wasn't you, you can ignore it.
+              </Text>
+            </Section>
+          </Container>
+        </Body>
+      </Tailwind>
+    </Html>
+  );
+};
+export default WelcomeEmail;

package/templates/_base/nx.json ADDED Viewed

@@ -0,0 +1,29 @@
+{
+  "$schema": "./node_modules/nx/schemas/nx-schema.json",
+  "namedInputs": {
+    "default": ["{projectRoot}/**/*", "sharedGlobals"],
+    "production": [
+      "default",
+      "!{projectRoot}/.eslintrc.json",
+      "!{projectRoot}/eslint.config.mjs"
+    ],
+    "sharedGlobals": ["{workspaceRoot}/.github/workflows/ci.yml"]
+  },
+  "nxCloudId": "67c2b4e892be1c371f9f8810",
+  "plugins": [
+    {
+      "plugin": "@nx/js/typescript",
+      "options": {
+        "typecheck": {
+          "targetName": "typecheck"
+        },
+        "build": {
+          "targetName": "build",
+          "configName": "tsconfig.lib.json",
+          "buildDepsName": "build-deps",
+          "watchDepsName": "watch-deps"
+        }
+      }
+    }
+  ]
+}

package/templates/_base/package.json ADDED Viewed

@@ -0,0 +1,73 @@
+{
+	"name": "@/source",
+	"version": "0.0.0",
+	"license": "MIT",
+	"private": true,
+	"scripts": {},
+	"dependencies": {
+		"@convex-dev/react-query": "^0.0.0-alpha.8",
+		"@hookform/resolvers": "^3.9.1",
+		"@radix-ui/react-accordion": "^1.2.2",
+		"@radix-ui/react-alert-dialog": "^1.1.4",
+		"@radix-ui/react-aspect-ratio": "^1.1.1",
+		"@radix-ui/react-checkbox": "^1.1.3",
+		"@radix-ui/react-collapsible": "^1.1.2",
+		"@radix-ui/react-dropdown-menu": "^2.1.4",
+		"@radix-ui/react-hover-card": "^1.1.4",
+		"@radix-ui/react-label": "^2.1.1",
+		"@radix-ui/react-popover": "^1.1.4",
+		"@radix-ui/react-progress": "^1.1.1",
+		"@radix-ui/react-radio-group": "^1.2.2",
+		"@radix-ui/react-scroll-area": "^1.2.2",
+		"@radix-ui/react-select": "^2.1.4",
+		"@radix-ui/react-separator": "^1.1.1",
+		"@radix-ui/react-slider": "^1.2.2",
+		"@radix-ui/react-switch": "^1.1.2",
+		"@radix-ui/react-tabs": "^1.1.2",
+		"@radix-ui/react-tooltip": "^1.1.6",
+		"@stepperize/react": "^5.1.5",
+		"@tailwindcss/typography": "^0.5.16",
+		"@tanstack/react-query": "^5.66.0",
+		"@tanstack/react-store": "^0.7.0",
+		"@tanstack/react-table": "^8.20.6",
+		"class-variance-authority": "^0.7.1",
+		"cmdk": "^1.0.4",
+		"convex": "^1.28.0",
+		"convex-ents": "^0.16.0",
+		"convex-helpers": "^0.1.104",
+		"dayjs": "^1.11.13",
+		"lodash-es": "^4.17.21",
+		"lucide-react": "^0.469.0",
+		"nanoid": "^5.1.6",
+		"react": "19.0.0",
+		"react-dom": "19.0.0",
+		"react-hook-form": "^7.54.2",
+		"react-resizable-panels": "^4.7.2",
+		"sonner": "^2.0.1",
+		"ts-essentials": "^10.1.1",
+		"tw-animate-css": "^1.3.8",
+		"zod": "^3"
+	},
+	"devDependencies": {
+		"@biomejs/biome": "^2.2.3",
+		"@nx/js": "20.6.2",
+		"@nx/workspace": "20.6.2",
+		"@swc-node/register": "~1.9.1",
+		"@swc/core": "~1.5.7",
+		"@swc/helpers": "~0.5.11",
+		"@tailwindcss/postcss": "^4.1.11",
+		"@types/react": "19.0.0",
+		"@types/react-dom": "19.0.0",
+		"autoprefixer": "10.4.13",
+		"nx": "20.6.2",
+		"postcss": "8.4.38",
+		"tailwind-merge": "^3.0.2",
+		"tailwindcss": "^4.1.13",
+		"tailwindcss-animate": "^1.0.7",
+		"tslib": "^2.3.0",
+		"typescript": "~5.7.2"
+	},
+	"workspaces": [
+		"apps/*"
+	]
+}

package/templates/_base/scripts/sync_convex_env.ts ADDED Viewed

@@ -0,0 +1,63 @@
+#!/usr/bin/env bun
+import { spawnSync } from "child_process";
+import { readFileSync } from "fs";
+const ENV_FILE = ".env.convex";
+function parseEnvContent(content: string): Record<string, string> {
+  const vars: Record<string, string> = {};
+  for (const line of content.split("\n")) {
+    const trimmed = line.trim();
+    if (!trimmed || trimmed.startsWith("#")) continue;
+    const eqIdx = trimmed.indexOf("=");
+    if (eqIdx === -1) continue;
+    const key = trimmed.slice(0, eqIdx).trim();
+    const value = trimmed.slice(eqIdx + 1);
+    if (key) vars[key] = value;
+  }
+  return vars;
+}
+function convex(...args: string[]): string {
+  const result = spawnSync("bunx", ["convex", ...args], { encoding: "utf-8" });
+  if (result.status !== 0) {
+    console.error(`convex ${args.join(" ")} failed:\n${result.stderr}`);
+    process.exit(1);
+  }
+  return result.stdout ?? "";
+}
+let localEnv: Record<string, string>;
+try {
+  localEnv = parseEnvContent(readFileSync(ENV_FILE, "utf-8"));
+} catch {
+  console.error(`Could not read ${ENV_FILE}`);
+  process.exit(1);
+}
+const remoteEnv = parseEnvContent(convex("env", "list"));
+let sets = 0;
+let removes = 0;
+for (const [key, value] of Object.entries(localEnv)) {
+  if (remoteEnv[key] !== value) {
+    console.log(`  set  ${key}`);
+    convex("env", "set", key, value);
+    sets++;
+  }
+}
+for (const key of Object.keys(remoteEnv)) {
+  if (!(key in localEnv)) {
+    console.log(`  remove  ${key}`);
+    convex("env", "remove", key);
+    removes++;
+  }
+}
+if (sets === 0 && removes === 0) {
+  console.log("Convex env vars already in sync.");
+} else {
+  console.log(`Done: ${sets} set, ${removes} removed.`);
+}

package/templates/_base/shared/assets/image.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+declare module "*.png";
+declare module "*.svg";
+declare module "*.jpeg";
+declare module "*.jpg";

package/templates/_base/shared/assets/src/styles/global.css ADDED Viewed

@@ -0,0 +1,73 @@
+/** biome-ignore-all lint/suspicious/noUnknownAtRules: Tailwind CSS v4 directives */
+@import "tailwindcss";
+@import "tw-animate-css";
+:root {
+  --spacing: 0.222222rem;
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+@theme inline {
+  --font-heading: var(--font-heading);
+  --font-body: var(--font-body);
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}

package/templates/_base/shared/assets/tsconfig.json ADDED Viewed

@@ -0,0 +1,5 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "include": ["src/**/*", "./image.d.ts"],
+  "exclude": ["node_modules"]
+}

package/templates/_base/shared/ui/src/base/alert_dialog.tsx ADDED Viewed

@@ -0,0 +1,139 @@
+/*
+ * Copyright (c) Aron Weston 2025.
+ */
+"use client";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import type * as React from "react";
+import { buttonVariants } from "@/ui/base/button";
+import { cn } from "@/ui/base/utils";
+function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {
+  return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />;
+}
+function AlertDialogTrigger({
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {
+  return <AlertDialogPrimitive.Trigger data-slot="alert-dialog-trigger" {...props} />;
+}
+function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {
+  return <AlertDialogPrimitive.Portal data-slot="alert-dialog-portal" {...props} />;
+}
+function AlertDialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {
+  return (
+    <AlertDialogPrimitive.Overlay
+      data-slot="alert-dialog-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+function AlertDialogContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {
+  return (
+    <AlertDialogPortal>
+      <AlertDialogOverlay />
+      <AlertDialogPrimitive.Content
+        data-slot="alert-dialog-content"
+        className={cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          className,
+        )}
+        {...props}
+      />
+    </AlertDialogPortal>
+  );
+}
+function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-dialog-header"
+      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
+      {...props}
+    />
+  );
+}
+function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-dialog-footer"
+      className={cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)}
+      {...props}
+    />
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {
+  return (
+    <AlertDialogPrimitive.Title
+      data-slot="alert-dialog-title"
+      className={cn("text-lg font-semibold", className)}
+      {...props}
+    />
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {
+  return (
+    <AlertDialogPrimitive.Description
+      data-slot="alert-dialog-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  );
+}
+function AlertDialogAction({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {
+  return <AlertDialogPrimitive.Action className={cn(buttonVariants(), className)} {...props} />;
+}
+function AlertDialogCancel({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {
+  return (
+    <AlertDialogPrimitive.Cancel
+      className={cn(buttonVariants({ variant: "outline" }), className)}
+      {...props}
+    />
+  );
+}
+export {
+  AlertDialog,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogTrigger,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel,
+};

package/templates/_base/shared/ui/src/base/badge.tsx ADDED Viewed

@@ -0,0 +1,33 @@
+import { cva, type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+import { cn } from "@/ui/base/utils";
+const badgeVariants = cva(
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-color_tool.tsx focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+        secondary:
+          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive:
+          "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+        outline: "text-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  },
+);
+export interface BadgeProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof badgeVariants> {}
+function Badge({ className, variant, ...props }: BadgeProps) {
+  return <div className={cn(badgeVariants({ variant }), className)} {...props} />;
+}
+export { Badge, badgeVariants };

package/templates/_base/shared/ui/src/base/basic_data_table.tsx ADDED Viewed

@@ -0,0 +1,61 @@
+import type { ColumnDef } from "@tanstack/react-table";
+import { flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/ui/base/table";
+export type BasicDataTableProps<TData, TValue> = {
+  columns: ColumnDef<TData, TValue>[];
+  data: TData[];
+};
+export function BasicDataTable<TData, TValue>({
+  columns,
+  data,
+}: BasicDataTableProps<TData, TValue>) {
+  const table = useReactTable({
+    data,
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+  });
+  return (
+    <div className="rounded-md border">
+      <Table>
+        <TableHeader>
+          {table.getHeaderGroups().map((headerGroup) => (
+            <TableRow key={headerGroup.id}>
+              {headerGroup.headers.map((header) => {
+                return (
+                  <TableHead key={header.id}>
+                    {header.isPlaceholder
+                      ? null
+                      : flexRender(header.column.columnDef.header, header.getContext())}
+                  </TableHead>
+                );
+              })}
+            </TableRow>
+          ))}
+        </TableHeader>
+        <TableBody>
+          {table.getRowModel().rows?.length ? (
+            table.getRowModel().rows.map((row) => (
+              <TableRow key={row.id} data-state={row.getIsSelected() && "selected"}>
+                {row.getVisibleCells().map((cell) => (
+                  <TableCell key={cell.id}>
+                    {flexRender(cell.column.columnDef.cell, cell.getContext())}
+                  </TableCell>
+                ))}
+              </TableRow>
+            ))
+          ) : (
+            <TableRow>
+              <TableCell colSpan={columns.length} className="h-24 text-center">
+                No results.
+              </TableCell>
+            </TableRow>
+          )}
+        </TableBody>
+      </Table>
+    </div>
+  );
+}