feat: Implement song search and refactor song browser

GEMINI.md

@@ -0,0 +1,29 @@
+# Gemini Workspace Instructions
+
+This document provides instructions for the Gemini AI assistant to effectively interact with the NoteBlockWorld project.
+
+## Package Manager
+
+This project uses **Bun** as the package manager and runtime. Do not use `npm`, `yarn`, or `pnpm`.
+
+- **Installation:** `bun install`
+- **Running scripts:** `bun run <script_name>`
+- **Adding dependencies:** `bun add <package_name>`
+- **Running tests:** `bun test`
+
+## Project Structure
+
+This is a TypeScript monorepo managed with Bun workspaces.
+
+- **`apps/`**: Contains the main applications.
+    - **`apps/backend`**: A NestJS application for the server-side logic.
+    - **`apps/frontend`**: A Next.js application for the user interface.
+- **`packages/`**: Contains shared libraries and modules used across the monorepo.
+    - **`packages/api-client`**: Client for communicating with the backend API.
+    - **`packages/configs`**: Shared configurations (e.g., ESLint, Prettier).
+    - **`packages/database`**: Database schemas, queries, and connection logic.
+    - **`packages/song`**: Core logic for handling and manipulating song data.
+    - **`packages/sounds`**: Logic related to fetching and managing sounds.
+    - **`packages/thumbnail`**: A library for generating song thumbnails.
+- **`tests/`**: Contains end-to-end tests, likely using Cypress.
+- **`tsconfig.base.json`**: The base TypeScript configuration for the entire monorepo.

NoteBlockWorld.code-workspace

@@ -1,9 +1,5 @@
 {
     "folders": [
-        {
-            "path": ".",
-            "name": "Root"
-        },
         {
             "path": "./apps/backend",
             "name": "Backend"
@@ -32,6 +28,10 @@
             "path": "./packages/thumbnail",
             "name": "thumbnail"
         },
+        {
+            "path": ".",
+            "name": "Root"
+        },
     ],
     "settings": {
         "window.title": "${dirty}${rootName}${separator}${profileName}${separator}${appName}",

apps/backend/package.json

@@ -14,14 +14,15 @@
     "start:dev": "bun --watch run src/main.ts",
     "start:debug": "bun --watch run src/main.ts",
     "start:prod": "node dist/main",
-    "lint": "eslint \"src/**/*.ts\" --fix",
+    "lint": "eslint \"src/**/*.ts\" --fix --config ../../eslint.config.ts",
     "test": "bun test src/**/*.spec.ts",
     "test:watch": "bun test src/**/*.spec.ts --watch",
     "test:cov": "bun test src/**/*.spec.ts --coverage",
     "test:debug": "bun --inspect-brk --runInBand",
     "test:e2e": "bun test e2e/**/*.spec.ts"
   },
   "dependencies": {
+    "@types/bun": "^1.2.10",
     "@aws-sdk/client-s3": "3.717.0",
     "@aws-sdk/s3-request-presigner": "3.717.0",
     "@encode42/nbs.js": "^5.0.2",
@@ -67,6 +68,7 @@
     "@nestjs/cli": "^10.4.9",
     "@nestjs/schematics": "^10.2.3",
     "@nestjs/testing": "^10.4.15",
+    "@stylistic/eslint-plugin": "^5.4.0",
     "@types/bcryptjs": "^2.4.6",
     "@types/bun": "^1.2.10",
     "@types/express": "^4.17.21",

apps/backend/scripts/build.ts

@@ -61,11 +61,11 @@ const build = async () => {
 
   const result = await Bun.build({
     entrypoints: ['./src/main.ts'],
-    outdir: './dist',
-    target: 'bun',
-    minify: false,
-    sourcemap: 'linked',
-    external: optionalRequirePackages.filter((pkg) => {
+    outdir     : './dist',
+    target     : 'bun',
+    minify     : false,
+    sourcemap  : 'linked',
+    external   : optionalRequirePackages.filter((pkg) => {
       try {
         require(pkg);
         return false;

apps/backend/src/app.module.ts

@@ -14,48 +14,47 @@ import { ParseTokenPipe } from './lib/parseToken';
 import { MailingModule } from './mailing/mailing.module';
 import { SeedModule } from './seed/seed.module';
 import { SongModule } from './song/song.module';
-import { SongBrowserModule } from './song-browser/song-browser.module';
 import { UserModule } from './user/user.module';
 
 @Module({
   imports: [
     ConfigModule.forRoot({
-      isGlobal: true,
+      isGlobal   : true,
       envFilePath: ['.env.development', '.env.production'],
       validate,
     }),
     //DatabaseModule,
     MongooseModule.forRootAsync({
-      imports: [ConfigModule],
-      inject: [ConfigService],
+      imports   : [ConfigModule],
+      inject    : [ConfigService],
       useFactory: (
         configService: ConfigService,
       ): MongooseModuleFactoryOptions => {
         const url = configService.getOrThrow<string>('MONGO_URL');
         Logger.debug(`Connecting to ${url}`);
 
         return {
-          uri: url,
+          uri          : url,
           retryAttempts: 10,
-          retryDelay: 3000,
+          retryDelay   : 3000,
         };
       },
     }),
     // Mailing
     MailerModule.forRootAsync({
-      imports: [ConfigModule],
+      imports   : [ConfigModule],
       useFactory: (configService: ConfigService) => {
         const transport = configService.getOrThrow<string>('MAIL_TRANSPORT');
         const from = configService.getOrThrow<string>('MAIL_FROM');
         AppModule.logger.debug(`MAIL_TRANSPORT: ${transport}`);
         AppModule.logger.debug(`MAIL_FROM: ${from}`);
         return {
           transport: transport,
-          defaults: {
+          defaults : {
             from: from,
           },
           template: {
-            dir: __dirname + '/mailing/templates',
+            dir    : __dirname + '/mailing/templates',
             adapter: new HandlebarsAdapter(),
             options: {
               strict: true,
@@ -68,24 +67,23 @@ import { UserModule } from './user/user.module';
     // Throttler
     ThrottlerModule.forRoot([
       {
-        ttl: 60,
+        ttl  : 60,
         limit: 256, // 256 requests per minute
       },
     ]),
     SongModule,
     UserModule,
     AuthModule.forRootAsync(),
     FileModule.forRootAsync(),
-    SongBrowserModule,
     SeedModule.forRoot(),
     EmailLoginModule,
     MailingModule,
   ],
   controllers: [],
-  providers: [
+  providers  : [
     ParseTokenPipe,
     {
-      provide: APP_GUARD,
+      provide : APP_GUARD,
       useClass: ThrottlerGuard,
     },
   ],

apps/backend/src/auth/auth.controller.spec.ts

@@ -6,10 +6,10 @@ import { AuthService } from './auth.service';
 import { MagicLinkEmailStrategy } from './strategies/magicLinkEmail.strategy';
 
 const mockAuthService = {
-  githubLogin: jest.fn(),
-  googleLogin: jest.fn(),
-  discordLogin: jest.fn(),
-  verifyToken: jest.fn(),
+  githubLogin   : jest.fn(),
+  googleLogin   : jest.fn(),
+  discordLogin  : jest.fn(),
+  verifyToken   : jest.fn(),
   loginWithEmail: jest.fn(),
 };
 
@@ -24,13 +24,13 @@ describe('AuthController', () => {
   beforeEach(async () => {
     const module: TestingModule = await Test.createTestingModule({
       controllers: [AuthController],
-      providers: [
+      providers  : [
         {
-          provide: AuthService,
+          provide : AuthService,
           useValue: mockAuthService,
         },
         {
-          provide: MagicLinkEmailStrategy,
+          provide : MagicLinkEmailStrategy,
           useValue: mockMagicLinkEmailStrategy,
         },
       ],

apps/backend/src/auth/auth.controller.ts

@@ -32,7 +32,7 @@ export class AuthController {
   @Throttle({
     default: {
       // one every 1 hour
-      ttl: 60 * 60 * 1000,
+      ttl  : 60 * 60 * 1000,
       limit: 1,
     },
   })
@@ -44,11 +44,11 @@ export class AuthController {
       content: {
         'application/json': {
           schema: {
-            type: 'object',
+            type      : 'object',
             properties: {
               destination: {
-                type: 'string',
-                example: '[email protected]',
+                type       : 'string',
+                example    : '[email protected]',
                 description: 'Email address to send the magic link to',
               },
             },
@@ -58,7 +58,7 @@ export class AuthController {
       },
     },
   })
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+   
   public async magicLinkLogin(@Req() req: Request, @Res() res: Response) {
     throw new HttpException('Not implemented', HttpStatus.NOT_IMPLEMENTED);
     // TODO: uncomment this line to enable magic link login

apps/backend/src/auth/auth.module.ts

@@ -17,14 +17,14 @@ import { MagicLinkEmailStrategy } from './strategies/magicLinkEmail.strategy';
 export class AuthModule {
   static forRootAsync(): DynamicModule {
     return {
-      module: AuthModule,
+      module : AuthModule,
       imports: [
         UserModule,
         ConfigModule.forRoot(),
         MailingModule,
         JwtModule.registerAsync({
-          inject: [ConfigService],
-          imports: [ConfigModule],
+          inject    : [ConfigService],
+          imports   : [ConfigModule],
           useFactory: async (config: ConfigService) => {
             const JWT_SECRET = config.get('JWT_SECRET');
             const JWT_EXPIRES_IN = config.get('JWT_EXPIRES_IN');
@@ -39,14 +39,14 @@ export class AuthModule {
             }
 
             return {
-              secret: JWT_SECRET,
+              secret     : JWT_SECRET,
               signOptions: { expiresIn: JWT_EXPIRES_IN || '60s' },
             };
           },
         }),
       ],
       controllers: [AuthController],
-      providers: [
+      providers  : [
         AuthService,
         ConfigService,
         GoogleStrategy,
@@ -55,56 +55,56 @@ export class AuthModule {
         MagicLinkEmailStrategy,
         JwtStrategy,
         {
-          inject: [ConfigService],
-          provide: 'COOKIE_EXPIRES_IN',
+          inject    : [ConfigService],
+          provide   : 'COOKIE_EXPIRES_IN',
           useFactory: (configService: ConfigService) =>
             configService.getOrThrow<string>('COOKIE_EXPIRES_IN'),
         },
         {
-          inject: [ConfigService],
-          provide: 'SERVER_URL',
+          inject    : [ConfigService],
+          provide   : 'SERVER_URL',
           useFactory: (configService: ConfigService) =>
             configService.getOrThrow<string>('SERVER_URL'),
         },
         {
-          inject: [ConfigService],
-          provide: 'FRONTEND_URL',
+          inject    : [ConfigService],
+          provide   : 'FRONTEND_URL',
           useFactory: (configService: ConfigService) =>
             configService.getOrThrow<string>('FRONTEND_URL'),
         },
         {
-          inject: [ConfigService],
-          provide: 'JWT_SECRET',
+          inject    : [ConfigService],
+          provide   : 'JWT_SECRET',
           useFactory: (configService: ConfigService) =>
             configService.getOrThrow<string>('JWT_SECRET'),
         },
         {
-          inject: [ConfigService],
-          provide: 'JWT_EXPIRES_IN',
+          inject    : [ConfigService],
+          provide   : 'JWT_EXPIRES_IN',
           useFactory: (configService: ConfigService) =>
             configService.getOrThrow<string>('JWT_EXPIRES_IN'),
         },
         {
-          inject: [ConfigService],
-          provide: 'JWT_REFRESH_SECRET',
+          inject    : [ConfigService],
+          provide   : 'JWT_REFRESH_SECRET',
           useFactory: (configService: ConfigService) =>
             configService.getOrThrow<string>('JWT_REFRESH_SECRET'),
         },
         {
-          inject: [ConfigService],
-          provide: 'JWT_REFRESH_EXPIRES_IN',
+          inject    : [ConfigService],
+          provide   : 'JWT_REFRESH_EXPIRES_IN',
           useFactory: (configService: ConfigService) =>
             configService.getOrThrow<string>('JWT_REFRESH_EXPIRES_IN'),
         },
         {
-          inject: [ConfigService],
-          provide: 'MAGIC_LINK_SECRET',
+          inject    : [ConfigService],
+          provide   : 'MAGIC_LINK_SECRET',
           useFactory: (configService: ConfigService) =>
             configService.getOrThrow<string>('MAGIC_LINK_SECRET'),
         },
         {
-          inject: [ConfigService],
-          provide: 'APP_DOMAIN',
+          inject    : [ConfigService],
+          provide   : 'APP_DOMAIN',
           useFactory: (configService: ConfigService) =>
             configService.get<string>('APP_DOMAIN'),
         },