Merge branch 'main' into carousel-boxers

.env.demo

@@ -0,0 +1,6 @@
+# Sacar de https://dev.twitch.tv
+TWITCH_CLIENT_ID="tu-client-id"
+TWITCH_CLIENT_SECRET="tu-secret-id"
+
+AUTH_SECRET="9dad45384af9565cec9d9e8c34c988bb40c745ed2f8052bbdc734a2b85658e87" # generar un hash aleatorio
+AUTH_TRUST_HOST=true

.eslintrc.cjs

@@ -54,7 +54,7 @@ module.exports = {
 	},
 	overrides: [
 		{
-			files: ["*.astro"],
+			files: ["*.astro", "src/utils/serviceWorker.ts"],
 			parser: "astro-eslint-parser",
 			parserOptions: {
 				parser: "@typescript-eslint/parser",

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -0,0 +1,97 @@
+name: Reportar problema
+description: Reporta un problema
+title: "[Bug]: "
+labels: ["bug"]
+body:
+  - type: markdown
+    attributes:
+      value: "# Pre-requisitos"
+  - type: checkboxes
+    id: pre-requisitos
+    attributes:
+      label: Señala los requisitos cumplidos
+      description: |
+        Asegúrate de cumplir estos requisitos antes de reportar un problema
+      options:
+        - label: Estoy corriendo la última versión.
+          required: true
+        - label: |
+            He revisado si ya hay un issue creado con características similares.
+          required: true
+  - type: markdown
+    attributes:
+      value: "# Comportamiento"
+  - type: textarea
+    id: comportamiento-esperado
+    attributes:
+      label: Comportamiento esperado
+      description: Describe el comportamiento esperado de la issue
+      placeholder: Esta feature debería hacer ...
+  - type: textarea
+    id: comportamiento-actual
+    attributes:
+      label: Comportamiento actual
+      description: Describe el comportamiento actual de la issue
+      placeholder: Esta feature hace ...
+  - type: markdown
+    attributes:
+      value: "# Información"
+  - type: textarea
+    id: informacion-bug
+    attributes:
+      label: Información del bug
+      description: Aporta información sobre el bug
+      placeholder: Este bug ocurre cuando ...
+  - type: textarea
+    id: pasos-reproducir
+    attributes:
+      label: Pasos para reproducirlo
+      description: Pasos necesarios para reproducir el bug
+      placeholder: |
+        1. Paso1
+        2. Paso2
+  - type: markdown
+    attributes:
+      value: "# Contexto"
+  - type: dropdown
+    id: navegadores
+    attributes:
+      label: ¿En qué navegadores encuentras el problema?
+      multiple: true
+      options:
+        - Firefox
+        - Chrome
+        - Safari
+        - Microsoft Edge
+        - Opera
+        - Todos los navegadores
+  - type: input
+    id: version-navegador
+    attributes:
+      label: Versión del navegador
+      description: Versión del navegador en el cuál encuentras el problema
+      placeholder: Chrome v124.0.6367.92 ...
+  - type: dropdown
+    id: sistema-operativo
+    attributes:
+      label: Sistema operativo
+      description: Sistema operativo en el cuál encuentras el problema
+      multiple: true
+      options:
+        - Windows
+        - MacOS
+        - Linux
+        - Android
+        - Todos los sistemas
+  - type: markdown
+    attributes:
+      value: "# Información adicional"
+  - type: textarea
+    attributes:
+      label: Añade información adicional si fuese necesario
+      description: Imágenes, link del código, fragmento de código ...
+      placeholder: |
+        ```typescript
+        const variable = "..."
+        ```
+        ...

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -0,0 +1,20 @@
+name: Propuesta de mejora
+description: Sugerir una mejora o feature para el proyecto
+title: "[Feat]: "
+labels: ["enhancement"]
+body:
+  - type: markdown
+    attributes:
+      value: "## Pre-requisitos"
+  - type: markdown
+    attributes:
+      value: |
+        Antes de sugerir una feature, busca [features existentes](https://github.com/midudev/la-velada-web-oficial/issues)
+  - type: textarea
+    attributes:
+      label: Descripción
+      description: Descripción de la feature que quieres que se añada
+      placeholder: |
+        Estaría bien que el proyecto tuviese ...
+    validations:
+      required: true

.github/workflows/tag-conflicts.yml

@@ -18,5 +18,5 @@ jobs:
           dirtyLabel: "conflictos"
           removeOnDirtyLabel: "conflictos"
           repoToken: "${{ secrets.GITHUB_TOKEN }}"
-          commentOnDirty: "⚠️ Esta Pull Request tiene conflictos. Por favor, resuelvelos antes de que podamos evaluar los cambios."
-          commentOnClean: "✅ ¡Los conflictos han sido resuletos! Un colaborador revisará pronto la Pull Request."
+          commentOnDirty: "⚠️ Esta Pull Request tiene conflictos. Por favor, resuélvelos antes de que podamos evaluar los cambios."
+          commentOnClean: "✅ ¡Los conflictos han sido resueltos! Un colaborador revisará pronto la Pull Request."

.gitignore

@@ -30,4 +30,12 @@ yarn.lock
 .idea
 
 # generated vercel output
-.vercel/
+.vercel/
+
+.env
+.env.local
+
+.config/*
+
+local-images/*
+src/middleware.tsall

.husky/pre-commit

@@ -1 +1,15 @@
-npx lint-staged
+#!/bin/bash
+
+# Verificar el sistema operativo
+if [ "$OSTYPE" = "msys" ] || [ "$OSTYPE" = "win32" ]; then
+  # Si es Windows, ejecutar npx.cmd lint-staged
+  npx.cmd lint-staged
+else
+  # Si no es Windows, intentar ejecutar npx lint-staged
+	if command -v npx 2> /dev/null; then
+    npx lint-staged
+  else
+    echo "El comando 'npx' no está disponible. Por favor, instale 'npx' para continuar."
+    exit 1
+  fi
+fi

.nvmrc

@@ -1 +1 @@
-18
+v18.20.2

.prettierignore

@@ -4,3 +4,4 @@ yarn.lock
 node_modules/
 dist/
 public/
+src/utils/serviceWorker.ts

.prettierrc.mjs

@@ -10,7 +10,11 @@ export default {
 	useTabs: true,
 	endOfLine: "lf",
 	arrowParens: "always",
-	plugins: ["prettier-plugin-astro", "prettier-plugin-tailwindcss"],
+	plugins: [
+		"prettier-plugin-astro",
+		"prettier-plugin-tailwindcss",
+		"prettier-plugin-astro-organize-imports",
+	],
 	overrides: [
 		{
 			files: ["*.json", "*.md", "*.toml", "*.yml"],

.vscode/settings.json

@@ -23,7 +23,10 @@
   "editor.insertSpaces": false,
   "editor.detectIndentation": false,
   "[astro]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.codeActionsOnSave": {
+      "source.organizeImports": "never"
+    }
   },
   "prettier.documentSelectors": ["**/*.astro"],
   "tailwindCSS.classAttributes": ["class", "className", "ngClass", "class:list"],

README.md

@@ -8,7 +8,7 @@
 [![Issues][issues-shield]][issues-url]
 
 <a href="https://github.com/midudev/la-velada-web-oficial">
-  <img width="300px" src="./public/img/drawn-x-logo.webp" alt="Logo" width="800" />
+  <img width="300px" src="https://cdn.lavelada.dev/drawn-x-logo.webp" alt="Logo" width="800" />
 </a>
 
 ## Web oficial de La Velada IV
@@ -23,7 +23,7 @@ La Velada IV es una competición de boxeo que enfrenta a streamers, creadores de
 
 - [Web oficial de La Velada IV](#web-oficial-de-la-velada-iv)
 - [Características principales](#características-principales)
-  - [Capturas de pantalla de la web de La Velada IV:](#capturas-de-pantalla-de-la-web-de-la-velada-iv)
+  - [Capturas de pantalla de la web de La Velada IV](#capturas-de-pantalla-de-la-web-de-la-velada-iv)
 - [Para empezar](#para-empezar)
   - [Prerequisitos](#prerequisitos)
   - [Instalación](#instalación)
@@ -41,8 +41,8 @@ La Velada IV es una competición de boxeo que enfrenta a streamers, creadores de
 
 ### Capturas de pantalla de la web de La Velada IV
 
-![Captura de pantalla en móvil](./public/img/github/Mobile_README.png)
-![Captura de pantalla en ordenador](./public/img/github/Desktop_README.png)
+![Captura de pantalla en ordenador](https://github.com/midudev/la-velada-web-oficial/assets/1561955/b4080e89-d6e5-4fad-8303-b91e1142cf65)
+![Captura de pantalla en móvil](https://github.com/midudev/la-velada-web-oficial/assets/1561955/ded00bc0-6b82-4644-a079-5b33902f7eff)
 
 <p align="right">(<a href="#readme-top">volver arriba</a>)</p>
 
@@ -57,12 +57,13 @@ La Velada IV es una competición de boxeo que enfrenta a streamers, creadores de
   # o
   nvm use <version>
   ```
-> Si quieres automatizar el proceso, puedes crear un script siguiendo la [documentación oficial](https://github.com/nvm-sh/nvm?tab=readme-ov-file#calling-nvm-use-automatically-in-a-directory-with-a-nvmrc-file)
+
+  > Si quieres automatizar el proceso, puedes crear un script siguiendo la [documentación oficial](https://github.com/nvm-sh/nvm?tab=readme-ov-file#calling-nvm-use-automatically-in-a-directory-with-a-nvmrc-file)
 
 <details>
 	<summary>Pequeño script de automatización</summary>
 
-- For Linux/MacOS:
+- En Linux/MacOS:
 	```sh
 	# .bashrc | .zshrc | cualquier archivo de configuración
 	# pequeño script para cambiar de version al entrar al directorio
@@ -76,21 +77,23 @@ La Velada IV es una competición de boxeo que enfrenta a streamers, creadores de
 	}
 	```
 
-- For Windows:
-	```powershell
-	# $PROFILE
-	function Change-Node-Version {
-		param($path)
-		& Set-Location $path
-		$pwd = pwd
-		if ( Test-Path "$pwd\\.nvmrc" ) {
-			$version = Get-Content .nvmrc
-			nvm use $version
-		}
-	}
-	New-Alias -Name cd -Value Change-Node-Version -Force -Option AllScope
-	```
- </details>
+- En Windows:
+
+  ```powershell
+  # $PROFILE
+  function Change-Node-Version {
+  	param($path)
+  	& Set-Location $path
+  	$pwd = pwd
+  	if ( Test-Path "$pwd\\.nvmrc" ) {
+  		$version = Get-Content .nvmrc
+  		nvm use $version
+  	}
+  }
+  New-Alias -Name cd -Value Change-Node-Version -Force -Option AllScope
+  ```
+
+  </details>
 
 - PNPM (es nuestra recomendación por su eficiencia y rapidez)
 
@@ -119,10 +122,20 @@ La Velada IV es una competición de boxeo que enfrenta a streamers, creadores de
    ```
 
 3. Ejecuta el proyecto
-
+	 - Base de datos remota (necesario linkear con proyecto de Astro Studio)
    ```sh
    pnpm run dev
    ```
+   - Base de datos local
+   ```sh
+   pnpm run start
+   ```
+
+4. Autenticación mediante twitch (opcional)
+   - Accede a la [consola de twitch](https://dev.twitch.tv/), crea un proyecto y obtén tu client id y client secret
+   - Genera un hash aleatorio, puedes usar el siguiente comando ```openssl rand -hex 32```
+   - Crea un archivo llamado ```.env.local``` y copia el contenido de [.env.demo](.env.demo) en él
+   - Reemplaza el texto copiado de demo en ```.env.local``` con tu id, secreto y hash
 
 <p align="right">(<a href="#readme-top">volver arriba</a>)</p>
 
@@ -152,7 +165,7 @@ Si quieres contribuir de una manera mas sencilla, puedes iniciar este proyecto d
 
 **¡Gracias a todos los colaboradores que han hecho posible este proyecto!**
 
-[![Contribuidores](https://contrib.rocks/image?repo=midudev/la-velada-web-oficial)](https://github.com/midudev/la-velada-web-oficial/graphs/contributors)
+[![Contribuidores](https://contrib.rocks/image?repo=midudev/la-velada-web-oficial&max=500&columns=20)](https://github.com/midudev/la-velada-web-oficial/graphs/contributors)
 
 <p align="right">(<a href="#readme-top">volver arriba</a>)</p>