No syntax errors

Author: vtamara

CONTRIBUTING.md

@@ -1,8 +1,51 @@
-# CONTRIBUTORS GUIDE
+# Contributing to Learn.tg
 
+Thank you for your interest in contributing to Learn.tg! 🎯
 
-## Run the server backend
-Please check instructions in [servidor/README.md](servidor/README.md)
+## 📋 Code of Conduct
+By participating in this project, you agree to maintain a respectful and collaborative environment.
 
-## Run the client frontend
-Please check instructions in [packages/nextjs-app/README.md](packages/nextjs-app/README.md)
+## 🚀 Development Setup
+
+### Backend (Rails Server)
+See instructions in [servidor/README.md](servidor/README.md)
+
+### Frontend (Next.js App)
+See instructions in [packages/nextjs-app/README.md](packages/nextjs-app/README.md)
+
+## 🔄 Contributing Process
+
+1. **Fork** the repository
+2. **Create a branch** from `main`: `git checkout -b feature/my-feature`
+3. **Make your changes** following the style guides
+4. **Run tests**: `make syntax` and `npm test`
+5. **Commit** with clear messages: `git commit -m "feat: add feature X"`
+6. **Push** and create a **Pull Request**
+
+## 📝 Code Standards
+
+- **TypeScript**: 
+  - Use explicit types, avoid `any` when possible
+  - Don´t use ; at the end of the lines
+- **Tests**: Include tests for new functionality
+- **Commits**: Use [Conventional Commits](https://conventionalcommits.org/): `feat:`, `fix:`, `docs:`
+- **Linting**: Code must pass `make syntax` without errors
+
+## 🐛 Reporting Bugs
+
+1. Check that no similar issue exists
+2. Include steps to reproduce the problem
+3. Specify browser/Node.js versions
+4. Attach logs or screenshots if relevant
+
+## 💡 Suggesting Features
+
+1. Open an issue describing the feature
+2. Explain the use case and benefits
+3. Discuss implementation before starting to code
+
+## ❓ Getting Help
+
+- **Issues**: For bugs and suggestions
+- **Discussions**: For general questions
+- **Documentation**: Check README files for each component

packages/nextjs-app/Makefile

@@ -3,12 +3,15 @@ all:
 	pnpm i
 	pnpm build
 
-dev:
-	./bin/dev
-
 syntax:
 	pnpm typecheck
 
+test:
+	pnpm test
+
+dev:
+	./bin/dev
+
 prod:
 	pnpm build
 	./bin/start > prod.log 2>&1 &

packages/nextjs-app/app/[lang]/[pathPrefix]/[pathSuffix]/page.tsx

@@ -1,12 +1,11 @@
 "use client"
 
-import axios from 'axios';
+import axios from 'axios'
 
-import { ClaimSDK, IdentitySDK } from '@goodsdks/citizen-sdk';
-import { type PublicClient, type WalletClient } from 'viem';
-import { Session } from "next-auth";
+import { ClaimSDK, IdentitySDK } from '@goodsdks/citizen-sdk'
+import { type PublicClient, type WalletClient } from 'viem'
 import { useSession, getCsrfToken } from "next-auth/react"
-import { use, useEffect, useState } from 'react'
+import { use, useEffect, useState, useCallback } from 'react'
 import Link from 'next/link'
 import remarkDirective from 'remark-directive'
 import remarkFrontmatter from 'remark-frontmatter'
@@ -15,7 +14,7 @@ import remarkParse from 'remark-parse'
 import remarkRehype from 'remark-rehype'
 import rehypeStringify from 'rehype-stringify'
 import {unified} from 'unified'
-import { usePublicClient, useWalletClient } from 'wagmi';
+import { usePublicClient, useWalletClient } from 'wagmi'
 import { useAccount } from 'wagmi'
 
 import { remarkFillInTheBlank } from '@/lib/remarkFillInTheBlank.mjs'
@@ -30,7 +29,7 @@ export default function Page({params} : {
 }) {
 
   const { address } = useAccount()
-  const { data: session } = useSession();
+  const { data: session } = useSession()
 
   const [course, setCourse] = useState({
     conBilletera: false,
@@ -39,10 +38,10 @@ export default function Page({params} : {
     titulo: "",
     sinBilletera: false,
   })
-  const [guideNumber, setGuideNumber] = useState(0);
+  const [guideNumber, setGuideNumber] = useState(0)
   const [myGuide, setMyGuide] = useState({
     titulo: "",
-  });
+  })
   const [coursePath, setCoursePath] = useState("")
   const [nextGuidePath, setNextGuidePath] = useState("")
   const [previousGuidePath, setPreviousGuidePath] = useState("")
@@ -59,7 +58,7 @@ export default function Page({params} : {
     const configurar = async () => {
       setIsClient(true)
       setCoursePath(`/${lang}/${pathPrefix}`)
-      const url = `${process.env.NEXT_PUBLIC_API_BUSCA_CURSOS_URL}?` +
+      let url = `${process.env.NEXT_PUBLIC_API_BUSCA_CURSOS_URL}?` +
         `filtro[busprefijoRuta]=/${pathPrefix}&` +
         `filtro[busidioma]=${lang}`
       const csrfToken = await getCsrfToken()
@@ -102,7 +101,7 @@ export default function Page({params} : {
               let gnumber = 0
               for(let g=0; g < dcurso.guias.length; g++) {
                 if (dcurso.guias[g].sufijoRuta == (pathSuffix)) {
-                  setGuideNumber(g + 1);
+                  setGuideNumber(g + 1)
                   gnumber = g + 1
                   setMyGuide(dcurso.guias[g])
                 }
@@ -149,42 +148,42 @@ export default function Page({params} : {
                 }
               })
               .catch(error => {
-                console.error(error);
+                console.error(error)
               })
             }
           })
           .catch(error => {
-            console.error(error);
+            console.error(error)
           })
         }
       })
       .catch(error => {
-        console.error(error);
+        console.error(error)
       })
     }
     configurar()
   }, [session, address])
 
-
   const parameters = use(params)
   const { lang, pathPrefix, pathSuffix } = parameters
 
 
-  const htmlDeMd = (md: string) => {
+  const htmlDeMd = useCallback((md: string) => {
     const processor = unified()
       .use(remarkParse)
       .use(remarkGfm)
       .use(remarkDirective)
       .use(remarkFrontmatter)
       .use(remarkFillInTheBlank, { url: `${pathSuffix}/test` })
+      // @ts-ignore
       .use(remarkRehype, { allowDangerousHtml: true })
       .use(rehypeStringify, { allowDangerousHtml: true })
     const html = processor.processSync(md).toString()
 
     // Save questions
     localStorage.setItem(
       'fillInTheBlank', 
-      JSON.stringify( window.fillInTheBlank || [] ) 
+      JSON.stringify( (window as Window & { fillInTheBlank?: any[] }).fillInTheBlank || [] ) 
     )
 
     // Agregamos estilo
@@ -232,17 +231,17 @@ export default function Page({params} : {
     )
 
     return html_con_tailwind
-  }
+  }, [pathSuffix])
 
-  const publicClient = usePublicClient();
-  const { data: walletClient } = useWalletClient();
+  const publicClient = usePublicClient()
+  const { data: walletClient } = useWalletClient()
   const identitySDK = process.env.NEXT_PUBLIC_AUTH_URL == "https://learn.tg" ?
     new IdentitySDK({
       env: 'production',
       publicClient: publicClient as PublicClient,
       walletClient: walletClient as WalletClient
     }) :
-    null;
+    null
 
   const claimUBI = async () => {
     if (!session || !address || session.address != address || 
@@ -256,36 +255,13 @@ export default function Page({params} : {
       walletClient,
       identitySDK,
       env: 'production',
-    });
-
-    try {
-      await claimSDK.claim();
-      console.log('Claim successful');
-    } catch (error) {
-      console.error('Claim failed:', error);
-    }
-  }
-  
-
-  const claimUBI = async () => {
-
-    if (!session  || !address || session.address != address || 
-        !publicClient || !walletClient || !identitySDK) {
-      return (<div>Works only with wallet connected</div>)
-    }
-    const claimSDK = new ClaimSDK({
-      account: session.address,
-      publicClient,
-      walletClient,
-      identitySDK,
-      env: 'production',
-    });
+    })
 
     try {
-      await claimSDK.claim();
-      console.log('Claim successful');
+      await claimSDK.claim()
+      console.log('Claim successful')
     } catch (error) {
-      console.error('Claim failed:', error);
+      console.error('Claim failed:', error)
     }
   }