@devvistatech/devvista-kit 0.0.10 → 0.0.13

package/components/addOns/functional/FileUploader.tsx

@@ -1,295 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { Button, UploadButton, ToggleButton, CloseButton, DeleteButton, CancelButton, TrashIconButton } from '@/components/other/button'; // Updated import
-import { Card } from '@/components/other/card';
-import { Upload, FileText, Trash2, X } from 'lucide-react';
-import { motion } from 'framer-motion';
-import { useUser } from '@clerk/nextjs';
-
-interface UploadedFile {
-  id: number;
-  documentId: string;
-  name: string;
-  url: string;
-  createdAt: string;
-}
-
-interface FileUploaderProps {
-  uploadedFiles: UploadedFile[];
-  setUploadedFiles: (files: UploadedFile[]) => void;
-  setPdfUrl: (url: string) => void;
-  pdfUrl: string;
-  isAdmin: boolean;
-  error?: string | null;
-  setError: (error: string | null) => void;
-  handleFileUpload: (e: React.ChangeEvent<HTMLInputElement>) => Promise<void>;
-  handleDeleteFile: (documentId: string) => Promise<void>;
-}
-
-export function FileUploader({
-  uploadedFiles,
-  setUploadedFiles,
-  setPdfUrl,
-  pdfUrl,
-  isAdmin,
-  error,
-  setError,
-  handleFileUpload,
-  handleDeleteFile,
-}: FileUploaderProps) {
-  const { isSignedIn } = useUser();
-  const [uploading, setUploading] = useState(false);
-  const [showAllFiles, setShowAllFiles] = useState(false);
-  const [isConfirmDeleteOpen, setIsConfirmDeleteOpen] = useState(false);
-  const [fileToDelete, setFileToDelete] = useState<string | null>(null);
-
-  const baseUrl = process.env.BASE_URL || '';
-
-  useEffect(() => { }, [isSignedIn, isAdmin]);
-
-  useEffect(() => {
-    const event = new CustomEvent('modalStateChange', {
-      detail: { isOpen: isConfirmDeleteOpen },
-    });
-    window.dispatchEvent(event);
-  }, [isConfirmDeleteOpen]);
-
-  useEffect(() => {
-    if (isConfirmDeleteOpen) {
-      document.body.classList.add('overflow-hidden');
-    } else {
-      document.body.classList.remove('overflow-hidden');
-    }
-    return () => {
-      document.body.classList.remove('overflow-hidden');
-    };
-  }, [isConfirmDeleteOpen]);
-
-  useEffect(() => {
-    const handleEsc = (e: KeyboardEvent) => {
-      if (e.key === 'Escape' && isConfirmDeleteOpen) {
-        handleCancelDelete();
-      }
-    };
-    window.addEventListener('keydown', handleEsc);
-    return () => window.removeEventListener('keydown', handleEsc);
-  }, [isConfirmDeleteOpen]);
-
-  const openConfirmDelete = (documentId: string) => {
-    setFileToDelete(documentId);
-    setIsConfirmDeleteOpen(true);
-  };
-
-  const handleConfirmDelete = async () => {
-    if (fileToDelete !== null) {
-      setUploading(true);
-      setError(null);
-      try {
-        await handleDeleteFile(fileToDelete);
-      } finally {
-        setUploading(false);
-        setIsConfirmDeleteOpen(false);
-        setFileToDelete(null);
-      }
-    }
-  };
-
-  const handleCancelDelete = () => {
-    setIsConfirmDeleteOpen(false);
-    setFileToDelete(null);
-  };
-
-  const truncateText = (text: string, maxLength: number = 30): string => {
-    if (text.length <= maxLength) return text;
-    return text.slice(0, maxLength - 3) + '...';
-  };
-
-  const modalVariants = {
-    hidden: { opacity: 0, y: '100vh' },
-    visible: { opacity: 1, y: 0, transition: { duration: 0.5, ease: [0.16, 1, 0.3, 1] } },
-    exit: { opacity: 0, y: '100vh', transition: { duration: 0.3, ease: 'easeIn' } },
-  };
-
-  const onFileChange = async (e: React.ChangeEvent<HTMLInputElement>) => {
-    setUploading(true);
-    setError(null);
-    try {
-      await handleFileUpload(e);
-    } finally {
-      setUploading(false);
-    }
-  };
-
-  return (
-    <div className="w-full bg-[#1E2A44] px-4 py-12 sm:px-8 sm:py-16 border-none outline-none z-0">
-      <style jsx>{`
-        .modal-glassmorphism {
-          background: rgba(255, 255, 255, 0.08);
-          backdrop-filter: blur(10px);
-          -webkit-backdrop-filter: blur(10px);
-          border: 2px solid transparent;
-          border-image: linear-gradient(
-            45deg,
-            var(--exuberant-blue),
-            var(--jubilee),
-            var(--modern-purple)
-          ) 1;
-          box-shadow: 0 16px 48px rgba(0, 0, 0, 0.1);
-          border-radius: 2rem;
-          max-height: 90vh;
-          overflow: hidden;
-        }
-
-        @supports not (backdrop-filter: blur(10px)) {
-          .modal-glassmorphism {
-            background: rgba(255, 255, 255, 0.2);
-          }
-        }
-
-        @media (max-width: 640px) {
-          .modal-glassmorphism {
-            padding: 1rem;
-            max-height: 85vh;
-          }
-        }
-
-        .file-item {
-          z-index: 30;
-          pointer-events: auto;
-          cursor: pointer;
-        }
-      `}</style>
-      <Card className="w-full max-w-7xl mx-auto p-4 sm:p-8 bg-[#1E2A44] text-white flex flex-col items-center space-y-6 rounded-none border-none outline-none relative z-10">
-        <h3 className="text-2xl sm:text-3xl md:text-4xl font-bold tracking-tight text-white text-center">
-          Fitness Forum
-        </h3>
-        <div className="space-y-4 w-full">
-          {error && (
-            <p className="text-red-400 text-base sm:text-lg md:text-xl text-center">{error}</p>
-          )}
-          {isAdmin ? (
-            <div className="flex flex-col sm:flex-row items-center justify-center space-y-4 sm:space-y-0 sm:space-x-4">
-              <input
-                type="file"
-                accept="application/pdf"
-                onChange={onFileChange}
-                disabled={uploading}
-                className="hidden"
-                id="file-upload"
-              />
-              <label htmlFor="file-upload" className="cursor-pointer">
-                <UploadButton disabled={uploading} asChild>
-                  <span className="flex items-center justify-center">
-                    <Upload className="mr-2 h-4 w-4 sm:h-5 sm:w-5" />
-                    Upload PDF
-                  </span>
-                </UploadButton>
-              </label>
-              {uploading && (
-                <span className="text-white font-bold text-base sm:text-lg">Uploading...</span>
-              )}
-            </div>
-          ) : (
-            <p className="text-gray-400 text-sm font-medium text-center">
-              {isSignedIn ? '' : ''}
-            </p>
-          )}
-          {uploadedFiles.length > 0 ? (
-            <>
-              {uploadedFiles.slice(0, showAllFiles ? undefined : 8).map((file) => {
-                const token = localStorage.getItem('jwt') || '';
-                const fullUrl = file.url.startsWith('http')
-                  ? `${file.url}${token ? (file.url.includes('?') ? '&' : '?') + `token=${token}` : ''}`
-                  : `${baseUrl}${file.url}${token ? `?token=${token}` : ''}`;
-                return (
-                  <div
-                    key={file.documentId}
-                    className="file-item flex flex-col sm:flex-row items-center justify-between p-4 sm:p-6 rounded-lg bg-[#2A3A66]/50 hover:bg-[#2A3A66]/70 hover:shadow-lg hover:border-[#FF69B4]/50 transition-all cursor-pointer"
-                    onClick={() => {
-                      setPdfUrl(fullUrl);
-                      window.open(fullUrl, '_blank', 'noopener,noreferrer');
-                    }}
-                    role="button"
-                    tabIndex={0}
-                    onKeyDown={(e) => {
-                      if (e.key === 'Enter' || e.key === ' ') {
-                        setPdfUrl(fullUrl);
-                        window.open(fullUrl, '_blank', 'noopener,noreferrer');
-                      }
-                    }}
-                    aria-label={`Open PDF: ${truncateText(file.name)}`}
-                  >
-                    <div className="text-white font-bold text-base sm:text-lg md:text-xl flex items-center w-full sm:w-auto min-w-0 sm:pb-0 pb-6">
-                      <FileText className="mr-2 h-4 w-4 sm:h-5 sm:w-5 text-[#FF69B4] flex-shrink-0" />
-                      <span className="truncate">{truncateText(file.name, 30)}</span>
-                    </div>
-                    {isAdmin && (
-                      <TrashIconButton
-                        onClick={(e) => {
-                          e.stopPropagation();
-                          openConfirmDelete(file.documentId);
-                        }}
-                        aria-label={`Delete file ${truncateText(file.name)}`}
-                        variant="trash-icon"
-                        className="relative"
-                      >
-                        <Trash2 />
-                      </TrashIconButton>
-                    )}
-                  </div>
-                );
-              })}
-              {uploadedFiles.length > 8 && (
-                <div className="text-center mt-4">
-                  <ToggleButton onClick={() => setShowAllFiles(!showAllFiles)}>
-                    {showAllFiles ? 'Show Less' : 'Show More'}
-                  </ToggleButton>
-                </div>
-              )}
-            </>
-          ) : (
-            <p className="text-gray-300 font-bold text-base sm:text-lg md:text-xl text-center">
-              No files uploaded yet.
-            </p>
-          )}
-        </div>
-      </Card>
-
-      {isConfirmDeleteOpen && isAdmin && (
-        <motion.div
-          variants={modalVariants}
-          initial="hidden"
-          animate="visible"
-          exit="exit"
-          className="fixed inset-0 bg-black/90 flex items-center justify-center z-[10000] p-4 isolate"
-          onClick={handleCancelDelete}
-          role="dialog"
-          aria-modal="true"
-          aria-labelledby="modal-title"
-        >
-          <div
-            className="relative max-w-5xl w-full mx-4 p-6 bg-gray-800/50 border border-gray-700/50 rounded-lg shadow-lg"
-            onClick={(e) => e.stopPropagation()}
-          >
-            <CloseButton onClick={handleCancelDelete}>
-              <X className="h-6 w-6 sm:h-8 sm:w-8" />
-            </CloseButton>
-            <h3 id="modal-title" className="text-xl font-bold text-white mb-4">
-              Confirm Deletion
-            </h3>
-            <p className="text-gray-300 text-sm mb-4">
-              Are you sure you want to delete this file? This action cannot be undone.
-            </p>
-            <div className="flex space-x-3">
-              <DeleteButton onClick={handleConfirmDelete} disabled={uploading}>
-                {uploading ? 'Deleting...' : 'Delete'}
-              </DeleteButton>
-              <CancelButton onClick={handleCancelDelete}>Cancel</CancelButton>
-            </div>
-          </div>
-        </motion.div>
-      )}
-    </div>
-  );
-}

package/components/addOns/non-functional/FeaturesSection.tsx

@@ -1,63 +0,0 @@
-// src/components/FeaturesSection.tsx
-"use client";
-
-import { ActionButton } from "@/components/other/button";
-import { CheckCircle, ArrowRight } from "lucide-react";
-import Link from "next/link";
-
-interface Feature {
-  text: string;
-}
-
-interface FeaturesSectionProps {
-  features: Feature[];
-  title: string;
-  description: string;
-  ctaText: string;
-  ctaLink: string;
-}
-
-export function FeaturesSection({
-  features,
-  title,
-  description,
-  ctaText,
-  ctaLink,
-}: FeaturesSectionProps) {
-  return (
-    <section className="w-full py-16 sm:py-24 px-4 sm:px-8 bg-blue-200 z-0">
-      <div className="w-full pt-16 sm:pt-24 pb-16 sm:pb-24">
-        <div className="max-w-7xl mx-auto px-4 sm:px-6">
-          <div className="flex flex-col md:flex-row gap-6 justify-center items-center">
-            <div className="w-full md:w-1/2 space-y-6 flex justify-center">
-              <ul className="space-y-4 text-2xl font-semibold">
-                {features.map((feature, index) => (
-                  <li key={index} className="flex items-center justify-start">
-                    <CheckCircle className="mr-3 h-6 w-6 text-[#FF69B4] flex-shrink-0" />
-                    <span>{feature.text}</span>
-                  </li>
-                ))}
-              </ul>
-            </div>
-            <div className="w-full md:w-1/2 space-y-6 text-center pt-12">
-              <h4 className="text-4xl sm:text-5xl font-bold text-[#333] tracking-tight">
-                {title}
-              </h4>
-              <p className="text-xl sm:text-2xl font-semibold text-[#333]">
-                {description}
-              </p>
-              <ActionButton
-                asChild
-              >
-                <Link href={ctaLink} className="flex items-center justify-center">
-                  {ctaText}
-                  <ArrowRight className="ml-2 h-6 w-6" />
-                </Link>
-              </ActionButton>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  );
-}

package/components/types.ts

@@ -1,50 +0,0 @@
-// src/pages/types.ts
-export interface ScheduleClass {
-  name: string;
-  startTime: string;
-  endTime: string;
-  id: number;
-  documentId: string;
-  daysOfWeek: number[];
-  classDescription?: string;
-}
-
-export interface WeeklySchedule {
-  [key: string]: ScheduleClass[];
-}
-
-export interface StrapiUser {
-  id: number;
-  username: string;
-  email: string;
-  businessAdminId?: string;
-  userRole?: string;
-}
-
-export type Category =
-  | "none"
-  | "indoor"
-  | "outdoor"
-  | "commercial";
-
-export interface UploadedImage {
-  id: number;
-  documentId: string;
-  title?: string;
-  description?: string;
-  url: string;
-  createdAt: string;
-  category?: Category;
-}
-
-export interface FormState {
-  file: File | null;
-  title: string;
-  description: string;
-  category: Category;
-}
-
-export interface EditFormState extends FormState {
-  id: number;
-  documentId: string;
-}

package/dist/.next/types/app/api/about/route.js

@@ -1,52 +0,0 @@
-// File: C:\Users\gabel\Desktop\Projects\DevVista Kit\app\api\about\route.ts
-import * as entry from '../../../../../app/api/about/route.js';
-// Check that the entry is a valid entry
-checkFields();
-// Check the prop type of the entry function
-if ('GET' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('HEAD' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('OPTIONS' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('POST' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('PUT' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('DELETE' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('PATCH' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the arguments and return type of the generateStaticParams function
-if ('generateStaticParams' in entry) {
-    checkFields();
-    checkFields();
-}
-function checkFields() { }

package/dist/.next/types/app/api/blog/route.js

@@ -1,52 +0,0 @@
-// File: C:\Users\gabel\Desktop\Projects\DevVista Kit\app\api\blog\route.ts
-import * as entry from '../../../../../app/api/blog/route.js';
-// Check that the entry is a valid entry
-checkFields();
-// Check the prop type of the entry function
-if ('GET' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('HEAD' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('OPTIONS' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('POST' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('PUT' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('DELETE' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('PATCH' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the arguments and return type of the generateStaticParams function
-if ('generateStaticParams' in entry) {
-    checkFields();
-    checkFields();
-}
-function checkFields() { }

package/dist/.next/types/app/api/files/route.js

@@ -1,52 +0,0 @@
-// File: C:\Users\gabel\Desktop\Projects\DevVista Kit\app\api\files\route.ts
-import * as entry from '../../../../../app/api/files/route.js';
-// Check that the entry is a valid entry
-checkFields();
-// Check the prop type of the entry function
-if ('GET' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('HEAD' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('OPTIONS' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('POST' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('PUT' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('DELETE' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('PATCH' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the arguments and return type of the generateStaticParams function
-if ('generateStaticParams' in entry) {
-    checkFields();
-    checkFields();
-}
-function checkFields() { }

package/dist/.next/types/app/api/schedule/route.js

@@ -1,52 +0,0 @@
-// File: C:\Users\gabel\Desktop\Projects\DevVista Kit\app\api\schedule\route.ts
-import * as entry from '../../../../../app/api/schedule/route.js';
-// Check that the entry is a valid entry
-checkFields();
-// Check the prop type of the entry function
-if ('GET' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('HEAD' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('OPTIONS' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('POST' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('PUT' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('DELETE' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('PATCH' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the arguments and return type of the generateStaticParams function
-if ('generateStaticParams' in entry) {
-    checkFields();
-    checkFields();
-}
-function checkFields() { }

package/dist/.next/types/app/api/sync-user/route.js

@@ -1,52 +0,0 @@
-// File: C:\Users\gabel\Desktop\Projects\DevVista Kit\app\api\sync-user\route.ts
-import * as entry from '../../../../../app/api/sync-user/route.js';
-// Check that the entry is a valid entry
-checkFields();
-// Check the prop type of the entry function
-if ('GET' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('HEAD' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('OPTIONS' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('POST' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('PUT' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('DELETE' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the prop type of the entry function
-if ('PATCH' in entry) {
-    checkFields();
-    checkFields();
-    checkFields();
-}
-// Check the arguments and return type of the generateStaticParams function
-if ('generateStaticParams' in entry) {
-    checkFields();
-    checkFields();
-}
-function checkFields() { }

package/dist/.next/types/app/layout.js

@@ -1,22 +0,0 @@
-// File: C:\Users\gabel\Desktop\Projects\DevVista Kit\app\layout.tsx
-import * as entry from '../../../app/layout.js';
-// Check that the entry is a valid entry
-checkFields();
-// Check the prop type of the entry function
-checkFields();
-// Check the arguments and return type of the generateMetadata function
-if ('generateMetadata' in entry) {
-    checkFields();
-    checkFields();
-}
-// Check the arguments and return type of the generateViewport function
-if ('generateViewport' in entry) {
-    checkFields();
-    checkFields();
-}
-// Check the arguments and return type of the generateStaticParams function
-if ('generateStaticParams' in entry) {
-    checkFields();
-    checkFields();
-}
-function checkFields() { }