Compare commits
7 Commits
049b925855
...
0cec8be4cd
| Author | SHA1 | Date | |
|---|---|---|---|
|
0cec8be4cd | ||
|
|
5eb7a1a8fd | ||
|
|
8032f415dc | ||
|
|
f857ae3e2d | ||
|
|
cabb8a9b27 | ||
|
|
e82b06b508 | ||
|
|
62617bfb6f |
18
backend/tasks-projects-service/data-source.ts
Normal file
18
backend/tasks-projects-service/data-source.ts
Normal file
@ -0,0 +1,18 @@
|
||||
import 'reflect-metadata';
|
||||
import { DataSource, DataSourceOptions } from 'typeorm';
|
||||
import { config as dotEnvConfig } from 'dotenv';
|
||||
dotEnvConfig(); // загрузит .env
|
||||
|
||||
const options: DataSourceOptions = {
|
||||
type: 'postgres',
|
||||
host: process.env.DB_HOST || 'localhost',
|
||||
port: Number(process.env.DB_PORT) || 5432,
|
||||
username: process.env.DB_USER || 'postgres',
|
||||
password: process.env.DB_PASSWORD || 'postgres',
|
||||
database: process.env.DB_NAME || 'todo',
|
||||
entities: ['src/**/*.entity.ts'],
|
||||
migrations: ['src/migrations/*.ts'],
|
||||
synchronize: false, // теперь мы управляем схемой через миграции
|
||||
};
|
||||
|
||||
export const AppDataSource = new DataSource(options);
|
||||
@ -0,0 +1,44 @@
|
||||
import { MigrationInterface, QueryRunner } from "typeorm";
|
||||
|
||||
export class InitialMigration1741411693560 implements MigrationInterface {
|
||||
name = 'InitialMigration1741411693560'
|
||||
|
||||
public async up(queryRunner: QueryRunner): Promise<void> {
|
||||
await queryRunner.query(`ALTER TABLE "task" DROP CONSTRAINT "FK_3797a20ef5553ae87af126bc2fe"`);
|
||||
await queryRunner.query(`ALTER TABLE "task" DROP CONSTRAINT "FK_e3bd734666db0cb70e8c8d542c8"`);
|
||||
await queryRunner.query(`ALTER TABLE "project_member" DROP CONSTRAINT "FK_7115f82a61e31ac95b2681d83e4"`);
|
||||
await queryRunner.query(`ALTER TABLE "project_member" DROP CONSTRAINT "FK_e7520163dafa7c1104fd672caad"`);
|
||||
await queryRunner.query(`ALTER TABLE "project" DROP CONSTRAINT "FK_9884b2ee80eb70b7db4f12e8aed"`);
|
||||
await queryRunner.query(`ALTER TABLE "task" DROP COLUMN "status"`);
|
||||
await queryRunner.query(`ALTER TABLE "task" DROP COLUMN "deadline"`);
|
||||
await queryRunner.query(`ALTER TABLE "task" DROP COLUMN "created_at"`);
|
||||
await queryRunner.query(`ALTER TABLE "task" DROP COLUMN "assignedUserId"`);
|
||||
await queryRunner.query(`ALTER TABLE "project" DROP COLUMN "created_at"`);
|
||||
await queryRunner.query(`ALTER TABLE "project" DROP COLUMN "updated_at"`);
|
||||
await queryRunner.query(`ALTER TABLE "project" DROP COLUMN "ownerId"`);
|
||||
await queryRunner.query(`ALTER TABLE "task" ADD "description" character varying`);
|
||||
await queryRunner.query(`ALTER TABLE "project_member" ALTER COLUMN "userId" SET NOT NULL`);
|
||||
await queryRunner.query(`ALTER TABLE "project_member" ALTER COLUMN "role" SET DEFAULT 'member'`);
|
||||
await queryRunner.query(`ALTER TABLE "project_member" ADD CONSTRAINT "FK_7115f82a61e31ac95b2681d83e4" FOREIGN KEY ("projectId") REFERENCES "project"("id") ON DELETE CASCADE ON UPDATE NO ACTION`);
|
||||
}
|
||||
|
||||
public async down(queryRunner: QueryRunner): Promise<void> {
|
||||
await queryRunner.query(`ALTER TABLE "project_member" DROP CONSTRAINT "FK_7115f82a61e31ac95b2681d83e4"`);
|
||||
await queryRunner.query(`ALTER TABLE "project_member" ALTER COLUMN "role" DROP DEFAULT`);
|
||||
await queryRunner.query(`ALTER TABLE "project_member" ALTER COLUMN "userId" DROP NOT NULL`);
|
||||
await queryRunner.query(`ALTER TABLE "task" DROP COLUMN "description"`);
|
||||
await queryRunner.query(`ALTER TABLE "project" ADD "ownerId" integer`);
|
||||
await queryRunner.query(`ALTER TABLE "project" ADD "updated_at" TIMESTAMP NOT NULL DEFAULT now()`);
|
||||
await queryRunner.query(`ALTER TABLE "project" ADD "created_at" TIMESTAMP NOT NULL DEFAULT now()`);
|
||||
await queryRunner.query(`ALTER TABLE "task" ADD "assignedUserId" integer`);
|
||||
await queryRunner.query(`ALTER TABLE "task" ADD "created_at" TIMESTAMP NOT NULL DEFAULT now()`);
|
||||
await queryRunner.query(`ALTER TABLE "task" ADD "deadline" TIMESTAMP`);
|
||||
await queryRunner.query(`ALTER TABLE "task" ADD "status" character varying NOT NULL DEFAULT 'todo'`);
|
||||
await queryRunner.query(`ALTER TABLE "project" ADD CONSTRAINT "FK_9884b2ee80eb70b7db4f12e8aed" FOREIGN KEY ("ownerId") REFERENCES "user"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
|
||||
await queryRunner.query(`ALTER TABLE "project_member" ADD CONSTRAINT "FK_e7520163dafa7c1104fd672caad" FOREIGN KEY ("userId") REFERENCES "user"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
|
||||
await queryRunner.query(`ALTER TABLE "project_member" ADD CONSTRAINT "FK_7115f82a61e31ac95b2681d83e4" FOREIGN KEY ("projectId") REFERENCES "project"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
|
||||
await queryRunner.query(`ALTER TABLE "task" ADD CONSTRAINT "FK_e3bd734666db0cb70e8c8d542c8" FOREIGN KEY ("assignedUserId") REFERENCES "user"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
|
||||
await queryRunner.query(`ALTER TABLE "task" ADD CONSTRAINT "FK_3797a20ef5553ae87af126bc2fe" FOREIGN KEY ("projectId") REFERENCES "project"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
|
||||
}
|
||||
|
||||
}
|
||||
19
backend/users-auth-service/data-source.ts
Normal file
19
backend/users-auth-service/data-source.ts
Normal file
@ -0,0 +1,19 @@
|
||||
import 'reflect-metadata';
|
||||
import { DataSource, DataSourceOptions } from 'typeorm';
|
||||
import { config as dotEnvConfig } from 'dotenv';
|
||||
|
||||
dotEnvConfig();
|
||||
|
||||
const options: DataSourceOptions = {
|
||||
type: 'postgres',
|
||||
host: process.env.DB_HOST || 'localhost',
|
||||
port: Number(process.env.DB_PORT) || 5432,
|
||||
username: process.env.DB_USER || 'postgres',
|
||||
password: process.env.DB_PASSWORD || 'postgres',
|
||||
database: process.env.DB_NAME || 'todo',
|
||||
entities: ['src/**/*.entity.ts'],
|
||||
migrations: ['src/migrations/*.ts'],
|
||||
synchronize: false,
|
||||
};
|
||||
|
||||
export const AppDataSource = new DataSource(options);
|
||||
437
cool_todo_manager/package-lock.json
generated
437
cool_todo_manager/package-lock.json
generated
@ -9,19 +9,27 @@
|
||||
"version": "0.0.0",
|
||||
"dependencies": {
|
||||
"@hello-pangea/dnd": "^18.0.1",
|
||||
"@radix-ui/react-form": "^0.1.2",
|
||||
"@radix-ui/react-icons": "^1.3.2",
|
||||
"@radix-ui/themes": "^3.2.0",
|
||||
"@reduxjs/toolkit": "^2.6.0",
|
||||
"@tailwindcss/vite": "^4.0.6",
|
||||
"@tanstack/react-query": "^5.66.0",
|
||||
"@tanstack/react-query-devtools": "^5.66.0",
|
||||
"axios": "^1.7.9",
|
||||
"axios": "^1.8.4",
|
||||
"jotai": "^2.12.0",
|
||||
"js-cookie": "^3.0.5",
|
||||
"mobx": "^6.13.7",
|
||||
"mobx-react-lite": "^4.1.0",
|
||||
"react": "^19.0.0",
|
||||
"react-dom": "^19.0.0",
|
||||
"react-redux": "^9.2.0",
|
||||
"react-router-dom": "^6.26.2",
|
||||
"tailwindcss": "^4.0.6"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@eslint/js": "^9.19.0",
|
||||
"@types/js-cookie": "^3.0.6",
|
||||
"@types/react": "^19.0.8",
|
||||
"@types/react-dom": "^19.0.3",
|
||||
"@vitejs/plugin-react": "^4.3.4",
|
||||
@ -211,14 +219,13 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/helpers": {
|
||||
"version": "7.26.9",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.9.tgz",
|
||||
"integrity": "sha512-Mz/4+y8udxBKdmzt/UjPACs4G3j5SshJJEFFKxlCGPydG4JAHXxjWjAwjd09tf6oINvl1VfMJo+nB7H2YKQ0dA==",
|
||||
"version": "7.26.10",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.10.tgz",
|
||||
"integrity": "sha512-UPYc3SauzZ3JGgj87GgZ89JVdC5dj0AoetR5Bw6wj4niittNyFh6+eOGonYvJ1ao6B8lEa3Q3klS7ADZ53bc5g==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@babel/template": "^7.26.9",
|
||||
"@babel/types": "^7.26.9"
|
||||
"@babel/types": "^7.26.10"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=6.9.0"
|
||||
@ -273,10 +280,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/runtime": {
|
||||
"version": "7.26.9",
|
||||
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.9.tgz",
|
||||
"integrity": "sha512-aA63XwOkcl4xxQa3HjPMqOP6LiK0ZDv3mUPYEFXkpHbaFjtGggE1A61FjFzJnB+p7/oy2gA8E+rcBNl/zC1tMg==",
|
||||
"license": "MIT",
|
||||
"version": "7.26.10",
|
||||
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.10.tgz",
|
||||
"integrity": "sha512-2WJMeRQPHKSPemqk/awGrAiuFfzBmOIPXKizAsVhWH9YJqLZ0H+HS4c8loHGgW6utJ3E/ejXQUsiGaQy2NZ9Fw==",
|
||||
"dependencies": {
|
||||
"regenerator-runtime": "^0.14.0"
|
||||
},
|
||||
@ -329,11 +335,10 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/types": {
|
||||
"version": "7.26.9",
|
||||
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.9.tgz",
|
||||
"integrity": "sha512-Y3IR1cRnOxOCDvMmNiym7XpXQ93iGDDPHx+Zj+NM+rg0fBaShfQLkg+hKPaZCEvg5N/LeCo4+Rj/i3FuJsIQaw==",
|
||||
"version": "7.26.10",
|
||||
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.10.tgz",
|
||||
"integrity": "sha512-emqcG3vHrpxUKTrxcblR36dcrcoRDvKmnL/dCL6ZsHaShW80qxCAcNhzQZrpeM765VzEos+xOi4s+r4IXzTwdQ==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@babel/helper-string-parser": "^7.25.9",
|
||||
"@babel/helper-validator-identifier": "^7.25.9"
|
||||
@ -343,13 +348,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/aix-ppc64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.24.2.tgz",
|
||||
"integrity": "sha512-thpVCb/rhxE/BnMLQ7GReQLLN8q9qbHmI55F4489/ByVg2aQaQ6kbcLb6FHkocZzQhxc4gx0sCk0tJkKBFzDhA==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.1.tgz",
|
||||
"integrity": "sha512-kfYGy8IdzTGy+z0vFGvExZtxkFlA4zAxgKEahG9KE1ScBjpQnFsNOX8KTU5ojNru5ed5CVoJYXFtoxaq5nFbjQ==",
|
||||
"cpu": [
|
||||
"ppc64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"aix"
|
||||
@ -359,13 +363,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/android-arm": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.24.2.tgz",
|
||||
"integrity": "sha512-tmwl4hJkCfNHwFB3nBa8z1Uy3ypZpxqxfTQOcHX+xRByyYgunVbZ9MzUUfb0RxaHIMnbHagwAxuTL+tnNM+1/Q==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.1.tgz",
|
||||
"integrity": "sha512-dp+MshLYux6j/JjdqVLnMglQlFu+MuVeNrmT5nk6q07wNhCdSnB7QZj+7G8VMUGh1q+vj2Bq8kRsuyA00I/k+Q==",
|
||||
"cpu": [
|
||||
"arm"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"android"
|
||||
@ -375,13 +378,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/android-arm64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.24.2.tgz",
|
||||
"integrity": "sha512-cNLgeqCqV8WxfcTIOeL4OAtSmL8JjcN6m09XIgro1Wi7cF4t/THaWEa7eL5CMoMBdjoHOTh/vwTO/o2TRXIyzg==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.1.tgz",
|
||||
"integrity": "sha512-50tM0zCJW5kGqgG7fQ7IHvQOcAn9TKiVRuQ/lN0xR+T2lzEFvAi1ZcS8DiksFcEpf1t/GYOeOfCAgDHFpkiSmA==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"android"
|
||||
@ -391,13 +393,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/android-x64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.24.2.tgz",
|
||||
"integrity": "sha512-B6Q0YQDqMx9D7rvIcsXfmJfvUYLoP722bgfBlO5cGvNVb5V/+Y7nhBE3mHV9OpxBf4eAS2S68KZztiPaWq4XYw==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.1.tgz",
|
||||
"integrity": "sha512-GCj6WfUtNldqUzYkN/ITtlhwQqGWu9S45vUXs7EIYf+7rCiiqH9bCloatO9VhxsL0Pji+PF4Lz2XXCES+Q8hDw==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"android"
|
||||
@ -407,13 +408,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/darwin-arm64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.24.2.tgz",
|
||||
"integrity": "sha512-kj3AnYWc+CekmZnS5IPu9D+HWtUI49hbnyqk0FLEJDbzCIQt7hg7ucF1SQAilhtYpIujfaHr6O0UHlzzSPdOeA==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.1.tgz",
|
||||
"integrity": "sha512-5hEZKPf+nQjYoSr/elb62U19/l1mZDdqidGfmFutVUjjUZrOazAtwK+Kr+3y0C/oeJfLlxo9fXb1w7L+P7E4FQ==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"darwin"
|
||||
@ -423,13 +423,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/darwin-x64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.24.2.tgz",
|
||||
"integrity": "sha512-WeSrmwwHaPkNR5H3yYfowhZcbriGqooyu3zI/3GGpF8AyUdsrrP0X6KumITGA9WOyiJavnGZUwPGvxvwfWPHIA==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.1.tgz",
|
||||
"integrity": "sha512-hxVnwL2Dqs3fM1IWq8Iezh0cX7ZGdVhbTfnOy5uURtao5OIVCEyj9xIzemDi7sRvKsuSdtCAhMKarxqtlyVyfA==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"darwin"
|
||||
@ -439,13 +438,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/freebsd-arm64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.24.2.tgz",
|
||||
"integrity": "sha512-UN8HXjtJ0k/Mj6a9+5u6+2eZ2ERD7Edt1Q9IZiB5UZAIdPnVKDoG7mdTVGhHJIeEml60JteamR3qhsr1r8gXvg==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.1.tgz",
|
||||
"integrity": "sha512-1MrCZs0fZa2g8E+FUo2ipw6jw5qqQiH+tERoS5fAfKnRx6NXH31tXBKI3VpmLijLH6yriMZsxJtaXUyFt/8Y4A==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"freebsd"
|
||||
@ -455,13 +453,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/freebsd-x64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.24.2.tgz",
|
||||
"integrity": "sha512-TvW7wE/89PYW+IevEJXZ5sF6gJRDY/14hyIGFXdIucxCsbRmLUcjseQu1SyTko+2idmCw94TgyaEZi9HUSOe3Q==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.1.tgz",
|
||||
"integrity": "sha512-0IZWLiTyz7nm0xuIs0q1Y3QWJC52R8aSXxe40VUxm6BB1RNmkODtW6LHvWRrGiICulcX7ZvyH6h5fqdLu4gkww==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"freebsd"
|
||||
@ -471,13 +468,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/linux-arm": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.24.2.tgz",
|
||||
"integrity": "sha512-n0WRM/gWIdU29J57hJyUdIsk0WarGd6To0s+Y+LwvlC55wt+GT/OgkwoXCXvIue1i1sSNWblHEig00GBWiJgfA==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.1.tgz",
|
||||
"integrity": "sha512-NdKOhS4u7JhDKw9G3cY6sWqFcnLITn6SqivVArbzIaf3cemShqfLGHYMx8Xlm/lBit3/5d7kXvriTUGa5YViuQ==",
|
||||
"cpu": [
|
||||
"arm"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@ -487,13 +483,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/linux-arm64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.24.2.tgz",
|
||||
"integrity": "sha512-7HnAD6074BW43YvvUmE/35Id9/NB7BeX5EoNkK9obndmZBUk8xmJJeU7DwmUeN7tkysslb2eSl6CTrYz6oEMQg==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.1.tgz",
|
||||
"integrity": "sha512-jaN3dHi0/DDPelk0nLcXRm1q7DNJpjXy7yWaWvbfkPvI+7XNSc/lDOnCLN7gzsyzgu6qSAmgSvP9oXAhP973uQ==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@ -503,13 +498,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/linux-ia32": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.24.2.tgz",
|
||||
"integrity": "sha512-sfv0tGPQhcZOgTKO3oBE9xpHuUqguHvSo4jl+wjnKwFpapx+vUDcawbwPNuBIAYdRAvIDBfZVvXprIj3HA+Ugw==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.1.tgz",
|
||||
"integrity": "sha512-OJykPaF4v8JidKNGz8c/q1lBO44sQNUQtq1KktJXdBLn1hPod5rE/Hko5ugKKZd+D2+o1a9MFGUEIUwO2YfgkQ==",
|
||||
"cpu": [
|
||||
"ia32"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@ -519,13 +513,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/linux-loong64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.24.2.tgz",
|
||||
"integrity": "sha512-CN9AZr8kEndGooS35ntToZLTQLHEjtVB5n7dl8ZcTZMonJ7CCfStrYhrzF97eAecqVbVJ7APOEe18RPI4KLhwQ==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.1.tgz",
|
||||
"integrity": "sha512-nGfornQj4dzcq5Vp835oM/o21UMlXzn79KobKlcs3Wz9smwiifknLy4xDCLUU0BWp7b/houtdrgUz7nOGnfIYg==",
|
||||
"cpu": [
|
||||
"loong64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@ -535,13 +528,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/linux-mips64el": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.24.2.tgz",
|
||||
"integrity": "sha512-iMkk7qr/wl3exJATwkISxI7kTcmHKE+BlymIAbHO8xanq/TjHaaVThFF6ipWzPHryoFsesNQJPE/3wFJw4+huw==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.1.tgz",
|
||||
"integrity": "sha512-1osBbPEFYwIE5IVB/0g2X6i1qInZa1aIoj1TdL4AaAb55xIIgbg8Doq6a5BzYWgr+tEcDzYH67XVnTmUzL+nXg==",
|
||||
"cpu": [
|
||||
"mips64el"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@ -551,13 +543,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/linux-ppc64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.24.2.tgz",
|
||||
"integrity": "sha512-shsVrgCZ57Vr2L8mm39kO5PPIb+843FStGt7sGGoqiiWYconSxwTiuswC1VJZLCjNiMLAMh34jg4VSEQb+iEbw==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.1.tgz",
|
||||
"integrity": "sha512-/6VBJOwUf3TdTvJZ82qF3tbLuWsscd7/1w+D9LH0W/SqUgM5/JJD0lrJ1fVIfZsqB6RFmLCe0Xz3fmZc3WtyVg==",
|
||||
"cpu": [
|
||||
"ppc64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@ -567,13 +558,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/linux-riscv64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.24.2.tgz",
|
||||
"integrity": "sha512-4eSFWnU9Hhd68fW16GD0TINewo1L6dRrB+oLNNbYyMUAeOD2yCK5KXGK1GH4qD/kT+bTEXjsyTCiJGHPZ3eM9Q==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.1.tgz",
|
||||
"integrity": "sha512-nSut/Mx5gnilhcq2yIMLMe3Wl4FK5wx/o0QuuCLMtmJn+WeWYoEGDN1ipcN72g1WHsnIbxGXd4i/MF0gTcuAjQ==",
|
||||
"cpu": [
|
||||
"riscv64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@ -583,13 +573,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/linux-s390x": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.24.2.tgz",
|
||||
"integrity": "sha512-S0Bh0A53b0YHL2XEXC20bHLuGMOhFDO6GN4b3YjRLK//Ep3ql3erpNcPlEFed93hsQAjAQDNsvcK+hV90FubSw==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.1.tgz",
|
||||
"integrity": "sha512-cEECeLlJNfT8kZHqLarDBQso9a27o2Zd2AQ8USAEoGtejOrCYHNtKP8XQhMDJMtthdF4GBmjR2au3x1udADQQQ==",
|
||||
"cpu": [
|
||||
"s390x"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@ -599,13 +588,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/linux-x64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.24.2.tgz",
|
||||
"integrity": "sha512-8Qi4nQcCTbLnK9WoMjdC9NiTG6/E38RNICU6sUNqK0QFxCYgoARqVqxdFmWkdonVsvGqWhmm7MO0jyTqLqwj0Q==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.1.tgz",
|
||||
"integrity": "sha512-xbfUhu/gnvSEg+EGovRc+kjBAkrvtk38RlerAzQxvMzlB4fXpCFCeUAYzJvrnhFtdeyVCDANSjJvOvGYoeKzFA==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@ -615,13 +603,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/netbsd-arm64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.24.2.tgz",
|
||||
"integrity": "sha512-wuLK/VztRRpMt9zyHSazyCVdCXlpHkKm34WUyinD2lzK07FAHTq0KQvZZlXikNWkDGoT6x3TD51jKQ7gMVpopw==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.1.tgz",
|
||||
"integrity": "sha512-O96poM2XGhLtpTh+s4+nP7YCCAfb4tJNRVZHfIE7dgmax+yMP2WgMd2OecBuaATHKTHsLWHQeuaxMRnCsH8+5g==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"netbsd"
|
||||
@ -631,13 +618,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/netbsd-x64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.24.2.tgz",
|
||||
"integrity": "sha512-VefFaQUc4FMmJuAxmIHgUmfNiLXY438XrL4GDNV1Y1H/RW3qow68xTwjZKfj/+Plp9NANmzbH5R40Meudu8mmw==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.1.tgz",
|
||||
"integrity": "sha512-X53z6uXip6KFXBQ+Krbx25XHV/NCbzryM6ehOAeAil7X7oa4XIq+394PWGnwaSQ2WRA0KI6PUO6hTO5zeF5ijA==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"netbsd"
|
||||
@ -647,13 +633,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/openbsd-arm64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.24.2.tgz",
|
||||
"integrity": "sha512-YQbi46SBct6iKnszhSvdluqDmxCJA+Pu280Av9WICNwQmMxV7nLRHZfjQzwbPs3jeWnuAhE9Jy0NrnJ12Oz+0A==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.1.tgz",
|
||||
"integrity": "sha512-Na9T3szbXezdzM/Kfs3GcRQNjHzM6GzFBeU1/6IV/npKP5ORtp9zbQjvkDJ47s6BCgaAZnnnu/cY1x342+MvZg==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"openbsd"
|
||||
@ -663,13 +648,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/openbsd-x64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.24.2.tgz",
|
||||
"integrity": "sha512-+iDS6zpNM6EnJyWv0bMGLWSWeXGN/HTaF/LXHXHwejGsVi+ooqDfMCCTerNFxEkM3wYVcExkeGXNqshc9iMaOA==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.1.tgz",
|
||||
"integrity": "sha512-T3H78X2h1tszfRSf+txbt5aOp/e7TAz3ptVKu9Oyir3IAOFPGV6O9c2naym5TOriy1l0nNf6a4X5UXRZSGX/dw==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"openbsd"
|
||||
@ -679,13 +663,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/sunos-x64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.24.2.tgz",
|
||||
"integrity": "sha512-hTdsW27jcktEvpwNHJU4ZwWFGkz2zRJUz8pvddmXPtXDzVKTTINmlmga3ZzwcuMpUvLw7JkLy9QLKyGpD2Yxig==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.1.tgz",
|
||||
"integrity": "sha512-2H3RUvcmULO7dIE5EWJH8eubZAI4xw54H1ilJnRNZdeo8dTADEZ21w6J22XBkXqGJbe0+wnNJtw3UXRoLJnFEg==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"sunos"
|
||||
@ -695,13 +678,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/win32-arm64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.24.2.tgz",
|
||||
"integrity": "sha512-LihEQ2BBKVFLOC9ZItT9iFprsE9tqjDjnbulhHoFxYQtQfai7qfluVODIYxt1PgdoyQkz23+01rzwNwYfutxUQ==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.1.tgz",
|
||||
"integrity": "sha512-GE7XvrdOzrb+yVKB9KsRMq+7a2U/K5Cf/8grVFRAGJmfADr/e/ODQ134RK2/eeHqYV5eQRFxb1hY7Nr15fv1NQ==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"win32"
|
||||
@ -711,13 +693,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/win32-ia32": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.24.2.tgz",
|
||||
"integrity": "sha512-q+iGUwfs8tncmFC9pcnD5IvRHAzmbwQ3GPS5/ceCyHdjXubwQWI12MKWSNSMYLJMq23/IUCvJMS76PDqXe1fxA==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.1.tgz",
|
||||
"integrity": "sha512-uOxSJCIcavSiT6UnBhBzE8wy3n0hOkJsBOzy7HDAuTDE++1DJMRRVCPGisULScHL+a/ZwdXPpXD3IyFKjA7K8A==",
|
||||
"cpu": [
|
||||
"ia32"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"win32"
|
||||
@ -727,13 +708,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/win32-x64": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.24.2.tgz",
|
||||
"integrity": "sha512-7VTgWzgMGvup6aSqDPLiW5zHaxYJGTO4OokMjIlrCtf+VpEL+cXKtCvg723iguPYI5oaUNdS+/V7OU2gvXVWEg==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.1.tgz",
|
||||
"integrity": "sha512-Y1EQdcfwMSeQN/ujR5VayLOJ1BHaK+ssyk0AEzPjC+t1lITgsnccPqFjb6V+LsTp/9Iov4ysfjxLaGJ9RPtkVg==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"win32"
|
||||
@ -2545,6 +2525,39 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@reduxjs/toolkit": {
|
||||
"version": "2.6.0",
|
||||
"resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-2.6.0.tgz",
|
||||
"integrity": "sha512-mWJCYpewLRyTuuzRSEC/IwIBBkYg2dKtQas8mty5MaV2iXzcmicS3gW554FDeOvLnY3x13NIk8MB1e8wHO7rqQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"immer": "^10.0.3",
|
||||
"redux": "^5.0.1",
|
||||
"redux-thunk": "^3.1.0",
|
||||
"reselect": "^5.1.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": "^16.9.0 || ^17.0.0 || ^18 || ^19",
|
||||
"react-redux": "^7.2.1 || ^8.1.3 || ^9.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"react": {
|
||||
"optional": true
|
||||
},
|
||||
"react-redux": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@remix-run/router": {
|
||||
"version": "1.19.2",
|
||||
"resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.19.2.tgz",
|
||||
"integrity": "sha512-baiMx18+IMuD1yyvOGaHM9QrVUPGGG0jC+z+IPHnRJWUAUvaKuWKyE8gjDj2rzv3sz9zOGoRSPgeBVHRhZnBlA==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=14.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@rollup/rollup-android-arm-eabi": {
|
||||
"version": "4.34.7",
|
||||
"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.34.7.tgz",
|
||||
@ -3120,6 +3133,13 @@
|
||||
"integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@types/js-cookie": {
|
||||
"version": "3.0.6",
|
||||
"resolved": "https://registry.npmjs.org/@types/js-cookie/-/js-cookie-3.0.6.tgz",
|
||||
"integrity": "sha512-wkw9yd1kEXOPnvEeEV1Go1MmxtBJL0RR79aOTAApecWFVu7w0NNXNqhcWgvw2YgZDYadliXkl14pa3WXw5jlCQ==",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@types/json-schema": {
|
||||
"version": "7.0.15",
|
||||
"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
|
||||
@ -3474,10 +3494,9 @@
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/axios": {
|
||||
"version": "1.7.9",
|
||||
"resolved": "https://registry.npmjs.org/axios/-/axios-1.7.9.tgz",
|
||||
"integrity": "sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==",
|
||||
"license": "MIT",
|
||||
"version": "1.8.4",
|
||||
"resolved": "https://registry.npmjs.org/axios/-/axios-1.8.4.tgz",
|
||||
"integrity": "sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==",
|
||||
"dependencies": {
|
||||
"follow-redirects": "^1.15.6",
|
||||
"form-data": "^4.0.0",
|
||||
@ -3824,11 +3843,10 @@
|
||||
}
|
||||
},
|
||||
"node_modules/esbuild": {
|
||||
"version": "0.24.2",
|
||||
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.24.2.tgz",
|
||||
"integrity": "sha512-+9egpBW8I3CD5XPe0n6BfT5fxLzxrlDzqydF3aviG+9ni1lDC/OvMHcxqEFV0+LANZG5R1bFMWfUrjVsdwxJvA==",
|
||||
"version": "0.25.1",
|
||||
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.1.tgz",
|
||||
"integrity": "sha512-BGO5LtrGC7vxnqucAe/rmvKdJllfGaYWdyABvyMoXQlfYMb2bbRuReWR5tEGE//4LcNJj9XrkovTqNYRFZHAMQ==",
|
||||
"hasInstallScript": true,
|
||||
"license": "MIT",
|
||||
"bin": {
|
||||
"esbuild": "bin/esbuild"
|
||||
},
|
||||
@ -3836,31 +3854,31 @@
|
||||
"node": ">=18"
|
||||
},
|
||||
"optionalDependencies": {
|
||||
"@esbuild/aix-ppc64": "0.24.2",
|
||||
"@esbuild/android-arm": "0.24.2",
|
||||
"@esbuild/android-arm64": "0.24.2",
|
||||
"@esbuild/android-x64": "0.24.2",
|
||||
"@esbuild/darwin-arm64": "0.24.2",
|
||||
"@esbuild/darwin-x64": "0.24.2",
|
||||
"@esbuild/freebsd-arm64": "0.24.2",
|
||||
"@esbuild/freebsd-x64": "0.24.2",
|
||||
"@esbuild/linux-arm": "0.24.2",
|
||||
"@esbuild/linux-arm64": "0.24.2",
|
||||
"@esbuild/linux-ia32": "0.24.2",
|
||||
"@esbuild/linux-loong64": "0.24.2",
|
||||
"@esbuild/linux-mips64el": "0.24.2",
|
||||
"@esbuild/linux-ppc64": "0.24.2",
|
||||
"@esbuild/linux-riscv64": "0.24.2",
|
||||
"@esbuild/linux-s390x": "0.24.2",
|
||||
"@esbuild/linux-x64": "0.24.2",
|
||||
"@esbuild/netbsd-arm64": "0.24.2",
|
||||
"@esbuild/netbsd-x64": "0.24.2",
|
||||
"@esbuild/openbsd-arm64": "0.24.2",
|
||||
"@esbuild/openbsd-x64": "0.24.2",
|
||||
"@esbuild/sunos-x64": "0.24.2",
|
||||
"@esbuild/win32-arm64": "0.24.2",
|
||||
"@esbuild/win32-ia32": "0.24.2",
|
||||
"@esbuild/win32-x64": "0.24.2"
|
||||
"@esbuild/aix-ppc64": "0.25.1",
|
||||
"@esbuild/android-arm": "0.25.1",
|
||||
"@esbuild/android-arm64": "0.25.1",
|
||||
"@esbuild/android-x64": "0.25.1",
|
||||
"@esbuild/darwin-arm64": "0.25.1",
|
||||
"@esbuild/darwin-x64": "0.25.1",
|
||||
"@esbuild/freebsd-arm64": "0.25.1",
|
||||
"@esbuild/freebsd-x64": "0.25.1",
|
||||
"@esbuild/linux-arm": "0.25.1",
|
||||
"@esbuild/linux-arm64": "0.25.1",
|
||||
"@esbuild/linux-ia32": "0.25.1",
|
||||
"@esbuild/linux-loong64": "0.25.1",
|
||||
"@esbuild/linux-mips64el": "0.25.1",
|
||||
"@esbuild/linux-ppc64": "0.25.1",
|
||||
"@esbuild/linux-riscv64": "0.25.1",
|
||||
"@esbuild/linux-s390x": "0.25.1",
|
||||
"@esbuild/linux-x64": "0.25.1",
|
||||
"@esbuild/netbsd-arm64": "0.25.1",
|
||||
"@esbuild/netbsd-x64": "0.25.1",
|
||||
"@esbuild/openbsd-arm64": "0.25.1",
|
||||
"@esbuild/openbsd-x64": "0.25.1",
|
||||
"@esbuild/sunos-x64": "0.25.1",
|
||||
"@esbuild/win32-arm64": "0.25.1",
|
||||
"@esbuild/win32-ia32": "0.25.1",
|
||||
"@esbuild/win32-x64": "0.25.1"
|
||||
}
|
||||
},
|
||||
"node_modules/escalade": {
|
||||
@ -4412,6 +4430,16 @@
|
||||
"node": ">= 4"
|
||||
}
|
||||
},
|
||||
"node_modules/immer": {
|
||||
"version": "10.1.1",
|
||||
"resolved": "https://registry.npmjs.org/immer/-/immer-10.1.1.tgz",
|
||||
"integrity": "sha512-s2MPrmjovJcoMaHtx6K11Ra7oD05NT97w1IC5zpMkT6Atjr7H8LjaDd81iIxUYpMKSRRNMJE703M1Fhr/TctHw==",
|
||||
"license": "MIT",
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/immer"
|
||||
}
|
||||
},
|
||||
"node_modules/import-fresh": {
|
||||
"version": "3.3.1",
|
||||
"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
|
||||
@ -4509,6 +4537,15 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/js-cookie": {
|
||||
"version": "3.0.5",
|
||||
"resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
|
||||
"integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=14"
|
||||
}
|
||||
},
|
||||
"node_modules/js-tokens": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
|
||||
@ -4928,6 +4965,39 @@
|
||||
"node": "*"
|
||||
}
|
||||
},
|
||||
"node_modules/mobx": {
|
||||
"version": "6.13.7",
|
||||
"resolved": "https://registry.npmjs.org/mobx/-/mobx-6.13.7.tgz",
|
||||
"integrity": "sha512-aChaVU/DO5aRPmk1GX8L+whocagUUpBQqoPtJk+cm7UOXUk87J4PeWCh6nNmTTIfEhiR9DI/+FnA8dln/hTK7g==",
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/mobx"
|
||||
}
|
||||
},
|
||||
"node_modules/mobx-react-lite": {
|
||||
"version": "4.1.0",
|
||||
"resolved": "https://registry.npmjs.org/mobx-react-lite/-/mobx-react-lite-4.1.0.tgz",
|
||||
"integrity": "sha512-QEP10dpHHBeQNv1pks3WnHRCem2Zp636lq54M2nKO2Sarr13pL4u6diQXf65yzXUn0mkk18SyIDCm9UOJYTi1w==",
|
||||
"dependencies": {
|
||||
"use-sync-external-store": "^1.4.0"
|
||||
},
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/mobx"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"mobx": "^6.9.0",
|
||||
"react": "^16.8.0 || ^17 || ^18 || ^19"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"react-dom": {
|
||||
"optional": true
|
||||
},
|
||||
"react-native": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/ms": {
|
||||
"version": "2.1.3",
|
||||
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
|
||||
@ -4936,16 +5006,15 @@
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/nanoid": {
|
||||
"version": "3.3.8",
|
||||
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
|
||||
"integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==",
|
||||
"version": "3.3.11",
|
||||
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
|
||||
"integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/ai"
|
||||
}
|
||||
],
|
||||
"license": "MIT",
|
||||
"bin": {
|
||||
"nanoid": "bin/nanoid.cjs"
|
||||
},
|
||||
@ -5070,9 +5139,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/postcss": {
|
||||
"version": "8.5.2",
|
||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.2.tgz",
|
||||
"integrity": "sha512-MjOadfU3Ys9KYoX0AdkBlFEF1Vx37uCCeN4ZHnmwm9FfpbsGWMZeBLMmmpY+6Ocqod7mkdZ0DT31OlbsFrLlkA==",
|
||||
"version": "8.5.3",
|
||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
|
||||
"integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "opencollective",
|
||||
@ -5087,7 +5156,6 @@
|
||||
"url": "https://github.com/sponsors/ai"
|
||||
}
|
||||
],
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"nanoid": "^3.3.8",
|
||||
"picocolors": "^1.1.1",
|
||||
@ -5323,6 +5391,38 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/react-router": {
|
||||
"version": "6.26.2",
|
||||
"resolved": "https://registry.npmjs.org/react-router/-/react-router-6.26.2.tgz",
|
||||
"integrity": "sha512-tvN1iuT03kHgOFnLPfLJ8V95eijteveqdOSk+srqfePtQvqCExB8eHOYnlilbOcyJyKnYkr1vJvf7YqotAJu1A==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@remix-run/router": "1.19.2"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=16.8"
|
||||
}
|
||||
},
|
||||
"node_modules/react-router-dom": {
|
||||
"version": "6.26.2",
|
||||
"resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.26.2.tgz",
|
||||
"integrity": "sha512-z7YkaEW0Dy35T3/QKPYB1LjMK2R1fxnHO8kWpUMTBdfVzZrWOiY9a7CtN8HqdWtDUWd5FY6Dl8HFsqVwH4uOtQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@remix-run/router": "1.19.2",
|
||||
"react-router": "6.26.2"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=16.8",
|
||||
"react-dom": ">=16.8"
|
||||
}
|
||||
},
|
||||
"node_modules/react-style-singleton": {
|
||||
"version": "2.2.3",
|
||||
"resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.3.tgz",
|
||||
@ -5351,12 +5451,27 @@
|
||||
"integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/redux-thunk": {
|
||||
"version": "3.1.0",
|
||||
"resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-3.1.0.tgz",
|
||||
"integrity": "sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==",
|
||||
"license": "MIT",
|
||||
"peerDependencies": {
|
||||
"redux": "^5.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/regenerator-runtime": {
|
||||
"version": "0.14.1",
|
||||
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
|
||||
"integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/reselect": {
|
||||
"version": "5.1.1",
|
||||
"resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
|
||||
"integrity": "sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/resolve-from": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
|
||||
@ -5483,7 +5598,6 @@
|
||||
"version": "1.2.1",
|
||||
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
|
||||
"integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
|
||||
"license": "BSD-3-Clause",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
@ -5711,13 +5825,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/vite": {
|
||||
"version": "6.1.0",
|
||||
"resolved": "https://registry.npmjs.org/vite/-/vite-6.1.0.tgz",
|
||||
"integrity": "sha512-RjjMipCKVoR4hVfPY6GQTgveinjNuyLw+qruksLDvA5ktI1150VmcMBKmQaEWJhg/j6Uaf6dNCNA0AfdzUb/hQ==",
|
||||
"license": "MIT",
|
||||
"version": "6.2.2",
|
||||
"resolved": "https://registry.npmjs.org/vite/-/vite-6.2.2.tgz",
|
||||
"integrity": "sha512-yW7PeMM+LkDzc7CgJuRLMW2Jz0FxMOsVJ8Lv3gpgW9WLcb9cTW+121UEr1hvmfR7w3SegR5ItvYyzVz1vxNJgQ==",
|
||||
"dependencies": {
|
||||
"esbuild": "^0.24.2",
|
||||
"postcss": "^8.5.1",
|
||||
"esbuild": "^0.25.0",
|
||||
"postcss": "^8.5.3",
|
||||
"rollup": "^4.30.1"
|
||||
},
|
||||
"bin": {
|
||||
|
||||
@ -11,19 +11,27 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@hello-pangea/dnd": "^18.0.1",
|
||||
"@radix-ui/react-form": "^0.1.2",
|
||||
"@radix-ui/react-icons": "^1.3.2",
|
||||
"@radix-ui/themes": "^3.2.0",
|
||||
"@reduxjs/toolkit": "^2.6.0",
|
||||
"@tailwindcss/vite": "^4.0.6",
|
||||
"@tanstack/react-query": "^5.66.0",
|
||||
"@tanstack/react-query-devtools": "^5.66.0",
|
||||
"axios": "^1.7.9",
|
||||
"axios": "^1.8.4",
|
||||
"jotai": "^2.12.0",
|
||||
"js-cookie": "^3.0.5",
|
||||
"mobx": "^6.13.7",
|
||||
"mobx-react-lite": "^4.1.0",
|
||||
"react": "^19.0.0",
|
||||
"react-dom": "^19.0.0",
|
||||
"react-redux": "^9.2.0",
|
||||
"react-router-dom": "^6.26.2",
|
||||
"tailwindcss": "^4.0.6"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@eslint/js": "^9.19.0",
|
||||
"@types/js-cookie": "^3.0.6",
|
||||
"@types/react": "^19.0.8",
|
||||
"@types/react-dom": "^19.0.3",
|
||||
"@vitejs/plugin-react": "^4.3.4",
|
||||
|
||||
@ -1,13 +1,22 @@
|
||||
import { Theme } from '@radix-ui/themes';
|
||||
import '@radix-ui/themes/styles.css';
|
||||
import { QueryClientProvider } from '@tanstack/react-query';
|
||||
import { createBrowserRouter, RouterProvider } from 'react-router-dom';
|
||||
import queryClient from './api/queryClient';
|
||||
import './App.css';
|
||||
import MainBoard from './components/MainBoard/MainBoard';
|
||||
import MyRoutes from './routes/routes';
|
||||
import React from 'react';
|
||||
import { appStore } from './stores/AppStore';
|
||||
import { Ctx } from './context';
|
||||
|
||||
const router = createBrowserRouter(MyRoutes);
|
||||
|
||||
function App() {
|
||||
return (
|
||||
<Theme accentColor="amber" grayColor="gray">
|
||||
<MainBoard />
|
||||
{/* <ThemePanel /> */}
|
||||
<Theme className="size-full" accentColor="amber" grayColor="gray">
|
||||
<Ctx.Provider value={appStore}>
|
||||
<RouterProvider router={router} />
|
||||
</Ctx.Provider>
|
||||
</Theme>
|
||||
);
|
||||
}
|
||||
|
||||
14
cool_todo_manager/src/api/axios.ts
Normal file
14
cool_todo_manager/src/api/axios.ts
Normal file
@ -0,0 +1,14 @@
|
||||
import axios from "axios";
|
||||
|
||||
const BASE_URL = 'http://localhost:4567';
|
||||
|
||||
export const axiosBase = axios.create({
|
||||
baseURL: BASE_URL,
|
||||
});
|
||||
|
||||
export const axiosAuth = axios.create({
|
||||
baseURL: BASE_URL,
|
||||
headers: {
|
||||
Authorization: `Bearer ${localStorage.getItem('token')}` // Maybe we will use cookies
|
||||
}
|
||||
});
|
||||
11
cool_todo_manager/src/api/queryClient.ts
Normal file
11
cool_todo_manager/src/api/queryClient.ts
Normal file
@ -0,0 +1,11 @@
|
||||
import { QueryClient } from "@tanstack/react-query";
|
||||
|
||||
const queryClient = new QueryClient({
|
||||
defaultOptions: {
|
||||
queries: {
|
||||
retry: 2,
|
||||
},
|
||||
},
|
||||
})
|
||||
|
||||
export default queryClient;
|
||||
15
cool_todo_manager/src/components/AuthWrapper/AuthWrapper.tsx
Normal file
15
cool_todo_manager/src/components/AuthWrapper/AuthWrapper.tsx
Normal file
@ -0,0 +1,15 @@
|
||||
import { observer } from 'mobx-react-lite';
|
||||
import { PropsWithChildren } from 'react';
|
||||
import { Navigate } from 'react-router-dom';
|
||||
|
||||
const AuthWrapper = observer((props: PropsWithChildren) => {
|
||||
|
||||
if (!localStorage.getItem('token')) {
|
||||
console.log('No token found, redirecting to login');
|
||||
return <Navigate to={'/login'} />
|
||||
}
|
||||
|
||||
return <div>{props.children}</div>;
|
||||
})
|
||||
|
||||
export default AuthWrapper;
|
||||
@ -1,36 +1,96 @@
|
||||
import { useEffect } from 'react';
|
||||
import { Droppable } from '@hello-pangea/dnd';
|
||||
import { Box } from '@radix-ui/themes';
|
||||
import TaskCard from '../TaskCard/TaskCard';
|
||||
import { Box, Button, Flex, Text } from '@radix-ui/themes';
|
||||
import { PlusIcon } from '@radix-ui/react-icons';
|
||||
import { observer } from 'mobx-react-lite';
|
||||
|
||||
const tasks = [
|
||||
{ id: 1, title: 'Task 1', description: 'Description for Task 1' },
|
||||
{ id: 2, title: 'Task 2', description: 'Description for Task 2' },
|
||||
];
|
||||
import TaskCard from '../TaskCard/TaskCard';
|
||||
import AddUserToProjectDialog from '../dialogs/AddUserToProjectDialog/AddUserToProjectDialog';
|
||||
import CreateTaskDialog from '../dialogs/CreateTaskDialog/CreateTaskDialog';
|
||||
import DeleteProjectDialog from '../dialogs/DeleteProjectDialog/CreateTaskDialog';
|
||||
|
||||
// Импортируем наш mobx-store
|
||||
import { useStore } from '../../hooks/useStore';
|
||||
|
||||
type TCardGroup = {
|
||||
id: string
|
||||
}
|
||||
id: string;
|
||||
title: string;
|
||||
};
|
||||
|
||||
|
||||
function CardGroup(props: TCardGroup) {
|
||||
// При монтировании (и при изменении `props.id`) грузим задачи для проекта
|
||||
const store = useStore();
|
||||
useEffect(() => {
|
||||
store.mainStore.fetchTasksForGroup(props.id).catch(console.error);
|
||||
}, [props.id, store.mainStore]);
|
||||
|
||||
|
||||
// Получаем задачи для данного проекта из стора (или пустой массив, если их нет)
|
||||
const tasks = store.mainStore.tasksByProject.get(props.id) ?? [];
|
||||
const isLoading = store.mainStore.isLoading; // общее isLoading из стора
|
||||
|
||||
// Создать задачу
|
||||
const createTask = (taskText: string, date: string) => {
|
||||
store.mainStore.createTask({
|
||||
title: taskText,
|
||||
projectId: props.id,
|
||||
assignedUserId: 1,
|
||||
deadline: date,
|
||||
});
|
||||
};
|
||||
|
||||
// Удалить проект (аналог deleteProjectMutation)
|
||||
const deleteGroup = () => {
|
||||
store.mainStore.deleteProject(props.id);
|
||||
};
|
||||
|
||||
export default function CardGroup(props: TCardGroup) {
|
||||
return (
|
||||
<Droppable droppableId={props.id}>
|
||||
<Droppable droppableId={props.id.toString()}>
|
||||
{(provided) => (
|
||||
<Box className="flex flex-col text-center rounded-lg p-4 bg-gray-200 min-w-fit">
|
||||
<Text className="mb-2">{props.title}</Text>
|
||||
|
||||
<Box
|
||||
ref={provided.innerRef}
|
||||
{...provided.droppableProps}
|
||||
className="bg-gray-200 min-w-full rounded-lg !flex flex-col gap-2"
|
||||
>
|
||||
{tasks.map((task, i) => (
|
||||
{isLoading && <Text>Loading...</Text>}
|
||||
|
||||
{!isLoading && tasks.map((task: any, i: number) => (
|
||||
<TaskCard
|
||||
projectId={props.id}
|
||||
key={task.id}
|
||||
id={task.id.toString() + props.id}
|
||||
id={task.id.toString()}
|
||||
title={task.title}
|
||||
description={task.description}
|
||||
description={task.status}
|
||||
index={i}
|
||||
status={task.status}
|
||||
/>
|
||||
))}
|
||||
{provided.placeholder}
|
||||
</Box>
|
||||
|
||||
<Flex gap={'2'} className="mx-auto w-full mt-2">
|
||||
<CreateTaskDialog onClose={createTask}>
|
||||
<Button className='!grow-1'>Add Task</Button>
|
||||
</CreateTaskDialog>
|
||||
|
||||
<DeleteProjectDialog onClose={deleteGroup}>
|
||||
<Button className='!grow-1' color="red">Delete Project</Button>
|
||||
</DeleteProjectDialog>
|
||||
</Flex>
|
||||
|
||||
<AddUserToProjectDialog projectId={+props.id}>
|
||||
<Button className='!mt-2'>
|
||||
<PlusIcon />
|
||||
Add user
|
||||
</Button>
|
||||
</AddUserToProjectDialog>
|
||||
</Box>
|
||||
)}
|
||||
</Droppable>
|
||||
);
|
||||
}
|
||||
|
||||
export default observer(CardGroup);
|
||||
|
||||
@ -1,17 +1,59 @@
|
||||
import { useEffect } from 'react';
|
||||
import { observer } from 'mobx-react-lite';
|
||||
import { DragDropContext } from '@hello-pangea/dnd';
|
||||
import { Button, Flex, ScrollArea } from '@radix-ui/themes';
|
||||
|
||||
import CardGroup from '../CardGroup/CardGroup';
|
||||
import CreateProjectDialog from '../dialogs/CreateProjectDialog/CreateProjectDialog';
|
||||
import { useStore } from '../../hooks/useStore';
|
||||
|
||||
type TDragResult = any; // или определите, если надо
|
||||
|
||||
export default function MainBoard() {
|
||||
function MainBoard() {
|
||||
const store = useStore();
|
||||
|
||||
// Загрузка проектов при монтировании
|
||||
useEffect(() => {
|
||||
store.mainStore.fetchProjects().catch(console.error);
|
||||
}, []);
|
||||
|
||||
const dragEndHandle = (result: TDragResult) => {
|
||||
result
|
||||
}
|
||||
// Логика перетаскивания, если нужно
|
||||
console.log(result);
|
||||
};
|
||||
|
||||
// Для кнопки "Create project"
|
||||
const createProject = (newProjectData: any) => {
|
||||
store.mainStore.createProject(newProjectData);
|
||||
};
|
||||
|
||||
const cringe = store.mainStore.projects;
|
||||
const isLoading = store.mainStore.isLoading;
|
||||
|
||||
return (
|
||||
<>
|
||||
<DragDropContext onDragEnd={dragEndHandle}>
|
||||
<CardGroup id='qwhdf' />
|
||||
<CardGroup id='123fsduiyuiyi' />
|
||||
<ScrollArea scrollbars="horizontal" className="pb-3">
|
||||
<Flex gap={'2'} className="min-w-fit">
|
||||
{isLoading && <div>Loading Projects...</div>}
|
||||
|
||||
{!isLoading &&
|
||||
cringe.map((item: any) => (
|
||||
<CardGroup
|
||||
key={item.id}
|
||||
id={item.id}
|
||||
title={item.title}
|
||||
/>
|
||||
))}
|
||||
</Flex>
|
||||
</ScrollArea>
|
||||
</DragDropContext>
|
||||
|
||||
<CreateProjectDialog onCreate={createProject}>
|
||||
<Button>Create project</Button>
|
||||
</CreateProjectDialog>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default observer(MainBoard);
|
||||
|
||||
@ -1,37 +1,98 @@
|
||||
import { Draggable } from '@hello-pangea/dnd';
|
||||
import { DragHandleHorizontalIcon } from '@radix-ui/react-icons';
|
||||
import { Box, Button, Card, Flex, Text } from '@radix-ui/themes';
|
||||
import { Badge, Button, Card, Flex, Text } from '@radix-ui/themes';
|
||||
import { observer } from 'mobx-react-lite';
|
||||
import { useStore } from '../../hooks/useStore';
|
||||
import { useEffect } from 'react';
|
||||
|
||||
type TTaskCard = {
|
||||
title?: string;
|
||||
description?: string;
|
||||
id?: string;
|
||||
index?: number;
|
||||
status: 'todo' | 'in-progress' | 'completed';
|
||||
projectId: string;
|
||||
};
|
||||
|
||||
export default function TaskCard(props: TTaskCard) {
|
||||
const badgeNames = {
|
||||
todo: 'To do',
|
||||
'in-progress': 'In progress',
|
||||
completed: 'Completed',
|
||||
} as const;
|
||||
|
||||
const badgeColors = {
|
||||
todo: 'blue',
|
||||
'in-progress': 'orange',
|
||||
completed: 'green',
|
||||
} as const;
|
||||
|
||||
const TaskCard = observer((props: TTaskCard) => {
|
||||
|
||||
const store = useStore()
|
||||
|
||||
const updateStatus = (newStatus: 'todo' | 'in-progress' | 'completed') => {
|
||||
if (!props.id) return;
|
||||
store.mainStore.updateTask({ id: props.id, status: newStatus });
|
||||
};
|
||||
// @ts-ignore
|
||||
console.log(`rerendered with`, store.mainStore.tasksByProject.get(2) );
|
||||
|
||||
useEffect(() => {
|
||||
console.log(store.mainStore.fakeData)
|
||||
}, [store.mainStore.fakeData])
|
||||
|
||||
|
||||
return (
|
||||
<Draggable draggableId={props.id || '123'} index={props.index || 0}>
|
||||
{(provided) => (
|
||||
<Card
|
||||
className="!w-62"
|
||||
className="!w-62 !flex flex-col gap-2"
|
||||
ref={provided.innerRef}
|
||||
{...provided.draggableProps}
|
||||
>
|
||||
<Flex direction="column" gap="2">
|
||||
<Text wrap="pretty">{props.title}</Text>
|
||||
<Button>Mark completed</Button>
|
||||
<Flex className="w-full !justify-center transition-transform">
|
||||
<Box
|
||||
className="px-10 cursor-grab"
|
||||
{...provided.dragHandleProps}
|
||||
>
|
||||
<DragHandleHorizontalIcon />
|
||||
</Box>
|
||||
<h1>{store.mainStore.fakeData.toString()}</h1>
|
||||
<Flex direction="column" gap="2">
|
||||
<Flex justify={'between'}>
|
||||
<Text wrap="pretty">{props.title}</Text>
|
||||
<Badge color={badgeColors[props.status] || 'gray'}>{badgeNames[props.status]}</Badge>
|
||||
</Flex>
|
||||
</Flex>
|
||||
|
||||
<Flex justify={'between'}>
|
||||
{props.status !== 'todo' && (
|
||||
<Button
|
||||
color={badgeColors['todo']}
|
||||
onClick={() => updateStatus('todo')}
|
||||
>
|
||||
Todo
|
||||
</Button>
|
||||
)}
|
||||
{props.status !== 'in-progress' && (
|
||||
<Button
|
||||
color={badgeColors['in-progress']}
|
||||
onClick={() => updateStatus('in-progress')}
|
||||
>
|
||||
In Progress
|
||||
</Button>
|
||||
)}
|
||||
{props.status !== 'completed' && (
|
||||
<Button
|
||||
color={badgeColors['completed']}
|
||||
onClick={() => updateStatus('completed')}
|
||||
>
|
||||
Completed
|
||||
</Button>
|
||||
)}
|
||||
<Button onClick={() => {
|
||||
store.mainStore.fetchPosts()
|
||||
}}>
|
||||
posts
|
||||
</Button>
|
||||
</Flex>
|
||||
</Card>
|
||||
)}
|
||||
</Draggable>
|
||||
);
|
||||
}
|
||||
})
|
||||
|
||||
export default TaskCard;
|
||||
|
||||
@ -0,0 +1,92 @@
|
||||
import { PropsWithChildren, useEffect, useState } from 'react';
|
||||
import { observer } from 'mobx-react-lite';
|
||||
import { Button, Dialog, Flex, Select } from '@radix-ui/themes';
|
||||
|
||||
// Импортируем сторы
|
||||
import { useStore } from '../../../hooks/useStore';
|
||||
|
||||
type TAddUserToProjectDialog = {
|
||||
projectId: number;
|
||||
} & PropsWithChildren;
|
||||
|
||||
function AddUserToProjectDialog(props: TAddUserToProjectDialog) {
|
||||
const { projectId, children } = props;
|
||||
const [selectedUserId, setSelectedUserId] = useState<number | null>(null);
|
||||
|
||||
const store = useStore();
|
||||
|
||||
// При открытии диалога (или при ререндере) можно обновлять список пользователей
|
||||
// (В RTK Query был refetch. Тут можно просто вызвать fetchAllUsers(force=true) если надо всегда свежий список)
|
||||
useEffect(() => {
|
||||
store.authStore.fetchAllUsers();
|
||||
}, []);
|
||||
|
||||
const handleAddUser = async () => {
|
||||
if (selectedUserId) {
|
||||
try {
|
||||
// В store.mainStore метод addProjectMember(projectId: string, memberId: string/number)
|
||||
await store.mainStore.addProjectMember(projectId.toString(), selectedUserId.toString());
|
||||
setSelectedUserId(null);
|
||||
} catch (err) {
|
||||
console.error('Failed to add user:', err);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const isLoading = store.authStore.isLoading;
|
||||
const error = store.authStore.error;
|
||||
const users = store.authStore.allUsers;
|
||||
|
||||
return (
|
||||
<Dialog.Root>
|
||||
<Dialog.Trigger>{children}</Dialog.Trigger>
|
||||
|
||||
<Dialog.Content maxWidth="450px">
|
||||
<Dialog.Title>Add User to Project</Dialog.Title>
|
||||
|
||||
<Flex direction="column" gap="3" mt="4">
|
||||
{isLoading ? (
|
||||
<span>Loading users...</span>
|
||||
) : error ? (
|
||||
<span>Error loading users: {error}</span>
|
||||
) : (
|
||||
<Select.Root
|
||||
value={selectedUserId?.toString() || ''}
|
||||
onValueChange={(value) => setSelectedUserId(Number(value))}
|
||||
required
|
||||
>
|
||||
<Select.Trigger aria-label="User">
|
||||
{selectedUserId
|
||||
? users?.find((user: any) => user.id === selectedUserId)?.username
|
||||
: 'Select a user'}
|
||||
</Select.Trigger>
|
||||
<Select.Content>
|
||||
{users?.map((user: any) => (
|
||||
<Select.Item key={user.id} value={user.id.toString()}>
|
||||
{user.username}
|
||||
</Select.Item>
|
||||
))}
|
||||
</Select.Content>
|
||||
</Select.Root>
|
||||
)}
|
||||
</Flex>
|
||||
|
||||
<Flex gap="3" mt="4" justify="end">
|
||||
<Dialog.Close>
|
||||
<Button variant="soft" color="gray">
|
||||
Cancel
|
||||
</Button>
|
||||
</Dialog.Close>
|
||||
|
||||
<Dialog.Close>
|
||||
<Button color="green" onClick={handleAddUser} disabled={!selectedUserId || isLoading}>
|
||||
{isLoading ? 'Adding...' : 'Add'}
|
||||
</Button>
|
||||
</Dialog.Close>
|
||||
</Flex>
|
||||
</Dialog.Content>
|
||||
</Dialog.Root>
|
||||
);
|
||||
}
|
||||
|
||||
export default observer(AddUserToProjectDialog);
|
||||
@ -0,0 +1,59 @@
|
||||
import { Button, Dialog, Flex, TextArea, TextField } from '@radix-ui/themes';
|
||||
import { PropsWithChildren, useState } from 'react';
|
||||
|
||||
type TCreateProjectDialog = {
|
||||
onCreate: (f: any) => void;
|
||||
} & PropsWithChildren;
|
||||
|
||||
export default function CreateProjectDialog(props: TCreateProjectDialog) {
|
||||
const [title, setTitle] = useState('');
|
||||
const [description, setDescription] = useState('');
|
||||
|
||||
const handleCreate = () => {
|
||||
props.onCreate({title, description});
|
||||
setTitle('');
|
||||
setDescription('');
|
||||
};
|
||||
|
||||
return (
|
||||
<Dialog.Root>
|
||||
<Dialog.Trigger>
|
||||
{props.children}
|
||||
</Dialog.Trigger>
|
||||
|
||||
<Dialog.Content maxWidth="450px">
|
||||
<Dialog.Title>Create a New Project</Dialog.Title>
|
||||
|
||||
<Flex direction="column" gap="3" mt="4">
|
||||
<TextField.Root
|
||||
value={title}
|
||||
onChange={(e) => setTitle(e.target.value)}
|
||||
required
|
||||
></TextField.Root>
|
||||
<TextArea
|
||||
value={description}
|
||||
onChange={(e) => setDescription(e.target.value)}
|
||||
placeholder="Optional description"
|
||||
/>
|
||||
</Flex>
|
||||
|
||||
<Flex gap="3" mt="4" justify="end">
|
||||
<Dialog.Close>
|
||||
<Button variant="soft" color="gray">
|
||||
Cancel
|
||||
</Button>
|
||||
</Dialog.Close>
|
||||
<Dialog.Close>
|
||||
<Button
|
||||
color="green"
|
||||
onClick={handleCreate}
|
||||
disabled={!title}
|
||||
>
|
||||
Create
|
||||
</Button>
|
||||
</Dialog.Close>
|
||||
</Flex>
|
||||
</Dialog.Content>
|
||||
</Dialog.Root>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,63 @@
|
||||
import { Button, Dialog, Flex, Text, TextField } from '@radix-ui/themes';
|
||||
import { PropsWithChildren, useState } from 'react';
|
||||
|
||||
type TCreateTaskDialog = {
|
||||
onClose: (text: string, timeString: string) => void;
|
||||
} & PropsWithChildren;
|
||||
|
||||
export default function CreateTaskDialog(props: TCreateTaskDialog) {
|
||||
const [text, setText] = useState('');
|
||||
const [deadline, setDeadline] = useState('');
|
||||
|
||||
return (
|
||||
<Dialog.Root>
|
||||
<Dialog.Trigger>{props.children}</Dialog.Trigger>
|
||||
|
||||
<Dialog.Content maxWidth="450px">
|
||||
<Dialog.Title>Task creation</Dialog.Title>
|
||||
|
||||
<Flex direction="column" gap="3">
|
||||
<label>
|
||||
<Text as="div" size="2" mb="1" weight="bold">
|
||||
Task description
|
||||
</Text>
|
||||
<TextField.Root
|
||||
defaultValue=""
|
||||
value={text}
|
||||
onChange={(e) => setText(e.target.value)}
|
||||
placeholder="Enter task description"
|
||||
/>
|
||||
</label>
|
||||
<label>
|
||||
<Text as="div" size="2" mb="1" weight="bold">
|
||||
Deadline
|
||||
</Text>
|
||||
<input
|
||||
type="date"
|
||||
onChange={(e) => setDeadline(e.target.value)}
|
||||
></input>
|
||||
</label>
|
||||
</Flex>
|
||||
|
||||
<Flex gap="3" mt="4" justify="end">
|
||||
<Dialog.Close>
|
||||
<Button variant="soft" color="gray">
|
||||
Cancel
|
||||
</Button>
|
||||
</Dialog.Close>
|
||||
<Dialog.Close>
|
||||
<Button
|
||||
onClick={() => {
|
||||
props.onClose(text, deadline);
|
||||
setDeadline('');
|
||||
setText('');
|
||||
}}
|
||||
>
|
||||
Create
|
||||
</Button>
|
||||
</Dialog.Close>
|
||||
</Flex>
|
||||
</Dialog.Content>
|
||||
</Dialog.Root>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,36 @@
|
||||
import { Button, Dialog, Flex } from '@radix-ui/themes';
|
||||
import { PropsWithChildren } from 'react';
|
||||
|
||||
type TCreateTaskDialog = {
|
||||
onClose: () => void;
|
||||
} & PropsWithChildren;
|
||||
|
||||
export default function DeleteProjectDialog(props: TCreateTaskDialog) {
|
||||
return (
|
||||
<Dialog.Root>
|
||||
<Dialog.Trigger>{props.children}</Dialog.Trigger>
|
||||
|
||||
<Dialog.Content maxWidth="450px">
|
||||
<Dialog.Title>Delete project?</Dialog.Title>
|
||||
|
||||
<Flex gap="3" mt="4" justify="end">
|
||||
<Dialog.Close>
|
||||
<Button variant="soft" color="gray">
|
||||
Cancel
|
||||
</Button>
|
||||
</Dialog.Close>
|
||||
<Dialog.Close>
|
||||
<Button
|
||||
color="red"
|
||||
onClick={() => {
|
||||
props.onClose();
|
||||
}}
|
||||
>
|
||||
Delete
|
||||
</Button>
|
||||
</Dialog.Close>
|
||||
</Flex>
|
||||
</Dialog.Content>
|
||||
</Dialog.Root>
|
||||
);
|
||||
}
|
||||
4
cool_todo_manager/src/context.ts
Normal file
4
cool_todo_manager/src/context.ts
Normal file
@ -0,0 +1,4 @@
|
||||
import React from "react";
|
||||
import { appStore } from "./stores/AppStore";
|
||||
|
||||
export const Ctx = React.createContext(appStore);
|
||||
8
cool_todo_manager/src/hooks/useStore.tsx
Normal file
8
cool_todo_manager/src/hooks/useStore.tsx
Normal file
@ -0,0 +1,8 @@
|
||||
import { useContext } from "react";
|
||||
import { Ctx } from "../context";
|
||||
|
||||
export function useStore() {
|
||||
const store = useContext(Ctx)
|
||||
|
||||
return store;
|
||||
}
|
||||
@ -1 +1,5 @@
|
||||
@import 'tailwindcss';
|
||||
|
||||
#root {
|
||||
height: 100vh;
|
||||
}
|
||||
@ -1,5 +1,5 @@
|
||||
import { createRoot } from "react-dom/client";
|
||||
import App from "./App.tsx";
|
||||
import "./index.css";
|
||||
import { createRoot } from 'react-dom/client';
|
||||
import App from './App.tsx';
|
||||
import './index.css';
|
||||
|
||||
createRoot(document.getElementById("root")!).render(<App />);
|
||||
createRoot(document.getElementById('root')!).render(<App />);
|
||||
|
||||
92
cool_todo_manager/src/pages/auth/LoginPage/LoginPage.tsx
Normal file
92
cool_todo_manager/src/pages/auth/LoginPage/LoginPage.tsx
Normal file
@ -0,0 +1,92 @@
|
||||
import { useState } from 'react';
|
||||
import { observer } from 'mobx-react-lite';
|
||||
import {
|
||||
Box,
|
||||
Button,
|
||||
Card,
|
||||
Heading,
|
||||
Link,
|
||||
Text,
|
||||
TextField,
|
||||
} from '@radix-ui/themes';
|
||||
import { Form } from 'radix-ui';
|
||||
|
||||
// Импортируем store.authStore
|
||||
import { useStore } from '../../../hooks/useStore';
|
||||
|
||||
|
||||
function LoginPage() {
|
||||
const [username, setUsername] = useState('');
|
||||
const [password, setPassword] = useState('');
|
||||
|
||||
const store = useStore();
|
||||
// В RTK Query было: [login, { isError } ] = useLoginMutation();
|
||||
// Теперь берем store.authStore.error, store.authStore.isLoading
|
||||
const isError = !!store.authStore.error;
|
||||
const isLoading = store.authStore.isLoading;
|
||||
|
||||
const submitHandler = async (e: React.FormEvent<HTMLFormElement>) => {
|
||||
e.preventDefault();
|
||||
await store.authStore.login({ username, password }).catch(() => {});
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<Card className="absolute top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 w-fit">
|
||||
<Heading size="4" className="text-center !mb-2">
|
||||
Login
|
||||
</Heading>
|
||||
|
||||
<Form.Root className="flex flex-col gap-4" onSubmit={submitHandler}>
|
||||
<Form.Field name="email">
|
||||
<Form.Message match={'valueMissing'}>
|
||||
<Text>Username is required</Text>
|
||||
</Form.Message>
|
||||
<Form.Control asChild>
|
||||
<TextField.Root
|
||||
type="text"
|
||||
placeholder="Username"
|
||||
value={username}
|
||||
onChange={(e) => setUsername(e.target.value)}
|
||||
>
|
||||
<TextField.Slot />
|
||||
</TextField.Root>
|
||||
</Form.Control>
|
||||
</Form.Field>
|
||||
|
||||
<Form.Field name="password">
|
||||
<Form.Message match="valueMissing">
|
||||
<Text>Password is required</Text>
|
||||
</Form.Message>
|
||||
<Form.Control asChild>
|
||||
<TextField.Root
|
||||
type="password"
|
||||
placeholder="Password"
|
||||
value={password}
|
||||
onChange={(e) => setPassword(e.target.value)}
|
||||
>
|
||||
<TextField.Slot />
|
||||
</TextField.Root>
|
||||
</Form.Control>
|
||||
</Form.Field>
|
||||
|
||||
{isError && (
|
||||
<Text>{store.authStore.error || 'Unable to login. Please try again.'}</Text>
|
||||
)}
|
||||
|
||||
<Button type="submit" className="mt-4" disabled={isLoading}>
|
||||
{isLoading ? 'Loading...' : 'Sign In'}
|
||||
</Button>
|
||||
|
||||
<Box className='w-full !flex justify-center'>
|
||||
<Link href="/register">
|
||||
<Text>Register</Text>
|
||||
</Link>
|
||||
</Box>
|
||||
</Form.Root>
|
||||
</Card>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default observer(LoginPage);
|
||||
129
cool_todo_manager/src/pages/auth/RegisterPage/RegisterPage.tsx
Normal file
129
cool_todo_manager/src/pages/auth/RegisterPage/RegisterPage.tsx
Normal file
@ -0,0 +1,129 @@
|
||||
import { useState } from 'react';
|
||||
import { observer } from 'mobx-react-lite';
|
||||
import {
|
||||
Box,
|
||||
Button,
|
||||
Card,
|
||||
Heading,
|
||||
Link,
|
||||
Text,
|
||||
TextField,
|
||||
} from '@radix-ui/themes';
|
||||
import { Form } from 'radix-ui';
|
||||
|
||||
// Импортируем store.authStore
|
||||
import { useStore } from '../../../hooks/useStore';
|
||||
|
||||
|
||||
function RegisterPage() {
|
||||
const [formData, setFormData] = useState({
|
||||
username: '',
|
||||
email: '',
|
||||
password: '',
|
||||
});
|
||||
|
||||
const store = useStore();
|
||||
|
||||
const isLoading = store.authStore.isLoading;
|
||||
const error = store.authStore.error;
|
||||
|
||||
const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
|
||||
setFormData({
|
||||
...formData,
|
||||
[e.target.name]: e.target.value,
|
||||
});
|
||||
};
|
||||
|
||||
const handleSubmit = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
try {
|
||||
await store.authStore.register(formData);
|
||||
} catch (err) {
|
||||
console.error('Failed to register:', err);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<Card className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-fit">
|
||||
<Heading size="4" className="text-center !mb-2">
|
||||
Register
|
||||
</Heading>
|
||||
<Form.Root className="flex flex-col gap-4" onSubmit={handleSubmit}>
|
||||
<Form.Field name="username">
|
||||
<Form.Message match="valueMissing">
|
||||
<Text>Username is required</Text>
|
||||
</Form.Message>
|
||||
<Form.Control asChild>
|
||||
<TextField.Root
|
||||
type="text"
|
||||
name="username"
|
||||
placeholder="Username"
|
||||
required
|
||||
value={formData.username}
|
||||
onChange={handleChange}
|
||||
>
|
||||
<TextField.Slot />
|
||||
</TextField.Root>
|
||||
</Form.Control>
|
||||
</Form.Field>
|
||||
|
||||
<Form.Field name="email">
|
||||
<Form.Message match="valueMissing">
|
||||
<Text>Email is required</Text>
|
||||
</Form.Message>
|
||||
<Form.Message match="typeMismatch">
|
||||
<Text>Email is not valid</Text>
|
||||
</Form.Message>
|
||||
<Form.Control asChild>
|
||||
<TextField.Root
|
||||
type="email"
|
||||
name="email"
|
||||
placeholder="Email"
|
||||
required
|
||||
value={formData.email}
|
||||
onChange={handleChange}
|
||||
>
|
||||
<TextField.Slot />
|
||||
</TextField.Root>
|
||||
</Form.Control>
|
||||
</Form.Field>
|
||||
|
||||
<Form.Field name="password">
|
||||
<Form.Message match="valueMissing">
|
||||
<Text>Password is required</Text>
|
||||
</Form.Message>
|
||||
<Form.Control asChild>
|
||||
<TextField.Root
|
||||
type="password"
|
||||
name="password"
|
||||
placeholder="Password"
|
||||
required
|
||||
value={formData.password}
|
||||
onChange={handleChange}
|
||||
>
|
||||
<TextField.Slot />
|
||||
</TextField.Root>
|
||||
</Form.Control>
|
||||
</Form.Field>
|
||||
|
||||
<Button type="submit" disabled={isLoading} className="mt-4">
|
||||
{isLoading ? 'Loading...' : 'Register'}
|
||||
</Button>
|
||||
|
||||
{error && (
|
||||
<Box className="text-red-500">
|
||||
<Text>Error registering user: {error}</Text>
|
||||
</Box>
|
||||
)}
|
||||
|
||||
<Box className="w-full !flex justify-center">
|
||||
<Link href="/login">
|
||||
<Text>Login</Text>
|
||||
</Link>
|
||||
</Box>
|
||||
</Form.Root>
|
||||
</Card>
|
||||
);
|
||||
}
|
||||
|
||||
export default observer(RegisterPage);
|
||||
14
cool_todo_manager/src/pages/main/MainPage.tsx
Normal file
14
cool_todo_manager/src/pages/main/MainPage.tsx
Normal file
@ -0,0 +1,14 @@
|
||||
import { Box } from '@radix-ui/themes'
|
||||
import { observer } from 'mobx-react-lite'
|
||||
import { Outlet } from 'react-router-dom'
|
||||
|
||||
const MainPage = observer(() => {
|
||||
|
||||
return (
|
||||
<Box className='size-full'>
|
||||
<Outlet />
|
||||
</Box>
|
||||
)
|
||||
})
|
||||
|
||||
export default MainPage
|
||||
26
cool_todo_manager/src/routes/routes.tsx
Normal file
26
cool_todo_manager/src/routes/routes.tsx
Normal file
@ -0,0 +1,26 @@
|
||||
import { createRoutesFromElements, Route } from 'react-router-dom';
|
||||
import AuthWrapper from '../components/AuthWrapper/AuthWrapper';
|
||||
import MainBoard from '../components/MainBoard/MainBoard';
|
||||
import LoginPage from '../pages/auth/LoginPage/LoginPage';
|
||||
import RegisterPage from '../pages/auth/RegisterPage/RegisterPage';
|
||||
import MainPage from '../pages/main/MainPage';
|
||||
|
||||
const MyRoutes = createRoutesFromElements(
|
||||
<>
|
||||
<Route
|
||||
path="/"
|
||||
element={
|
||||
<AuthWrapper>
|
||||
<MainPage />
|
||||
</AuthWrapper>
|
||||
}
|
||||
>
|
||||
<Route index element={<MainBoard />} />
|
||||
</Route>
|
||||
|
||||
<Route path="login" element={<LoginPage />} />
|
||||
<Route path="register" element={<RegisterPage />} />
|
||||
</>,
|
||||
);
|
||||
|
||||
export default MyRoutes;
|
||||
15
cool_todo_manager/src/stores/AppStore.ts
Normal file
15
cool_todo_manager/src/stores/AppStore.ts
Normal file
@ -0,0 +1,15 @@
|
||||
import { makeAutoObservable, runInAction } from 'mobx';
|
||||
import { MainStore } from './MainStore';
|
||||
import { AuthStore } from './AuthStore';
|
||||
|
||||
export class AppStore {
|
||||
mainStore: MainStore
|
||||
authStore: AuthStore
|
||||
|
||||
constructor() {
|
||||
this.mainStore = new MainStore(this)
|
||||
this.authStore = new AuthStore(this)
|
||||
makeAutoObservable(this);
|
||||
}
|
||||
}
|
||||
export const appStore = new AppStore()
|
||||
112
cool_todo_manager/src/stores/AuthStore.ts
Normal file
112
cool_todo_manager/src/stores/AuthStore.ts
Normal file
@ -0,0 +1,112 @@
|
||||
import { makeAutoObservable, runInAction } from 'mobx';
|
||||
import axios from 'axios';
|
||||
import { AppStore } from './AppStore';
|
||||
|
||||
/**
|
||||
* AuthStore
|
||||
* Хранит логику для авторизации, регистрации и получения всех пользователей.
|
||||
*/
|
||||
export class AuthStore {
|
||||
appStore: AppStore
|
||||
|
||||
// Можно также хранить здесь данные о текущем пользователе, ошибках и т.д.
|
||||
isLoading = false;
|
||||
error: string | null = null;
|
||||
|
||||
// Список всех пользователей (если вам нужно его кэшировать)
|
||||
allUsers: any[] = [];
|
||||
|
||||
constructor(appStore:any) {
|
||||
this.appStore = appStore
|
||||
makeAutoObservable(this);
|
||||
}
|
||||
|
||||
get token() {
|
||||
return localStorage.getItem('token') || '';
|
||||
}
|
||||
|
||||
/**
|
||||
* Логин: отправляет запрос на сервер и сохраняет токен в localStorage
|
||||
*/
|
||||
async login(credentials: { username: string; password: string }) {
|
||||
this.isLoading = true;
|
||||
this.error = null;
|
||||
try {
|
||||
const response = await axios.post(
|
||||
'http://109.107.166.17:4000/api/auth/login',
|
||||
credentials,
|
||||
);
|
||||
|
||||
runInAction(() => {
|
||||
if (response.data.access_token) {
|
||||
localStorage.setItem('token', response.data.access_token);
|
||||
// Если нужно перенаправить после логина:
|
||||
window.location.href = '/';
|
||||
}
|
||||
this.isLoading = false;
|
||||
});
|
||||
} catch (error: any) {
|
||||
runInAction(() => {
|
||||
this.error = error?.response?.data?.message || 'Ошибка при логине';
|
||||
this.isLoading = false;
|
||||
});
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Регистрация: отправляет запрос на сервер
|
||||
*/
|
||||
async register(credentials: { username: string; password: string }) {
|
||||
this.isLoading = true;
|
||||
this.error = null;
|
||||
try {
|
||||
const response = await axios.post(
|
||||
'http://109.107.166.17:4000/api/auth/register',
|
||||
credentials,
|
||||
);
|
||||
|
||||
runInAction(() => {
|
||||
// Если регистрация успешна, например, статус 201 – перенаправляем на /login
|
||||
if (response.status === 201) {
|
||||
window.location.href = '/login';
|
||||
}
|
||||
this.isLoading = false;
|
||||
});
|
||||
} catch (error: any) {
|
||||
runInAction(() => {
|
||||
this.error = error?.response?.data?.message || 'Ошибка при регистрации';
|
||||
this.isLoading = false;
|
||||
});
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Получить всех пользователей
|
||||
*/
|
||||
async fetchAllUsers(force = false) {
|
||||
// Если уже есть пользователи и не запрошен force, просто возвращаем
|
||||
if (this.allUsers.length && !force) {
|
||||
return this.allUsers;
|
||||
}
|
||||
|
||||
this.isLoading = true;
|
||||
this.error = null;
|
||||
|
||||
try {
|
||||
const response = await axios.get('http://109.107.166.17:4000/api/users');
|
||||
runInAction(() => {
|
||||
this.allUsers = response.data;
|
||||
this.isLoading = false;
|
||||
});
|
||||
return this.allUsers;
|
||||
} catch (error: any) {
|
||||
runInAction(() => {
|
||||
this.error = error?.response?.data?.message || 'Ошибка при получении пользователей';
|
||||
this.isLoading = false;
|
||||
});
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
}
|
||||
444
cool_todo_manager/src/stores/MainStore.ts
Normal file
444
cool_todo_manager/src/stores/MainStore.ts
Normal file
@ -0,0 +1,444 @@
|
||||
import { makeAutoObservable, runInAction } from 'mobx';
|
||||
import axios from 'axios';
|
||||
import { AppStore } from './AppStore';
|
||||
|
||||
export type Posts = Post[]
|
||||
|
||||
export interface Post {
|
||||
userId: number
|
||||
id: number
|
||||
title: string
|
||||
body: string
|
||||
}
|
||||
|
||||
/**
|
||||
* MainStore
|
||||
* Хранит логику для задач, проектов и участников проектов
|
||||
*/
|
||||
export class MainStore {
|
||||
appStore: AppStore
|
||||
|
||||
// ----- Общие поля -----
|
||||
isLoading = false;
|
||||
error: string | null = null;
|
||||
|
||||
// ----- Задачи -----
|
||||
tasks: any[] = [];
|
||||
// Кэшированный список задач по ID проекта
|
||||
tasksByProject = new Map<string, any[]>();
|
||||
|
||||
// ----- Проекты -----
|
||||
projects: any[] = [];
|
||||
// Детальные данные по конкретному проекту (если нужно кэшировать)
|
||||
projectById = new Map<string, any>();
|
||||
|
||||
fakeData: Posts = []
|
||||
|
||||
// ----- Участники проекта -----
|
||||
// Если нужно кэшировать участников по проекту
|
||||
projectMembersById = new Map<string, any[]>();
|
||||
|
||||
constructor(appStore:any) {
|
||||
this.appStore = appStore
|
||||
makeAutoObservable(this);
|
||||
}
|
||||
|
||||
/**
|
||||
* Получить токен из localStorage
|
||||
*/
|
||||
get token() {
|
||||
return localStorage.getItem('token') || '';
|
||||
}
|
||||
|
||||
/**
|
||||
* Заготовка для заголовков (проставляем Bearer токен)
|
||||
*/
|
||||
get headers() {
|
||||
return {
|
||||
Authorization: `Bearer ${this.token}`,
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* ЗАДАЧИ
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/**
|
||||
* Получить все задачи (кэширование: если уже загружены, второй раз не грузим)
|
||||
*/
|
||||
|
||||
async fetchPosts(){
|
||||
fetch('https://jsonplaceholder.typicode.com/posts?limit=10')
|
||||
.then(response => response.json())
|
||||
.then(json => {
|
||||
|
||||
this.fakeData = json
|
||||
console.log(this.fakeData);
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
async fetchTasks(force = false) {
|
||||
|
||||
console.error(`Aboba`);
|
||||
|
||||
if (this.tasks.length && !force) {
|
||||
return this.tasks;
|
||||
}
|
||||
this.isLoading = true;
|
||||
this.error = null;
|
||||
try {
|
||||
const response = await axios.get('http://109.107.166.17:5000/api/tasks', {
|
||||
headers: this.headers,
|
||||
});
|
||||
runInAction(() => {
|
||||
console.log(`This is all tasks`,response.data);
|
||||
|
||||
this.tasks = response.data;
|
||||
this.isLoading = false;
|
||||
});
|
||||
return this.tasks;
|
||||
} catch (error: any) {
|
||||
runInAction(() => {
|
||||
this.error = error?.response?.data?.message || 'Ошибка при загрузке задач';
|
||||
this.isLoading = false;
|
||||
});
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Получить задачи для конкретного проекта (группы)
|
||||
*/
|
||||
async fetchTasksForGroup(projectId: string, force = false) {
|
||||
if (this.tasksByProject.has(projectId) && !force) {
|
||||
return this.tasksByProject.get(projectId);
|
||||
}
|
||||
console.log(`This is tasks for ${projectId}`);
|
||||
|
||||
|
||||
this.isLoading = true;
|
||||
this.error = null;
|
||||
try {
|
||||
const response = await axios.get(
|
||||
`http://109.107.166.17:5000/api/tasks/project/${projectId}`,
|
||||
{
|
||||
headers: this.headers,
|
||||
},
|
||||
);
|
||||
runInAction(() => {
|
||||
console.log(`This is tasks for ${projectId}`,response.data);
|
||||
|
||||
this.tasksByProject.set(projectId, response.data);
|
||||
this.isLoading = false;
|
||||
});
|
||||
return response.data;
|
||||
} catch (error: any) {
|
||||
runInAction(() => {
|
||||
this.error = error?.response?.data?.message || 'Ошибка при загрузке задач группы';
|
||||
this.isLoading = false;
|
||||
});
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Получить одну задачу по ID
|
||||
*/
|
||||
async fetchTask(taskId: string) {
|
||||
this.isLoading = true;
|
||||
this.error = null;
|
||||
try {
|
||||
const response = await axios.get(
|
||||
`http://109.107.166.17:5000/api/tasks/${taskId}`,
|
||||
{ headers: this.headers },
|
||||
);
|
||||
return response.data;
|
||||
} catch (error: any) {
|
||||
runInAction(() => {
|
||||
this.error = error?.response?.data?.message || 'Ошибка при загрузке задачи';
|
||||
this.isLoading = false;
|
||||
});
|
||||
throw error;
|
||||
} finally {
|
||||
runInAction(() => {
|
||||
this.isLoading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Создать задачу
|
||||
*/
|
||||
async createTask(newTask: any) {
|
||||
try {
|
||||
await axios.post(
|
||||
'http://109.107.166.17:5000/api/tasks/create',
|
||||
newTask,
|
||||
{ headers: this.headers },
|
||||
);
|
||||
// Инвалидируем кэш (чтобы при следующем getTasks() данные были актуальны)
|
||||
this.tasks = [];
|
||||
} catch (error: any) {
|
||||
runInAction(() => {
|
||||
this.error = error?.response?.data?.message || 'Ошибка при создании задачи';
|
||||
});
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Обновить задачу
|
||||
*/
|
||||
async updateTask(task: { id: string; status: string }) {
|
||||
try {
|
||||
await axios.patch(
|
||||
`http://109.107.166.17:5000/api/tasks/${task.id}`,
|
||||
{ status: task.status },
|
||||
{ headers: this.headers },
|
||||
);
|
||||
// Локально обновим статус в массиве tasks
|
||||
runInAction(() => {
|
||||
const index = this.tasks.findIndex((t) => t.id === task.id);
|
||||
if (index !== -1) {
|
||||
this.tasks[index].status = task.status;
|
||||
}
|
||||
});
|
||||
} catch (error: any) {
|
||||
runInAction(() => {
|
||||
this.error = error?.response?.data?.message || 'Ошибка при обновлении задачи';
|
||||
});
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Удалить задачу
|
||||
*/
|
||||
async deleteTask(taskId: string) {
|
||||
try {
|
||||
await axios.delete(`http://109.107.166.17:5000/api/tasks/${taskId}`, {
|
||||
headers: this.headers,
|
||||
});
|
||||
// Удаляем локально
|
||||
runInAction(() => {
|
||||
this.tasks = this.tasks.filter((t) => t.id !== taskId);
|
||||
});
|
||||
} catch (error: any) {
|
||||
runInAction(() => {
|
||||
this.error = error?.response?.data?.message || 'Ошибка при удалении задачи';
|
||||
});
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* ПРОЕКТЫ
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/**
|
||||
* Получить все проекты текущего пользователя
|
||||
*/
|
||||
async fetchProjects(force = false) {
|
||||
if (this.projects.length && !force) {
|
||||
return this.projects;
|
||||
}
|
||||
this.isLoading = true;
|
||||
this.error = null;
|
||||
|
||||
try {
|
||||
const response = await axios.get(
|
||||
'http://109.107.166.17:5000/api/projects/my',
|
||||
{ headers: this.headers },
|
||||
);
|
||||
runInAction(() => {
|
||||
this.projects = response.data;
|
||||
this.isLoading = false;
|
||||
});
|
||||
return this.projects;
|
||||
} catch (error: any) {
|
||||
runInAction(() => {
|
||||
this.error = error?.response?.data?.message || 'Ошибка при получении проектов';
|
||||
this.isLoading = false;
|
||||
});
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Получить данные одного проекта по ID
|
||||
*/
|
||||
async fetchProject(projectId: string) {
|
||||
// Если хотим кэшировать отдельно проекты по id
|
||||
if (this.projectById.has(projectId)) {
|
||||
return this.projectById.get(projectId);
|
||||
}
|
||||
|
||||
this.isLoading = true;
|
||||
this.error = null;
|
||||
try {
|
||||
const response = await axios.get(
|
||||
`http://109.107.166.17:5000/api/projects/${projectId}`,
|
||||
{ headers: this.headers },
|
||||
);
|
||||
runInAction(() => {
|
||||
this.projectById.set(projectId, response.data);
|
||||
this.isLoading = false;
|
||||
});
|
||||
return response.data;
|
||||
} catch (error: any) {
|
||||
runInAction(() => {
|
||||
this.error = error?.response?.data?.message || 'Ошибка при получении проекта';
|
||||
this.isLoading = false;
|
||||
});
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Создать проект
|
||||
*/
|
||||
async createProject(newProject: any) {
|
||||
try {
|
||||
await axios.post(
|
||||
'http://109.107.166.17:5000/api/projects/create',
|
||||
newProject,
|
||||
{ headers: this.headers },
|
||||
);
|
||||
// Инвалидируем кэш
|
||||
this.projects = [];
|
||||
} catch (error: any) {
|
||||
runInAction(() => {
|
||||
this.error = error?.response?.data?.message || 'Ошибка при создании проекта';
|
||||
});
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Обновить проект
|
||||
*/
|
||||
async updateProject(id: string, projectData: any) {
|
||||
try {
|
||||
await axios.patch(
|
||||
`http://109.107.166.17:5000/api/projects/${id}`,
|
||||
projectData,
|
||||
{ headers: this.headers },
|
||||
);
|
||||
// Можно либо перезагрузить список проектов, либо локально обновить
|
||||
this.fetchProjects(true);
|
||||
} catch (error: any) {
|
||||
runInAction(() => {
|
||||
this.error = error?.response?.data?.message || 'Ошибка при обновлении проекта';
|
||||
});
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Удалить проект
|
||||
*/
|
||||
async deleteProject(id: string) {
|
||||
try {
|
||||
await axios.delete(`http://109.107.166.17:5000/api/projects/${id}`, {
|
||||
headers: this.headers,
|
||||
});
|
||||
// Удаляем локально
|
||||
runInAction(() => {
|
||||
this.projects = this.projects.filter((p) => p.id !== id);
|
||||
});
|
||||
} catch (error: any) {
|
||||
runInAction(() => {
|
||||
this.error = error?.response?.data?.message || 'Ошибка при удалении проекта';
|
||||
});
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* УЧАСТНИКИ ПРОЕКТА
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/**
|
||||
* Добавить участника в проект
|
||||
*/
|
||||
async addProjectMember(projectId: string, memberId: string) {
|
||||
try {
|
||||
await axios.post(
|
||||
`http://109.107.166.17:5000/api/projects/${projectId}/members/add`,
|
||||
{
|
||||
userId: memberId,
|
||||
role: '',
|
||||
},
|
||||
{ headers: this.headers },
|
||||
);
|
||||
// Инвалидируем список участников
|
||||
this.projectMembersById.delete(projectId);
|
||||
} catch (error: any) {
|
||||
runInAction(() => {
|
||||
this.error = error?.response?.data?.message || 'Ошибка при добавлении участника';
|
||||
});
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Получить участников проекта
|
||||
*/
|
||||
async fetchProjectMembers(projectId: string, force = false) {
|
||||
if (this.projectMembersById.has(projectId) && !force) {
|
||||
return this.projectMembersById.get(projectId);
|
||||
}
|
||||
this.isLoading = true;
|
||||
this.error = null;
|
||||
try {
|
||||
const response = await axios.get(
|
||||
`http://109.107.166.17:5000/api/projects/${projectId}/members`,
|
||||
{
|
||||
headers: this.headers,
|
||||
},
|
||||
);
|
||||
runInAction(() => {
|
||||
this.projectMembersById.set(projectId, response.data);
|
||||
this.isLoading = false;
|
||||
});
|
||||
return response.data;
|
||||
} catch (error: any) {
|
||||
runInAction(() => {
|
||||
this.error = error?.response?.data?.message || 'Ошибка при получении участников проекта';
|
||||
this.isLoading = false;
|
||||
});
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Удалить участника из проекта
|
||||
*/
|
||||
async removeProjectMember(projectId: string, memberId: string) {
|
||||
try {
|
||||
await axios.delete(
|
||||
`http://109.107.166.17:5000/api/projects/${projectId}/members/remove`,
|
||||
{
|
||||
data: { userId: memberId },
|
||||
headers: this.headers,
|
||||
},
|
||||
);
|
||||
// Инвалидируем список участников
|
||||
this.projectMembersById.delete(projectId);
|
||||
} catch (error: any) {
|
||||
runInAction(() => {
|
||||
this.error = error?.response?.data?.message || 'Ошибка при удалении участника';
|
||||
});
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user