@nubase/create 0.1.1

package/templates/frontend/src/auth/__PROJECT_NAME_PASCAL__AuthController.ts

@@ -0,0 +1,59 @@
+import type { AuthController, AuthState } from "@nubase/frontend";
+import type { ApiEndpoints } from "__PROJECT_NAME__-schema";
+
+const TOKEN_KEY = "__PROJECT_NAME___auth_token";
+
+export class __PROJECT_NAME_PASCAL__AuthController implements AuthController<ApiEndpoints> {
+	private token: string | null = null;
+
+	constructor() {
+		this.token = localStorage.getItem(TOKEN_KEY);
+	}
+
+	async getAuthState(
+		httpClient: {
+			request: <E extends keyof ApiEndpoints>(
+				endpoint: E,
+				options?: { body?: unknown; params?: unknown },
+			) => Promise<ApiEndpoints[E]["responseBody"]>;
+		},
+		workspace: string,
+	): Promise<AuthState> {
+		if (!this.token) {
+			return { isAuthenticated: false };
+		}
+
+		try {
+			const response = await httpClient.request("getMe", {});
+			return {
+				isAuthenticated: true,
+				user: response.user,
+				workspace: response.workspace,
+			};
+		} catch {
+			this.clearToken();
+			return { isAuthenticated: false };
+		}
+	}
+
+	getAuthHeaders(): Record<string, string> {
+		if (!this.token) {
+			return {};
+		}
+		return { Authorization: `Bearer ${this.token}` };
+	}
+
+	setToken(token: string): void {
+		this.token = token;
+		localStorage.setItem(TOKEN_KEY, token);
+	}
+
+	clearToken(): void {
+		this.token = null;
+		localStorage.removeItem(TOKEN_KEY);
+	}
+
+	getToken(): string | null {
+		return this.token;
+	}
+}

package/templates/frontend/src/config.tsx

@@ -0,0 +1,76 @@
+import {
+	type NubaseFrontendConfig,
+	defaultKeybindings,
+	resourceLink,
+} from "@nubase/frontend";
+import { apiEndpoints } from "__PROJECT_NAME__-schema";
+import { __PROJECT_NAME_PASCAL__AuthController } from "./auth/__PROJECT_NAME_PASCAL__AuthController";
+import { ticketResource } from "./resources/ticket";
+
+// Icons (inline SVG from Tabler Icons)
+const HomeIcon = () => (
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width="20"
+		height="20"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		strokeWidth="2"
+		strokeLinecap="round"
+		strokeLinejoin="round"
+	>
+		<path d="M5 12l-2 0l9 -9l9 9l-2 0" />
+		<path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" />
+		<path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" />
+	</svg>
+);
+
+const TicketIcon = () => (
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width="20"
+		height="20"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		strokeWidth="2"
+		strokeLinecap="round"
+		strokeLinejoin="round"
+	>
+		<path d="M15 5l0 2" />
+		<path d="M15 11l0 2" />
+		<path d="M15 17l0 2" />
+		<path d="M5 5h14a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-3a2 2 0 0 0 0 -4v-3a2 2 0 0 1 2 -2" />
+	</svg>
+);
+
+const authController = new __PROJECT_NAME_PASCAL__AuthController();
+
+export const config: NubaseFrontendConfig<typeof apiEndpoints> = {
+	appName: "__PROJECT_NAME_PASCAL__",
+	mainMenu: [
+		{
+			id: "home",
+			icon: HomeIcon,
+			label: "Home",
+			href: "/",
+		},
+		{
+			id: "tickets",
+			icon: TicketIcon,
+			label: "Tickets",
+			href: resourceLink(ticketResource, "search"),
+		},
+	],
+	resources: {
+		[ticketResource.id]: ticketResource,
+	},
+	keybindings: defaultKeybindings,
+	apiBaseUrl: import.meta.env.VITE_API_BASE_URL || "http://localhost:__BACKEND_PORT__",
+	apiEndpoints,
+	themeIds: ["dark", "light"],
+	defaultThemeId: "dark",
+	authentication: authController,
+	publicRoutes: ["/signin"],
+};

package/templates/frontend/src/main.tsx

@@ -0,0 +1,6 @@
+import { NubaseApp } from "@nubase/frontend";
+import { createRoot } from "react-dom/client";
+import { config } from "./config";
+import "./styles/theme.css";
+
+createRoot(document.getElementById("root")!).render(<NubaseApp config={config} />);

package/templates/frontend/src/resources/ticket.ts

@@ -0,0 +1,32 @@
+import { createResource } from "@nubase/frontend";
+import { apiEndpoints, ticketBaseSchema } from "__PROJECT_NAME__-schema";
+
+export const ticketResource = createResource("ticket")
+	.withApiEndpoints(apiEndpoints)
+	.withViews({
+		create: {
+			type: "resource-create",
+			title: "Create Ticket",
+			schema: ticketBaseSchema.omit("id", "createdAt", "updatedAt"),
+			submitEndpoint: "postTicket",
+		},
+		view: {
+			type: "resource-view",
+			title: "View Ticket",
+			schema: ticketBaseSchema,
+			fetchEndpoint: "getTicket",
+		},
+		edit: {
+			type: "resource-edit",
+			title: "Edit Ticket",
+			schema: ticketBaseSchema,
+			fetchEndpoint: "getTicket",
+			submitEndpoint: "patchTicket",
+		},
+		search: {
+			type: "resource-search",
+			title: "Tickets",
+			schema: ticketBaseSchema,
+			fetchEndpoint: "getTickets",
+		},
+	});

package/templates/frontend/src/styles/theme.css

@@ -0,0 +1,3 @@
+@import "@nubase/frontend/theme";
+
+/* Custom theme overrides can be added here */

package/templates/frontend/src/vite-env.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+	readonly VITE_API_BASE_URL: string;
+}
+
+interface ImportMeta {
+	readonly env: ImportMetaEnv;
+}

package/templates/frontend/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "esModuleInterop": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "resolveJsonModule": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
+}

package/templates/frontend/vite.config.ts

@@ -0,0 +1,14 @@
+import tailwindcss from "@tailwindcss/vite";
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+
+export default defineConfig({
+	plugins: [react(), tailwindcss()],
+	build: {
+		outDir: "dist",
+	},
+	server: {
+		port: __FRONTEND_PORT__,
+		open: "http://localhost:__FRONTEND_PORT__/default",
+	},
+});

package/templates/root/README.md

@@ -0,0 +1,94 @@
+# __PROJECT_NAME_PASCAL__
+
+A Nubase application.
+
+## Getting Started
+
+### Prerequisites
+
+- Node.js >= 18
+- Docker and Docker Compose
+- npm
+
+### Setup
+
+1. Install dependencies:
+
+```bash
+npm install
+```
+
+2. Start the database:
+
+```bash
+npm run db:up
+```
+
+3. Seed the database with sample data:
+
+```bash
+npm run db:seed
+```
+
+4. Start the development servers:
+
+```bash
+npm run dev
+```
+
+The application will be available at:
+- Frontend: http://localhost:__FRONTEND_PORT__/default
+- Backend API: http://localhost:__BACKEND_PORT__
+
+### Default Credentials
+
+- Email: demo@example.com
+- Password: password123
+
+## Project Structure
+
+```
+__PROJECT_NAME__/
+├── __PROJECT_NAME__-schema/    # Shared API schemas and types
+├── __PROJECT_NAME__-backend/   # Node.js backend (Hono + PostgreSQL)
+├── __PROJECT_NAME__-frontend/  # React frontend (Vite + Nubase)
+└── package.json                # Root workspace configuration
+```
+
+## Available Scripts
+
+- `npm run dev` - Start both frontend and backend in development mode
+- `npm run build` - Build all packages
+- `npm run db:up` - Start PostgreSQL database
+- `npm run db:down` - Stop PostgreSQL database
+- `npm run db:seed` - Seed database with sample data
+- `npm run typecheck` - Run TypeScript type checking
+- `npm run lint` - Run linting
+- `npm run lint:fix` - Fix linting issues
+
+## Database
+
+The application uses PostgreSQL with Row Level Security (RLS) for multi-tenant data isolation.
+
+### Connection Details
+
+- Host: localhost
+- Port: __DEV_PORT__
+- Database: __DB_NAME__
+- User: __DB_USER__
+- Password: __DB_PASSWORD__
+
+### Schema
+
+The database includes the following tables:
+- `workspaces` - Multi-tenant workspace isolation
+- `users` - User accounts
+- `user_workspaces` - User-workspace associations
+- `tickets` - Sample entity with RLS policies
+
+## Learn More
+
+- [Nubase Documentation](https://nubase.dev)
+- [Hono](https://hono.dev)
+- [Drizzle ORM](https://orm.drizzle.team)
+- [TanStack Router](https://tanstack.com/router)

package/templates/root/biome.json.template

@@ -0,0 +1,40 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.3.10/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "files": {
+    "ignoreUnknown": false,
+    "includes": [
+      "**",
+      "!**/build",
+      "!**/dist",
+      "!**/node_modules",
+      "!**/docker"
+    ]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "style": {
+        "noNonNullAssertion": "off"
+      },
+      "suspicious": {
+        "noExplicitAny": "off"
+      }
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "double"
+    }
+  }
+}

package/templates/root/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "__PROJECT_NAME__",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "workspaces": [
+    "__PROJECT_NAME__-schema",
+    "__PROJECT_NAME__-backend",
+    "__PROJECT_NAME__-frontend"
+  ],
+  "scripts": {
+    "dev": "turbo run dev",
+    "build": "turbo run build",
+    "db:up": "cd __PROJECT_NAME__-backend && npm run db:dev:up",
+    "db:down": "cd __PROJECT_NAME__-backend && npm run db:dev:down",
+    "db:kill": "cd __PROJECT_NAME__-backend && npm run db:dev:kill",
+    "db:seed": "cd __PROJECT_NAME__-backend && npm run db:seed",
+    "typecheck": "turbo run typecheck",
+    "lint": "turbo run lint",
+    "lint:fix": "turbo run lint:fix"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^2.3.10",
+    "turbo": "^2.7.2",
+    "typescript": "^5.7.2"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}

package/templates/root/turbo.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "tasks": {
+    "build": {
+      "dependsOn": ["^build"],
+      "outputs": ["dist/**"]
+    },
+    "dev": {
+      "cache": false,
+      "persistent": true
+    },
+    "typecheck": {
+      "dependsOn": ["^build"]
+    },
+    "lint": {},
+    "lint:fix": {}
+  }
+}

package/templates/schema/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "__PROJECT_NAME__-schema",
+  "version": "0.1.0",
+  "description": "Schema for __PROJECT_NAME_PASCAL__",
+  "type": "module",
+  "files": [
+    "src"
+  ],
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "import": "./src/index.ts",
+      "require": "./src/index.ts"
+    }
+  },
+  "license": "MIT",
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check .",
+    "lint:fix": "biome check . --write --unsafe"
+  },
+  "dependencies": {
+    "@nubase/core": "*"
+  },
+  "devDependencies": {
+    "typescript": "^5.7.2"
+  }
+}

package/templates/schema/src/api-endpoints.ts

@@ -0,0 +1,34 @@
+import {
+	deleteTicketSchema,
+	getTicketSchema,
+	getTicketsSchema,
+	patchTicketSchema,
+	postTicketSchema,
+} from "./schema/ticket";
+import {
+	getMeSchema,
+	loginCompleteSchema,
+	loginSchema,
+	loginStartSchema,
+	logoutSchema,
+	signupSchema,
+} from "./schema/auth";
+
+export const apiEndpoints = {
+	// Tickets
+	getTickets: getTicketsSchema,
+	getTicket: getTicketSchema,
+	postTicket: postTicketSchema,
+	patchTicket: patchTicketSchema,
+	deleteTicket: deleteTicketSchema,
+
+	// Auth
+	loginStart: loginStartSchema,
+	loginComplete: loginCompleteSchema,
+	login: loginSchema,
+	logout: logoutSchema,
+	getMe: getMeSchema,
+	signup: signupSchema,
+} as const;
+
+export type ApiEndpoints = typeof apiEndpoints;

package/templates/schema/src/index.ts

@@ -0,0 +1,3 @@
+export * from "./api-endpoints";
+export * from "./schema/ticket";
+export * from "./schema/auth";

package/templates/schema/src/schema/auth.ts

@@ -0,0 +1,89 @@
+import { type RequestSchema, nu } from "@nubase/core";
+
+export const workspaceSchema = nu.object({
+	id: nu.number(),
+	slug: nu.string(),
+	name: nu.string(),
+});
+
+export type Workspace = (typeof workspaceSchema)["_output"];
+
+export const userSchema = nu.object({
+	id: nu.number(),
+	email: nu.string(),
+	username: nu.string(),
+});
+
+export type User = (typeof userSchema)["_output"];
+
+export const loginStartSchema = {
+	method: "POST",
+	path: "/auth/login/start",
+	requestBody: nu.object({
+		email: nu.string(),
+		password: nu.string(),
+	}),
+	responseBody: nu.object({
+		workspaces: nu.array(workspaceSchema),
+	}),
+} satisfies RequestSchema;
+
+export const loginCompleteSchema = {
+	method: "POST",
+	path: "/auth/login/complete",
+	requestBody: nu.object({
+		email: nu.string(),
+		password: nu.string(),
+		workspaceId: nu.number(),
+	}),
+	responseBody: nu.object({
+		token: nu.string(),
+		user: userSchema,
+		workspace: workspaceSchema,
+	}),
+} satisfies RequestSchema;
+
+export const loginSchema = {
+	method: "POST",
+	path: "/auth/login",
+	requestBody: nu.object({
+		email: nu.string(),
+		password: nu.string(),
+	}),
+	responseBody: nu.object({
+		token: nu.string(),
+		user: userSchema,
+		workspace: workspaceSchema,
+	}),
+} satisfies RequestSchema;
+
+export const logoutSchema = {
+	method: "POST",
+	path: "/auth/logout",
+	responseBody: nu.object({ success: nu.boolean() }),
+} satisfies RequestSchema;
+
+export const getMeSchema = {
+	method: "GET",
+	path: "/auth/me",
+	responseBody: nu.object({
+		user: userSchema,
+		workspace: workspaceSchema,
+	}),
+} satisfies RequestSchema;
+
+export const signupSchema = {
+	method: "POST",
+	path: "/auth/signup",
+	requestBody: nu.object({
+		email: nu.string(),
+		username: nu.string(),
+		password: nu.string(),
+		workspaceName: nu.string().optional(),
+	}),
+	responseBody: nu.object({
+		token: nu.string(),
+		user: userSchema,
+		workspace: workspaceSchema,
+	}),
+} satisfies RequestSchema;

package/templates/schema/src/schema/ticket.ts

@@ -0,0 +1,68 @@
+import { type RequestSchema, nu } from "@nubase/core";
+
+export const ticketBaseSchema = nu
+	.object({
+		id: nu.number(),
+		title: nu.string().withMeta({
+			label: "Title",
+			placeholder: "Enter ticket title",
+		}),
+		description: nu.string().optional().withMeta({
+			label: "Description",
+			placeholder: "Enter ticket description",
+			renderer: "multiline",
+		}),
+		createdAt: nu.string().optional().withMeta({
+			label: "Created At",
+		}),
+		updatedAt: nu.string().optional().withMeta({
+			label: "Updated At",
+		}),
+	})
+	.withId("id")
+	.withTableLayouts({
+		default: {
+			fields: ["id", "title", "description", "createdAt"],
+			metadata: {
+				linkFields: ["title"],
+			},
+		},
+	});
+
+export type Ticket = (typeof ticketBaseSchema)["_output"];
+
+export const getTicketsSchema = {
+	method: "GET",
+	path: "/tickets",
+	requestParams: ticketBaseSchema.omit("id", "createdAt", "updatedAt").partial(),
+	responseBody: nu.array(ticketBaseSchema),
+} satisfies RequestSchema;
+
+export const getTicketSchema = {
+	method: "GET",
+	path: "/tickets/:id",
+	pathParams: nu.object({ id: nu.number() }),
+	responseBody: ticketBaseSchema,
+} satisfies RequestSchema;
+
+export const postTicketSchema = {
+	method: "POST",
+	path: "/tickets",
+	requestBody: ticketBaseSchema.omit("id", "createdAt", "updatedAt"),
+	responseBody: ticketBaseSchema,
+} satisfies RequestSchema;
+
+export const patchTicketSchema = {
+	method: "PATCH",
+	path: "/tickets/:id",
+	pathParams: nu.object({ id: nu.number() }),
+	requestBody: ticketBaseSchema.omit("id", "createdAt", "updatedAt").partial(),
+	responseBody: ticketBaseSchema,
+} satisfies RequestSchema;
+
+export const deleteTicketSchema = {
+	method: "DELETE",
+	path: "/tickets/:id",
+	pathParams: nu.object({ id: nu.number() }),
+	responseBody: nu.object({ success: nu.boolean() }),
+} satisfies RequestSchema;

package/templates/schema/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "esModuleInterop": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "declaration": true,
+    "noEmit": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
+}