Improvement/On mobile, the filter(Format,decade,added) are in vertical instead of horizontal

Improvement/On mobile, reset password have a weird design. It will bere more polish to add button and reset password on a new page
Feature/Share collection with other users

Author: Jeanball

VERSION

@@ -1 +1 @@
-1.2.0
+1.3.0

backend/package-lock.json

@@ -26,6 +26,7 @@
     "jsonwebtoken": "^9.0.2",
     "mongoose": "^8.16.0",
     "multer": "^2.0.2",
+    "uuid": "^13.0.0",
     "winston": "^3.18.3"
   },
   "devDependencies": {
@@ -35,8 +36,9 @@
     "@types/express": "^5.0.3",
     "@types/jsonwebtoken": "^9.0.10",
     "@types/node": "^24.0.3",
+    "@types/uuid": "^10.0.0",
     "nodemon": "^3.1.10",
     "ts-node": "^10.9.2",
     "typescript": "^5.8.3"
   }
-}
+}

backend/package.json

@@ -292,7 +292,7 @@ export async function updateCollectionItem(req: Request, res: Response) {
 
     const updatedItem = await CollectionItem.findOneAndUpdate(
       { _id: itemId, user: req.user._id },
-      { $set: { "format.name": format.name } },
+      { $set: { "format.name": format.name, "format.text": format.name } },
       { new: true }
     );
 

backend/src/controllers/collection.controller.ts

@@ -0,0 +1,45 @@
+import { Request, Response } from 'express';
+import User from '../models/User';
+import CollectionItem from '../models/CollectionItem';
+import { IAlbum } from '../models/Album';
+
+export async function getPublicCollection(req: Request, res: Response) {
+    try {
+        const { shareId } = req.params;
+
+        // Find user by publicShareId
+        const user = await User.findOne({ publicShareId: shareId });
+
+        if (!user) {
+            res.status(404).json({ message: 'Collection not found' });
+            return;
+        }
+
+        // Check if collection is public
+        if (!user.preferences?.isPublic) {
+            res.status(404).json({ message: 'Collection not found' });
+            return;
+        }
+
+        // Fetch collection items for this user
+        const collection = await CollectionItem.find({ user: user._id })
+            .populate<{ album: IAlbum }>('album');
+
+        // Sort by artist
+        collection.sort((a, b) => {
+            if (a.album && b.album) {
+                return a.album.artist.localeCompare(b.album.artist);
+            }
+            return 0;
+        });
+
+        res.status(200).json({
+            username: user.username,
+            collection: collection,
+            total: collection.length
+        });
+    } catch (error) {
+        console.error('Error fetching public collection:', error);
+        res.status(500).json({ message: 'Internal server error' });
+    }
+}

backend/src/controllers/public.controller.ts

@@ -84,17 +84,20 @@ export async function createAdminUser(req: Request, res: Response) {
 export async function getPreferences(req: Request, res: Response) {
     try {
         if (!req.user) {
-            res.status(401).json({ message: "Non autorisé" });
+            res.status(401).json({ message: "Unauthorized" });
             return;
         }
 
-        const user = await User.findById(req.user._id).select('preferences');
+        const user = await User.findById(req.user._id).select('preferences publicShareId');
         if (!user) {
             res.status(404).json({ message: "User not found" });
             return;
         }
 
-        res.status(200).json(user.preferences);
+        res.status(200).json({
+            ...user.preferences,
+            publicShareId: user.preferences?.isPublic ? user.publicShareId : null
+        });
     } catch (error) {
         console.error("Error in getPreferences controller", error);
         res.status(500).json({ message: "Internal server error" });
@@ -104,28 +107,32 @@ export async function getPreferences(req: Request, res: Response) {
 export async function updatePreferences(req: Request, res: Response) {
     try {
         if (!req.user) {
-            res.status(401).json({ message: "Non autorisé" });
+            res.status(401).json({ message: "Unauthorized" });
             return;
         }
 
-        const { theme } = req.body;
+        const { theme, isPublic } = req.body;
 
         const user = await User.findById(req.user._id);
         if (!user) {
             res.status(404).json({ message: "User not found" });
             return;
         }
 
-        // Mettre à jour les préférences
+        // Update preferences
         if (theme !== undefined) {
             user.preferences = { ...user.preferences, theme };
         }
+        if (isPublic !== undefined) {
+            user.preferences = { ...user.preferences, isPublic };
+        }
 
         await user.save();
 
         res.status(200).json({
             message: "Preferences updated successfully",
-            preferences: user.preferences
+            preferences: user.preferences,
+            publicShareId: user.preferences.isPublic ? user.publicShareId : null
         });
     } catch (error) {
         console.error("Error in updatePreferences controller", error);

backend/src/controllers/users.controller.ts

@@ -1,8 +1,10 @@
 import mongoose, { Schema, Document } from "mongoose"
 import bcrypt from "bcryptjs"
+import { v4 as uuidv4 } from 'uuid'
 
 export interface IUserPreferences {
   theme: string
+  isPublic: boolean
 }
 
 export interface IUser extends Document {
@@ -11,6 +13,7 @@ export interface IUser extends Document {
   password: string
   isAdmin: boolean
   preferences: IUserPreferences
+  publicShareId: string
   createdAt: Date
   lastLogin?: Date
   comparePassword(password: string): Promise<boolean>
@@ -39,8 +42,18 @@ const userSchema = new Schema<IUser>({
     theme: {
       type: String,
       default: 'dark'
+    },
+    isPublic: {
+      type: Boolean,
+      default: false
     }
   },
+  publicShareId: {
+    type: String,
+    unique: true,
+    sparse: true, // Allows null/undefined while maintaining uniqueness
+    default: () => uuidv4()
+  },
   createdAt: {
     type: Date,
     default: Date.now,

backend/src/models/User.ts

@@ -0,0 +1,9 @@
+import { Router } from 'express';
+import { getPublicCollection } from '../controllers/public.controller';
+
+const router = Router();
+
+// Public collection endpoint - no authentication required
+router.get('/:shareId', getPublicCollection);
+
+export default router;

backend/src/routes/public.route.ts

@@ -14,6 +14,7 @@ import usersRoute from "./routes/users.route"
 import discogsRoute from './routes/discogs.route'
 import authRoute from './routes/auth.route'
 import collectionRoute from './routes/collection.route'
+import publicRoute from './routes/public.route'
 dotenv.config()
 
 // Read version from environment variable (Docker) or VERSION file (development)
@@ -108,6 +109,7 @@ app.use('/api/auth', rateLimit({
     max: 100 // limit each IP to 100 requests per windowMs
 }), authRoute);
 app.use('/api/collection', collectionRoute)
+app.use('/api/public', publicRoute)
 
 // Version middleware - adds version header to all responses
 app.use((req, res, next) => {

backend/src/server.ts

@@ -13,6 +13,7 @@ import AdminPage from './pages/AdminPage';
 import HomePage from './pages/HomePage';
 import LandingPage from './pages/LandingPage';
 import AlbumDetailPage from './pages/AlbumDetailPage';
+import PublicCollectionPage from './pages/PublicCollectionPage';
 import { ThemeProvider } from './context/ThemeContext';
 import PrivateLayout from './components/Layout/PrivateLayout';
 
@@ -32,6 +33,9 @@ const App = () => {
               <Route path='/signup' element={<SignupPage />} />
             </Route>
 
+            {/* Public Collection Route - No Auth Required */}
+            <Route path="/collection/:shareId" element={<PublicCollectionPage />} />
+
             {/* Protected Routes - User Theme */}
             <Route path="/app" element={<PrivateLayout />}>
               <Route index element={<HomePage />} />