@m5kdev/web-ui 0.1.3 → 0.1.5

package/CHANGELOG.md

@@ -1,19 +0,0 @@
-# @m5kdev/web-ui
-
-## 0.1.3
-
-### Patch Changes
-
-- build js
-
-## 0.1.2
-
-### Patch Changes
-
-- build
-
-## 0.1.1
-
-### Patch Changes
-
-- exports

package/components.json

@@ -1,21 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
-  "rsc": false,
-  "tsx": true,
-  "tailwind": {
-    "config": "",
-    "css": "src/app.css",
-    "baseColor": "neutral",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "aliases": {
-    "components": "#components",
-    "utils": "#utils",
-    "ui": "#components/ui",
-    "lib": "#lib",
-    "hooks": "#hooks"
-  },
-  "iconLibrary": "lucide"
-}

package/src/animations/card.motion.ts

@@ -1,9 +0,0 @@
-import type { MotionNodeOptions } from "framer-motion";
-
-export const cardMotion: Partial<MotionNodeOptions> = {
-  layout: true,
-  initial: { opacity: 0, scale: 0.98 },
-  animate: { opacity: 1, scale: 1 },
-  exit: { opacity: 0, scale: 0.98, transition: { duration: 0.12 } },
-  transition: { type: "spring", stiffness: 160, damping: 28 },
-};

package/src/components/AvatarUpload.tsx

@@ -1,133 +0,0 @@
-import { useFileUpload } from "@m5kdev/frontend/modules/file/hooks/useUpload";
-import { Edit2, User } from "lucide-react";
-import { type ChangeEvent, useRef, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { CropDialog } from "#components/CropDialog";
-import { Avatar, AvatarFallback, AvatarImage } from "#components/ui/avatar";
-import { Progress } from "#components/ui/progress";
-import { cn } from "#utils";
-
-interface AvatarUploadProps {
-  currentAvatarUrl?: string | null;
-  onUploadComplete?: (avatarUrl: string) => void;
-  className?: string;
-}
-
-export function AvatarUpload({ currentAvatarUrl, onUploadComplete, className }: AvatarUploadProps) {
-  const { t } = useTranslation();
-  const [isHovered, setIsHovered] = useState(false);
-  const [selectedFile, setSelectedFile] = useState<File | null>(null);
-  const [previewUrl, setPreviewUrl] = useState<string | null>(currentAvatarUrl || null);
-  const [showCropDialog, setShowCropDialog] = useState(false);
-
-  const fileInputRef = useRef<HTMLInputElement>(null);
-  const { upload, status, progress, errorMessage, reset } = useFileUpload();
-
-  const handleFileSelect = (event: ChangeEvent<HTMLInputElement>) => {
-    const file = event.target.files?.[0];
-    if (file) {
-      // Validate file type
-      if (!["image/jpeg", "image/png", "image/webp", "image/jpg"].includes(file.type)) {
-        alert(t("web-ui:upload.errors.invalidType"));
-        return;
-      }
-      // Validate file size (5MB)
-      if (file.size > 5 * 1024 * 1024) {
-        alert(t("web-ui:upload.errors.tooLarge"));
-        return;
-      }
-      setSelectedFile(file);
-      const objectUrl = URL.createObjectURL(file);
-      setPreviewUrl(objectUrl);
-      setShowCropDialog(true);
-    }
-  };
-
-  const handleCropComplete = async (croppedBlob: Blob) => {
-    const croppedFile = new File([croppedBlob], selectedFile?.name || "cropped-image.jpg", {
-      type: "image/jpeg",
-    });
-
-    setSelectedFile(croppedFile);
-    const croppedObjectUrl = URL.createObjectURL(croppedFile);
-    setPreviewUrl(croppedObjectUrl);
-    setShowCropDialog(false);
-
-    try {
-      const res = await upload<{
-        url: string;
-        minetype: string;
-        size: number;
-      }>("image", croppedFile);
-      console.log({ res });
-      onUploadComplete?.(res.url);
-    } catch (error) {
-      console.error("Error uploading image:", error);
-    }
-  };
-
-  const removeFile = () => {
-    if (previewUrl && previewUrl !== currentAvatarUrl) {
-      URL.revokeObjectURL(previewUrl);
-    }
-    setSelectedFile(null);
-    setPreviewUrl(currentAvatarUrl || null);
-    setShowCropDialog(false);
-    reset();
-    if (fileInputRef.current) {
-      fileInputRef.current.value = "";
-    }
-  };
-
-  return (
-    <>
-      <div
-        role="dialog"
-        className={cn("relative inline-block", className)}
-        onMouseEnter={() => setIsHovered(true)}
-        onMouseLeave={() => setIsHovered(false)}
-      >
-        <Avatar className="h-24 w-24 cursor-pointer" onClick={() => fileInputRef.current?.click()}>
-          {previewUrl ? (
-            <AvatarImage src={previewUrl} alt={t("web-ui:avatar.preview.alt")} />
-          ) : (
-            <AvatarFallback>
-              <User className="h-12 w-12" />
-            </AvatarFallback>
-          )}
-          {isHovered && (
-            <div className="absolute inset-0 flex items-center justify-center bg-black/50 rounded-full">
-              <Edit2 className="h-6 w-6 text-white" />
-            </div>
-          )}
-        </Avatar>
-
-        <input
-          ref={fileInputRef}
-          type="file"
-          className="hidden"
-          accept="image/jpeg,image/png,image/webp"
-          onChange={handleFileSelect}
-        />
-
-        {status === "uploading" && (
-          <div className="mt-2 w-full">
-            <Progress value={progress} className="h-2" />
-          </div>
-        )}
-        {status === "error" && <p className="mt-2 text-sm text-red-500">{errorMessage}</p>}
-      </div>
-
-      {previewUrl && (
-        <CropDialog
-          open={showCropDialog}
-          onOpenChange={setShowCropDialog}
-          imageUrl={previewUrl}
-          onCropComplete={handleCropComplete}
-          onCancel={removeFile}
-          isLoading={status === "uploading"}
-        />
-      )}
-    </>
-  );
-}

package/src/components/Button.tsx

@@ -1,14 +0,0 @@
-import { Button as ButtonPrimitive, type ButtonProps as ButtonPrimitiveProps } from "./ui/button";
-
-export interface ButtonProps extends ButtonPrimitiveProps {
-  loading?: boolean;
-}
-
-export function Button({ loading, children, ...props }: ButtonProps) {
-  return (
-    <ButtonPrimitive {...props} disabled={loading || props.disabled}>
-      {loading && <i className="ti ti-refresh animate-spin" />}
-      {children}
-    </ButtonPrimitive>
-  );
-}