create-aron-app 0.1.6 → 0.1.8

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

@@ -0,0 +1,27 @@
+/*
+ * Copyright (c) Aron Weston 2026.
+ */
+
+import { useMemo, useRef } from "react";
+import { useNavigate } from "react-router";
+
+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 navigate = useNavigate();
+  const { layout, Layout } = useMemo(createLayout, []);
+  const installed = useRef(false);
+
+  if (!installed.current) {
+    installed.current = true;
+    installSingleTodo({ layout, bootstrap, navigate });
+  }
+
+  return <Layout />;
+};

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

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

package/templates/{react-router → apps/web}/vite.config.ts

@@ -1,12 +1,12 @@
 import path from "node:path";
 
+import { transformAsync } from "@babel/core";
 import { reactRouter } from "@react-router/dev/vite";
 import tailwindcss from "@tailwindcss/vite";
 import { defineConfig, type PluginOption } from "vite";
 import devtoolsJson from "vite-plugin-devtools-json";
 import tsconfigPaths from "vite-tsconfig-paths";
-
-const workspaceRoot = path.resolve(__dirname, "../..");
+import { uuid } from "zod/v4";
 
 if (!process.env.VITE_CLERK_PUBLISHABLE_KEY) {
   throw new Error("VITE_CLERK_PUBLISHABLE_KEY is not set");
@@ -16,12 +16,36 @@ if (!process.env.CLERK_SECRET_KEY) {
   throw new Error("CLERK_SECRET_KEY is not set");
 }
 
+const workspaceRoot = path.resolve(__dirname, "../..");
+
+const appRoot = path.resolve(__dirname, "src");
+
 export default defineConfig({
+  build: {
+    outDir: "dist",
+  },
   plugins: [
     tailwindcss(),
+    {
+      name: "mobx-decorators",
+      enforce: "pre",
+      async transform(code, id) {
+        if (!id.startsWith(appRoot) || !/\.[jt]sx?$/.test(id)) return null;
+        const result = await transformAsync(code, {
+          filename: id,
+          configFile: false,
+          babelrc: false,
+          presets: [
+            ["@babel/preset-typescript", { allExtensions: true, isTSX: id.endsWith(".tsx") }],
+          ],
+          plugins: [["@babel/plugin-proposal-decorators", { version: "2023-05" }]],
+        });
+        return result ? { code: result.code!, map: result.map } : null;
+      },
+    } as PluginOption,
     reactRouter(),
     tsconfigPaths(),
-    devtoolsJson({ uuid: "my-app" }) as PluginOption,
+    devtoolsJson({ uuid: uuid().toString() }) as PluginOption,
   ],
   server: {
     fs: {

package/templates/{_base/biome.json → biome.json}

@@ -29,6 +29,9 @@
     "enabled": true
   },
   "css": {
+    "parser": {
+      "tailwindDirectives": true
+    },
     "formatter": {
       "enabled": true,
       "indentStyle": "space",
@@ -53,6 +56,11 @@
       "!**/*/tmp",
       "!convex/_generated/**/*",
       "!convex/_generated/**/*.d.ts",
+      "!**/next.config.js",
+      "!**/next.config.mjs",
+      "!**/next.config.cjs",
+      "!**/next.config.ts",
+      "!**/next.config.mts",
       "!package.json"
     ]
   },
@@ -94,6 +102,10 @@
       "recommended": true,
       "style": {
         "noInferrableTypes": "error",
+        "useBlockStatements": {
+          "level": "error",
+          "fix": "safe"
+        },
         "noParameterAssign": "warn",
         "noUnusedTemplateLiteral": "error",
         "noUselessElse": "error",