@devvistatech/devvista-kit 0.0.10 → 0.0.13

package/lib/types.ts

@@ -0,0 +1,235 @@
+export type Category = "none" | "indoor" | "outdoor" | "commercial";
+
+export interface ScheduleClass {
+  name: string;
+  startTime: string;
+  endTime: string;
+  id: number | undefined;
+  documentId?: string;
+  daysOfWeek?: number[];
+  classDescription?: string;
+}
+
+export interface WeeklySchedule {
+  Monday: ScheduleClass[];
+  Tuesday: ScheduleClass[];
+  Wednesday: ScheduleClass[];
+  Thursday: ScheduleClass[];
+  Friday: ScheduleClass[];
+  Saturday: ScheduleClass[];
+  Sunday: ScheduleClass[];
+}
+
+export interface UploadedFile {
+  id: number;
+  documentId: string;
+  name: string;
+  url: string;
+  createdAt: string;
+}
+
+export interface StrapiUser {
+  id: number;
+  username: string;
+  email: string;
+  authId?: string;
+  authProvider?: string;
+  businessAdminId?: string;
+  documentId?: string;
+  userRole?: string;
+  firstName?: string;
+  lastName?: string;
+  businessId?: string[] | null;
+  dateJoined?: string;
+  businessOwner?: boolean;
+  userStatus?: string;
+  timezone?: string | null;
+  language?: string | null;
+  isVerified?: boolean;
+  businessTitle?: string | null;
+  userTitle?: string | null;
+  number?: string | null;
+  address?: {
+    zip: string;
+    city: string;
+    state: string;
+    street: string;
+    country: string;
+  } | null;
+  websiteUrl?: string | null;
+  primaryBusinessColor?: string | null;
+  secondaryBusinessColor?: string | null;
+  logoImage?: string | null;
+}
+
+export interface UploadFormState {
+  file: File | null;
+  title: string;
+  description: string;
+  category: Category;
+  subCategory?: string;
+  favorite: boolean;
+  banner: boolean;
+  startDate?: string;
+  endDate?: string;
+}
+
+export interface GallerySectionProps {
+  user: StrapiUser | null;
+  authLoading: boolean;
+  uploadedImages: UploadedImage[];
+  setUploadedImages: (images: UploadedImage[]) => void;
+  error: string | null;
+  setError: (error: string | null) => void;
+  isLoading: boolean;
+  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>;
+  setUser: React.Dispatch<React.SetStateAction<StrapiUser | null>>;
+  handleImageUpload: (
+    e: React.FormEvent<HTMLFormElement>,
+    file: File | null,
+    title: string,
+    description: string,
+    category: Category,
+    subCategory: string,
+    favorite: boolean
+  ) => Promise<void>;
+  handleDeleteImage: (documentId: string) => Promise<void>;
+}
+
+
+export interface ImageDescCarouselProps {
+  user: StrapiUser | null;
+  uploadedImages: UploadedImage[];
+  setUploadedImages: (images: UploadedImage[]) => void;
+  error: string | null;
+  setError: (error: string | null) => void;
+  isLoading: boolean;
+  setIsLoading: (isLoading: boolean) => void;
+  handleImageUpload: (
+    e: React.FormEvent<HTMLFormElement>,
+    file: File | null,
+    title: string,
+    description: string,
+    category: Category,
+    subCategory: string,
+    favorite: boolean
+  ) => Promise<void>;
+  handleDeleteImage: (documentId: string) => Promise<void>;
+}
+
+export interface AboutContent {
+  id: number;
+  documentId: string;
+  title: string;
+  description: string;
+  about: boolean;
+  image?: { url: string; id: number };
+  createdAt: string;
+}
+
+export interface BioContent {
+  id: number;
+  documentId: string;
+  title: string;
+  description: string;
+  bio: boolean;
+  image?: { url: string; id: number };
+  createdAt: string;
+}
+
+export interface BlogPost {
+  id: number;
+  documentId: string;
+  title: string;
+  description: string;
+  author: string;
+  publishedAt: string;
+}
+
+export interface StrapiContact {
+  id: number;
+  documentId: string;
+  name: string;
+  lastName: string;
+  email: string;
+  phone: string;
+  subject: string;
+  message: string;
+  submissionDate: string;
+}
+
+export interface AdRequest {
+  id: number;
+  documentId: string;
+  platform: string;
+  adType: string;
+  description: string;
+  timestamp: string;
+  userId: string;
+  credits: number;
+  lastResetDate: string;
+  nextResetDate: string;
+}
+
+export interface AnalyticsData {
+  date: string;
+  country: string;
+  deviceCategory: string;
+  activeUsers: number;
+  totalUsers: number;
+  newUsers: number;
+  pageViews: number;
+  engagedSessions: number;
+  averageSessionDuration: number;
+  averageEngagementTimePerActiveUser: number;
+  bounceRate: number;
+}
+
+export interface ChannelGroupData {
+  date: string;
+  channelGroup: string;
+  newUsers: number;
+  activeUsers: number;
+}
+
+export interface RealtimeData {
+  activeUsersInLast30Minutes: number;
+}
+
+export interface UserActivityData {
+  date: string;
+  country: string;
+  activeUsers: number;
+}
+
+export interface UploadedImage {
+  id: number;
+  documentId: string;
+  title?: string;
+  description?: string;
+  url: string;
+  createdAt: string;
+  category?: Category;
+  subCategory?: string;
+  favorite: boolean;
+  banner: boolean;
+  startDate?: string; 
+  endDate?: string; 
+}
+
+export interface FormState {
+  file: File | null;
+  title: string;
+  description: string;
+  category: Category;
+  subCategory: string;
+  favorite: boolean;
+  banner: boolean;
+  startDate?: string; 
+  endDate?: string;  
+}
+
+export interface EditFormState extends FormState {
+  id: number;
+  documentId: string;
+}

package/lib/utils/compressImage.tsx

@@ -0,0 +1,32 @@
+// lib/utils/compressImage.ts
+import imageCompression from "browser-image-compression";
+
+interface CompressImageOptions {
+  maxSizeMB: number;
+  maxWidthOrHeight?: number;
+  useWebWorker?: boolean;
+}
+
+export async function compressImage(file: File): Promise<File> {
+  const validTypes = ["image/jpeg", "image/png", "image/gif"];
+  if (!validTypes.includes(file.type)) {
+    throw new Error("Invalid file type. Only JPEG, PNG, and GIF are allowed.");
+  }
+
+  const options: CompressImageOptions = {
+    maxSizeMB: 0.5, // 500KB
+    maxWidthOrHeight: 1920, // Limit resolution for smaller files
+    useWebWorker: true, // Use web worker for performance
+  };
+
+  try {
+    const compressedFile = await imageCompression(file, options);
+    return new File([compressedFile], file.name, {
+      type: file.type,
+      lastModified: file.lastModified,
+    });
+  } catch (error) {
+    console.error("Image compression error:", error);
+    throw new Error("Failed to compress image. Please try a smaller or different image.");
+  }
+}

package/middleware.ts

@@ -1,43 +1,47 @@
-import { clerkMiddleware, createRouteMatcher } from "@clerk/nextjs/server";
-
-const isPublicRoute = createRouteMatcher([
-  '/',
-  '/about',
-  '/contact',
-  '/gallery',
-  '/schedule',
-  '/faq',
-  '/api/about',
-  '/api/bio',
-  '/api/schedule',
-  '/api/files',
-  '/api/gallery-data',
-  '/api/trial-request',
-  '/api/contact',
-  '/api/blog',
-  '/blog/:path*',
-  '/.well-known/(.*)',
-  '/404',
-  '/500', 
-  '/_not-found',
-]);
-
-export default clerkMiddleware((auth, req) => {
-  if (isPublicRoute(req) && req.method === 'GET') {
-    return;
-  }
-  try {
-    auth.protect();
-  } catch (error) {
-    console.error('Middleware error:', error); 
-    return;
-  }
-});
-
-export const config = {
-  matcher: [
-    '/((?!.*\\..*|_next).*)',
-    '/',
-    '/(api|trpc)(.*)',
-  ],
+// middleware.ts for devvistakit
+import { clerkMiddleware, createRouteMatcher } from "@clerk/nextjs/server";
+import { NextResponse } from "next/server";
+
+const isPublicRoute = createRouteMatcher([
+  '/',
+  '/about',
+  '/contact',
+  '/gallery',
+  '/schedule',
+  '/faq',
+  '/api/about',
+  '/api/bio',
+  '/api/schedule',
+  '/api/files',
+  '/api/gallery-data',
+  '/api/trial-request',
+  '/api/contact',
+  '/api/blog',
+  '/api/signup', 
+  '/blog/:path*',
+  '/.well-known/(.*)',
+  '/404',
+  '/500',
+  '/_not-found',
+]);
+
+export default clerkMiddleware((auth, req) => {
+  if (isPublicRoute(req) && (req.method === 'GET' || req.method === 'POST')) {
+    return NextResponse.next();
+  }
+  try {
+    auth.protect();
+    return NextResponse.next();
+  } catch (error) {
+    console.error('Middleware error:', { error, path: req.nextUrl.pathname, method: req.method, timestamp: new Date().toISOString() });
+    return NextResponse.redirect(new URL('/sign-in', req.url));
+  }
+});
+
+export const config = {
+  matcher: [
+    '/((?!.*\\..*|_next).*)',
+    '/',
+    '/(api|trpc)(.*)',
+  ],
 };

package/netlify.toml

@@ -1,6 +1,6 @@
-[build]
-  command = "npm run build:prod"
-  publish = ".next"
-
-[[plugins]]
+[build]
+  command = "npm run build:prod"
+  publish = ".next"
+
+[[plugins]]
   package = "@netlify/plugin-nextjs"

package/next.config.js

@@ -1,10 +1,10 @@
-const nextConfig = {
-  images: { unoptimized: true },
-    experimental: {
-    serverActions: {
-      allowedOrigins: ['localhost:3000', 'https://devvista-kit.netlify.app'], 
-    },
-  },
-};
-
-module.exports = nextConfig;
+const nextConfig = {
+  images: { unoptimized: true },
+    experimental: {
+    serverActions: {
+      allowedOrigins: ['localhost:3000', 'https://devvistakit.devvistatech.com' ], 
+    },
+  },
+};
+
+module.exports = nextConfig;

package/package.json

@@ -1,116 +1,117 @@
-{
-  "name": "@devvistatech/devvista-kit",
-  "version": "0.0.10",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "bin": {
-    "devvista-kit": "bin/init.js"
-  },
-  "files": [
-    "bin/**/*",
-    "app/**/*",
-    "components/**/*",
-    "lib/**/*",
-    "public/**/*",
-    "src/**/*",
-    "middleware.ts",
-    "hooks/**/*",
-    "utils/**/*",
-    "dist/**/*",
-    "next.config.js",
-    "tsconfig.json",
-    "tailwind.config.ts",
-    "postcss.config.js",
-    "globals.css",
-    "layout.tsx",
-    "CHANGELOG.md",
-    "README.md",
-    "netlify.toml"
-  ],
-  "scripts": {
-    "build": "next build",
-    "dev": "next dev",
-    "build:dev": "cross-env NODE_ENV=development next build",
-    "start:dev": "cross-env NODE_ENV=development next start",
-    "build:prod": "cross-env NODE_ENV=production next build",
-    "start:prod": "cross-env NODE_ENV=production next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "@ai-sdk/openai": "^1.3.23",
-    "@clerk/nextjs": "^6.28.0",
-    "@google-analytics/data": "^5.1.0",
-    "@hookform/resolvers": "^3.9.0",
-    "@radix-ui/react-accordion": "^1.2.0",
-    "@radix-ui/react-alert-dialog": "^1.1.1",
-    "@radix-ui/react-aspect-ratio": "^1.1.0",
-    "@radix-ui/react-avatar": "^1.1.0",
-    "@radix-ui/react-checkbox": "^1.1.1",
-    "@radix-ui/react-collapsible": "^1.1.0",
-    "@radix-ui/react-context-menu": "^2.2.1",
-    "@radix-ui/react-dialog": "^1.1.1",
-    "@radix-ui/react-dropdown-menu": "^2.1.1",
-    "@radix-ui/react-hover-card": "^1.1.1",
-    "@radix-ui/react-label": "^2.1.0",
-    "@radix-ui/react-menubar": "^1.1.1",
-    "@radix-ui/react-navigation-menu": "^1.2.0",
-    "@radix-ui/react-popover": "^1.1.1",
-    "@radix-ui/react-progress": "^1.1.0",
-    "@radix-ui/react-radio-group": "^1.2.0",
-    "@radix-ui/react-scroll-area": "^1.1.0",
-    "@radix-ui/react-select": "^2.1.1",
-    "@radix-ui/react-separator": "^1.1.0",
-    "@radix-ui/react-slider": "^1.2.0",
-    "@radix-ui/react-slot": "^1.1.0",
-    "@radix-ui/react-switch": "^1.1.0",
-    "@radix-ui/react-tabs": "^1.1.0",
-    "@radix-ui/react-toast": "^1.2.1",
-    "@radix-ui/react-toggle": "^1.1.0",
-    "@radix-ui/react-toggle-group": "^1.1.0",
-    "@radix-ui/react-tooltip": "^1.1.2",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.0",
-    "ai": "^4.3.17",
-    "autoprefixer": "^10.4.20",
-    "chart.js": "^4.5.0",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.0.0",
-    "date-fns": "^3.6.0",
-    "deepmerge": "^4.3.1",
-    "embla-carousel-react": "^8.3.0",
-    "eslint": "^9.13.0",
-    "eslint-config-next": "^15.0.0",
-    "framer-motion": "^11.11.9",
-    "input-otp": "^1.2.4",
-    "lucide-react": "^0.446.0",
-    "next": "^15.0.0",
-    "next-themes": "^0.3.0",
-    "nodemailer": "^7.0.5",
-    "postcss": "^8.4.47",
-    "react": "^18.3.1",
-    "react-chartjs-2": "^5.3.0",
-    "react-day-picker": "^8.10.1",
-    "react-dom": "^18.3.1",
-    "react-hook-form": "^7.53.0",
-    "react-hot-toast": "^2.5.2",
-    "react-quill": "^2.0.0",
-    "react-resizable-panels": "^2.1.3",
-    "recharts": "^2.12.7",
-    "sonner": "^1.5.0",
-    "striptags": "^3.2.0",
-    "svix": "^1.69.0",
-    "tailwind-merge": "^2.5.2",
-    "tailwindcss": "^3.4.13",
-    "tailwindcss-animate": "^1.0.7",
-    "typescript": "^5.6.3",
-    "vaul": "^0.9.9",
-    "zod": "^3.23.8"
-  },
-  "devDependencies": {
-    "@types/lodash": "^4.17.20",
-    "@types/node": "^22.7.5",
-    "@types/nodemailer": "^6.4.17",
-    "cross-env": "^10.0.0"
-  }
-}
+{
+  "name": "@devvistatech/devvista-kit",
+  "version": "0.0.13",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "bin": {
+    "devvista-kit": "bin/init.js"
+  },
+  "files": [
+    "bin/**/*",
+    "app/**/*",
+    "components/**/*",
+    "lib/**/*",
+    "public/**/*",
+    "src/**/*",
+    "middleware.ts",
+    "hooks/**/*",
+    "utils/**/*",
+    "dist/**/*",
+    "next.config.js",
+    "tsconfig.json",
+    "tailwind.config.ts",
+    "postcss.config.js",
+    "globals.css",
+    "layout.tsx",
+    "CHANGELOG.md",
+    "README.md",
+    "netlify.toml"
+  ],
+  "scripts": {
+    "build": "next build",
+    "dev": "next dev",
+    "build:dev": "cross-env NODE_ENV=development next build",
+    "start:dev": "cross-env NODE_ENV=development next start",
+    "build:prod": "cross-env NODE_ENV=production next build",
+    "start:prod": "cross-env NODE_ENV=production next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@ai-sdk/openai": "^1.3.23",
+    "@clerk/nextjs": "^6.28.0",
+    "@google-analytics/data": "^5.1.0",
+    "@hookform/resolvers": "^3.9.0",
+    "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-alert-dialog": "^1.1.1",
+    "@radix-ui/react-aspect-ratio": "^1.1.0",
+    "@radix-ui/react-avatar": "^1.1.0",
+    "@radix-ui/react-checkbox": "^1.1.1",
+    "@radix-ui/react-collapsible": "^1.1.0",
+    "@radix-ui/react-context-menu": "^2.2.1",
+    "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-dropdown-menu": "^2.1.1",
+    "@radix-ui/react-hover-card": "^1.1.1",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-menubar": "^1.1.1",
+    "@radix-ui/react-navigation-menu": "^1.2.0",
+    "@radix-ui/react-popover": "^1.1.1",
+    "@radix-ui/react-progress": "^1.1.0",
+    "@radix-ui/react-radio-group": "^1.2.0",
+    "@radix-ui/react-scroll-area": "^1.1.0",
+    "@radix-ui/react-select": "^2.1.1",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slider": "^1.2.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-switch": "^1.1.0",
+    "@radix-ui/react-tabs": "^1.1.0",
+    "@radix-ui/react-toast": "^1.2.1",
+    "@radix-ui/react-toggle": "^1.1.0",
+    "@radix-ui/react-toggle-group": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.2",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.0",
+    "ai": "^4.3.17",
+    "autoprefixer": "^10.4.20",
+    "browser-image-compression": "^2.0.2",
+    "chart.js": "^4.5.0",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.0.0",
+    "date-fns": "^3.6.0",
+    "deepmerge": "^4.3.1",
+    "embla-carousel-react": "^8.3.0",
+    "eslint": "^9.13.0",
+    "eslint-config-next": "^15.0.0",
+    "framer-motion": "^11.11.9",
+    "input-otp": "^1.2.4",
+    "lucide-react": "^0.446.0",
+    "next": "^15.0.0",
+    "next-themes": "^0.3.0",
+    "nodemailer": "^7.0.5",
+    "postcss": "^8.4.47",
+    "react": "^18.3.1",
+    "react-chartjs-2": "^5.3.0",
+    "react-day-picker": "^8.10.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.53.0",
+    "react-hot-toast": "^2.5.2",
+    "react-quill": "^2.0.0",
+    "react-resizable-panels": "^2.1.3",
+    "recharts": "^2.12.7",
+    "sonner": "^1.5.0",
+    "striptags": "^3.2.0",
+    "svix": "^1.69.0",
+    "tailwind-merge": "^2.5.2",
+    "tailwindcss": "^3.4.13",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5.6.3",
+    "vaul": "^0.9.9",
+    "zod": "^3.23.8"
+  },
+  "devDependencies": {
+    "@types/lodash": "^4.17.20",
+    "@types/node": "^22.7.5",
+    "@types/nodemailer": "^6.4.17",
+    "cross-env": "^10.0.0"
+  }
+}