Nicolas Cantu cc49c9d7c1 Add language preference selector in settings
**Motivations:**
- Allow users to set their preferred language (fr/en) in the settings page
- Load language preference from localStorage at startup to configure the application locale

**Root causes:**
- Language preference was only available in the header via LanguageSelector component
- Language preference was stored in IndexedDB instead of localStorage
- No centralized language settings management in the settings page

**Correctifs:**
- Created LanguageSettingsManager component for settings page
- Migrated language storage from IndexedDB to localStorage for consistency
- Updated _app.tsx to load locale from localStorage synchronously at startup
- Updated useI18n hook to use localStorage instead of IndexedDB
- Updated LanguageSelector component to use localStorage instead of IndexedDB

**Evolutions:**
- Added language preference section in settings page (displayed first)
- Language preference is now loaded at application startup from localStorage
- Added translations for language settings (settings.language.*)

**Pages affectées:**
- components/LanguageSettingsManager.tsx (new)
- pages/settings.tsx
- pages/_app.tsx
- hooks/useI18n.ts
- components/LanguageSelector.tsx
- locales/fr.txt
- locales/en.txt
2026-01-06 14:57:38 +01:00
2026-01-06 14:33:32 +01:00
2026-01-06 14:24:35 +01:00
2026-01-05 23:37:29 +01:00
2026-01-06 14:17:55 +01:00
2026-01-06 11:30:23 +01:00
2026-01-06 14:17:55 +01:00
2025-12-22 17:56:00 +01:00
2025-12-22 09:48:57 +01:00
2026-01-06 11:30:23 +01:00
2026-01-05 23:14:47 +01:00
2026-01-06 09:26:07 +01:00
2026-01-06 14:17:55 +01:00

zapwall4Science

License: MIT TypeScript Next.js

Plateforme de publication d'articles scientifiques et de science-fiction avec système de sponsoring, commissions et rémunération des avis. Les lecteurs peuvent lire les aperçus gratuitement et débloquer le contenu complet en payant avec Lightning Network.

Repository: https://git.4nkweb.com/4nk/story-research-zapwall

Table of Contents

Features

  • Nostr Authentication: Authenticate using Alby browser extension (NIP-07)
  • Free Previews: Public notes showing article previews
  • Paid Content: Private notes containing full content, unlocked after 800 sats zap
  • Lightning Payments: Integrated Alby/WebLN for Lightning payments (works with Alby and other Lightning wallets)
  • Payment Modal: User-friendly payment interface with invoice display
  • TypeScript: Fully typed codebase

Getting Started

  1. Install dependencies:
npm install
  1. Run the development server:
npm run dev
  1. Open http://localhost:3000 in your browser

Configuration

The application stores all configuration in IndexedDB (browser storage) with hardcoded defaults. No environment variables are required.

Default Configuration

  • Nostr Relay: wss://relay.damus.io (default)
  • NIP-95 Upload API: https://nostr.build/api/v2/upload (default)
  • Platform Lightning Address: Empty by default

Customizing Configuration

Configuration is stored in IndexedDB and can be customized through the application settings. The application supports:

  • Multiple Nostr relays (with priority ordering)
  • Multiple NIP-95 upload APIs (with priority ordering)
  • Platform Lightning address for commissions

All configuration values are stored locally in the browser and persist across sessions. Default values are hardcoded in the application code.

Lightning Wallet Setup

This project uses Alby browser extension for both Nostr authentication and Lightning payments:

  • Alby: Install the Alby browser extension
  • Alby provides both Nostr authentication (NIP-07) and Lightning payments (WebLN)

Users need to have Alby installed to authenticate and make payments. The application will prompt them to connect when needed.

Project Structure

  • /pages: Next.js pages
  • /components: React components
  • /lib: Utilities and Nostr helpers
  • /types: TypeScript type definitions
  • /hooks: Custom React hooks

Déploiement

Documentation complète

La documentation complète du déploiement est disponible dans le dossier docs/ :

Déploiement rapide

Le site est déployé sur zapwall.fr (serveur : 92.243.27.35).

Mise à jour du site :

# Méthode recommandée : Script automatique
./update-remote-git.sh

Vérification du statut :

ssh debian@92.243.27.35 'sudo systemctl status zapwall'

Informations de déploiement

  • Répertoire : /var/www/zapwall.fr
  • Port application : 3001
  • Service systemd : zapwall.service
  • Nginx : Conteneur Docker lecoffre_nginx_test
  • HTTPS : Configuré avec redirection automatique HTTP → HTTPS

Pour plus de détails, consultez la documentation complète.

Contributing

We welcome contributions! Please read our Contributing Guide to get started.

How to Contribute

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/amazing-feature)
  3. Make your changes following our coding guidelines
  4. Run lint and type-check (npm run lint && npm run type-check)
  5. Commit your changes (git commit -m 'Add amazing feature')
  6. Push to the branch (git push origin feature/amazing-feature)
  7. Open a Pull Request

Please ensure your code follows our strict quality standards:

  • No fallbacks or silent failures
  • Full TypeScript typing (no any, no ts-ignore)
  • Proper error handling and logging
  • Accessibility compliance (ARIA, keyboard navigation, contrast)

See CONTRIBUTING.md for detailed guidelines.

Documentation

License

This project is licensed under the MIT License - see the LICENSE file for details.

Description
No description provided
Readme MIT 5.3 MiB
Languages
TypeScript 95.9%
JavaScript 3.2%
Shell 0.5%
CSS 0.2%
Python 0.2%