update readme; fix project after supabase resume

Author: floatrx

config/const.ts

@@ -5,7 +5,8 @@ export const SUPABASE_KEY: string = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY ||
 // - storage
 export const SUPABASE_DEFAULT_BUCKET = 'assets';
 export const SUPABASE_BUCKET_URL = `${SUPABASE_URL}/storage/v1/object/public/${SUPABASE_DEFAULT_BUCKET}`;
-export const MAX_FILE_SIZE = 2 * 1024 * 1024; // 2MB
+export const MAX_FILE_SIZE_MB = 5;
+export const MAX_FILE_SIZE_BYTES = MAX_FILE_SIZE_MB * 1024 * 1024; // 2MB
 
 // Other
 export const DEFAULT_URL = process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : 'http://localhost:3000';

features/post/components/PostTagsList.tsx

@@ -21,7 +21,7 @@ export const PostTagsList: RC<IProps> = ({ post, interactive, wrapperClassName,
 
   return (
     <div className={cn('stack flex-wrap items-center gap-2', wrapperClassName)}>
-      {tags.length === 0 && interactive && <span className="stack text-muted-foreground">Add Tag</span>}
+      {!tags.length && interactive && <span className="stack text-muted-foreground">Add Tag</span>}
       {tags.map((tag) => (
         // TODO: Tags could be non-interactive
         <Link key={tag.id} className="stack" href={`/tags/${tag.name}`}>

features/storage/actions/validators/uploadFileSchema.ts

@@ -1,6 +1,6 @@
 import { z } from 'zod';
 
-import { MAX_FILE_SIZE } from '@/config/const';
+import { MAX_FILE_SIZE_BYTES } from '@/config/const';
 
 /**
  * NOTE: We can't pass `File` directly to the server-actions, so we need to wrap it to `FormData`
@@ -13,5 +13,5 @@ export const UploadFileSchema = z.object({
     .refine((formData) => formData.has('file'), 'Expected FormData to contain a file')
     .transform((formData) => formData.get('file') as File)
     .refine((f) => f instanceof File, 'Expected FormData `file` to be an instance of File')
-    .refine(({ size }) => size <= MAX_FILE_SIZE, 'File size exceeds max size'),
+    .refine(({ size }) => size <= MAX_FILE_SIZE_BYTES, 'File size exceeds max size'),
 });

features/storage/hooks/useUploadImage.ts

@@ -4,6 +4,7 @@ import { useState, useEffect } from 'react';
 import { toast } from 'sonner';
 import { useServerAction } from 'zsa-react';
 
+import { MAX_FILE_SIZE_MB } from '@/config/const';
 import { uploadImage } from '@/features/storage/actions/uploadImage';
 import { checkFileSize, wrapFileWithFormData } from '@/features/storage/lib/file';
 import { getImageUrl } from '@/lib/supabase/storage';
@@ -41,7 +42,7 @@ export const useUploadImage = (initialValue?: string | null) => {
 
     // Check if the file size exceeds 2MB
     if (!checkFileSize(file)) {
-      toast.error('File size exceeds 2MB.');
+      toast.error(`File size exceeds ${MAX_FILE_SIZE_MB}MB.`);
 
       return;
     }
@@ -58,7 +59,8 @@ export const useUploadImage = (initialValue?: string | null) => {
       setImgUrl(getImageUrl(result.path));
       toast.success('File uploaded successfully.');
     } catch (e) {
-      toast.error('Error uploading file:', e.message);
+      toast.error(`Error uploading file: ${e.message}`);
+      console.log(e);
     }
   };
 

features/storage/lib/file.ts

@@ -1,4 +1,4 @@
-import { MAX_FILE_SIZE } from '@/config/const';
+import { MAX_FILE_SIZE_BYTES } from '@/config/const';
 
 /**
  * Get a file from a request by input name (key)
@@ -43,7 +43,7 @@ const safeFileName = (filename: string): string => {
  * @param file
  * @param maxSize - Maximum file size in bytes (default: 2MB / const.ts)
  */
-export const checkFileSize = (file: File, maxSize: number = MAX_FILE_SIZE): boolean => {
+export const checkFileSize = (file: File, maxSize: number = MAX_FILE_SIZE_BYTES): boolean => {
   return file.size <= maxSize;
 };
 

lib/supabase/readme.md

@@ -50,3 +50,54 @@ with check (
   true
 );
 ```
+
+### Tables 
+```sql
+CREATE TABLE public.posts (
+    id integer NOT NULL,
+    title text DEFAULT ''::text NOT NULL,
+    content text DEFAULT ''::text NOT NULL,
+    slug text DEFAULT ''::text NOT NULL,
+    id_author uuid DEFAULT auth.uid() NOT NULL,
+    published_at timestamp without time zone,
+    created_at timestamp without time zone DEFAULT (now() AT TIME ZONE 'utc'::text) NOT NULL,
+    updated_at timestamp without time zone DEFAULT (now() AT TIME ZONE 'utc'::text) NOT NULL,
+    is_published boolean DEFAULT false NOT NULL,
+    seo_title text,
+    seo_description text,
+    thumbnail text
+);
+
+CREATE TABLE public.notes (
+    id bigint NOT NULL,
+    title text,
+    id_author uuid DEFAULT auth.uid(),
+    is_done boolean,
+    id_status smallint DEFAULT '1'::smallint
+);
+
+CREATE TABLE public.post_tags (
+    post_id integer NOT NULL,
+    tag_id integer NOT NULL
+);
+
+CREATE TABLE public.profiles (
+    id uuid NOT NULL,
+    id_role smallint DEFAULT '1'::smallint NOT NULL,
+    username text DEFAULT ''::text NOT NULL,
+    email character varying DEFAULT ''::character varying NOT NULL,
+    avatar text DEFAULT ''::text NOT NULL,
+    updated_at timestamp with time zone,
+    created_at timestamp with time zone DEFAULT (now() AT TIME ZONE 'utc'::text) NOT NULL
+);
+
+CREATE TABLE public.roles (
+    id smallint NOT NULL,
+    name character varying(255) NOT NULL
+);
+
+CREATE TABLE public.statuses (
+    id smallint NOT NULL,
+    name text
+);
+```

readme.md

@@ -1,5 +1,12 @@
 # Next.js, NextUI with Supabase
 
+## Screenshots
+
+![Screenshot 1](screenshots/scr-login.png)
+![Screenshot 2](screenshots/scr-1.png)
+![Screenshot 2](screenshots/scr-2.png)
+![Screenshot 2](screenshots/scr-editor.png)
+
 ## Technologies Used
 
 - [Next.js 14](https://nextjs.org/docs/getting-started)

screenshots/scr-1.png

@@ -30,7 +30,7 @@ export type Database = {
             foreignKeyName: 'notes_id_author_fkey';
             columns: ['id_author'];
             isOneToOne: false;
-            referencedRelation: 'users';
+            referencedRelation: 'profiles';
             referencedColumns: ['id'];
           },
           {
@@ -117,7 +117,7 @@ export type Database = {
         };
         Relationships: [
           {
-            foreignKeyName: 'posts_id_author_fkey1';
+            foreignKeyName: 'posts_id_author_fkey';
             columns: ['id_author'];
             isOneToOne: false;
             referencedRelation: 'profiles';
@@ -139,7 +139,7 @@ export type Database = {
           avatar?: string;
           created_at?: string;
           email?: string;
-          id: string;
+          id?: string;
           id_role?: number;
           updated_at?: string | null;
           username?: string;
@@ -154,20 +154,6 @@ export type Database = {
           username?: string;
         };
         Relationships: [
-          {
-            foreignKeyName: 'profiles_auth_users_id_fkey';
-            columns: ['id'];
-            isOneToOne: true;
-            referencedRelation: 'users';
-            referencedColumns: ['id'];
-          },
-          {
-            foreignKeyName: 'profiles_email_fkey';
-            columns: ['email'];
-            isOneToOne: true;
-            referencedRelation: 'users';
-            referencedColumns: ['email'];
-          },
           {
             foreignKeyName: 'profiles_id_role_fkey';
             columns: ['id_role'];
@@ -309,3 +295,16 @@ export type Enums<
   : PublicEnumNameOrOptions extends keyof PublicSchema['Enums']
     ? PublicSchema['Enums'][PublicEnumNameOrOptions]
     : never;
+
+export type CompositeTypes<
+  PublicCompositeTypeNameOrOptions extends keyof PublicSchema['CompositeTypes'] | { schema: keyof Database },
+  CompositeTypeName extends PublicCompositeTypeNameOrOptions extends {
+    schema: keyof Database;
+  }
+    ? keyof Database[PublicCompositeTypeNameOrOptions['schema']]['CompositeTypes']
+    : never = never,
+> = PublicCompositeTypeNameOrOptions extends { schema: keyof Database }
+  ? Database[PublicCompositeTypeNameOrOptions['schema']]['CompositeTypes'][CompositeTypeName]
+  : PublicCompositeTypeNameOrOptions extends keyof PublicSchema['CompositeTypes']
+    ? PublicSchema['CompositeTypes'][PublicCompositeTypeNameOrOptions]
+    : never;