startx 0.0.1 → 0.1.1

package/packages/cli/eslint.config.ts

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

package/packages/cli/package.json

@@ -0,0 +1,44 @@
+{
+	"name": "cli",
+	"version": "1.0.0",
+	"description": "Cli powered by Commander.js",
+	"type": "module",
+	"main": "index.js",
+	"scripts": {
+		"test": "echo \"Error: no test specified\" && exit 1",
+		"build": "tsdown --config-loader unrun",
+		"dev": "cross-env STARTX_ENV=development tsx src/index.ts"
+	},
+	"keywords": [],
+	"author": "",
+	"license": "ISC",
+	"devDependencies": {
+		"cross-env": "^10.1.0",
+		"eslint-config": "workspace:*",
+		"tsdown-config": "workspace:*",
+		"typescript-config": "workspace:*",
+		"vitest-config": "workspace:*"
+	},
+	"dependencies": {
+		"@inquirer/prompts": "^8.3.0",
+		"@repo/lib": "workspace:*",
+		"@repo/logger": "workspace:*",
+		"@repo/env": "workspace:*",
+		"chokidar": "^4.0.3",
+		"commander": "^14.0.0",
+		"type-fest": "^5.4.4"
+	},
+	"startx": {
+		"tags": [
+			"node"
+		],
+		"requiredDeps": [
+			"@repo/env",
+			"@repo/lib",
+			"@repo/logger"
+		],
+		"requiredDevDeps": [
+			"typescript-config"
+		]
+	}
+}

package/packages/cli/tsconfig.json

@@ -0,0 +1,12 @@
+{
+	"extends": "typescript-config/tsconfig.node.json",
+	"compilerOptions": {
+		// "baseUrl": "./src",
+		"moduleResolution": "bundler",
+		"module": "esnext",
+		"target": "es2022",
+		"resolveJsonModule": true
+	},
+
+	"include": ["src/**/*.ts"]
+}

package/packages/cli/tsdown.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig } from "tsdown";
+import { baseConfig } from "tsdown-config";
+
+export default defineConfig({
+	...baseConfig,
+	platform: "node",
+	external: ["sharp"],
+	noExternal: [/(.*)/],
+	outputOptions: {
+		codeSplitting: false,
+		preserveModules: false,
+		legalComments: "none",
+	},
+	define: {
+		"process.env.NODE_ENV": JSON.stringify("production"),
+	},
+});

package/packages/ui/components.json

@@ -11,7 +11,6 @@
 	},
 	"aliases": {
 		"components": "@/components",
-
 		"utils": "@/lib/utils"
 	}
 }

package/packages/ui/eslint.config.ts

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

package/packages/ui/package.json

@@ -2,6 +2,7 @@
 	"name": "@repo/ui",
 	"version": "0.0.0",
 	"private": true,
+	"type": "module",
 	"scripts": {
 		"clean": "rimraf dist .turbo",
 		"watch:dev": "pnpm watch",
@@ -55,13 +56,25 @@
 		"react-icons": "^5.5.0",
 		"sonner": "^1.7.0",
 		"tailwind-merge": "^2.3.0",
-		"tailwindcss-animate": "^1.0.7",
-		"zod": "^3.23.8"
+		"tailwindcss-animate": "^1.0.7"
 	},
 	"exports": {
 		"./globals.css": "./src/globals.css",
 		"./postcss.config": "./postcss.config.mjs",
+		"./lucide": "./src/lucide.ts",
 		"./tailwind.config": "./tailwind.config.ts",
-		"./components/*": "./src/components/*"
+		"./*/*": "./src/components/*/*"
+	},
+	"startx": {
+		"tags": [
+			"react",
+			"frontend"
+		],
+		"requiredDevDeps": [
+			"typescript-config"
+		],
+		"ignore": [
+			"vitest-config"
+		]
 	}
 }

package/packages/ui/postcss.config.mjs

@@ -1,9 +1,9 @@
-/** @type {import('postcss-load-config').Config} */
-const config = {
-	plugins: {
-		"@tailwindcss/postcss": {},
-		autoprefixer: {},
-	},
-};
-
-export default config;
+/** @type {import('postcss-load-config').Config} */
+const config = {
+	plugins: {
+		"@tailwindcss/postcss": {},
+		autoprefixer: {},
+	},
+};
+
+export default config;

package/packages/ui/src/components/lib/utils.ts

@@ -1,18 +1,18 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { type ClassValue, clsx } from 'clsx';
+import { type ClassValue, clsx } from "clsx";
 import {
+	differenceInDays,
+	differenceInYears,
 	format,
+	formatDistance,
+	isThisWeek,
 	isToday,
 	isYesterday,
-	isThisWeek,
-	differenceInDays,
-	formatDistance,
 	parseISO,
-	differenceInYears,
-} from 'date-fns';
-import { twMerge } from 'tailwind-merge';
+} from "date-fns";
+import { twMerge } from "tailwind-merge";
 
-import type { Store } from '../util/storage';
+import type { Store } from "../util/storage";
 
 export function cn(...inputs: ClassValue[]) {
 	return twMerge(clsx(inputs));
@@ -42,29 +42,29 @@ export function getFormData(object: {
 }
 
 export function switchPath(pathname: string, tab: string) {
-	const fragments = pathname.split('/').filter((str) => str);
+	const fragments = pathname.split("/").filter(str => str);
 	fragments[2] = tab;
-	const path = `/${fragments.join('/')}`;
+	const path = `/${fragments.join("/")}`;
 	return path;
 }
 
 export function getRelativeDate(date?: string | Date) {
 	const now = new Date();
-	if (!date) return '';
+	if (!date) return "";
 	if (isToday(date)) {
-		return format(date, 'h:mm a');
+		return format(date, "h:mm a");
 	} else if (isYesterday(date)) {
-		return 'yesterday';
+		return "yesterday";
 	} else if (isThisWeek(date) && differenceInDays(now, date) <= 7) {
-		return format(date, 'EEEE'); // EEEE gives the full name of the day like Sunday, Monday
+		return format(date, "EEEE"); // EEEE gives the full name of the day like Sunday, Monday
 	} else {
-		return format(date, 'dd/MM/yy');
+		return format(date, "dd/MM/yy");
 	}
 }
 
 export function getRelativeDateWithTime(date?: string | Date) {
 	const now = new Date();
-	if (!date) return '';
+	if (!date) return "";
 	return formatDistance(new Date(date), now, { addSuffix: true });
 }
 
@@ -73,12 +73,12 @@ export function getRelativeProDate(dateString: string) {
 		const date = parseISO(dateString);
 		const now = new Date();
 		const yearsDifference = differenceInYears(now, date);
-		const dateFormat = yearsDifference >= 1 ? 'dd MMM yyyy, h:mm a' : 'dd MMM, h:mm a';
+		const dateFormat = yearsDifference >= 1 ? "dd MMM yyyy, h:mm a" : "dd MMM, h:mm a";
 		const formattedDate = format(date, dateFormat);
 		return formattedDate;
 	} catch (error) {
-		console.error('Error formatting date:', error);
-		return '';
+		console.error("Error formatting date:", error);
+		return "";
 	}
 }
 export function isValidId(str: string) {
@@ -88,54 +88,54 @@ export function isValidId(str: string) {
 
 export function getRelativeDateOnly(date?: string | Date) {
 	const now = new Date();
-	if (!date) return '';
+	if (!date) return "";
 	if (isToday(date)) {
-		return 'today';
+		return "today";
 	} else if (isYesterday(date)) {
-		return 'yesterday';
+		return "yesterday";
 	} else if (isThisWeek(date) && differenceInDays(now, date) <= 7) {
-		return format(date, 'EEEE'); // EEEE gives the full name of the day like Sunday, Monday
+		return format(date, "EEEE"); // EEEE gives the full name of the day like Sunday, Monday
 	} else {
-		return format(date, 'dd/MM/yy');
+		return format(date, "dd/MM/yy");
 	}
 }
 export type SocialMediaUrlMetaData = {
-	platform: 'youtube' | 'x' | 'instagram';
+	platform: "youtube" | "x" | "instagram";
 	url: string;
 	contentId: string;
 };
 export function getUrlMetaData(urlString: string): SocialMediaUrlMetaData | null {
 	const url = new URL(urlString);
 	let contentId: string;
-	let platform: 'youtube' | 'x' | 'instagram';
+	let platform: "youtube" | "x" | "instagram";
 	switch (url.origin) {
-		case 'https://youtu.be':
-			platform = 'youtube';
-			contentId = url.pathname.replace('/', '');
+		case "https://youtu.be":
+			platform = "youtube";
+			contentId = url.pathname.replace("/", "");
 			break;
-		case 'https://www.youtube.com':
-			platform = 'youtube';
-			contentId = url.searchParams.get('v') as string;
+		case "https://www.youtube.com":
+			platform = "youtube";
+			contentId = url.searchParams.get("v") as string;
 			break;
-		case 'https://x.com':
-			platform = 'x';
+		case "https://x.com":
+			platform = "x";
 			contentId = url.pathname
-				.split('/')
-				.filter((str) => str)
+				.split("/")
+				.filter(str => str)
 				.at(-1) as string;
 			break;
-		case 'https://www.instagram.com':
-			platform = 'instagram';
+		case "https://www.instagram.com":
+			platform = "instagram";
 			contentId = url.pathname
-				.split('/')
-				.filter((str) => str)
+				.split("/")
+				.filter(str => str)
 				.at(-1) as string;
 			break;
-		case 'https://instagram.com':
-			platform = 'instagram';
+		case "https://instagram.com":
+			platform = "instagram";
 			contentId = url.pathname
-				.split('/')
-				.filter((str) => str)
+				.split("/")
+				.filter(str => str)
 				.at(-1) as string;
 			break;
 		default:
@@ -188,7 +188,7 @@ export function memoizeAsync<T extends (...args: any[]) => Promise<any>>(fn: T):
 }
 export function memoizePersistentAsync<T extends (...args: any[]) => Promise<any>>(
 	fn: T,
-	store: Store,
+	store: Store
 ): T {
 	return (async (...args: Parameters<T>): Promise<ReturnType<T>> => {
 		const key = JSON.stringify(args);
@@ -197,7 +197,7 @@ export function memoizePersistentAsync<T extends (...args: any[]) => Promise<any
 			try {
 				return JSON.parse(cachedValue);
 			} catch (error) {
-				console.error('Error parsing cached value:', error);
+				console.error("Error parsing cached value:", error);
 				return await fn(...args);
 			}
 		} else {
@@ -209,8 +209,8 @@ export function memoizePersistentAsync<T extends (...args: any[]) => Promise<any
 }
 
 export function formatNumberWithKMB(num: number): string {
-	const formatter = new Intl.NumberFormat('en-US', {
-		notation: 'compact',
+	const formatter = new Intl.NumberFormat("en-US", {
+		notation: "compact",
 		minimumSignificantDigits: 1,
 		maximumSignificantDigits: 3,
 	});
@@ -219,14 +219,14 @@ export function formatNumberWithKMB(num: number): string {
 }
 export function currencyToNumber(formattedCurrency: string): number {
 	// Remove everything except digits, minus sign, and decimal point
-	const numericString = formattedCurrency.replace(/[^0-9.-]+/g, '');
+	const numericString = formattedCurrency.replace(/[^0-9.-]+/g, "");
 
 	// Convert the string back to a number
 	const parsedNumber = Number.parseFloat(numericString);
 
 	// Handle potential NaN if parsing fails
 	if (isNaN(parsedNumber)) {
-		throw new Error('Invalid currency format');
+		throw new Error("Invalid currency format");
 	}
 
 	return parsedNumber;
@@ -234,9 +234,9 @@ export function currencyToNumber(formattedCurrency: string): number {
 
 export function createLabels(e: string) {
 	return e
-		.replaceAll('_', ' ')
-		.replace(/\b\w/g, (char) => char.toUpperCase())
+		.replaceAll("_", " ")
+		.replace(/\b\w/g, char => char.toUpperCase())
 		.trim();
 }
 
-export { cva, type VariantProps } from 'class-variance-authority';
+export { cva, type VariantProps } from "class-variance-authority";

package/packages/ui/src/components/ui/alert-dialog.tsx

@@ -1,116 +1,118 @@
-"use client";
-
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import * as React from "react";
-import { buttonVariants } from "@/components/ui/button";
-import { cn } from "../lib/utils";
-
-const AlertDialog = AlertDialogPrimitive.Root;
-
-const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
-
-const AlertDialogPortal = AlertDialogPrimitive.Portal;
-
-const AlertDialogOverlay = React.forwardRef<
-	React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
-	React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
->(({ className, ...props }, ref) => (
-	<AlertDialogPrimitive.Overlay
-		className={cn(
-			"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-			className
-		)}
-		{...props}
-		ref={ref}
-	/>
-));
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-
-const AlertDialogContent = React.forwardRef<
-	React.ElementRef<typeof AlertDialogPrimitive.Content>,
-	React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
->(({ className, ...props }, ref) => (
-	<AlertDialogPortal>
-		<AlertDialogOverlay />
-		<AlertDialogPrimitive.Content
-			ref={ref}
-			className={cn(
-				"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-				className
-			)}
-			{...props}
-		/>
-	</AlertDialogPortal>
-));
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-
-const AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-	<div className={cn("flex flex-col space-y-2 text-center sm:text-left", className)} {...props} />
-);
-AlertDialogHeader.displayName = "AlertDialogHeader";
-
-const AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-	<div
-		className={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)}
-		{...props}
-	/>
-);
-AlertDialogFooter.displayName = "AlertDialogFooter";
-
-const AlertDialogTitle = React.forwardRef<
-	React.ElementRef<typeof AlertDialogPrimitive.Title>,
-	React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
->(({ className, ...props }, ref) => (
-	<AlertDialogPrimitive.Title
-		ref={ref}
-		className={cn("text-lg font-semibold", className)}
-		{...props}
-	/>
-));
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-
-const AlertDialogDescription = React.forwardRef<
-	React.ElementRef<typeof AlertDialogPrimitive.Description>,
-	React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
->(({ className, ...props }, ref) => (
-	<AlertDialogPrimitive.Description
-		ref={ref}
-		className={cn("text-sm text-muted-foreground", className)}
-		{...props}
-	/>
-));
-AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-
-const AlertDialogAction = React.forwardRef<
-	React.ElementRef<typeof AlertDialogPrimitive.Action>,
-	React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
->(({ className, ...props }, ref) => (
-	<AlertDialogPrimitive.Action ref={ref} className={cn(buttonVariants(), className)} {...props} />
-));
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-
-const AlertDialogCancel = React.forwardRef<
-	React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
-	React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
->(({ className, ...props }, ref) => (
-	<AlertDialogPrimitive.Cancel
-		ref={ref}
-		className={cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className)}
-		{...props}
-	/>
-));
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-
-export {
-	AlertDialog,
-	AlertDialogPortal,
-	AlertDialogOverlay,
-	AlertDialogTrigger,
-	AlertDialogContent,
-	AlertDialogHeader,
-	AlertDialogFooter,
-	AlertDialogTitle,
-	AlertDialogDescription,
-	AlertDialogAction,
-	AlertDialogCancel,
-};
+"use client";
+
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import React from "react";
+
+import { buttonVariants } from "@/components/ui/button";
+
+import { cn } from "../lib/utils";
+
+const AlertDialog = AlertDialogPrimitive.Root;
+
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+
+const AlertDialogOverlay = React.forwardRef<
+	React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
+	React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+	<AlertDialogPrimitive.Overlay
+		className={cn(
+			"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+			className
+		)}
+		{...props}
+		ref={ref}
+	/>
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+
+const AlertDialogContent = React.forwardRef<
+	React.ElementRef<typeof AlertDialogPrimitive.Content>,
+	React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
+>(({ className, ...props }, ref) => (
+	<AlertDialogPortal>
+		<AlertDialogOverlay />
+		<AlertDialogPrimitive.Content
+			ref={ref}
+			className={cn(
+				"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+				className
+			)}
+			{...props}
+		/>
+	</AlertDialogPortal>
+));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+
+const AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+	<div className={cn("flex flex-col space-y-2 text-center sm:text-left", className)} {...props} />
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+
+const AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+	<div
+		className={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)}
+		{...props}
+	/>
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+
+const AlertDialogTitle = React.forwardRef<
+	React.ElementRef<typeof AlertDialogPrimitive.Title>,
+	React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+	<AlertDialogPrimitive.Title
+		ref={ref}
+		className={cn("text-lg font-semibold", className)}
+		{...props}
+	/>
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+
+const AlertDialogDescription = React.forwardRef<
+	React.ElementRef<typeof AlertDialogPrimitive.Description>,
+	React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+	<AlertDialogPrimitive.Description
+		ref={ref}
+		className={cn("text-sm text-muted-foreground", className)}
+		{...props}
+	/>
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+
+const AlertDialogAction = React.forwardRef<
+	React.ElementRef<typeof AlertDialogPrimitive.Action>,
+	React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
+>(({ className, ...props }, ref) => (
+	<AlertDialogPrimitive.Action ref={ref} className={cn(buttonVariants(), className)} {...props} />
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+
+const AlertDialogCancel = React.forwardRef<
+	React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
+	React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
+>(({ className, ...props }, ref) => (
+	<AlertDialogPrimitive.Cancel
+		ref={ref}
+		className={cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className)}
+		{...props}
+	/>
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+export {
+	AlertDialog,
+	AlertDialogPortal,
+	AlertDialogOverlay,
+	AlertDialogTrigger,
+	AlertDialogContent,
+	AlertDialogHeader,
+	AlertDialogFooter,
+	AlertDialogTitle,
+	AlertDialogDescription,
+	AlertDialogAction,
+	AlertDialogCancel,
+};