Merge branch 'main' into 639-fix-dead-keys-problem

Author: bruno-queiroz

.gitignore

@@ -4,3 +4,6 @@
 
 # MacOS generated files
 **/.DS_Store
+
+# VS Code generated files
+**/.vscode/*

README.md

@@ -5,37 +5,42 @@
 </div>
 
 # [![View 👁️](https://img.shields.io/badge/Website-View%20🌐-red?style=for-the-badge&logo=appveyor)](https://code-racer-eight.vercel.app/)
- 
+
 <div align="center">
  Welcome to Code Racer, a community project built with <a href="https://nextjs.org/">Next.js</a>, <a href="https://tailwindcss.com">Tailwind CSS</a>, and <a href="https://www.typescriptlang.org">TypeScript</a>.
  Code Racer is a multiplayer coding game where developers can compete against each other to solve programming challenges in real-time. Sharpen your coding skills, challenge your peers, and have fun while racing against the clock!
 </div>
 
-
 ## Table of Contents
 
-- [:rocket: Features](#features)
-- [:hammer_and_wrench: Technologies Used](#technologies-used)
-- [:handshake: Contribution](#contribution)
-- [:lock: License](#license)
+- [:rocket:Features](#features)
+- [:hammer_and_wrench:Technologies Used](#technologies-used)
+- [:handshake:Contribution](#contribution)
+- [:lock:  License](#license)
 - [🙏🏻 Acknowledgements](#acknowledgements)
-- [:envelope: Contact](#contact)
-- [:clapper: Related Youtube Videos & Progress](#related-youtube-videos--progress)
+- [:envelope:Contact](#contact)
+- [:clapper:Related Youtube Videos & Progress](#related-youtube-videos-progress)
+
+<a id="features"></a>
 
-## Features :rocket:
+## Features &colon;rocket&colon;
 
 - Code snippet games
 - [Multiplayer races](./packages/wss/README.md)
 
-## Technologies Used :hammer_and_wrench:
+<a id="technologies-used"></a>
+
+## Technologies Used &colon;hammer_and_wrench&colon;
 
 - [Next.js](https://nextjs.org): A React framework for building server-side rendered and statically generated applications.
-- [NextAuth](https://next-auth.js.org): For user authentication.
-- [Prisma](https://www.prisma.io): Next-generation ORM, it provides a clean and type-safe API for submitting database queries.
-- [Tailwind CSS](https://tailwindcss.com): A utility-first CSS framework for rapid UI development.
-- [TypeScript](https://www.typescriptlang.org): A typed superset of JavaScript that provides enhanced tooling and developer productivity.
+- [NextAuth](https://next-auth.js.org):For user authentication.
+- [Prisma](https://www.prisma.io):Next-generation ORM, it provides a clean and type-safe API for submitting database queries.
+- [Tailwind CSS](https://tailwindcss.com):A utility-first CSS framework for rapid UI development.
+- [TypeScript](https://www.typescriptlang.org):A typed superset of JavaScript that provides enhanced tooling and developer productivity.
+
+<a id="contribution"></a>
 
-## Contribution :handshake:
+## Contribution &colon;handshake&colon;
 
 We welcome contributions from the community! If you'd like to contribute to Code Racer, please refer to [CONTRIBUTING.md](./CONTRIBUTING.md). We have these base guidelines:
 
@@ -48,29 +53,38 @@ We welcome contributions from the community! If you'd like to contribute to Code
 
 Please ensure that your code adheres to the project's coding standards and conventions.
 
-## License :lock:
+## License &colon;lock&colon;
+
+<a id="license"></a>
 
 The Code Racer project is licensed under the MIT License. Feel free to use, modify, and distribute the code as per the terms of the license.
 
+<a id="acknowledgements"></a>
+
 ## Acknowledgements 🙏🏻
 
 Code Racer wouldn't be possible without the valuable contributions and support from the open-source community. We would like to express our gratitude to all the contributors and acknowledge the following libraries and resources used in this project.
 
 A big thank you to all the developers who have helped shape Code Racer into what it is today!
 
-## Contact :envelope:
+<a id="contact"></a>
+
+## Contact &colon;envelope&colon;
 
 If you have any questions, suggestions, or feedback regarding Code Racer, please feel free to reach out to us at in the WebDevCody [discord](https://discord.gg/4kGbBaa) server.
 
 Happy coding and enjoy the race!
 
-## Related Youtube Videos & Progress :clapper:
+<a id="related-youtube-videos-progress"></a>
+
+## Related Youtube Videos & Progress &colon;clapper&colon;
 
 1. [Community Project Announcement Video](https://www.youtube.com/watch?v=-n6tV3RPjGc)
 2. [First Q&A Livestream and Community Project Live Coding Session](https://www.youtube.com/watch?v=BQXXBsHXfak)
 3. [How to contribute to open source projects (our community project walkthrough)](https://www.youtube.com/watch?v=dLRA1lffWBw)
 4. [You need to write tests when this starts to happen](https://www.youtube.com/watch?v=PzrhclEQp-M)
 5. [CodeRacer had a major security issue](https://www.youtube.com/watch?v=FigpqBGqwK4)
+6. [Stop calling prisma inside server components](https://www.youtube.com/watch?v=sLIoCfKK5SA)
 
 <details>
  <summary>

packages/app/.eslintrc.json

@@ -17,9 +17,10 @@
  "jsx-a11y/anchor-is-valid": "off",
  "no-unused-vars": "warn",
  "@typescript-eslint/no-empty-interface": "warn",
+ "@typescript-eslint/no-explicit-any": "warn",
 
  "import/extensions": 0,
  "import/no-extraneous-dependencies": 0,
  "import/prefer-default-export": 0
  }
-}
+}

packages/app/cypress.config.ts

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable no-unused-vars */
 import { defineConfig } from "cypress";
 
 export default defineConfig({

packages/app/cypress/component/TestComponentName.cy.tsx

@@ -1,5 +1,5 @@
-describe('ComponentName.cy.tsx', () => {
- it('playground', () => {
+describe("ComponentName.cy.tsx", () => {
+ it("playground", () => {
  // cy.mount()
  })
 })

packages/app/cypress/e2e/business-layer/raceBL.ts

@@ -1,6 +1,7 @@
 import { RacePage } from "../page-objects/pages/RacePage";
 export class RaceBL {
 
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
  public static runTypingRace(spans: any): RacePage{
  const NEW_LINE = "⏎\n";
  let code = "";
@@ -23,7 +24,7 @@ export class RaceBL {
  isIndentWhiteSpace = true;
  }
  }
- cy.get('[data-cy="race-practice-input"]').type(code, {
+ cy.get("[data-cy=\"race-practice-input\"]").type(code, {
  force: true,
  parseSpecialCharSequences: false,
  delay: 30,

packages/app/cypress/e2e/page-objects/components/index.ts

@@ -1 +1 @@
-export * from './NavbarComponent'
+export * from "./NavbarComponent";

packages/app/cypress/e2e/page-objects/pages/ContributorsPage.ts

@@ -1,11 +1,11 @@
 export class ContributorsPage{
 
- contributorCard(): Cypress.Chainable{ return cy.get('[data-cy="contributor-card"]') }
- contributorName(): Cypress.Chainable{ return cy.get('[data-cy="contributor-name"]') }
- commitDisplay(): Cypress.Chainable{ return cy.get('[data-cy="github-commit-display"]') }
- commitLink(): Cypress.Chainable{ return cy.get('[data-cy="github-commit-link"]') }
+ contributorCard(): Cypress.Chainable{ return cy.get("[data-cy=\"contributor-card\"]") }
+ contributorName(): Cypress.Chainable{ return cy.get("[data-cy=\"contributor-name\"]") }
+ commitDisplay(): Cypress.Chainable{ return cy.get("[data-cy=\"github-commit-display\"]") }
+ commitLink(): Cypress.Chainable{ return cy.get("[data-cy=\"github-commit-link\"]") }
 
  public contributorCardText(contributorCard: Cypress.Chainable): Cypress.Chainable{
- return contributorCard.find('[data-cy="contributor-name"]').invoke('text')
+ return contributorCard.find("[data-cy=\"contributor-name\"]").invoke("text")
  }
 }

packages/app/cypress/e2e/page-objects/pages/LeaderboardPage.ts

@@ -1,8 +1,8 @@
 export class LeaderboardPage{
 
- userRow(): Cypress.Chainable{ return cy.get('.table-row') }
- user(): Cypress.Chainable{ return cy.get('.flex.items-center.gap-2') }
- rowDropdown(): Cypress.Chainable{ return cy.get('[role="combobox"]') }
+ userRow(): Cypress.Chainable{ return cy.get(".table-row") }
+ user(): Cypress.Chainable{ return cy.get(".flex.items-center.gap-2") }
+ rowDropdown(): Cypress.Chainable{ return cy.get("[role=\"combobox\"]") }
 
- rowDropdownElement(): Cypress.Chainable{ return cy.get('[role="option"]') }
+ rowDropdownElement(): Cypress.Chainable{ return cy.get("[role=\"option\"]") }
 }

packages/app/cypress/e2e/page-objects/pages/index.ts

@@ -1,3 +1,3 @@
-export * from './ContributorsPage'
-export * from './RacePage'
-export * from './LeaderboardPage'
+export * from "./ContributorsPage"
+export * from "./LeaderboardPage"
+export * from "./RacePage"