getlotui 0.1.0

package/src/templates/web/Toast.tsx

@@ -0,0 +1,126 @@
+import * as React from "react";
+import * as ToastPrimitive from "@radix-ui/react-toast";
+import { cva, type VariantProps } from "class-variance-authority";
+import { X } from "lucide-react";
+import { cn } from "./utils";
+
+const ToastProvider = ToastPrimitive.Provider;
+
+const ToastViewport = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitive.Viewport>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitive.Viewport>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitive.Viewport
+    ref={ref}
+    className={cn(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      className
+    )}
+    {...props}
+  />
+));
+ToastViewport.displayName = ToastPrimitive.Viewport.displayName;
+
+const toastVariants = cva(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[animated=true]:duration-300 data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background text-foreground",
+        destructive:
+          "destructive group border-destructive bg-destructive text-destructive-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+);
+
+const Toast = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitive.Root> &
+    VariantProps<typeof toastVariants>
+>(({ className, variant, ...props }, ref) => {
+  return (
+    <ToastPrimitive.Root
+      ref={ref}
+      className={cn(toastVariants({ variant }), className)}
+      {...props}
+    />
+  );
+});
+Toast.displayName = ToastPrimitive.Root.displayName;
+
+const ToastAction = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitive.Action>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitive.Action>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitive.Action
+    ref={ref}
+    className={cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      className
+    )}
+    {...props}
+  />
+));
+ToastAction.displayName = ToastPrimitive.Action.displayName;
+
+const ToastClose = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitive.Close>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitive.Close>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitive.Close
+    ref={ref}
+    className={cn(
+      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50; group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      className
+    )}
+    toast-close=""
+    {...props}
+  >
+    <X className="h-4 w-4" />
+  </ToastPrimitive.Close>
+));
+ToastClose.displayName = ToastPrimitive.Close.displayName;
+
+const ToastTitle = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitive.Title
+    ref={ref}
+    className={cn("text-sm font-semibold", className)}
+    {...props}
+  />
+));
+ToastTitle.displayName = ToastPrimitive.Title.displayName;
+
+const ToastDescription = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitive.Description
+    ref={ref}
+    className={cn("text-sm opacity-90", className)}
+    {...props}
+  />
+));
+ToastDescription.displayName = ToastPrimitive.Description.displayName;
+
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
+
+export {
+  type ToastProps,
+  type ToastActionElement,
+  ToastProvider,
+  ToastViewport,
+  Toast,
+  ToastTitle,
+  ToastDescription,
+  ToastClose,
+  ToastAction,
+};

package/src/templates/web/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/src/utils/detect.ts

@@ -0,0 +1,81 @@
+import fs from "fs";
+import path from "path";
+
+/**
+ * Detect if the current project is an Expo project.
+ * Checks for presence of `expo` dependency in package.json
+ * or existence of `app.json` / `app.config.js`.
+ */
+export async function detectExpoProject(cwd: string): Promise<boolean> {
+  // Check package.json dependencies
+  try {
+    const pkgPath = path.join(cwd, "package.json");
+    const pkgContent = await fs.promises.readFile(pkgPath, "utf8");
+    const pkg = JSON.parse(pkgContent);
+    const deps = {
+      ...(pkg.dependencies || {}),
+      ...(pkg.devDependencies || {}),
+    };
+    if (deps["expo"]) return true;
+  } catch {
+    // ignore errors, continue detection
+  }
+
+  // Check for app.json or app.config.js
+  const possibleFiles = ["app.json", "app.config.js", "app.config.ts"];
+  for (const file of possibleFiles) {
+    if (fs.existsSync(path.join(cwd, file))) return true;
+  }
+  return false;
+}
+
+/**
+ * Detect if the current project is a Flutter project.
+ * Checks for existence of `pubspec.yaml`.
+ */
+export async function detectFlutterProject(cwd: string): Promise<boolean> {
+  return fs.existsSync(path.join(cwd, "pubspec.yaml"));
+}
+
+/**
+ * Detect if the current project is a Web project (React/Next.js/Vite).
+ */
+export async function detectWebProject(cwd: string): Promise<boolean> {
+  const possibleFiles = [
+    "next.config.js",
+    "next.config.ts",
+    "vite.config.js",
+    "vite.config.ts",
+    "package.json",
+  ];
+  for (const file of possibleFiles) {
+    if (fs.existsSync(path.join(cwd, file))) {
+      if (file === "package.json") {
+        try {
+          const pkg = JSON.parse(fs.readFileSync(path.join(cwd, file), "utf8"));
+          const deps = {
+            ...(pkg.dependencies || {}),
+            ...(pkg.devDependencies || {}),
+          };
+          return !!(deps["next"] || deps["react-dom"] || deps["vite"]);
+        } catch {
+          return false;
+        }
+      }
+      return true;
+    }
+  }
+  return false;
+}
+
+/**
+ * Detect the package manager used in the current directory.
+ */
+export async function detectPackageManager(
+  cwd: string
+): Promise<"npm" | "pnpm" | "yarn" | "bun"> {
+  if (fs.existsSync(path.join(cwd, "pnpm-lock.yaml"))) return "pnpm";
+  if (fs.existsSync(path.join(cwd, "yarn.lock"))) return "yarn";
+  if (fs.existsSync(path.join(cwd, "bun.lockb"))) return "bun";
+  return "npm";
+}

package/src/utils/fs.ts

@@ -0,0 +1,32 @@
+import { promises as fs } from "fs";
+import path from "path";
+import chalk from "chalk";
+
+/**
+ * Safely copy a component template to the destination.
+ * If the destination file already exists, it will be skipped and a warning shown.
+ */
+export async function copyComponent(src: string, dest: string): Promise<void> {
+  try {
+    // Ensure source exists
+    await fs.access(src);
+  } catch {
+    console.error(chalk.red(`Template not found at ${src}`));
+    return;
+  }
+
+  try {
+    await fs.access(dest);
+    console.log(
+      chalk.yellow(`File ${path.basename(dest)} already exists. Skipping copy.`)
+    );
+    return;
+  } catch {
+    // dest does not exist, proceed
+  }
+
+  // Ensure destination directory exists
+  await fs.mkdir(path.dirname(dest), { recursive: true });
+  await fs.copyFile(src, dest);
+  console.log(chalk.green(`Copied ${path.basename(src)} to ${dest}`));
+}

package/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "CommonJS",
+    "declaration": true,
+    "outDir": "dist",
+    "rootDir": "src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "jsx": "react",
+    "types": ["node"]
+  },
+  "include": ["src"],
+  "exclude": ["src/templates"]
+}