startx 0.7.2 → 0.9.0

package/configs/eslint-config/src/configs/node.ts

@@ -1,10 +1,50 @@
-import { defineConfig } from "eslint/config";
 import globals from "globals";
+import tseslint from "typescript-eslint";
+
 import { baseConfig } from "./base.js";
 
-export const nodeConfig = defineConfig(baseConfig, {
-	languageOptions: {
-		ecmaVersion: 2024,
-		globals: globals.node,
+export const nodeConfig = tseslint.config(
+	...baseConfig,
+
+	// 1. Backend/Node Specific Globals & Environments
+	{
+		files: ["**/*.ts", "**/*.js", "**/*.cjs", "**/*.mjs"],
+		languageOptions: {
+			// "latest" perfectly aligns with Node 20+ (ES2023/ES2024 features)
+			ecmaVersion: "latest",
+			sourceType: "module",
+			globals: {
+				...globals.node,
+				...globals.nodeBuiltin, // Explicitly adds modern Node built-ins (like fetch, structuredClone)
+			},
+		},
 	},
-});
+
+	// 2. Node-Specific Overrides & Best Practices
+	{
+		files: ["**/*.ts", "**/*.js"],
+		rules: {
+			// Enforce the 'node:' protocol for built-ins (e.g., `import fs from 'node:fs'`)
+			// This is a modern Node.js standard that improves performance and security
+			"unicorn/prefer-node-protocol": "error",
+
+			// Prevent accidental use of obscure browser globals that sometimes slip through
+			"no-restricted-globals": [
+				"error",
+				{
+					name: "name",
+					message: "Global 'name' is deprecated. Did you mean to declare a local variable?",
+				},
+				{
+					name: "event",
+					message: "Global 'event' is a browser feature. Do not use it in Node.js.",
+				},
+			],
+
+			// In Node apps, developers often accidentally leave floating promises
+			// which can cause unhandled promise rejections crashing the server.
+			// (This inherits from baseConfig, but I am noting it here as a critical backend safeguard).
+			// "@typescript-eslint/no-floating-promises": "error",
+		},
+	}
+);

package/configs/vitest-config/package.json

@@ -3,9 +3,10 @@
 	"version": "1.5.0",
 	"type": "module",
 	"devDependencies": {
-		"vitest": "catalog:",
+		"jsdom": "^29.0.1",
 		"typescript-config": "workspace:*",
-		"vite": "catalog:"
+		"vite": "catalog:",
+		"vitest": "catalog:"
 	},
 	"exports": {
 		".": "./src/index.ts",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "startx",
   "description": "",
-  "version": "0.7.2",
+  "version": "0.9.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/avinashid/startx.git"
@@ -31,6 +31,7 @@
     "typecheck": "turbo typecheck",
     "clean": "turbo clean",
     "test": "turbo test",
-    "format": "turbo format"
+    "format": "turbo format",
+    "db:push": "turbo db:push"
   }
 }

package/packages/@repo/db/drizzle.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from "drizzle-kit";
+import { defineEnv } from "@repo/env";
+import z from "zod";
+const env = defineEnv({
+	DATABASE_URL: z.string(),
+});
+export default defineConfig({
+	out: "./drizzle",
+	schema: "./src/schema/index.ts",
+	dialect: "postgresql",
+	dbCredentials: {
+		url: env.DATABASE_URL!,
+	},
+});

package/packages/@repo/db/package.json

@@ -11,11 +11,13 @@
 		"format:check": "biome ci .",
 		"lint": "eslint .",
 		"lint:fix": "eslint . --fix",
+		"db:push": "drizzle-kit push",
 		"watch": "tsc -p tsconfig.build.json --watch"
 	},
 	"exports": "./src/index.ts",
 	"devDependencies": {
 		"@types/pg": "catalog:",
+		"drizzle-kit": "catalog:",
 		"eslint-config": "workspace:*",
 		"vitest-config": "workspace:*",
 		"typescript-config": "workspace:*"
@@ -30,8 +32,10 @@
 			"node",
 			"backend"
 		],
+		"gTags": [
+			"db"
+		],
 		"tags": [
-			"db",
 			"drizzle"
 		],
 		"requiredDeps": [

package/packages/@repo/db/src/index.ts

@@ -7,7 +7,7 @@ import z from "zod";
 
 import * as schema from "./schema/index.js";
 
-export const env = defineEnv({
+const env = defineEnv({
 	DATABASE_URL: z.string(),
 });
 export const client = new Pg.Pool({

package/packages/@repo/lib/src/otp-module/index.ts

@@ -1,6 +1,6 @@
 import { ENV } from "@repo/env";
 import { logger } from "@repo/logger";
-import { AdminEmailTemplate } from "@repo/mail";
+import { EmailTemplate } from "@repo/mail";
 import { RedisStore } from "@repo/redis";
 
 import { HashingModule } from "../hashing-module/index.js";
@@ -41,13 +41,10 @@ export class OTPModule {
 			logger?.info("otp: test-mode - OTP generated", { email: normalizedEmail, otp: otpStr });
 			return;
 		}
-		const html = await AdminEmailTemplate.getOtpEmail({ otp: otpStr });
-		await SMTPMailService.sendMail(
-			normalizedEmail,
-			`OTP for ${normalizedEmail}`,
-			`Your OTP is ${otpStr}`,
-			html
-		);
+		const html = await EmailTemplate("VerifyEmailOtp", {
+			verificationCode: otpStr,
+		});
+		await SMTPMailService.sendMail(normalizedEmail, `OTP for ${normalizedEmail}`, `Your OTP is ${otpStr}`, html);
 	}
 
 	static async verifyMailOTP(email: string, otp: string, deleteOtp = false): Promise<boolean> {
@@ -67,11 +64,7 @@ export class OTPModule {
 		if (deleteOtp) {
 			await redisOtpStore.del(normalizedEmail);
 		} else {
-			await redisOtpStore.set(
-				normalizedEmail,
-				{ ...rows, status: "verified" },
-				this.otpExpirationMs
-			);
+			await redisOtpStore.set(normalizedEmail, { ...rows, status: "verified" }, this.otpExpirationMs);
 		}
 		return true;
 	}

package/packages/@repo/lib/tsconfig.json

@@ -1,7 +1,8 @@
 {
 	"extends": "typescript-config/tsconfig.node.json",
 	"compilerOptions": {
-		"baseUrl": "./src"
+		"baseUrl": "./src",
+		"jsx": "react"
 	},
 	"include": ["src/**/*.ts"]
 }

package/packages/@repo/mail/eslint.config.ts

@@ -1,4 +1,4 @@
-import { baseConfig } from "eslint-config/base";
+import { frontendConfig } from "eslint-config/frontend";
 import { extend } from "eslint-config/extend";
 
-export default extend(baseConfig);
+export default extend(frontendConfig);

package/packages/@repo/mail/src/emails/admin/OtpEmail.tsx

@@ -13,12 +13,7 @@ import {
 	Text,
 } from "@react-email/components";
 import React from "react";
-
-export default function VerifyEmailOtp({
-	verificationCode = "596853",
-}: {
-	verificationCode: string;
-}) {
+export function VerifyEmailOtp({ verificationCode = "596853" }: { verificationCode: string }) {
 	return (
 		<Html>
 			<Head>
@@ -57,9 +52,8 @@ export default function VerifyEmailOtp({
 						<Hr />
 						<Section style={lowerSection}>
 							<Text style={cautionText}>
-								This OTP is valid for 10 minutes. Please do not share this code with anyone for
-								security reasons. If you did not request this, please ignore this email or contact
-								our support team immediately.
+								This OTP is valid for 10 minutes. Please do not share this code with anyone for security reasons. If you
+								did not request this, please ignore this email or contact our support team immediately.
 							</Text>
 						</Section>
 					</Section>

package/packages/@repo/mail/src/emails/emails.ts

@@ -0,0 +1 @@
+export * from "./admin/OtpEmail.js";

package/packages/@repo/mail/src/index.ts

@@ -1,11 +1,12 @@
 import { render } from "@react-email/render";
-import VerifyEmailOtp from "./emails/admin/OtpEmail.js";
-export class AdminEmailTemplate {
-	static getOtpEmail = async (props: { otp: string }) => {
-		return await render(
-			VerifyEmailOtp({
-				verificationCode: props.otp,
-			})
-		);
-	};
+import React, { createElement } from "react";
+import * as emails from "./emails/emails.js";
+export type AvailableEmails = keyof typeof emails;
+export type EmailProps<T extends AvailableEmails> = React.ComponentProps<(typeof emails)[T]>;
+
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export function EmailTemplate<T extends AvailableEmails>(name: T, props: EmailProps<T>) {
+	// eslint-disable-next-line import-x/namespace
+	const Component = emails[name] as React.ElementType;
+	return render(createElement(Component, props));
 }

package/packages/@repo/mail/tsconfig.json

@@ -2,12 +2,14 @@
 	"extends": "typescript-config/tsconfig.frontend.json",
 	"compilerOptions": {
 		"rootDir": ".",
-		"types": ["node"],
+		"types": ["node", "react"],
 		"baseUrl": "src",
 		"jsx": "react",
 		"tsBuildInfoFile": "dist/typecheck.tsbuildinfo",
 		"experimentalDecorators": true,
-		"emitDecoratorMetadata": true
+		"emitDecoratorMetadata": true,
+		"moduleResolution": "nodenext",
+		"module": "nodenext"
 	},
 	"include": ["src/**/*.ts", "src/**/*.tsx"]
 }

package/packages/ui/package.json

@@ -9,6 +9,7 @@
 		"typecheck": "tsc --noEmit",
 		"format": "biome format --write .",
 		"format:check": "biome ci .",
+		"test": "vitest run",
 		"lint": "eslint .",
 		"lint:fix": "eslint . --fix",
 		"watch": "tsc -p tsconfig.build.json --watch"

package/packages/ui/src/components/ui/command.tsx

@@ -4,8 +4,9 @@ import type { DialogProps } from "@radix-ui/react-dialog";
 import { Command as CommandPrimitive } from "cmdk";
 import { Search } from "lucide-react";
 import * as React from "react";
-import { cn } from "../lib/utils";
+
 import { Dialog, DialogContent } from "./dialog";
+import { cn } from "../lib/utils";
 
 const Command = React.forwardRef<
 	React.ElementRef<typeof CommandPrimitive>,
@@ -70,9 +71,7 @@ CommandList.displayName = CommandPrimitive.List.displayName;
 const CommandEmpty = React.forwardRef<
 	React.ElementRef<typeof CommandPrimitive.Empty>,
 	React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>
->((props, ref) => (
-	<CommandPrimitive.Empty ref={ref} className="py-6 text-center text-sm" {...props} />
-));
+>((props, ref) => <CommandPrimitive.Empty ref={ref} className="py-6 text-center text-sm" {...props} />);
 
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
 
@@ -96,11 +95,7 @@ const CommandSeparator = React.forwardRef<
 	React.ElementRef<typeof CommandPrimitive.Separator>,
 	React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>
 >(({ className, ...props }, ref) => (
-	<CommandPrimitive.Separator
-		ref={ref}
-		className={cn("-mx-1 h-px bg-border", className)}
-		{...props}
-	/>
+	<CommandPrimitive.Separator ref={ref} className={cn("-mx-1 h-px bg-border", className)} {...props} />
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
 
@@ -122,12 +117,7 @@ const CommandItem = React.forwardRef<
 CommandItem.displayName = CommandPrimitive.Item.displayName;
 
 const CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {
-	return (
-		<span
-			className={cn("ml-auto text-xs tracking-widest text-muted-foreground", className)}
-			{...props}
-		/>
-	);
+	return <span className={cn("ml-auto text-xs tracking-widest text-muted-foreground", className)} {...props} />;
 };
 CommandShortcut.displayName = "CommandShortcut";
 

package/pnpm-workspace.yaml

@@ -64,6 +64,7 @@ catalog:
 
   # db
   drizzle-orm: ^0.45.1
+  drizzle-kit: ^0.31.10
   pg: ^8.19.0
 
   # db types

package/turbo.json

@@ -65,6 +65,15 @@
 		},
 		"deep:clean": {
 			"cache": false
+		},
+		"db:push": {
+			"cache": false,
+			"interactive": true
+		},
+		"db:studio": {
+			"cache": false,
+			"interactive": false,
+			"persistent": true
 		}
 	}
 }

package/apps/startx-cli/src/utils/config.ts

@@ -1,104 +0,0 @@
-/* eslint-disable @typescript-eslint/naming-convention */
-
-import { Packages } from "../types";
-
-export const packages = Packages({
-	"eslint-config": {
-		source: "./configs/eslint-config",
-		dependencies: [],
-		devDependencies: ["typescript-config"],
-		optional: ["vitest-config"],
-		dir: ["src"],
-		file: ["plugins.d.ts"],
-		tags: ["common"],
-	},
-	"typescript-config": {
-		source: "./configs/typescript-config",
-		dependencies: [],
-		devDependencies: [],
-		dir: [],
-		files: ["tsconfig.common.json", "tsconfig.frontend.json", "tsconfig.node.json"],
-		tags: ["required"],
-	},
-	"vitest-config": {
-		source: "./configs/vitest-config",
-		dependencies: ["typescript-config"],
-		devDependencies: ["eslint-config"],
-		dir: [],
-		tags: ["required"],
-	},
-	"@repo/ui": {
-		source: "./packages/ui",
-		dependencies: [],
-		devDependencies: ["typescript-config"],
-		optional: ["eslint-config"],
-		dir: [
-			"src/components/lib",
-			"src/components/util",
-			"src/components/ilb",
-			"src/components/util",
-			"src/components/custom",
-			"src/components/extensions",
-			"src/components/hooks",
-			"src/components/ui",
-		],
-		files: [
-			"components.json",
-			"tailwind.config.ts",
-			"postcss.config.ts",
-			"src/globals.css",
-			"src/lucide.ts",
-		],
-		tags: ["common", "react"],
-	},
-	"@repo/constants": {
-		source: "./packages/@repo/constants",
-		dependencies: [],
-		devDependencies: ["typescript-config"],
-		optional: ["eslint-config"],
-		dir: ["src"],
-		tags: ["common"],
-	},
-	"@repo/env": {
-		source: "./packages/@repo/env",
-		dependencies: [],
-		devDependencies: ["typescript-config"],
-		optional: ["eslint-config", "vitest-config"],
-		dir: ["src"],
-		tags: ["common", "node"],
-	},
-	"@repo/db": {
-		source: "./packages/@repo/db",
-		dependencies: ["@repo/env"],
-		devDependencies: ["typescript-config"],
-		optional: ["eslint-config"],
-		dir: ["src"],
-		tags: ["common", "node"],
-	},
-
-	"@repo/lib": {
-		source: "./packages/@repo/lib",
-		dependencies: ["@repo/env", "@repo/mail", "@repo/db"],
-		devDependencies: ["typescript-config"],
-		optional: ["eslint-config", "vitest-config"],
-		dir: ["src"],
-		tags: ["common", "node"],
-	},
-
-	"@repo/mail": {
-		source: "./packages/@repo/mail",
-		dependencies: [],
-		devDependencies: ["typescript-config"],
-		optional: ["eslint-config"],
-		dir: ["src"],
-		tags: ["common", "node"],
-	},
-	"@repo/redis": {
-		source: "./packages/@repo/redis",
-		dependencies: [],
-		devDependencies: ["typescript-config"],
-		optional: ["eslint-config"],
-		dir: ["src"],
-		tags: ["common", "node", "extra"],
-	},
-});