✨ Load pictures

src/lib/server/db/index.ts

@@ -1,9 +1,9 @@
 import { MONGODB_URL } from '$env/static/private';
 import { MongoClient } from 'mongodb';
 import { createPageCollection } from './page';
-// import { createPictureCollections } from './picture';
-// import { createProductCollection } from './product';
-// import { createUserCollection } from './user';
+import { createPictureCollections } from './picture';
+import { createProductCollection } from './product';
+import { createUserCollection } from './user';
 
 const client = new MongoClient(MONGODB_URL, {
 	directConnection: true
@@ -14,8 +14,8 @@ export const connectPromise = client.connect().catch(console.error);
 const db = client.db('bergere');
 
 const pages = createPageCollection(db, client);
-// const users = createUserCollection(db, client);
-// const Products = createProductCollection(db);
-// const { Pictures, PicturesFs } = createPictureCollections(db, client);
+const users = createUserCollection(db, client);
+const products = createProductCollection(db);
+const { pictures, picturesFs } = createPictureCollections(db);
 
-export { client, db, pages /* users, Pictures, PicturesFs, Products */ };
+export { client, db, pages, users, pictures, picturesFs, products };

src/lib/server/db/picture.ts

@@ -0,0 +1,12 @@
+import type { PictureFs, Picture } from '$lib/types/Picture';
+import type { Collection, Db } from 'mongodb';
+
+export function createPictureCollections(db: Db): {
+	pictures: Collection<Picture>;
+	picturesFs: Collection<PictureFs>;
+} {
+	const coll = db.collection<Picture>('pictures');
+	const fs = db.collection<PictureFs>('pictures.fs');
+
+	return { pictures: coll, picturesFs: fs };
+}

src/lib/server/db/product.ts

@@ -0,0 +1,8 @@
+import type { Product } from '$lib/types/Product';
+import type { Collection, Db } from 'mongodb';
+
+export function createProductCollection(db: Db): Collection<Product> {
+	const coll = db.collection<Product>('products');
+
+	return coll;
+}

src/lib/server/db/user.ts

@@ -0,0 +1,24 @@
+import type { User } from '$lib/types/User';
+import type { Collection, Db, MongoClient } from 'mongodb';
+
+export function createUserCollection(db: Db, client: MongoClient): Collection<User> {
+	const coll = db.collection<User>('users');
+
+	client.on('open', () => {
+		coll
+			.createIndex(
+				{
+					email: 1
+				},
+				{
+					collation: {
+						locale: 'en',
+						strength: 1
+					}
+				}
+			)
+			.catch(console.error);
+	});
+
+	return coll;
+}

src/lib/types/Product.ts

@@ -0,0 +1,13 @@
+import type { Picture } from './Picture';
+import type { Timestamps } from './Timestamps';
+
+export interface Product extends Timestamps {
+	_id: string;
+	name: string;
+	description: string;
+	price: number;
+	kind: 'armchair' | 'cushion';
+	state: 'draft' | 'published' | 'retired';
+
+	photos: Picture[];
+}

src/lib/types/User.ts

@@ -0,0 +1,8 @@
+import type { Timestamps } from './Timestamps';
+
+export interface User extends Timestamps {
+	email: string;
+	hash: string;
+	token?: string;
+	authority?: 'admin';
+}

src/lib/utils/filterNullish.ts

@@ -0,0 +1,3 @@
+export function filterNullish<T>(arr: (T | null | undefined)[]): T[] {
+	return arr.filter((x): x is T => x !== undefined && x !== null);
+}

src/routes/+layout.server.ts

@@ -2,14 +2,21 @@ import type { LayoutServerLoad } from './$types';
 import '$lib/server/db';
 import { pages } from '$lib/server/db/page';
 import type { Picture } from '$lib/types/Picture';
+import { filterNullish } from '$lib/utils/filterNullish';
+import { pictures } from '$lib/server/db';
 
 export const load: LayoutServerLoad = async (input) => {
 	const pageId = input.url.pathname;
 
 	if (pageId in pages) {
+		const pageData = pages[pageId as keyof typeof pages];
+
+		const pictureIds = filterNullish(Object.values(pageData.pictures));
+		const pics = await pictures.find({ _id: { $in: pictureIds } }).toArray();
+
 		return {
-			pageData: pages[pageId as keyof typeof pages],
-			pictures: [] as Picture[]
+			pageData,
+			pictures: pics
 		};
 	}
 

src/routes/photos/raw/[id]/+server.ts

@@ -0,0 +1,14 @@
+import { picturesFs } from '$lib/server/db';
+import { error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+
+export const GET: RequestHandler = async ({ params }) => {
+	const fs = await picturesFs.findOne({ _id: params.id });
+
+	if (!fs) {
+		throw error(404, 'Image non trouvée');
+	}
+	return new Response(new Uint8Array(fs.data.buffer, 0, fs.data.buffer.byteLength), {
+		headers: { 'Content-Type': 'image/webp' }
+	});
+};