Merge branch 'main' into feature/fix-video-playing-error

.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

.gitignore

@@ -37,4 +37,5 @@ yarn.lock
 
 .config/*
 
-local-images/*
+local-images/*
+src/middleware.tsall

.nvmrc

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

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)
@@ -57,7 +57,8 @@ 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>
@@ -77,20 +78,22 @@ 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>
+
+  ```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>
 

astro.config.ts

@@ -11,6 +11,9 @@ import { manifest, seoConfig } from "./src/utils/seoConfig"
 
 // https://astro.build/config
 export default defineConfig({
+	build: {
+		inlineStylesheets: "always",
+	},
 	compressHTML: true,
 	prefetch: true,
 	devToolbar: {
@@ -22,9 +25,6 @@ export default defineConfig({
 			enabled: true,
 		},
 	}),
-	build: {
-		inlineStylesheets: "always",
-	},
 	output: "server",
 	site: seoConfig.baseURL,
 	vite: {
@@ -40,9 +40,7 @@ export default defineConfig({
 				manifest,
 				workbox: {
 					globDirectory: ".vercel/output/static",
-					globPatterns: [
-						"**/*.{html,js,css,svg,avif,png,jpg,jpeg,gif,webp,woff,woff2,ttf,eot,ico}",
-					],
+					globPatterns: ["**/*.{html,js,css,woff,woff2,ttf,eot,ico}"],
 					runtimeCaching: [
 						{
 							urlPattern: /\.(?:png|jpg|jpeg|svg|gif|webp|avif)$/,

db/config.ts

@@ -16,9 +16,18 @@ const Votes = {
 	},
 }
 
+const Cache = {
+	columns: {
+		id: column.text({ primaryKey: true }),
+		data: column.json(),
+		timestamp: column.date(),
+	},
+}
+
 // https://astro.build/db/config
 export default defineDb({
 	tables: {
+		Cache,
 		VoteSelections,
 		Votes,
 	},

package.json

@@ -4,7 +4,7 @@
   "version": "0.0.1",
   "scripts": {
     "dev": "astro dev",
-    "start": "astro dev",
+    "start": "astro dev  --remote",
     "build": "astro build --remote",
     "preview": "astro preview",
     "astro": "astro",
@@ -16,38 +16,38 @@
     "prepare": "husky"
   },
   "dependencies": {
-    "@astrojs/db": "0.9.5",
+    "@astrojs/db": "0.10.6",
     "@auth/core": "0.18.6",
-    "@fontsource-variable/jost": "5.0.18",
+    "@fontsource-variable/jost": "5.0.19",
     "@vercel/analytics": "1.2.2",
-    "astro": "4.5.10",
+    "astro": "4.7.0",
     "auth-astro": "4.1.1",
     "valibot": "0.30.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "0.43.1",
     "@astrojs/check": "0.5.10",
-    "@astrojs/sitemap": "3.1.2",
+    "@astrojs/sitemap": "3.1.4",
     "@astrojs/tailwind": "5.1.0",
-    "@astrojs/vercel": "7.4.0",
+    "@astrojs/vercel": "7.5.4",
     "@midudev/tailwind-animations": "0.0.7",
     "@types/dom-view-transitions": "1.0.4",
-    "@typescript-eslint/parser": "7.4.0",
+    "@typescript-eslint/parser": "7.7.1",
     "eslint": "8.57.0",
     "eslint-config-prettier": "9.1.0",
-    "eslint-plugin-astro": "0.33.1",
+    "eslint-plugin-astro": "0.34.0",
     "eslint-plugin-jsx-a11y": "6.8.0",
     "husky": "9.0.11",
     "lightningcss": "1.24.1",
     "lint-staged": "15.2.2",
     "postcss-import": "16.1.0",
-    "postcss-nesting": "12.1.0",
+    "postcss-nesting": "12.1.2",
     "prettier": "3.2.5",
     "prettier-plugin-astro": "0.13.0",
-    "prettier-plugin-astro-organize-imports": "0.4.3",
-    "prettier-plugin-tailwindcss": "0.5.12",
-    "tailwindcss": "3.4.1",
-    "typescript": "5.4.3",
-    "vite-plugin-pwa": "0.19.7"
+    "prettier-plugin-astro-organize-imports": "0.4.5",
+    "prettier-plugin-tailwindcss": "0.5.14",
+    "tailwindcss": "3.4.3",
+    "typescript": "5.4.5",
+    "vite-plugin-pwa": "0.19.8"
   }
 }