Cybersecurity-Projects/PROJECTS/encrypted-p2p-chat/frontend
dependabot[bot] 9b7ad45411
build(deps): bump the npm-dependencies group
Bumps the npm-dependencies group in /PROJECTS/encrypted-p2p-chat/frontend with 4 updates: [@tanstack/solid-query](https://github.com/TanStack/query/tree/HEAD/packages/solid-query), [@types/node](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/node), [prettier](https://github.com/prettier/prettier) and [typescript-eslint](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/typescript-eslint).


Updates `@tanstack/solid-query` from 5.90.19 to 5.90.21
- [Release notes](https://github.com/TanStack/query/releases)
- [Changelog](https://github.com/TanStack/query/blob/main/packages/solid-query/CHANGELOG.md)
- [Commits](https://github.com/TanStack/query/commits/@tanstack/solid-query@5.90.21/packages/solid-query)

Updates `@types/node` from 25.0.3 to 25.0.9
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/node)

Updates `prettier` from 3.7.4 to 3.8.0
- [Release notes](https://github.com/prettier/prettier/releases)
- [Changelog](https://github.com/prettier/prettier/blob/main/CHANGELOG.md)
- [Commits](https://github.com/prettier/prettier/compare/3.7.4...3.8.0)

Updates `typescript-eslint` from 8.52.0 to 8.53.0
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/typescript-eslint/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v8.53.0/packages/typescript-eslint)

---
updated-dependencies:
- dependency-name: "@tanstack/solid-query"
  dependency-version: 5.90.21
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: npm-dependencies
- dependency-name: "@types/node"
  dependency-version: 25.0.9
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: npm-dependencies
- dependency-name: prettier
  dependency-version: 3.8.0
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: npm-dependencies
- dependency-name: typescript-eslint
  dependency-version: 8.53.0
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: npm-dependencies
...

Signed-off-by: dependabot[bot] <support@github.com>
2026-01-16 12:10:38 +00:00
..
src absolute annurism, pls never use surrealdb with solid.js if you want thinsg to work :) this si the very last time I'll ever touch solid.js and surrealdb, thanks.. 2026-01-01 00:53:38 -05:00
.gitignore initial implementation 2025-11-28 15:16:10 -05:00
.prettierignore initial implementation 2025-11-28 15:16:10 -05:00
.prettierrc initial implementation 2025-11-28 15:16:10 -05:00
README.md initial implementation 2025-11-28 15:16:10 -05:00
eslint.config.js initial implementation 2025-11-28 15:16:10 -05:00
index.html initial implementation 2025-11-28 15:16:10 -05:00
package-lock.json build(deps): bump the npm-dependencies group 2026-01-16 12:10:38 +00:00
package.json build(deps): bump the npm-dependencies group 2026-01-16 12:10:38 +00:00
tsconfig.json initial implementation 2025-11-28 15:16:10 -05:00
vite.config.ts initial implementation 2025-11-28 15:16:10 -05:00

README.md

Encrypted P2P Chat - Frontend

SolidJS frontend with Vite, TypeScript, and Tailwind CSS v4.

Requirements

  • Node.js 20.19+ or 22.12+ (required for Vite 7)

Tech Stack

  • SolidJS 1.9.10 - Fine-grained reactivity
  • TypeScript 5.9 - Type safety
  • Vite 7 - Build tool (ESM only, requires Node 20.19+)
  • Tailwind CSS v4.1 - Utility-first CSS (stable release)
  • @solidjs/router - Client-side routing
  • @tanstack/solid-query 5.90 - Data fetching and caching
  • nanostores 1.1 - State management

Development

npm install
npm run dev

Frontend runs on http://localhost:3000

Build

npm run build

Output in dist/ directory.

SolidJS Routing

Unlike React Router, SolidJS uses:

  • <A> component for navigation (not <Link>)
  • useNavigate() for programmatic navigation
  • useParams() for route parameters
  • useSearchParams() for query parameters

Environment Variables

Copy .env.example to .env and configure:

  • VITE_API_URL - Backend API URL
  • VITE_WS_URL - WebSocket URL
  • VITE_RP_ID - WebAuthn Relying Party ID