Patch

Author: ijlee2

my-app/app/mirage/factories/product.ts

@@ -31,7 +31,7 @@ export default class ApplicationRoute extends Route {
     if (isDevelopment || isProduction) {
       // @ts-expect-error: Incorrect type
       const { default: createServer } = importSync(
-        'my-app/mirage/servers/default',
+        '../../mirage/servers/default',
       );
 
       // eslint-disable-next-line @typescript-eslint/no-unsafe-call

my-app/app/mirage/models/product.ts

@@ -1,4 +1,4 @@
-import product from './product';
+import { product } from './utils';
 
 export const factories = {
   product,

my-app/app/mirage/routes/default.ts

@@ -0,0 +1 @@
+export * from './product';

my-app/app/mirage/serializers/application.ts

@@ -1,6 +1,7 @@
 import { faker } from '@faker-js/faker';
+import { Factory } from 'miragejs';
 
-export const categoryIds = [
+const categoryIds = [
   'bacon',
   'balloon',
   'cake',
@@ -52,7 +53,6 @@ const imageIds: Record<CategoryId, string[]> = {
     '3052366',
     '59943',
   ],
-
   balloon: [
     '574282',
     '772478',
@@ -80,7 +80,6 @@ const imageIds: Record<CategoryId, string[]> = {
     '1740103',
     '1441024',
   ],
-
   cake: [
     '291528',
     '1055272',
@@ -110,7 +109,6 @@ const imageIds: Record<CategoryId, string[]> = {
     '806363',
     '954199',
   ],
-
   chair: [
     '963486',
     '1701100',
@@ -142,7 +140,6 @@ const imageIds: Record<CategoryId, string[]> = {
     '1029796',
     '1366875',
   ],
-
   fish: [
     '3606800',
     '842142',
@@ -205,7 +202,6 @@ const imageIds: Record<CategoryId, string[]> = {
     '3296544',
     '1199973',
   ],
-
   gloves: [
     '63448',
     '735307',
@@ -236,7 +232,6 @@ const imageIds: Record<CategoryId, string[]> = {
     '669578',
     '242829',
   ],
-
   hat: [
     '984619',
     '674268',
@@ -267,7 +262,6 @@ const imageIds: Record<CategoryId, string[]> = {
     '1229942',
     '1079783',
   ],
-
   mug: [
     '606542',
     '1207918',
@@ -298,7 +292,6 @@ const imageIds: Record<CategoryId, string[]> = {
     '714093',
     '414645',
   ],
-
   pants: [
     '1598507',
     '346749',
@@ -326,7 +319,6 @@ const imageIds: Record<CategoryId, string[]> = {
     '3608205',
     '1546694',
   ],
-
   pasta: [
     '1437267',
     '1487511',
@@ -376,7 +368,6 @@ const imageIds: Record<CategoryId, string[]> = {
     '688804',
     '725997',
   ],
-
   pizza: [
     '708587',
     '905847',
@@ -409,7 +400,6 @@ const imageIds: Record<CategoryId, string[]> = {
     '1653772',
     '2180875',
   ],
-
   sausages: [
     '929137',
     '1857732',
@@ -436,7 +426,6 @@ const imageIds: Record<CategoryId, string[]> = {
     '53626',
     '605626',
   ],
-
   shoes: [
     '336372',
     '1335463',
@@ -468,7 +457,6 @@ const imageIds: Record<CategoryId, string[]> = {
     '1858407',
     '298863',
   ],
-
   soap: [
     '773252',
     '208483',
@@ -497,7 +485,6 @@ const imageIds: Record<CategoryId, string[]> = {
     '3059615',
     '302743',
   ],
-
   towel: [
     '12679',
     '374071',
@@ -549,7 +536,7 @@ const names: Record<CategoryId, string> = {
   towel: 'Towel',
 };
 
-export function getImageUrl(categoryId: CategoryId): string {
+function getImageUrl(categoryId: CategoryId): string {
   if (!(categoryId in imageIds)) {
     throw new Error(`Unknown category id: ${categoryId}`);
   }
@@ -559,6 +546,42 @@ export function getImageUrl(categoryId: CategoryId): string {
   return `https://images.pexels.com/photos/${imageId}/pexels-photo-${imageId}.jpeg?auto=compress&cs=tinysrgb&dpr=1&h=256`;
 }
 
-export function getName(categoryId: CategoryId): string {
+function getName(categoryId: CategoryId): string {
   return names[categoryId];
 }
+
+export const product = Factory.extend({
+  categoryId() {
+    return faker.helpers.arrayElement(categoryIds);
+  },
+
+  description() {
+    return faker.lorem.sentences();
+  },
+
+  imageUrl() {
+    // @ts-expect-error: Incorrect type
+    return getImageUrl(this.categoryId);
+  },
+
+  name() {
+    // @ts-expect-error: Incorrect type
+    return `${faker.commerce.productMaterial()} ${getName(this.categoryId)}`;
+  },
+
+  price() {
+    return faker.number.float({ max: 100, min: 5, multipleOf: 1 });
+  },
+
+  rating() {
+    return faker.number.float({ max: 5, min: 1, multipleOf: 0.5 });
+  },
+
+  seller() {
+    return faker.company.name();
+  },
+
+  shortDescription() {
+    return faker.company.catchPhrase();
+  },
+});

my-app/app/routes/application.ts

@@ -1,4 +1,4 @@
-import product from './product';
+import { product } from './utils';
 
 export const models = {
   product,