Val Town Code SearchReturn to Val Town

98    `INSERT INTO ${KYC_TABLE} (
99      user_id, date_of_birth, address, city, state, country, postal_code,
100      document_type, document_id, document_image_url, selfie_image_url, status
101     ) 
102     VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
105      kycData.userId, kycData.dateOfBirth, kycData.address, kycData.city,
106      kycData.state, kycData.country, kycData.postalCode, kycData.documentType,
107      kycData.documentId, kycData.documentImageUrl, kycData.selfieImageUrl, kycData.status
108    ]
109  );
133    documentType: row.document_type,
134    documentId: row.document_id,
135    documentImageUrl: row.document_image_url,
136    selfieImageUrl: row.selfie_image_url,
137    status: row.status as KYCStatus,
138    submittedAt: row.submitted_at,

35      document_type TEXT NOT NULL,
36      document_id TEXT NOT NULL,
37      document_image_url TEXT NOT NULL,
38      selfie_image_url TEXT NOT NULL,
39      status TEXT NOT NULL DEFAULT '${KYCStatus.PENDING}',
40      submitted_at TEXT NOT NULL DEFAULT (datetime('now')),

45  documentType: DocumentType;
46  documentId: string;
47  documentImageUrl: string;
48  selfieImageUrl: string;
49  status: KYCStatus;
50  submittedAt: string;

6    <title>NPLLM</title>
7    <link rel="stylesheet" href="/frontend/style.css">
8    <link rel="icon" href="/frontend/favicon.svg" type="image/svg+xml">
9    <link
10      rel="stylesheet"

50            <span className="flex items-center">
51              <ProfilePicture
52                imageUrl={profilePictureUrl}
53                author={item.author}
54                avatarText={item.avatarText}

54        // Use the package name and avatarText as the prompt
55        const prompt = `${pkg.name} ${pkg.avatarText} profile picture`;
56        const imageUrl = await generateProfilePicture(prompt);
57        if (imageUrl) {
58          newProfilePictures[pkg.id] = imageUrl;
59        }
60      });

3
4interface ProfilePictureProps {
5  imageUrl?: string;
6  author: string;
7  avatarText: string;
26        body: JSON.stringify({
27          prompt,
28          image_size: "landscape_4_3",
29          num_inference_steps: 4,
30          num_images: 1,
31          enable_safety_checker: true,
32          sync_mode: true,
36
37    if (!response.ok) {
38      throw new Error(`Failed to generate image: ${response.statusText}`);
39    }
40
41    const data = await response.json();
42    return data.images[0].url;
43  } catch (error) {
44    console.error("Error generating profile picture:", error);
48
49export function ProfilePicture(
50  { imageUrl, author, avatarText, packageId }: ProfilePictureProps,
51) {
52  const [profileImage, setProfileImage] = useState<string | undefined>(
53    imageUrl,
54  );
55  const [isLoading, setIsLoading] = useState<boolean>(!imageUrl);
56
57  useEffect(() => {
58    // If we already have an image URL, don't fetch a new one
59    if (imageUrl) {
60      setProfileImage(imageUrl);
61      setIsLoading(false);
62      return;
63    }
64
65    // If we're already loading or have an image, don't fetch again
66    if (!isLoading || profileImage) return;
67
68    // Generate a profile picture if we don't have one
71      const url = await generateProfilePicture(prompt);
72      if (url) {
73        setProfileImage(url);
74      }
75      setIsLoading(false);
77
78    fetchProfilePicture();
79  }, [imageUrl, packageId, avatarText, isLoading, profileImage]);
80
81  if (profileImage) {
82    return (
83      <img
84        src={profileImage}
85        alt={`${author} avatar`}
86        className="w-6 h-6 rounded-full mr-2 object-cover"

52    ".css": ["style", "text/css"],
53    ".edgecss": ["style", "text/css"],
54    // images (raster)
55    ".png": ["image", "image/png"],
56    ".jpg": ["image", "image/jpeg"],
57    ".jpeg": ["image", "image/jpeg"],
58    ".gif": ["image", "image/gif"],
59    ".bmp": ["image", "image/bmp"],
60    ".webp": ["image", "image/webp"],
61    ".jxl": ["image", "image/jxl"],
62    ".tif": ["image", "image/tiff"],
63    ".tiff": ["image", "image/tiff"],
64    // images (vector)
65    ".svg": ["vector", "image/svg+xml"],
66    ".eps": ["vector", "application/postscript"],
67    // fonts
458        mime: obj?.mime || "application/octet-stream",
459        isText: isTextFile(ext, obj?.mime),
460        isImage: isImageFile(ext, obj?.mime),
461        isDocument: isDocumentFile(ext, obj?.mime),
462        isViewable: isViewableFile(ext, obj?.mime),
525}
526
527function isImageFile(ext: string, mime?: string): boolean {
528  const imageExtensions = [
529    ".png", ".jpg", ".jpeg", ".gif", ".bmp", ".webp", ".svg", ".ico", ".tif", ".tiff"
530  ];
531  
532  return imageExtensions.includes(ext.toLowerCase()) || 
533         (mime ? mime.startsWith("image/") : false);
534}
535
540  ];
541  const docMimeTypes = [
542    "text/html", "text/markdown", "image/svg+xml", "application/pdf",
543    "application/msword", "application/vnd.openxmlformats-officedocument"
544  ];
549
550function isViewableFile(ext: string, mime?: string): boolean {
551  return isTextFile(ext, mime) || isImageFile(ext, mime) || isDocumentFile(ext, mime);
552}
553

53      padding: 1rem;
54    }
55    .image-viewer {
56      display: flex;
57      justify-content: center;
59      padding: 1rem;
60    }
61    .image-viewer img {
62      max-width: 100%;
63      max-height: 500px;
561          // Add icon based on file type
562          let icon = '📄';
563          if (file.isImage) {
564            icon = '🖼️';
565          } else if (file.type === 'text') {
682          currentFileType = ext;
683          
684          if (file.isImage) {
685            // Display image
686            const imageContainer = document.createElement('div');
687            imageContainer.className = 'image-viewer';
688            
689            const blob = await response.blob();
694            img.onload = () => URL.revokeObjectURL(url);
695            
696            imageContainer.appendChild(img);
697            fileViewer.appendChild(imageContainer);
698            
699            // Hide view toggle

32
33- **Text Files**: Displayed with syntax highlighting using Prism.js
34- **Images**: Displayed in an image viewer
35- **Binary Files**: Displayed as metadata with download option
36