startx 1.0.2 → 1.0.4

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

@@ -1,242 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { type ClassValue, clsx } from "clsx";
-import {
-	differenceInDays,
-	differenceInYears,
-	format,
-	formatDistance,
-	isThisWeek,
-	isToday,
-	isYesterday,
-	parseISO,
-} from "date-fns";
-import { twMerge } from "tailwind-merge";
-
-import type { Store } from "../util/storage";
-
-export function cn(...inputs: ClassValue[]) {
-	return twMerge(clsx(inputs));
-}
-
-// function isFileArray(value: any): value is File[] {
-//   return Array.isArray(value) && value.every(item => item instanceof File);
-// }
-
-export function getFormData(object: {
-	[key: string]: undefined | string | number | boolean | Blob | File | object | File[];
-}): FormData {
-	const formData = new FormData();
-	Object.entries(object).forEach(([key, value]) => {
-		if (value instanceof Blob || value instanceof File) {
-			formData.append(key, value);
-		} else if (value instanceof FileList || (Array.isArray(value) && value[0] instanceof File)) {
-			Array.from(value).forEach((file: File) => {
-				formData.append(key, file);
-			});
-		} else {
-			if (!value) return;
-			formData.append(key, JSON.stringify(value));
-		}
-	});
-	return formData;
-}
-
-export function switchPath(pathname: string, tab: string) {
-	const fragments = pathname.split("/").filter(str => str);
-	fragments[2] = tab;
-	const path = `/${fragments.join("/")}`;
-	return path;
-}
-
-export function getRelativeDate(date?: string | Date) {
-	const now = new Date();
-	if (!date) return "";
-	if (isToday(date)) {
-		return format(date, "h:mm a");
-	} else if (isYesterday(date)) {
-		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
-	} else {
-		return format(date, "dd/MM/yy");
-	}
-}
-
-export function getRelativeDateWithTime(date?: string | Date) {
-	const now = new Date();
-	if (!date) return "";
-	return formatDistance(new Date(date), now, { addSuffix: true });
-}
-
-export function getRelativeProDate(dateString: string) {
-	try {
-		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 formattedDate = format(date, dateFormat);
-		return formattedDate;
-	} catch (error) {
-		console.error("Error formatting date:", error);
-		return "";
-	}
-}
-export function isValidId(str: string) {
-	const regex = /^[a-f0-9]{24}$/i;
-	return regex.test(str);
-}
-
-export function getRelativeDateOnly(date?: string | Date) {
-	const now = new Date();
-	if (!date) return "";
-	if (isToday(date)) {
-		return "today";
-	} else if (isYesterday(date)) {
-		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
-	} else {
-		return format(date, "dd/MM/yy");
-	}
-}
-export type SocialMediaUrlMetaData = {
-	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";
-	switch (url.origin) {
-		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;
-			break;
-		case "https://x.com":
-			platform = "x";
-			contentId = url.pathname
-				.split("/")
-				.filter(str => str)
-				.at(-1) as string;
-			break;
-		case "https://www.instagram.com":
-			platform = "instagram";
-			contentId = url.pathname
-				.split("/")
-				.filter(str => str)
-				.at(-1) as string;
-			break;
-		case "https://instagram.com":
-			platform = "instagram";
-			contentId = url.pathname
-				.split("/")
-				.filter(str => str)
-				.at(-1) as string;
-			break;
-		default:
-			return null;
-	}
-	return {
-		platform,
-		url: urlString,
-		contentId,
-	};
-}
-
-export function isValidUrl(url: string) {
-	try {
-		const origin = new URL(url).origin;
-		return true;
-	} catch (error) {
-		return false;
-	}
-}
-
-export function memoize<T extends (...args: any[]) => any>(fn: T): T {
-	const cache: { [key: string]: ReturnType<T> } = {};
-
-	return ((...args: Parameters<T>): ReturnType<T> => {
-		const key = JSON.stringify(args);
-		if (cache[key] !== undefined) {
-			return cache[key];
-		} else {
-			const result = fn(...args);
-			cache[key] = result;
-			return result;
-		}
-	}) as T;
-}
-
-export function memoizeAsync<T extends (...args: any[]) => Promise<any>>(fn: T): T {
-	const cache: { [key: string]: ReturnType<T> } = {};
-
-	return (async (...args: Parameters<T>): Promise<ReturnType<T>> => {
-		const key = JSON.stringify(args);
-		if (cache[key] !== undefined) {
-			return await cache[key];
-		} else {
-			const result = await fn(...args);
-			cache[key] = result;
-			return result;
-		}
-	}) as T;
-}
-export function memoizePersistentAsync<T extends (...args: any[]) => Promise<any>>(
-	fn: T,
-	store: Store
-): T {
-	return (async (...args: Parameters<T>): Promise<ReturnType<T>> => {
-		const key = JSON.stringify(args);
-		const cachedValue = store.get(key);
-		if (cachedValue !== null) {
-			try {
-				return JSON.parse(cachedValue);
-			} catch (error) {
-				console.error("Error parsing cached value:", error);
-				return await fn(...args);
-			}
-		} else {
-			const result = await fn(...args);
-			store.set(key, JSON.stringify(result));
-			return result;
-		}
-	}) as T;
-}
-
-export function formatNumberWithKMB(num: number): string {
-	const formatter = new Intl.NumberFormat("en-US", {
-		notation: "compact",
-		minimumSignificantDigits: 1,
-		maximumSignificantDigits: 3,
-	});
-
-	return formatter.format(num);
-}
-export function currencyToNumber(formattedCurrency: string): number {
-	// Remove everything except digits, minus sign, and decimal point
-	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");
-	}
-
-	return parsedNumber;
-}
-
-export function createLabels(e: string) {
-	return e
-		.replaceAll("_", " ")
-		.replace(/\b\w/g, char => char.toUpperCase())
-		.trim();
-}
-
-export { cva, type VariantProps } from "class-variance-authority";

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

@@ -1,118 +0,0 @@
-import * as React from 'react';
-
-import { cn } from '../lib/utils';
-
-const Timeline = React.forwardRef<HTMLOListElement, React.HTMLAttributes<HTMLOListElement>>(
-	({ className, ...props }, ref) => (
-		<ol ref={ref} className={cn('flex flex-col', className)} {...props} />
-	),
-);
-Timeline.displayName = 'Timeline';
-
-const TimelineItem = React.forwardRef<HTMLLIElement, React.LiHTMLAttributes<HTMLLIElement> & {className: string}>(
-	({ className, ...props }, ref) => (
-		<li
-			ref={ref}
-			className={cn('relative flex flex-col p-6 pl-3 pt-0 [&>*]:mb-2', className)}
-			{...props}
-		/>
-	),
-);
-TimelineItem.displayName = 'TimelineItem';
-
-const TimelineTime = React.forwardRef<
-	HTMLParagraphElement,
-	React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-	<p
-		ref={ref}
-		className={cn(
-			'absolute translate-x-36 md:-translate-x-24 text-sm font-semibold leading-none text-secondary-foreground',
-			className,
-		)}
-		{...props}
-	/>
-));
-TimelineTime.displayName = 'TimelineTime';
-
-const TimelineConnector = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-	({ className, ...props }, ref) => (
-		<div
-			ref={ref}
-			className={cn(
-				'absolute top-[5px] left-[30px] -translate-x-1/2 translate-y-2 h-full w-px bg-primary',
-				className,
-			)}
-			{...props}
-		/>
-	),
-);
-TimelineConnector.displayName = 'TimelineConnector';
-
-const TimelineHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-	({ className, ...props }, ref) => (
-		<div ref={ref} className={cn('flex items-center gap-4', className)} {...props} />
-	),
-);
-TimelineHeader.displayName = 'TimelineHeader';
-
-const TimelineTitle = React.forwardRef<
-	HTMLHeadingElement,
-	React.HTMLAttributes<HTMLHeadingElement>
->(({ className, children, ...props }, ref) => (
-	<h3
-		ref={ref}
-		className={cn('font-semibold leading-none tracking-tight text-secondary-foreground', className)}
-		{...props}
-	>
-		{children}
-	</h3>
-));
-TimelineTitle.displayName = 'CardTitle';
-
-const TimelineIcon = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-	({ className, ...props }, ref) => (
-		<div
-			ref={ref}
-			className={cn(
-				'grid place-content-center flex-col text-center items-center  size-7 justify-center relative left-1 bg-primary rounded-full',
-				className,
-			)}
-			{...props}
-		>
-			{props.children}
-		</div>
-	),
-);
-TimelineIcon.displayName = 'TimelineIcon';
-
-const TimelineDescription = React.forwardRef<
-	HTMLParagraphElement,
-	React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-	<p
-		ref={ref}
-		className={cn('text-sm text-muted-foreground max-w-sm ml-5', className)}
-		{...props}
-	/>
-));
-TimelineDescription.displayName = 'TimelineDescription';
-
-const TimelineContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-	({ className, ...props }, ref) => (
-		<div ref={ref} className={cn('flex flex-col items-start p-6 pt-0', className)} {...props} />
-	),
-);
-TimelineContent.displayName = 'TimelineContent';
-
-export {
-	Timeline,
-	TimelineItem,
-	TimelineConnector,
-	TimelineHeader,
-	TimelineTitle,
-	TimelineIcon,
-	TimelineDescription,
-	TimelineContent,
-	TimelineTime,
-};

package/packages/ui/src/components/util/n-formattor.ts

@@ -1,22 +0,0 @@
-export function nFormatter(num: number, digits?: number) {
-  if (!num) return "0";
-  const lookup = [
-    { value: 1, symbol: "" },
-    { value: 1e3, symbol: "K" },
-    { value: 1e6, symbol: "M" },
-    { value: 1e9, symbol: "B" },
-    { value: 1e12, symbol: "T" },
-    { value: 1e15, symbol: "P" },
-    { value: 1e18, symbol: "E" },
-  ];
-  const rx = /\.0+$|(\.[0-9]*[1-9])0+$/;
-  const item = lookup
-    .slice()
-    .reverse()
-    .find(function (item) {
-      return num >= item.value;
-    });
-  return item
-    ? (num / item.value).toFixed(digits ?? 1).replace(rx, "$1") + item.symbol
-    : "0";
-}

package/packages/ui/src/components/util/storage.ts

@@ -1,37 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unsafe-return */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-export interface Store<T = Record<string, any>> {
-	_store: T;
-	get(key: string): string | null;
-	set(key: string, value: string): void;
-}
-
-export const InMemoryStorage: Store = {
-	_store: {},
-	get(key: string): string | null {
-		return this._store[key];
-	},
-	set(key: string, value: string): void {
-		this._store[key] = value;
-	},
-};
-
-export const SessionStorageStore: Store = {
-	_store: {},
-	get(key: string): string | null {
-		return sessionStorage.getItem(key);
-	},
-	set(key: string, value: string): void {
-		sessionStorage.setItem(key, value);
-	},
-};
-
-export const LocalStorageStore: Store = {
-	_store: {},
-	get(key: string): string | null {
-		return localStorage.getItem(key);
-	},
-	set(key: string, value: string): void {
-		localStorage.setItem(key, value);
-	},
-};

package/packages/ui/src/globals.css

@@ -1,87 +0,0 @@
-@import "tailwindcss";
-@config "../tailwind.config.ts";
-@source "../**/*.{ts,tsx}";
-
-@custom-variant dark (&:is(.dark *));
-
-@layer base {
-	:root {
-		--background: 0 0% 100%;
-		--foreground: 224 71.4% 4.1%;
-		--card: 0 0% 100%;
-		--card-foreground: 224 71.4% 4.1%;
-		--popover: 0 0% 100%;
-		--popover-foreground: 224 71.4% 4.1%;
-		--primary: 262.1 83.3% 57.8%;
-		--primary-foreground: 210 20% 98%;
-		--secondary: 220 14.3% 95.9%;
-		--secondary-foreground: 220.9 39.3% 11%;
-		--muted: 220 14.3% 95.9%;
-		--muted-foreground: 220 8.9% 46.1%;
-		--accent: 220 14.3% 95.9%;
-		--accent-foreground: 220.9 39.3% 11%;
-		--destructive: 0 84.2% 60.2%;
-		--destructive-foreground: 210 20% 98%;
-		--border: 220 13% 91%;
-		--input: 220 13% 91%;
-		--ring: 262.1 83.3% 57.8%;
-		--radius: 0.75rem;
-		--chart-1: 173 58% 39%;
-		--chart-2: 12 76% 61%;
-		--chart-3: 197 37% 24%;
-		--chart-4: 43 74% 66%;
-		--chart-5: 27 87% 67%;
-	}
-
-	.dark {
-		--background: 224 71.4% 4.1%;
-		--foreground: 210 20% 98%;
-		--card: 224 71.4% 4.1%;
-		--card-foreground: 210 20% 98%;
-		--popover: 224 71.4% 4.1%;
-		--popover-foreground: 210 20% 98%;
-		--primary: 263.4 70% 50.4%;
-		--primary-foreground: 210 20% 98%;
-		--secondary: 215 27.9% 16.9%;
-		--secondary-foreground: 210 20% 98%;
-		--muted: 215 27.9% 16.9%;
-		--muted-foreground: 217.9 10.6% 64.9%;
-		--accent: 215 27.9% 16.9%;
-		--accent-foreground: 210 20% 98%;
-		--destructive: 0 62.8% 50.6%;
-		--destructive-foreground: 210 20% 98%;
-		--border: 215 27.9% 16.9%;
-		--input: 215 27.9% 16.9%;
-		--ring: 263.4 70% 50.4%;
-		--chart-1: 173 58% 39%;
-		--chart-2: 12 76% 61%;
-		--chart-3: 197 37% 24%;
-		--chart-4: 43 74% 66%;
-		--chart-5: 27 87% 67%;
-	}
-}
-
-html {
-	background-color: var(--background);
-}
-@layer base {
-	* {
-		font-family: var(--font-openSans);
-	}
-}
-
-@layer utilities {
-	/* Chrome, Safari and Opera */
-	.no-scrollbar::-webkit-scrollbar {
-		display: none;
-	}
-
-	.no-scrollbar {
-		-ms-overflow-style: none; /* IE and Edge */
-		scrollbar-width: none; /* Firefox */
-	}
-}
-
-html {
-	scroll-behavior: smooth;
-}

package/packages/ui/tailwind.config.ts

@@ -1,94 +0,0 @@
-/* eslint-disable @typescript-eslint/naming-convention */
-import type { Config } from "tailwindcss";
-import tailwindcssAnimate from "tailwindcss-animate";
-
-const config = {
-	darkMode: ["class", "string"],
-	content: [
-		"./pages/**/*.{ts,tsx}",
-		"./components/**/*.{ts,tsx}",
-		"./src/**/*.{ts,tsx}",
-		"../../apps/**/*.{ts,tsx}",
-		"../../packages/ui/src/**/*.{ts,tsx}",
-	],
-	prefix: "",
-	theme: {
-		container: {
-			center: true,
-			padding: "2rem",
-			screens: {
-				"2xl": "1400px",
-			},
-		},
-		extend: {
-			backgroundImage: {
-				"instagram-gradient": "linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888)",
-			},
-			fontFamily: {
-				poppins: ["var(--font-poppins)", "sans-serif"],
-				alike: ["var(--font-alike)", "sans-serif"],
-				openSans: ["var(--font-openSans)", "sans-serif"],
-				alertaStencils: ["var(--font-alertaStencils)", "sans-serif"],
-				pacifico: ["var(--font-pacifico)", "sans-serif"],
-			},
-			colors: {
-				border: "hsl(var(--border))",
-				input: "hsl(var(--input))",
-				ring: "hsl(var(--ring))",
-				background: "hsl(var(--background))",
-				foreground: "hsl(var(--foreground))",
-				"white-smoke": "#f8f9fa",
-				primary: {
-					DEFAULT: "hsl(var(--primary))",
-					foreground: "hsl(var(--primary-foreground))",
-				},
-				secondary: {
-					DEFAULT: "hsl(var(--secondary))",
-					foreground: "hsl(var(--secondary-foreground))",
-				},
-				destructive: {
-					DEFAULT: "hsl(var(--destructive))",
-					foreground: "hsl(var(--destructive-foreground))",
-				},
-				muted: {
-					DEFAULT: "hsl(var(--muted))",
-					foreground: "hsl(var(--muted-foreground))",
-				},
-				accent: {
-					DEFAULT: "hsl(var(--accent))",
-					foreground: "hsl(var(--accent-foreground))",
-				},
-				popover: {
-					DEFAULT: "hsl(var(--popover))",
-					foreground: "hsl(var(--popover-foreground))",
-				},
-				card: {
-					DEFAULT: "hsl(var(--card))",
-					foreground: "hsl(var(--card-foreground))",
-				},
-			},
-			borderRadius: {
-				lg: "var(--radius)",
-				md: "calc(var(--radius) - 2px)",
-				sm: "calc(var(--radius) - 4px)",
-			},
-			keyframes: {
-				"accordion-down": {
-					from: { height: "0" },
-					to: { height: "var(--radix-accordion-content-height)" },
-				},
-				"accordion-up": {
-					from: { height: "var(--radix-accordion-content-height)" },
-					to: { height: "0" },
-				},
-			},
-			animation: {
-				"accordion-down": "accordion-down 0.2s ease-out",
-				"accordion-up": "accordion-up 0.2s ease-out",
-			},
-		},
-	},
-	plugins: [tailwindcssAnimate],
-} satisfies Config;
-
-export { config };