├── README.md
├── architecture.png
├── archiver
    ├── .gitignore
    ├── Dockerfile
    ├── README.md
    ├── bun.lockb
    ├── docker-compose.yml
    ├── index.ts
    ├── package.json
    ├── prisma
    │   └── schema.prisma
    ├── redisClient.ts
    └── tsconfig.json
├── backend
    ├── .gitignore
    ├── Dockerfile
    ├── README.md
    ├── bun.lockb
    ├── docker-compose.yml
    ├── index.ts
    ├── package.json
    ├── router
    │   ├── event.ts
    │   └── user.ts
    ├── services
    │   └── redisClient.ts
    ├── tsconfig.json
    └── utils
    │   ├── cashfree.ts
    │   └── db.ts
├── client
    ├── .dockerignore
    ├── .env.example
    ├── .eslintrc.json
    ├── .gitignore
    ├── Dockerfile
    ├── actions
    │   ├── balance
    │   │   ├── balance.ts
    │   │   └── order.ts
    │   ├── events
    │   │   └── event.ts
    │   ├── portfolio
    │   │   └── portfolio.ts
    │   └── recharge
    │   │   └── recharge.ts
    ├── app
    │   ├── (lobby)
    │   │   ├── auth
    │   │   │   └── signin
    │   │   │   │   └── page.tsx
    │   │   ├── event
    │   │   │   ├── [id]
    │   │   │   │   └── page.tsx
    │   │   │   ├── page.tsx
    │   │   │   └── recharge
    │   │   │   │   └── page.tsx
    │   │   └── portfolio
    │   │   │   └── page.tsx
    │   ├── _provider.tsx
    │   ├── api
    │   │   └── auth
    │   │   │   └── [...nextauth]
    │   │   │       └── route.ts
    │   ├── components
    │   │   ├── EventList.tsx
    │   │   └── Home.tsx
    │   ├── favicon.ico
    │   ├── fonts
    │   │   ├── GeistMonoVF.woff
    │   │   └── GeistVF.woff
    │   ├── globals.css
    │   ├── layout.tsx
    │   └── page.tsx
    ├── bun.lockb
    ├── components.json
    ├── components
    │   ├── landing
    │   │   ├── Appbar.tsx
    │   │   ├── DepositForm.tsx
    │   │   ├── FAQs.tsx
    │   │   ├── Hero.tsx
    │   │   ├── Navmenu.tsx
    │   │   ├── Orderbook.tsx
    │   │   ├── Portfolio.tsx
    │   │   ├── ProfileHeader.tsx
    │   │   ├── Singin.tsx
    │   │   └── TakesCare.tsx
    │   ├── theme-provider.tsx
    │   └── ui
    │   │   ├── accordion.tsx
    │   │   ├── avatar.tsx
    │   │   ├── badge.tsx
    │   │   ├── button.tsx
    │   │   ├── card.tsx
    │   │   ├── chart.tsx
    │   │   ├── dropdown-menu.tsx
    │   │   ├── form.tsx
    │   │   ├── input.tsx
    │   │   ├── label.tsx
    │   │   ├── line-chart.tsx
    │   │   ├── mode-toggle.tsx
    │   │   ├── table.tsx
    │   │   ├── tabs.tsx
    │   │   ├── takes-care.tsx
    │   │   ├── toast.tsx
    │   │   └── toaster.tsx
    ├── hooks
    │   ├── use-cashfree.ts
    │   └── use-toast.ts
    ├── lib
    │   ├── auth.ts
    │   └── utils.ts
    ├── next.config.mjs
    ├── package-lock.json
    ├── package.json
    ├── postcss.config.mjs
    ├── prisma.ts
    ├── prisma
    │   ├── migrations
    │   │   ├── 20241019102958_schema_update
    │   │   │   └── migration.sql
    │   │   ├── 20241019103907_added_locked_balances
    │   │   │   └── migration.sql
    │   │   ├── 20241020110010_
    │   │   │   └── migration.sql
    │   │   ├── 20241027201332_added_unique_id
    │   │   │   └── migration.sql
    │   │   └── migration_lock.toml
    │   └── schema.prisma
    ├── public
    │   ├── hero-bg.svg
    │   ├── login.png
    │   └── trading.png
    ├── tailwind.config.ts
    └── tsconfig.json
├── db.json
├── docker-compose.yml
├── orderbook
    ├── .gitignore
    ├── Dockerfile
    ├── README.md
    ├── bun.lockb
    ├── index.ts
    ├── package.json
    ├── prisma
    │   ├── migrations
    │   │   ├── 20241022194710_trade_schema
    │   │   │   └── migration.sql
    │   │   └── migration_lock.toml
    │   └── schema.prisma
    ├── router
    │   └── order.ts
    ├── service
    │   ├── crashService.ts
    │   ├── events.ts
    │   ├── exit.ts
    │   ├── intialiseOrder.ts
    │   ├── redisClient.ts
    │   ├── s3.ts
    │   ├── userAuth.ts
    │   └── userBalance.ts
    ├── tsconfig.json
    └── utils
    │   └── global.ts
└── websocket
    ├── .gitignore
    ├── Dockerfile
    ├── README.md
    ├── bun.lockb
    ├── global.ts
    ├── index.ts
    ├── package.json
    ├── tsconfig.json
    └── websocket.ts


/README.md:
--------------------------------------------------------------------------------
1 | This project is a real-time opinion trading platform where users can place bets or opinions on different events, similar to prediction markets. <br/>
2 | 
3 | 
4 | ![Architecture Diagram](https://github.com/aryanpachori/opinion_trading/blob/main/architecture.png)
5 | 


--------------------------------------------------------------------------------
/architecture.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aryanpachori/opinion_trading/d31cf86d2394c47d739e1a9216cd60b613d93e8e/architecture.png


--------------------------------------------------------------------------------
/archiver/.gitignore:
--------------------------------------------------------------------------------
  1 | # Based on https://raw.githubusercontent.com/github/gitignore/main/Node.gitignore
  2 | 
  3 | # Logs
  4 | 
  5 | logs
  6 | _.log
  7 | npm-debug.log_
  8 | yarn-debug.log*
  9 | yarn-error.log*
 10 | lerna-debug.log*
 11 | .pnpm-debug.log*
 12 | 
 13 | # Caches
 14 | 
 15 | .cache
 16 | 
 17 | # Diagnostic reports (https://nodejs.org/api/report.html)
 18 | 
 19 | report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
 20 | 
 21 | # Runtime data
 22 | 
 23 | pids
 24 | _.pid
 25 | _.seed
 26 | *.pid.lock
 27 | 
 28 | # Directory for instrumented libs generated by jscoverage/JSCover
 29 | 
 30 | lib-cov
 31 | 
 32 | # Coverage directory used by tools like istanbul
 33 | 
 34 | coverage
 35 | *.lcov
 36 | 
 37 | # nyc test coverage
 38 | 
 39 | .nyc_output
 40 | 
 41 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 42 | 
 43 | .grunt
 44 | 
 45 | # Bower dependency directory (https://bower.io/)
 46 | 
 47 | bower_components
 48 | 
 49 | # node-waf configuration
 50 | 
 51 | .lock-wscript
 52 | 
 53 | # Compiled binary addons (https://nodejs.org/api/addons.html)
 54 | 
 55 | build/Release
 56 | 
 57 | # Dependency directories
 58 | 
 59 | node_modules/
 60 | jspm_packages/
 61 | 
 62 | # Snowpack dependency directory (https://snowpack.dev/)
 63 | 
 64 | web_modules/
 65 | 
 66 | # TypeScript cache
 67 | 
 68 | *.tsbuildinfo
 69 | 
 70 | # Optional npm cache directory
 71 | 
 72 | .npm
 73 | 
 74 | # Optional eslint cache
 75 | 
 76 | .eslintcache
 77 | 
 78 | # Optional stylelint cache
 79 | 
 80 | .stylelintcache
 81 | 
 82 | # Microbundle cache
 83 | 
 84 | .rpt2_cache/
 85 | .rts2_cache_cjs/
 86 | .rts2_cache_es/
 87 | .rts2_cache_umd/
 88 | 
 89 | # Optional REPL history
 90 | 
 91 | .node_repl_history
 92 | 
 93 | # Output of 'npm pack'
 94 | 
 95 | *.tgz
 96 | 
 97 | # Yarn Integrity file
 98 | 
 99 | .yarn-integrity
100 | 
101 | # dotenv environment variable files
102 | 
103 | .env
104 | .env.development.local
105 | .env.test.local
106 | .env.production.local
107 | .env.local
108 | 
109 | # parcel-bundler cache (https://parceljs.org/)
110 | 
111 | .parcel-cache
112 | 
113 | # Next.js build output
114 | 
115 | .next
116 | out
117 | 
118 | # Nuxt.js build / generate output
119 | 
120 | .nuxt
121 | dist
122 | 
123 | # Gatsby files
124 | 
125 | # Comment in the public line in if your project uses Gatsby and not Next.js
126 | 
127 | # https://nextjs.org/blog/next-9-1#public-directory-support
128 | 
129 | # public
130 | 
131 | # vuepress build output
132 | 
133 | .vuepress/dist
134 | 
135 | # vuepress v2.x temp and cache directory
136 | 
137 | .temp
138 | 
139 | # Docusaurus cache and generated files
140 | 
141 | .docusaurus
142 | 
143 | # Serverless directories
144 | 
145 | .serverless/
146 | 
147 | # FuseBox cache
148 | 
149 | .fusebox/
150 | 
151 | # DynamoDB Local files
152 | 
153 | .dynamodb/
154 | 
155 | # TernJS port file
156 | 
157 | .tern-port
158 | 
159 | # Stores VSCode versions used for testing VSCode extensions
160 | 
161 | .vscode-test
162 | 
163 | # yarn v2
164 | 
165 | .yarn/cache
166 | .yarn/unplugged
167 | .yarn/build-state.yml
168 | .yarn/install-state.gz
169 | .pnp.*
170 | 
171 | # IntelliJ based IDEs
172 | .idea
173 | 
174 | # Finder (MacOS) folder config
175 | .DS_Store
176 | 


--------------------------------------------------------------------------------
/archiver/Dockerfile:
--------------------------------------------------------------------------------
 1 | 
 2 | FROM node:20
 3 | 
 4 | WORKDIR /app
 5 | COPY package.json bun.lockb ./
 6 | RUN npm install -g bun
 7 | RUN bun install
 8 | 
 9 | 
10 | COPY . .
11 | RUN bunx prisma generate
12 | 
13 | EXPOSE 3003
14 | 
15 | CMD [ "bun", "run", "index.ts" ]
16 | 


--------------------------------------------------------------------------------
/archiver/README.md:
--------------------------------------------------------------------------------
 1 | # archiver
 2 | 
 3 | To install dependencies:
 4 | 
 5 | ```bash
 6 | bun install
 7 | ```
 8 | 
 9 | To run:
10 | 
11 | ```bash
12 | bun run index.ts
13 | ```
14 | 
15 | This project was created using `bun init` in bun v1.1.25. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.
16 | 


--------------------------------------------------------------------------------
/archiver/bun.lockb:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aryanpachori/opinion_trading/d31cf86d2394c47d739e1a9216cd60b613d93e8e/archiver/bun.lockb


--------------------------------------------------------------------------------
/archiver/docker-compose.yml:
--------------------------------------------------------------------------------
 1 | version: "3.8"
 2 | 
 3 | services:
 4 |   app:
 5 |     build:
 6 |       context: .
 7 |       dockerfile: Dockerfile
 8 |     ports:
 9 |       - "3000:3000"
10 |     depends_on:
11 |       - redis
12 |     environment:
13 |       REDIS_HOST: redis
14 |       REDIS_PORT: 6379
15 | 
16 |   redis:
17 |     image: redis:alpine
18 |     ports:
19 |       - "6379:6379"
20 |     volumes:
21 |       - redis-data:/data
22 | 
23 | volumes:
24 |   redis-data:
25 | 


--------------------------------------------------------------------------------
/archiver/index.ts:
--------------------------------------------------------------------------------
  1 | import express from "express";
  2 | import cors from "cors";
  3 | import bodyParser from "body-parser";
  4 | import { redis } from "./redisClient";
  5 | import { PrismaClient } from "@prisma/client";
  6 | 
  7 | const app = express();
  8 | 
  9 | app.use(cors());
 10 | app.use(bodyParser.json());
 11 | 
 12 | app.listen(3003, () => {
 13 |   console.log("server running on 3003");
 14 | });
 15 | 
 16 | await redis.connect().then(() => {
 17 |   console.log("connected to redis");
 18 |   startArchiver();
 19 | });
 20 | 
 21 | const prisma = new PrismaClient();
 22 | 
 23 | async function startArchiver() {
 24 |   const eventGroup = "event_streams";
 25 |   const consumerName = "archiver_consumer";
 26 |   let lastId = ">";
 27 | 
 28 |   while (true) {
 29 |     const message = await redis.xReadGroup(
 30 |       consumerName,
 31 |       "archiver_consumer",
 32 |       [{ key: eventGroup, id: lastId }],
 33 |       { BLOCK: 0, COUNT: 1 }
 34 |     );
 35 | 
 36 |     if (message && message.length > 0) {
 37 |       const streamData = message[0];
 38 |       if (streamData && streamData.messages.length > 0) {
 39 |         const messages = streamData.messages;
 40 | 
 41 |         for (const { id, message } of messages) {
 42 |           const messageData = JSON.parse(message.data);
 43 | 
 44 |           if (message.type == "order_creation") {
 45 |             console.log(message.type, message.data);
 46 |             const order = await prisma.order.upsert({
 47 |               where: {
 48 |                 id: messageData.id,
 49 |               },
 50 |               update: {
 51 |                 userId: messageData.userId,
 52 |                 price: messageData.price,
 53 |                 Quantity: messageData.quantity,
 54 |                 type: messageData.type,
 55 |                 status: messageData.status,
 56 |                 eventId: messageData.eventId,
 57 |                 Side: messageData.side,
 58 |               },
 59 |               create: {
 60 |                 id: messageData.id,
 61 |                 userId: messageData.userId,
 62 |                 price: messageData.price,
 63 |                 Quantity: messageData.quantity,
 64 |                 type: messageData.type,
 65 |                 status: messageData.status,
 66 |                 eventId: messageData.eventId,
 67 |                 Side: messageData.side,
 68 |               },
 69 |             });
 70 |             console.log(order);
 71 |           } else if (message.type == "trade") {
 72 |             console.log("TRADE", message.type, message.data);
 73 |             const trade = await prisma.trade.upsert({
 74 |               where: {
 75 |                 id: messageData.id,
 76 |               },
 77 |               update: {
 78 |                 eventId: messageData.eventId,
 79 |                 sellerId: messageData.sellerId,
 80 |                 sellerOrderId: messageData.sellerOrder_id,
 81 |                 buyerOrderId: messageData.buyerOrder_id,
 82 |                 sellQty: messageData.sell_qty,
 83 |                 buyerId: messageData.buyerId,
 84 |                 buyQty: messageData.buy_qty,
 85 |                 buyPrice: messageData.Buyprice,
 86 |                 sellPrice: messageData.Sellprice,
 87 |               },
 88 |               create: {
 89 |                 id: messageData.id,
 90 |                 eventId: messageData.eventId,
 91 |                 sellerId: messageData.sellerId,
 92 |                 sellerOrderId: messageData.sellerOrder_id,
 93 |                 buyerOrderId: messageData.buyerOrder_id,
 94 |                 sellQty: messageData.sell_qty,
 95 |                 buyerId: messageData.buyerId,
 96 |                 buyQty: messageData.buy_qty,
 97 |                 buyPrice: messageData.Buyprice,
 98 |                 sellPrice: messageData.Sellprice,
 99 |               },
100 |             });
101 |             console.log(trade);
102 |           } else if (message.type == "order_update") {
103 |             console.log("order_update", message.data);
104 |             const order = await prisma.order.update({
105 |               where: { id: messageData.id },
106 |               data: { type: messageData.type },
107 |             });
108 |             console.log(order);
109 |           } else if (message.type == "order_exit") {
110 |             console.log("order_exit", message.data);
111 |             const order = await prisma.order.update({
112 |               where: { id: messageData.id },
113 |               data: { status: messageData.type },
114 |             });
115 |             console.log(order);
116 |           }
117 | 
118 |           // Acknowledge the msg after procesing
119 |           await redis.xAck(eventGroup, consumerName, id);
120 |         }
121 |       }
122 |     }
123 |   }
124 | }
125 | 


--------------------------------------------------------------------------------
/archiver/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "archiver",
 3 |   "module": "index.ts",
 4 |   "type": "module",
 5 |   "devDependencies": {
 6 |     "@types/bun": "latest"
 7 |   },
 8 |   "peerDependencies": {
 9 |     "typescript": "^5.0.0"
10 |   },
11 |   "dependencies": {
12 |     "@prisma/client": "5.21.1",
13 |     "@types/cors": "^2.8.17",
14 |     "@types/express": "^5.0.0",
15 |     "body-parser": "^1.20.3",
16 |     "cors": "^2.8.5",
17 |     "express": "^4.21.1",
18 |     "prisma": "^5.21.1",
19 |     "redis": "^4.7.0"
20 |   }
21 | }


--------------------------------------------------------------------------------
/archiver/prisma/schema.prisma:
--------------------------------------------------------------------------------
 1 | generator client {
 2 |   provider = "prisma-client-js"
 3 |   binaryTargets = ["native", "debian-openssl-3.0.x"]
 4 | }
 5 | 
 6 | datasource db {
 7 |   provider = "postgresql"
 8 |   url      = env("DATABASE_URL")
 9 | }
10 | 
11 | model Event {
12 |   id          String @id
13 |   title       String
14 |   description String
15 | }
16 | 
17 | model Order {
18 |   id       String      @id
19 |   userId   String
20 |   price    Float
21 |   Quantity Int
22 |   Side     TradeSide
23 |   type     OrderType
24 |   status   OrderStatus
25 |   eventId  String
26 | }
27 | 
28 | model Trade {
29 |   id            String   @id
30 |   buyPrice      Float
31 |   sellPrice     Float
32 |   buyQty        Int
33 |   sellQty       Int
34 |   buyerId       String
35 |   sellerId      String
36 |   buyerOrderId  String
37 |   sellerOrderId String
38 |   createdAt     DateTime @default(now())
39 |   eventId       String
40 | }
41 | 
42 | model User {
43 |   id    String @id
44 |   email String @unique
45 | }
46 | 
47 | enum EventStatus {
48 |   ONGOING
49 |   ENDED
50 | }
51 | 
52 | enum OrderStatus {
53 |   LIVE
54 |   EXECUTED
55 | }
56 | 
57 | enum OrderType {
58 |   BUY
59 |   SELL
60 | }
61 | 
62 | enum PayoutStatus {
63 |   PENDING
64 |   COMPLETED
65 |   FAILED
66 | }
67 | 
68 | enum TradeSide {
69 |   YES
70 |   NO
71 | }
72 | 
73 | enum TradeStatus {
74 |   ACTIVE
75 |   PAST
76 | }
77 | 
78 | enum UserRole {
79 |   ADMIN
80 |   USER
81 | }
82 | 


--------------------------------------------------------------------------------
/archiver/redisClient.ts:
--------------------------------------------------------------------------------
 1 | import { createClient } from "redis";
 2 | 
 3 | 
 4 | export const redis = createClient({
 5 |     socket:{
 6 |         port : 6379,
 7 |         host : 'redis'
 8 |     }
 9 | })
10 | 
11 | 
12 | 


--------------------------------------------------------------------------------
/archiver/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     // Enable latest features
 4 |     "lib": ["ESNext", "DOM"],
 5 |     "target": "ESNext",
 6 |     "module": "ESNext",
 7 |     "moduleDetection": "force",
 8 |     "jsx": "react-jsx",
 9 |     "allowJs": true,
10 | 
11 |     // Bundler mode
12 |     "moduleResolution": "bundler",
13 |     "allowImportingTsExtensions": true,
14 |     "verbatimModuleSyntax": true,
15 |     "noEmit": true,
16 | 
17 |     // Best practices
18 |     "strict": true,
19 |     "skipLibCheck": true,
20 |     "noFallthroughCasesInSwitch": true,
21 | 
22 |     // Some stricter flags (disabled by default)
23 |     "noUnusedLocals": false,
24 |     "noUnusedParameters": false,
25 |     "noPropertyAccessFromIndexSignature": false
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/backend/.gitignore:
--------------------------------------------------------------------------------
  1 | # Based on https://raw.githubusercontent.com/github/gitignore/main/Node.gitignore
  2 | 
  3 | # Logs
  4 | 
  5 | logs
  6 | _.log
  7 | npm-debug.log_
  8 | yarn-debug.log*
  9 | yarn-error.log*
 10 | lerna-debug.log*
 11 | .pnpm-debug.log*
 12 | 
 13 | # Caches
 14 | 
 15 | .cache
 16 | 
 17 | # Diagnostic reports (https://nodejs.org/api/report.html)
 18 | 
 19 | report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
 20 | 
 21 | # Runtime data
 22 | 
 23 | pids
 24 | _.pid
 25 | _.seed
 26 | *.pid.lock
 27 | 
 28 | # Directory for instrumented libs generated by jscoverage/JSCover
 29 | 
 30 | lib-cov
 31 | 
 32 | # Coverage directory used by tools like istanbul
 33 | 
 34 | coverage
 35 | *.lcov
 36 | 
 37 | # nyc test coverage
 38 | 
 39 | .nyc_output
 40 | 
 41 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 42 | 
 43 | .grunt
 44 | 
 45 | # Bower dependency directory (https://bower.io/)
 46 | 
 47 | bower_components
 48 | 
 49 | # node-waf configuration
 50 | 
 51 | .lock-wscript
 52 | 
 53 | # Compiled binary addons (https://nodejs.org/api/addons.html)
 54 | 
 55 | build/Release
 56 | 
 57 | # Dependency directories
 58 | 
 59 | node_modules/
 60 | jspm_packages/
 61 | 
 62 | # Snowpack dependency directory (https://snowpack.dev/)
 63 | 
 64 | web_modules/
 65 | 
 66 | # TypeScript cache
 67 | 
 68 | *.tsbuildinfo
 69 | 
 70 | # Optional npm cache directory
 71 | 
 72 | .npm
 73 | 
 74 | # Optional eslint cache
 75 | 
 76 | .eslintcache
 77 | 
 78 | # Optional stylelint cache
 79 | 
 80 | .stylelintcache
 81 | 
 82 | # Microbundle cache
 83 | 
 84 | .rpt2_cache/
 85 | .rts2_cache_cjs/
 86 | .rts2_cache_es/
 87 | .rts2_cache_umd/
 88 | 
 89 | # Optional REPL history
 90 | 
 91 | .node_repl_history
 92 | 
 93 | # Output of 'npm pack'
 94 | 
 95 | *.tgz
 96 | 
 97 | # Yarn Integrity file
 98 | 
 99 | .yarn-integrity
100 | 
101 | # dotenv environment variable files
102 | 
103 | .env
104 | .env.development.local
105 | .env.test.local
106 | .env.production.local
107 | .env.local
108 | 
109 | # parcel-bundler cache (https://parceljs.org/)
110 | 
111 | .parcel-cache
112 | 
113 | # Next.js build output
114 | 
115 | .next
116 | out
117 | 
118 | # Nuxt.js build / generate output
119 | 
120 | .nuxt
121 | dist
122 | 
123 | # Gatsby files
124 | 
125 | # Comment in the public line in if your project uses Gatsby and not Next.js
126 | 
127 | # https://nextjs.org/blog/next-9-1#public-directory-support
128 | 
129 | # public
130 | 
131 | # vuepress build output
132 | 
133 | .vuepress/dist
134 | 
135 | # vuepress v2.x temp and cache directory
136 | 
137 | .temp
138 | 
139 | # Docusaurus cache and generated files
140 | 
141 | .docusaurus
142 | 
143 | # Serverless directories
144 | 
145 | .serverless/
146 | 
147 | # FuseBox cache
148 | 
149 | .fusebox/
150 | 
151 | # DynamoDB Local files
152 | 
153 | .dynamodb/
154 | 
155 | # TernJS port file
156 | 
157 | .tern-port
158 | 
159 | # Stores VSCode versions used for testing VSCode extensions
160 | 
161 | .vscode-test
162 | 
163 | # yarn v2
164 | 
165 | .yarn/cache
166 | .yarn/unplugged
167 | .yarn/build-state.yml
168 | .yarn/install-state.gz
169 | .pnp.*
170 | 
171 | # IntelliJ based IDEs
172 | .idea
173 | 
174 | # Finder (MacOS) folder config
175 | .DS_Store
176 | 


--------------------------------------------------------------------------------
/backend/Dockerfile:
--------------------------------------------------------------------------------
 1 | 
 2 | FROM node:20
 3 | 
 4 | WORKDIR /app
 5 | COPY package.json bun.lockb ./
 6 | RUN npm install -g bun
 7 | RUN bun install
 8 | 
 9 | COPY . .
10 | 
11 | EXPOSE 3000
12 | 
13 | CMD [ "bun", "run", "index.ts" ]
14 | 
15 | 


--------------------------------------------------------------------------------
/backend/README.md:
--------------------------------------------------------------------------------
 1 | # backend
 2 | 
 3 | To install dependencies:
 4 | 
 5 | ```bash
 6 | bun install
 7 | ```
 8 | 
 9 | To run:
10 | 
11 | ```bash
12 | bun run index.ts
13 | ```
14 | 
15 | This project was created using `bun init` in bun v1.1.25. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.
16 | 


--------------------------------------------------------------------------------
/backend/bun.lockb:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aryanpachori/opinion_trading/d31cf86d2394c47d739e1a9216cd60b613d93e8e/backend/bun.lockb


--------------------------------------------------------------------------------
/backend/docker-compose.yml:
--------------------------------------------------------------------------------
 1 | version: "3.8"
 2 | 
 3 | services:
 4 |   app:
 5 |     build:
 6 |       context: .
 7 |       dockerfile: Dockerfile
 8 |     ports:
 9 |       - "3000:3000"
10 |     depends_on:
11 |       - redis
12 |     environment:
13 |       REDIS_HOST: redis
14 |       REDIS_PORT: 6379
15 | 
16 |   redis:
17 |     image: redis:alpine
18 |     ports:
19 |       - "6379:6379"
20 |     volumes:
21 |       - redis-data:/data
22 | 
23 | volumes:
24 |   redis-data:
25 | 


--------------------------------------------------------------------------------
/backend/index.ts:
--------------------------------------------------------------------------------
 1 | import express from "express";
 2 | import cors from "cors";
 3 | import userRouter from "./router/user";
 4 | import eventRouter from "./router/event";
 5 | import bodyParser from "body-parser";
 6 | import { redis, redis2 } from "./services/redisClient";
 7 | 
 8 | 
 9 | const app = express();
10 | await redis.connect().then(() => {
11 |   console.log("connected to redis");
12 | });
13 | await redis2.connect().then(() => {
14 |   console.log("connected to redis2");
15 | });
16 | app.use(cors());
17 | app.use(bodyParser.json());
18 | app.use("/v1/user", userRouter);
19 | app.use("/v1/event", eventRouter);
20 | 
21 | app.listen(3000, () => {
22 |   console.log("server is running on 3000");
23 | });
24 | 


--------------------------------------------------------------------------------
/backend/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "backend",
 3 |   "module": "index.ts",
 4 |   "type": "module",
 5 |   "devDependencies": {
 6 |     "@types/bun": "latest"
 7 |   },
 8 |   "peerDependencies": {
 9 |     "typescript": "^5.0.0"
10 |   },
11 |   "dependencies": {
12 |     "@paralleldrive/cuid2": "^2.2.2",
13 |     "@prisma/client": "5.21.1",
14 |     "@types/body-parser": "^1.19.5",
15 |     "@types/cors": "^2.8.17",
16 |     "@types/express": "^5.0.0",
17 |     "body-parser": "^1.20.3",
18 |     "cors": "^2.8.5",
19 |     "express": "^4.21.1",
20 |     "ioredis": "^5.4.1",
21 |     "prisma": "^5.21.1",
22 |     "redis": "^4.7.0",
23 |     "types": "^0.1.1"
24 |   }
25 | }


--------------------------------------------------------------------------------
/backend/router/event.ts:
--------------------------------------------------------------------------------
  1 | import { createId } from "@paralleldrive/cuid2";
  2 | import { Router } from "express";
  3 | import { engineQueue, redis } from "../services/redisClient";
  4 | 
  5 | const router = Router();
  6 | 
  7 | router.post("/", async (req, res) => {
  8 |   const responseId = createId();
  9 |   const data = JSON.stringify({
 10 |     responseId,
 11 |     type: "getEvents",
 12 |   });
 13 | 
 14 |   await redis.subscribe("getEvent", (data) => {
 15 |     const parseData = JSON.parse(data);
 16 |     if (parseData.responseId == responseId && parseData.status == "SUCCESS") {
 17 |       redis.unsubscribe("getEvent");
 18 |       return res.json(parseData.events);
 19 |     }
 20 |     redis.unsubscribe("getEvent");
 21 |     return res.status(401).json({ message: "error fetching events" });
 22 |   });
 23 |   await engineQueue(data);
 24 | });
 25 | 
 26 | router.post("/initiate", async (req, res) => {
 27 |   const { userId, eventId, side, price, quantity } = req.body;
 28 |   if (!userId || !eventId || !side || !price || !quantity) {
 29 |     res.status(401).json({ message: "invalid information" });
 30 |     return;
 31 |   }
 32 |   const responseId = createId();
 33 |   const data = JSON.stringify({
 34 |     userId,
 35 |     eventId,
 36 |     responseId,
 37 |     side,
 38 |     price,
 39 |     quantity,
 40 |     type: "initiateOrder",
 41 |   });
 42 | 
 43 |   await redis.subscribe("initiateOrder", (data) => {
 44 |     const parseData = JSON.parse(data);
 45 |     if (parseData.responseId === responseId && parseData.status == "SUCCESS") {
 46 |       redis.unsubscribe("initiateOrder");
 47 |       return res.json({ message: "order placed successfully" });
 48 |     }
 49 |     redis.unsubscribe("initiateOrder");
 50 |     return res.status(401).json({ message: "error placing order" });
 51 |   });
 52 |   await engineQueue(data);
 53 | });
 54 | 
 55 | router.post("/exit", async (req, res) => {
 56 |   const { eventId, userId, orderId, side, price, quantity } = req.body;
 57 | 
 58 |   const responseId = createId();
 59 |   const data = JSON.stringify({
 60 |     userId,
 61 |     orderId,
 62 |     eventId,
 63 |     responseId,
 64 |     side,
 65 |     price,
 66 |     quantity,
 67 |     type: "orderExit",
 68 |   });
 69 | 
 70 |   await redis.subscribe("orderExit", (data) => {
 71 |     const parseData = JSON.parse(data);
 72 |     if (parseData.responseId == responseId && parseData.status == "SUCCESS") {
 73 |       redis.unsubscribe("orderExit");
 74 |       return res.json({ message: "order exited successfully" });
 75 |     }
 76 |     redis.unsubscribe("orderExit");
 77 |     return res.status(401).json({ message: "error exiting the order" });
 78 |   });
 79 |   await engineQueue(data);
 80 | });
 81 | 
 82 | router.post("/getEvent", async (req, res) => {
 83 |   const { eventId } = req.body;
 84 |   const responseId = createId();
 85 |   const data = JSON.stringify({
 86 |     eventId,
 87 |     responseId,
 88 |     type: "eventdetails",
 89 |   });
 90 |  
 91 |   redis.subscribe("eventdetails", (data) => {
 92 |     const parseData = JSON.parse(data);
 93 |     if (parseData.responseId == responseId && parseData.status == "SUCCESS") {
 94 |       redis.unsubscribe("eventdetails");
 95 |       return res.json(parseData.event);
 96 |     }
 97 |     redis.unsubscribe("eventdetails");
 98 |     return res.json({ message: "error fetching event details" });
 99 |   });
100 |   await engineQueue(data);
101 | });
102 | 
103 | export default router;
104 | 


--------------------------------------------------------------------------------
/backend/router/user.ts:
--------------------------------------------------------------------------------
  1 | import { createId } from "@paralleldrive/cuid2";
  2 | import { Router } from "express";
  3 | import { engineQueue, redis } from "../services/redisClient";
  4 | 
  5 | const router = Router();
  6 | 
  7 | router.post("/signin", async (req, res) => {
  8 |   const { userId } = req.body;
  9 | 
 10 |   const responseId = createId();
 11 |   const data = JSON.stringify({
 12 |     userId,
 13 |     responseId,
 14 |     type: "userLogin",
 15 |   });
 16 |  
 17 |   await redis.subscribe("userLogin", (data) => {
 18 |     const parseData = JSON.parse(data);
 19 |     if (parseData.responseId == responseId && parseData.status == "SUCCESS") {
 20 |       redis.unsubscribe("userLogin");
 21 |       return res.json({ message: "user login successfull" });
 22 |     }
 23 |     redis.unsubscribe("userLogin");
 24 |     return res.status(401).json({ message: "user not found" });
 25 |   });
 26 |   await engineQueue(data);
 27 | });
 28 | 
 29 | router.post("/create", async (req, res) => {
 30 |   const responseId = createId();
 31 |   const userId = createId();
 32 |   const data = JSON.stringify({
 33 |     responseId,
 34 |     userId,
 35 |     type: "userCreation",
 36 |   });
 37 | 
 38 |  
 39 | 
 40 |   await redis.subscribe("userCreation", (data) => {
 41 |     const parseData = JSON.parse(data);
 42 |     if (parseData.responseId == responseId) {
 43 |       redis.unsubscribe("userCreation");
 44 |       return res.json({
 45 |         message: `"user added successfully with id:"${userId}`,
 46 |       });
 47 |     }
 48 |     redis.unsubscribe("userCreation");
 49 |     return res.status(401).json({ message: "user failed to create" });
 50 |   });
 51 |   await engineQueue(data);
 52 | });
 53 | 
 54 | router.post("/recharge", async (req, res) => {
 55 |   const { userId, amount } = req.body;
 56 |   const responseId = createId();
 57 |   const data = JSON.stringify({
 58 |     userId,
 59 |     amount,
 60 |     responseId,
 61 |     type: "userRecharge",
 62 |   });
 63 | 
 64 |   await redis.subscribe("userRecharge", (data) => {
 65 |     const parseData = JSON.parse(data);
 66 |     if (parseData.responseId == responseId && parseData.status === "SUCCESS") {
 67 |       redis.unsubscribe("userRecharge");
 68 |       return res.json(`"Total available balance :"${parseData.balance}`);
 69 |     }
 70 |     redis.unsubscribe("userRecharge");
 71 |     return res.status(401).json({ message: "user recharge failed" });
 72 |   });
 73 |   await engineQueue(data);
 74 | });
 75 | 
 76 | router.post("/balance", async (req, res) => {
 77 |   const { userId } = req.body;
 78 |   const responseId = createId();
 79 | 
 80 |   const data = JSON.stringify({
 81 |     userId,
 82 |     responseId,
 83 |     type: "userBalance",
 84 |   });
 85 | 
 86 |   await redis.subscribe("userBalance", (data) => {
 87 |     const parseData = JSON.parse(data);
 88 |     if (parseData.responseId == responseId && parseData.status === "SUCCESS") {
 89 |       redis.unsubscribe("userBalance");
 90 | 
 91 |       return res.json({ balance: parseData.balance });
 92 |     }
 93 |     redis.unsubscribe("userBalance");
 94 |     return res.json("error fetching the balance");
 95 |   });
 96 |   await engineQueue(data);
 97 | });
 98 | 
 99 | export default router;
100 | 


--------------------------------------------------------------------------------
/backend/services/redisClient.ts:
--------------------------------------------------------------------------------
 1 | import Redis from "ioredis";
 2 | import { createClient } from "redis";
 3 | 
 4 | export const redis = createClient({
 5 |   socket: {
 6 |     host: "redis",
 7 |     port: 6379,
 8 |   },
 9 | });
10 | 
11 | export const redis2 = createClient({
12 |   socket: {
13 |     host: "redis2",
14 |     port: 6379,
15 |   },
16 | });
17 | 
18 | redis.on("error", (error) => {
19 |   console.log(error);
20 | });
21 | 
22 | export async function engineQueue(data: any) {
23 |   redis2.lPush("engineQueue", data);
24 | }
25 | 


--------------------------------------------------------------------------------
/backend/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     // Enable latest features
 4 |     "lib": ["ESNext", "DOM"],
 5 |     "target": "ESNext",
 6 |     "module": "ESNext",
 7 |     "moduleDetection": "force",
 8 |     "jsx": "react-jsx",
 9 |     "allowJs": true,
10 | 
11 |     // Bundler mode
12 |     "moduleResolution": "bundler",
13 |     "allowImportingTsExtensions": true,
14 |     "verbatimModuleSyntax": true,
15 |     "noEmit": true,
16 | 
17 |     // Best practices
18 |     "strict": true,
19 |     "skipLibCheck": true,
20 |     "noFallthroughCasesInSwitch": true,
21 | 
22 |     // Some stricter flags (disabled by default)
23 |     "noUnusedLocals": false,
24 |     "noUnusedParameters": false,
25 |     "noPropertyAccessFromIndexSignature": false
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/backend/utils/cashfree.ts:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aryanpachori/opinion_trading/d31cf86d2394c47d739e1a9216cd60b613d93e8e/backend/utils/cashfree.ts


--------------------------------------------------------------------------------
/backend/utils/db.ts:
--------------------------------------------------------------------------------
 1 | import { PrismaClient } from '@prisma/client'
 2 | import dotenv from "dotenv"
 3 | dotenv.config()
 4 | 
 5 | const prismaClientSingleton = () => {
 6 |   return new PrismaClient()
 7 | }
 8 | 
 9 | declare global {
10 |   var prismaGlobal: undefined | ReturnType<typeof prismaClientSingleton>
11 | }
12 | 
13 | const prisma: ReturnType<typeof prismaClientSingleton> = globalThis.prismaGlobal ?? prismaClientSingleton()
14 | 
15 | export default prisma
16 | 
17 | if (process.env.NODE_ENV !== 'production') globalThis.prismaGlobal = prisma


--------------------------------------------------------------------------------
/client/.dockerignore:
--------------------------------------------------------------------------------
1 | Dockerfile
2 | .dockerignore
3 | node_modules
4 | npm-debug.log
5 | README.md
6 | .next
7 | .git


--------------------------------------------------------------------------------
/client/.env.example:
--------------------------------------------------------------------------------
1 | 
2 | NEXTAUTH_URL=""
3 | NEXTAUTH_SECRET=""
4 | TWILIO_ACCOUNT_SID=""
5 | TWILIO_AUTH_TOKEN=""
6 | TWILIO_NUMBER=""


--------------------------------------------------------------------------------
/client/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": ["next/core-web-vitals", "next/typescript"]
3 | }
4 | 


--------------------------------------------------------------------------------
/client/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.js
 7 | .yarn/install-state.gz
 8 | 
 9 | # testing
10 | /coverage
11 | 
12 | # next.js
13 | /.next/
14 | /out/
15 | 
16 | # production
17 | /build
18 | 
19 | # misc
20 | .DS_Store
21 | *.pem
22 | 
23 | # debug
24 | npm-debug.log*
25 | yarn-debug.log*
26 | yarn-error.log*
27 | 
28 | # local env files
29 | .env*.local
30 | .env
31 | # vercel
32 | .vercel
33 | 
34 | # typescript
35 | *.tsbuildinfo
36 | next-env.d.ts
37 | 


--------------------------------------------------------------------------------
/client/Dockerfile:
--------------------------------------------------------------------------------
 1 | 
 2 | FROM node:20
 3 | 
 4 | 
 5 | WORKDIR /app
 6 | COPY package.json bun.lockb ./
 7 | RUN npm install -g bun
 8 | RUN bun install
 9 | 
10 | 
11 | COPY . .
12 | RUN bunx prisma generate
13 | 
14 | EXPOSE 3001
15 | 
16 | CMD [ "bun", "run", "dev" ]
17 | 


--------------------------------------------------------------------------------
/client/actions/balance/balance.ts:
--------------------------------------------------------------------------------
 1 | "use server";
 2 | import axios from "axios";
 3 | export async function getBalance(userId: string) {
 4 |   const response = await axios.post(
 5 |     `http://backend-service:3000/v1/user/balance`,
 6 |     {
 7 |       userId,
 8 |     }
 9 |   );
10 | 
11 |   if (response.status === 200) {
12 |     const data = response.data;
13 |     console.log("data", data);
14 |     const balance = data.balance;
15 |     console.log("balance", balance);
16 |     return balance;
17 |   } else {
18 |     throw new Error("Balance not found");
19 |     
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/client/actions/balance/order.ts:
--------------------------------------------------------------------------------
 1 | "use server";
 2 | 
 3 | import { Cashfree } from "cashfree-pg";
 4 | 
 5 | Cashfree.XClientId = process.env.CASHFREE_CLIENT_API_KEY as string;
 6 | Cashfree.XClientSecret = process.env.CASHFREE_CLIENT_PASSWORD as string;
 7 | Cashfree.XEnvironment = Cashfree.Environment.PRODUCTION;
 8 | 
 9 | export async function createOrder() {
10 |   console.log("request here");
11 |   const request = {
12 |     order_amount: 1,
13 |     order_currency: "INR",
14 |     customer_details: {
15 |       customer_id: "node_sdk_test",
16 |       customer_name: "",
17 |       customer_email: "example@gmail.com",
18 |       customer_phone: "9999999999",
19 |     },
20 |     order_meta: {
21 |       return_url:
22 |         "https://test.cashfree.com/pgappsdemos/return.php?order_id=order_123",
23 |     },
24 |     order_note: "",
25 |   };
26 |   console.log("hrere too");
27 | 
28 |   Cashfree.PGCreateOrder("2023-08-01", request)
29 |     .then((response) => {
30 |       const a = response.data;
31 |       console.log(a);
32 |     })
33 |     .catch((error) => {
34 |       console.error("Error setting up order request:", error.response.data);
35 |     });
36 | 
37 |   console.log("hrere too jdskfjd");
38 | }
39 | 


--------------------------------------------------------------------------------
/client/actions/events/event.ts:
--------------------------------------------------------------------------------
 1 | 
 2 | "use server"
 3 | import axios from "axios";
 4 | 
 5 | export async function getEvents() {
 6 |   const response = await axios.post(`http://backend-service:3000/v1/event`);
 7 | 
 8 |   if (response.status == 200) {
 9 |     console.log("responseData :",response.data)
10 |    
11 |     return response.data
12 |   }
13 |   throw new Error("error fetching events");
14 | }
15 | 


--------------------------------------------------------------------------------
/client/actions/portfolio/portfolio.ts:
--------------------------------------------------------------------------------
 1 | "use server";
 2 | import { PrismaClient } from "@prisma/client";
 3 | 
 4 | const prisma = new PrismaClient();
 5 | export async function getOrders(userId: string) {
 6 |   const portfolio = await prisma.order.findMany({
 7 |     where: {
 8 |       userId: userId,
 9 |     },
10 |   });
11 | 
12 |   const eventIds = Array.from(new Set(portfolio.map((trade) => trade.eventId)));
13 |   
14 |   const events = await prisma.event.findMany({
15 |     where: { id: { in: eventIds } },
16 |   });
17 |   console.log("events", events);
18 | 
19 |   const portfolioWithTitles = portfolio.map((trade) => ({
20 |     ...trade,
21 |     title:
22 |       events.find((event) => event.id === trade.eventId)?.title ||
23 |       "Unknown Event",
24 |   }));
25 |   return portfolioWithTitles
26 |  
27 | }
28 | 


--------------------------------------------------------------------------------
/client/actions/recharge/recharge.ts:
--------------------------------------------------------------------------------
 1 | "use server"
 2 | import axios from "axios";
 3 | 
 4 | export async function recharge(userId: string, depositAmount: number) {
 5 |   const response = await axios.post(
 6 |     ` http://backend-service:3000/v1/user/recharge`,
 7 |     {
 8 |       userId,
 9 |       amount: depositAmount,
10 |     }
11 |   );
12 |   if (response.status === 200) {
13 |     return { success: true };
14 |   }
15 |   throw new Error("error to recharge");
16 |   return
17 | }
18 | 


--------------------------------------------------------------------------------
/client/app/(lobby)/auth/signin/page.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import { Login } from "../../../../components/landing/Singin";
 3 | 
 4 | const Page = () => {
 5 |   return (
 6 |     <div>
 7 |       <Login />
 8 |     </div>
 9 |   );
10 | };
11 | 
12 | export default Page;
13 | 


--------------------------------------------------------------------------------
/client/app/(lobby)/event/[id]/page.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import OrderBook from "@/components/landing/Orderbook";
 4 | import { useParams } from "next/navigation";
 5 | 
 6 | export default function Page() {
 7 |   const { id } = useParams();
 8 |   console.log("id:",id);
 9 |   const eventId = Array.isArray(id) ? id[id.length - 1] : id;
10 |  console.log(eventId)
11 |   if (!eventId) {
12 |     return <div>Error: Event ID not found</div>;
13 |   }
14 |   return (
15 |     <div>
16 |       <OrderBook eventId={eventId} />
17 |     </div>
18 |   );
19 | }
20 | 


--------------------------------------------------------------------------------
/client/app/(lobby)/event/page.tsx:
--------------------------------------------------------------------------------
 1 | 
 2 | import React from "react";
 3 | import EventList from "../../components/EventList";
 4 | 
 5 | import axios from "axios";
 6 | 
 7 | const page = async () => {
 8 |   const response = await axios.post(`http://backend-service:3000/v1/event`);
 9 | 
10 |   return (
11 |     <div>
12 |       <EventList events={response.data} />
13 |     </div>
14 |   );
15 | };
16 | 
17 | export default page;
18 | 


--------------------------------------------------------------------------------
/client/app/(lobby)/event/recharge/page.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | import React from "react";
 3 | import DepositForm from "../../../../components/landing/DepositForm";
 4 | 
 5 | 
 6 | const Page = () => {
 7 |   
 8 | 
 9 |   return (
10 |     <div className="h-[90vh] w-full flex justify-center items-center">
11 |       
12 |       <DepositForm />
13 |     </div>
14 |   );
15 | };
16 | 
17 | export default Page;
18 | 


--------------------------------------------------------------------------------
/client/app/(lobby)/portfolio/page.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | import React, { useCallback, useEffect, useState } from "react";
  3 | 
  4 | import Portfolio from "../../../components/landing/Portfolio";
  5 | 
  6 | import toast, { Toaster } from "react-hot-toast";
  7 | import { getOrders } from "@/actions/portfolio/portfolio";
  8 | import axios from "axios";
  9 | import { useSession } from "next-auth/react";
 10 | import { redirect } from "next/navigation";
 11 | 
 12 | export interface Trade {
 13 |   id: string;
 14 |   userId: string;
 15 |   price: number;
 16 |   Quantity: number;
 17 |   Side: "YES" | "NO";
 18 |   type: "BUY" | "SELL";
 19 |   status: "EXECUTED" | "LIVE";
 20 |   eventId: string;
 21 |   title?: string;
 22 | }
 23 | 
 24 | const Page = () => {
 25 |   const [loading, setLoading] = useState<boolean>(true);
 26 |   const [portfolioData, setPortfolioData] = useState<Trade[]>([]);
 27 |   const { data : session , status } = useSession();
 28 | 
 29 |   if (status == "unauthenticated") {
 30 |     redirect("/auth/signin");
 31 |   }
 32 |   const userId =session?.user.id;
 33 | 
 34 |   useEffect(() => {
 35 |     
 36 |     if (userId) {
 37 |       getPortfolioDetails(userId);
 38 |     }
 39 |   }, [userId]);
 40 | 
 41 |   const getPortfolioDetails = useCallback(async (userId: string) => {
 42 |     setLoading(true);
 43 |     try {
 44 |       const portfolio = await getOrders(userId);
 45 |       console.log("portfolio", portfolio);
 46 | 
 47 |       setPortfolioData(portfolio);
 48 |     } catch (e) {
 49 |       console.log("Error fetching portfolio", e);
 50 |     } finally {
 51 |       setLoading(false);
 52 |     }
 53 |   }, []);
 54 | 
 55 |   if (loading) {
 56 |     return <div className=" justify-center text-xl font-bold">Loading...</div>;
 57 |   }
 58 |   if (!portfolioData) {
 59 |     return <div>No portfolio found.</div>;
 60 |   }
 61 |   async function handleExit(trade: Trade) {
 62 |     const { id, price, Quantity, eventId, Side, userId } = trade;
 63 |     const response = await axios.post(
 64 |       `http://localhost:3000/v1/event/exit`,
 65 |       {
 66 |         userId,
 67 |         eventId,
 68 |         orderId: id,
 69 |         side: Side,
 70 |         price,
 71 |         quantity: Quantity,
 72 |       }
 73 |     );
 74 |     if (response.status === 200) {
 75 |       toast.success("Order processed succesfully");
 76 |       setTimeout(() => {
 77 |         window.location.reload();
 78 |       }, 1000);
 79 |     } else {
 80 |       toast.error("Error processing order");
 81 |     }
 82 |   }
 83 | 
 84 |   return (
 85 |     <div className="w-full h-screen">
 86 |       <Portfolio
 87 |         currentReturns={0}
 88 |         onExit={handleExit}
 89 |         trades={portfolioData.map((trade) => ({
 90 |           id: trade.id,
 91 |           userId: trade.userId,
 92 |           price: trade.price,
 93 |           Quantity: trade.Quantity,
 94 |           Side: trade.Side,
 95 |           type: trade.type,
 96 |           status: trade.status,
 97 |           eventId: trade.eventId,
 98 |           title: trade.title,
 99 |         }))}
100 |       />
101 |       <Toaster position="top-center" />
102 |     </div>
103 |   );
104 | };
105 | 
106 | export default Page;
107 | 


--------------------------------------------------------------------------------
/client/app/_provider.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | import React from 'react';
 3 | import { SessionProvider } from 'next-auth/react';
 4 | 
 5 | export const SessionProviders = ({ children }: { children: React.ReactNode }) => {
 6 |   return (
 7 |     <SessionProvider>
 8 |       {children}
 9 |     </SessionProvider>
10 |   );
11 | };
12 | 


--------------------------------------------------------------------------------
/client/app/api/auth/[...nextauth]/route.ts:
--------------------------------------------------------------------------------
1 | import { authOptions } from "@/lib/auth"
2 | import NextAuth from "next-auth"
3 | 
4 | const handler = NextAuth(authOptions)
5 | 
6 | export { handler as GET, handler as POST }


--------------------------------------------------------------------------------
/client/app/components/EventList.tsx:
--------------------------------------------------------------------------------
 1 | /* eslint-disable @next/next/no-img-element */
 2 | "use client";
 3 | import React from "react";
 4 | import { Card, CardContent } from "@/components/ui/card";
 5 | import { Button } from "@/components/ui/button";
 6 | import Link from "next/link";
 7 | 
 8 | interface Event {
 9 |   id: string;
10 |   title: string;
11 |   description: string;
12 | }
13 | 
14 | interface EventListProps {
15 |   events: Record<string, { title: string; description: string }>;
16 | }
17 | 
18 | const getRandomAvatar = (seed: string) =>
19 |   `https://api.dicebear.com/9.x/identicon/svg?seed=${seed}`;
20 | 
21 | const EventCard = ({ event }: { event: Event }) => {
22 |   const avatarUrl = getRandomAvatar(event.id);
23 | 
24 |   return (
25 |     <Card className="mb-4 bg-gray-800 text-white">
26 |       <CardContent className="p-4">
27 |         <div className="flex items-center space-x-4 mb-2">
28 |           <img
29 |             src={avatarUrl}
30 |             alt="Event Avatar"
31 |             className="w-12 h-12 rounded-full"
32 |           />
33 |           <div className="flex-grow">
34 |             <Link href={`/event/${event.id}`}>
35 |               <h3 className="font-semibold text-sm">{event.title}</h3>
36 |             </Link>
37 |           </div>
38 |         </div>
39 |         <p className="mt-2">
40 |           {event.description.slice(0, 100).toLowerCase()}
41 |           <span className="font-bold text-blue-500"> read more..</span>
42 |         </p>
43 |         <div className="flex justify-between mt-5">
44 |           <Button variant="default">Yes ₹</Button>
45 |           <Button variant="destructive" className="bg-red-600 hover:bg-red-700">
46 |             No ₹
47 |           </Button>
48 |         </div>
49 |       </CardContent>
50 |     </Card>
51 |   );
52 | };
53 | 
54 | export default function EventList({ events }: EventListProps) {
55 |   const eventsArray = Object.entries(events).map(([id, event]) => ({
56 |     id,
57 |     title: event.title,
58 |     description: event.description,
59 |   }));
60 | 
61 |   if (eventsArray.length === 0) {
62 |     return (
63 |       <div className="min-h-screen p-6 flex items-center justify-center">
64 |         <h2 className="text-xl text-white">No events available</h2>
65 |       </div>
66 |     );
67 |   }
68 | 
69 |   return (
70 |     <div className="min-h-screen p-6">
71 |       <h1 className="font-medium text-center text-4xl text-white mb-6">
72 |         All Events
73 |       </h1>
74 |       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 max-w-7xl mx-auto">
75 |         {eventsArray.map((event) => (
76 |           <EventCard key={event.id} event={event} />
77 |         ))}
78 |       </div>
79 |     </div>
80 |   );
81 | }
82 | 


--------------------------------------------------------------------------------
/client/app/components/Home.tsx:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import {Hero} from '../../components/landing/Hero'
 3 | import TakesCareWrapper from "../../components/landing/TakesCare"
 4 | import FAQS from "../../components/landing/FAQs"
 5 | 
 6 | export const HomeComponent = () => {
 7 |   return (
 8 |     <div>
 9 |       <Hero/>
10 |       <div className='w-full flex justify-center items-center '>
11 |       <TakesCareWrapper/>
12 |       </div>
13 |       <FAQS/>
14 |     </div>
15 |   )
16 | }
17 | 


--------------------------------------------------------------------------------
/client/app/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aryanpachori/opinion_trading/d31cf86d2394c47d739e1a9216cd60b613d93e8e/client/app/favicon.ico


--------------------------------------------------------------------------------
/client/app/fonts/GeistMonoVF.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aryanpachori/opinion_trading/d31cf86d2394c47d739e1a9216cd60b613d93e8e/client/app/fonts/GeistMonoVF.woff


--------------------------------------------------------------------------------
/client/app/fonts/GeistVF.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aryanpachori/opinion_trading/d31cf86d2394c47d739e1a9216cd60b613d93e8e/client/app/fonts/GeistVF.woff


--------------------------------------------------------------------------------
/client/app/globals.css:
--------------------------------------------------------------------------------
  1 | @tailwind base;
  2 | @tailwind components;
  3 | @tailwind utilities;
  4 | 
  5 | body {
  6 |   font-family: Arial, Helvetica, sans-serif;
  7 | }
  8 | 
  9 | @layer utilities {
 10 |   .text-balance {
 11 |     text-wrap: balance;
 12 |   }
 13 | }
 14 | 
 15 | @layer base {
 16 |   :root {
 17 |     --background: 0 0% 100%;
 18 |     --foreground: 240 10% 3.9%;
 19 |     --card: 0 0% 100%;
 20 |     --card-foreground: 240 10% 3.9%;
 21 |     --popover: 0 0% 100%;
 22 |     --popover-foreground: 240 10% 3.9%;
 23 |     --primary: 240 5.9% 10%;
 24 |     --primary-foreground: 0 0% 98%;
 25 |     --secondary: 240 4.8% 95.9%;
 26 |     --secondary-foreground: 240 5.9% 10%;
 27 |     --muted: 240 4.8% 95.9%;
 28 |     --muted-foreground: 240 3.8% 46.1%;
 29 |     --accent: 240 4.8% 95.9%;
 30 |     --accent-foreground: 240 5.9% 10%;
 31 |     --destructive: 0 84.2% 60.2%;
 32 |     --destructive-foreground: 0 0% 98%;
 33 |     --border: 240 5.9% 90%;
 34 |     --input: 240 5.9% 90%;
 35 |     --ring: 240 10% 3.9%;
 36 |     --chart-1: 12 76% 61%;
 37 |     --chart-2: 173 58% 39%;
 38 |     --chart-3: 197 37% 24%;
 39 |     --chart-4: 43 74% 66%;
 40 |     --chart-5: 27 87% 67%;
 41 |     --radius: 0.5rem;
 42 |   }
 43 |   .dark {
 44 |     --background: 231 54% 5%; /* Updated to #05071A */
 45 |     --foreground: 0 0% 98%;
 46 |     --card: 231 54% 5%; /* Updated to #05071A */
 47 |     --card-foreground: 0 0% 98%;
 48 |     --popover: 240 10% 3.9%;
 49 |     --popover-foreground: 0 0% 98%;
 50 |     --primary: 0 0% 98%;
 51 |     --primary-foreground: 240 5.9% 10%;
 52 |     --secondary: 240 3.7% 15.9%;
 53 |     --secondary-foreground: 0 0% 98%;
 54 |     --muted: 240 3.7% 15.9%;
 55 |     --muted-foreground: 240 5% 64.9%;
 56 |     --accent: 240 3.7% 15.9%;
 57 |     --accent-foreground: 0 0% 98%;
 58 |     --destructive: 0 62.8% 30.6%;
 59 |     --destructive-foreground: 0 0% 98%;
 60 |     --border: 240 3.7% 15.9%;
 61 |     --input: 240 3.7% 15.9%;
 62 |     --ring: 240 4.9% 83.9%;
 63 |     --chart-1: 220 70% 50%;
 64 |     --chart-2: 160 60% 45%;
 65 |     --chart-3: 30 80% 55%;
 66 |     --chart-4: 280 65% 60%;
 67 |     --chart-5: 340 75% 55%;
 68 | }
 69 | 
 70 | }
 71 | 
 72 | @layer base {
 73 |   * {
 74 |     @apply border-border;
 75 |   }
 76 |   body {
 77 |     @apply bg-background text-foreground;
 78 |   }
 79 | }
 80 | 
 81 | .gradient-text {
 82 |   background: linear-gradient(
 83 |     to right,
 84 |     #a855f7,
 85 |     #3178c6,
 86 |     #b51d1d,
 87 |     #3178c6,
 88 |     #a855f7,
 89 |     #3178c6,
 90 |     #b51d1d
 91 |   );
 92 |   background-size: 300% 300%;
 93 |   background-clip: text;
 94 | }
 95 | 
 96 | .gradient-border-left {
 97 |   border-radius: 2rem;
 98 |   border: 2px solid;
 99 |   border-image: linear-gradient(
100 |     to right,
101 |     white,
102 |     rgb(37, 36, 38),
103 |     rgb(233, 219, 237)
104 |   );
105 |   border-image-slice: 1;
106 |   border-image-width: 1 0 1 1;
107 | }
108 | .gradient-border-right {
109 |   border-radius: 2rem;
110 |   border: 2px solid;
111 |   border-image: linear-gradient(
112 |     to right,
113 |     white,
114 |     rgb(37, 36, 38),
115 |     rgb(233, 219, 237)
116 |   );
117 |   border-image-slice: 1;
118 |   border-image-width: 1 1 1 0;
119 | }


--------------------------------------------------------------------------------
/client/app/layout.tsx:
--------------------------------------------------------------------------------
 1 | import type { Metadata } from "next";
 2 | import localFont from "next/font/local";
 3 | import "./globals.css";
 4 | import { ThemeProvider } from "@/components/theme-provider";
 5 | import { SessionProviders } from "./_provider";
 6 | import Appbar from "@/components/landing/Appbar";
 7 | 
 8 | const geistSans = localFont({
 9 |   src: "./fonts/GeistVF.woff",
10 |   variable: "--font-geist-sans",
11 |   weight: "100 900",
12 | });
13 | const geistMono = localFont({
14 |   src: "./fonts/GeistMonoVF.woff",
15 |   variable: "--font-geist-mono",
16 |   weight: "100 900",
17 | });
18 | 
19 | export const metadata: Metadata = {
20 |   title: "OpiniX",
21 |   description: "An Opinion Trading Platform",
22 | };
23 | 
24 | export default function RootLayout({
25 |   children,
26 | }: Readonly<{
27 |   children: React.ReactNode;
28 | }>) {
29 |   return (
30 |     <html lang="en">
31 |       <body
32 |         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
33 |       >
34 |         <ThemeProvider
35 |           attribute="class"
36 |           defaultTheme="system"
37 |           enableSystem
38 |           disableTransitionOnChange
39 |         >
40 |           <SessionProviders>
41 |             <Appbar />
42 |             {children}
43 |           </SessionProviders>
44 |         </ThemeProvider>
45 |       </body>
46 |     </html>
47 |   );
48 | }
49 | 


--------------------------------------------------------------------------------
/client/app/page.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | import {HomeComponent} from "./components/Home"
 3 | 
 4 | export default function Page() {
 5 |   return (
 6 |     
 7 |       <HomeComponent/>
 8 |    
 9 |   );
10 | }
11 | 


--------------------------------------------------------------------------------
/client/bun.lockb:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aryanpachori/opinion_trading/d31cf86d2394c47d739e1a9216cd60b613d93e8e/client/bun.lockb


--------------------------------------------------------------------------------
/client/components.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://ui.shadcn.com/schema.json",
 3 |   "style": "new-york",
 4 |   "rsc": true,
 5 |   "tsx": true,
 6 |   "tailwind": {
 7 |     "config": "tailwind.config.ts",
 8 |     "css": "app/globals.css",
 9 |     "baseColor": "zinc",
10 |     "cssVariables": true,
11 |     "prefix": ""
12 |   },
13 |   "aliases": {
14 |     "components": "@/components",
15 |     "utils": "@/lib/utils",
16 |     "ui": "@/components/ui",
17 |     "lib": "@/lib",
18 |     "hooks": "@/hooks"
19 |   }
20 | }


--------------------------------------------------------------------------------
/client/components/landing/Appbar.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | import Link from "next/link";
 3 | import React, { useEffect, useState } from "react";
 4 | import { NavigationMenu } from "./Navmenu";
 5 | import ProfileHeader from "./ProfileHeader";
 6 | import { Wallet } from "lucide-react";
 7 | import { getBalance } from "@/actions/balance/balance";
 8 | import { useSession } from "next-auth/react";
 9 | //import { redirect } from "next/navigation";
10 | 
11 | interface navMenutItemType {
12 |   title: string;
13 |   link: string;
14 | }
15 | 
16 | export default function Appbar() {
17 |   const [balance, setBalance] = useState(0);
18 |   const { data: session, status } = useSession();
19 | 
20 |  
21 |   if (status === "unauthenticated") {
22 |     //redirect("/auth/signin");
23 |   }
24 | 
25 |   const userId = session?.user?.id;
26 |   
27 | 
28 |   useEffect(() => {
29 |     async function loadBal() {
30 |       if (userId) {
31 |         const bal = await getBalance(userId);
32 |         console.log("Balance:", bal);
33 |         setBalance(bal);
34 |       }
35 |     }
36 |     loadBal();
37 |   }, [userId]); 
38 | 
39 |   const navMenuItems: Array<navMenutItemType> = [
40 |     { title: "Events", link: "/event" },
41 |     { title: "Portfolio", link: "/portfolio" },
42 |     { title: "Recharge", link: "/event/recharge" },
43 |   ];
44 | 
45 |   return (
46 |     <nav className="inset-x-0 top-0 backdrop-blur-2xl z-50 border-y-2 shadow-md sticky">
47 |       <div className="w-full max-w-7xl mx-auto px-4">
48 |         <div className="flex justify-between h-20 items-center">
49 |           {/* LeftNav */}
50 |           <Link
51 |             className="flex items-center text-4xl font-bold text-white group"
52 |             href={"/"}
53 |           >
54 |             <span>opini</span>
55 |             <span className="duration-700 group-hover:-rotate-180">X</span>
56 |           </Link>
57 | 
58 |           {/* NavMenu */}
59 |           <nav className="hidden md:flex gap-10">
60 |             {navMenuItems.map((item, index) => (
61 |               <NavigationMenu title={item.title} link={item.link} key={index} />
62 |             ))}
63 |           </nav>
64 | 
65 |           {/* ProfileHeader */}
66 |           <div className="flex gap-3 items-center">
67 |             <button className="bg-gray-800 text-white border-gray-700 hover:bg-gray-700 hover:text-white border rounded pr-4 pf-4 pt-2 pb-2 flex items-center space-x-2">
68 |               <Wallet className="h-5 w-5 ml-3" />
69 |               <span className="font-mono">₹ {balance}</span>
70 |             </button>
71 |             <ProfileHeader />
72 |           </div>
73 |         </div>
74 |       </div>
75 |     </nav>
76 |   );
77 | }
78 | 


--------------------------------------------------------------------------------
/client/components/landing/DepositForm.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | import React, { useState, useEffect } from "react";
  3 | import { Card, CardContent, CardHeader, CardTitle } from "../ui/card";
  4 | import { Input } from "../ui/input";
  5 | import { Button } from "../ui/button";
  6 | import { Label } from "../ui/label";
  7 | import { Toaster, toast } from "react-hot-toast";
  8 | // import { recharge } from "@/actions/recharge/recharge";
  9 | // import { createOrder } from "@/actions/balance/order";
 10 | import axios from "axios";
 11 | import dotenv from "dotenv";
 12 | import { useSession } from "next-auth/react";
 13 | import { redirect } from "next/navigation";
 14 | dotenv.config();
 15 | const DepositForm = () => {
 16 |   const { data: session, status } = useSession();
 17 | 
 18 |  
 19 |   if (status === "unauthenticated") {
 20 |     redirect("/auth/signin");
 21 |   }
 22 | 
 23 |   
 24 |   const [depositAmount, setDepositAmount] = useState(0);
 25 |   const [summary, setSummary] = useState({
 26 |     rechargeAmount: 0,
 27 |     gst: 0,
 28 |     depositBalCredit: 0,
 29 |     promotionalBalCredit: 0,
 30 |     netBalance: 0,
 31 |   });
 32 | 
 33 |   useEffect(() => {
 34 |     const rechargeAmount = depositAmount;
 35 |     const gst = -(depositAmount * 0.18).toFixed(2);
 36 |     const depositBalCredit = Number((depositAmount - Math.abs(gst)).toFixed(2));
 37 |     const promotionalBalCredit = Math.abs(gst);
 38 |     const netBalance = depositAmount;
 39 | 
 40 |     setSummary({
 41 |       rechargeAmount,
 42 |       gst,
 43 |       depositBalCredit,
 44 |       promotionalBalCredit,
 45 |       netBalance,
 46 |     });
 47 |   }, [depositAmount]);
 48 | 
 49 |   const handleQuickAdd = (amount: number) => {
 50 |     setDepositAmount((prev) => prev + amount);
 51 |   };
 52 | 
 53 |   async function handleRechageClick() {
 54 |     const userId = session?.user?.id;
 55 |     //  const orderId = await createOrder(depositAmount , userId)
 56 | 
 57 |     //console.log(orderId);
 58 |     if (depositAmount <= 0) {
 59 |       toast.error("amount should be greater than zero");
 60 |       return;
 61 |     }
 62 | 
 63 |     const isRechargeDone = await axios.post(
 64 |       ` http://localhost:3000/v1/user/recharge`,
 65 |       {
 66 |         userId,
 67 |         amount: depositAmount,
 68 |       }
 69 |     );
 70 |     if (isRechargeDone.status == 200) {
 71 |       toast.success("Recharge Success");
 72 |       setTimeout(() => {
 73 |         window.location.reload();
 74 |       }, 1000);
 75 |     } else {
 76 |       toast.error("Error While Recharing");
 77 |     }
 78 |   }
 79 | 
 80 |   return (
 81 |     <div className="mx-auto p-4 w-full flex justify-center ">
 82 |       <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
 83 |         <Card className="col-span-2 px-">
 84 |           <h1 className="text-3xl font-bold px-7 pt-5">Deposit</h1>
 85 |           <CardContent className="pt-6">
 86 |             <Label htmlFor="depositAmount">Deposit amount</Label>
 87 |             <Input
 88 |               id="depositAmount"
 89 |               type="number"
 90 |               value={depositAmount}
 91 |               onChange={(e) => setDepositAmount(Number(e.target.value))}
 92 |               className="mb-4"
 93 |             />
 94 |             <div className="flex space-x-2 mb-4">
 95 |               <Button variant="outline" onClick={() => handleQuickAdd(250)}>
 96 |                 +250
 97 |               </Button>
 98 |               <Button variant="outline" onClick={() => handleQuickAdd(500)}>
 99 |                 +500
100 |               </Button>
101 |               <Button variant="outline" onClick={() => handleQuickAdd(1000)}>
102 |                 +1000
103 |               </Button>
104 |             </div>
105 |             <Button
106 |               className="w-full"
107 |               variant="default"
108 |               onClick={handleRechageClick}
109 |             >
110 |               Recharge
111 |             </Button>
112 |           </CardContent>
113 |         </Card>
114 |         <Card>
115 |           <CardHeader>
116 |             <CardTitle>SUMMARY</CardTitle>
117 |           </CardHeader>
118 |           <CardContent>
119 |             <div className="space-y-2">
120 |               <div className="flex justify-between">
121 |                 <span>Recharge amount</span>
122 |                 <span>₹{summary.rechargeAmount.toFixed(2)}</span>
123 |               </div>
124 |               <div className="flex justify-between">
125 |                 <span>GST applicable</span>
126 |                 <span className="text-red-500">₹{summary.gst}</span>
127 |               </div>
128 |               <div className="flex justify-between">
129 |                 <span>Deposit bal. credit</span>
130 |                 <span>₹{summary.depositBalCredit}</span>
131 |               </div>
132 |               <div className="flex justify-between">
133 |                 <span>Promotional bal. credit</span>
134 |                 <span className="text-green-500">
135 |                   + ₹{summary.promotionalBalCredit.toFixed(2)}
136 |                 </span>
137 |               </div>
138 |               <div className="text-sm text-green-500">🎉 Recharge Cashback</div>
139 |               <div className="pt-2 border-t flex justify-between font-bold">
140 |                 <span>Net Balance</span>
141 |                 <span>₹{summary.netBalance.toFixed(2)}</span>
142 |               </div>
143 |             </div>
144 |           </CardContent>
145 |         </Card>
146 |       </div>
147 |       <Toaster position="top-center" reverseOrder={false} />
148 |     </div>
149 |   );
150 | };
151 | 
152 | export default DepositForm;
153 | 


--------------------------------------------------------------------------------
/client/components/landing/FAQs.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import {
 3 |     Accordion,
 4 |     AccordionContent,
 5 |     AccordionItem,
 6 |     AccordionTrigger,
 7 |   } from "../ui/accordion";
 8 |   
 9 |   const FAQS = () => {
10 |     return (
11 |       <div className="relative flex justify-center items-center flex-col gap-5 md:gap-0 mb-10 mt-10 w-full overflow-hidden">
12 |          <div
13 |           className="absolute inset-0 -z-10 -mx-28 rounded-t-[3rem] pointer-events-none overflow-hidden"
14 |           aria-hidden="true"
15 |         >
16 |         </div>
17 |         <div className="mx-auto w-full text-center animate-fade-up inline-block bg-clip-text">
18 |           <h1 className=" lg:mt-8 mt-2 md:mt-0 md:-mb-8 font-bold text-transparent bg-clip-text bg-gradient-to-r from-zinc-200/60 via-zinc-200 to-zinc-200/60 flex justify-center w-full items-center gap-1 sm:gap-4 h-[5rem] md:h-[4rem] lg:h-[16rem] sm:text-[5rem] lg:text-[30px] xl:text-[50px] text-[2.2rem]">
19 |             <span>F</span>
20 |             <span>A</span>
21 |             <span>Qs</span>
22 |           </h1>
23 |         </div>
24 |         <Accordion type="single" collapsible>
25 |           <AccordionItem
26 |             value="item-1"
27 |             className="px-2 md:px-10 md:py-2 rounded-xl"
28 |           >
29 |             <AccordionTrigger className="text-lg md:text-xl text-zinc-400">
30 |               How does OpiniX ensure security?
31 |             </AccordionTrigger>
32 |             <AccordionContent>
33 |             Centre to constitute the 8th Pay Commission?
34 |             </AccordionContent>
35 |           </AccordionItem>
36 |           <AccordionItem
37 |             value="item-2"
38 |             className="px-2 md:px-10 md:py-2 rounded-xl mt-5"
39 |           >
40 |             <AccordionTrigger className="text-lg md:text-xl text-zinc-400">
41 |              is it safe
42 |             </AccordionTrigger>
43 |             <AccordionContent>
44 |              yes 100%
45 |             </AccordionContent>
46 |           </AccordionItem>
47 |           <AccordionItem
48 |             value="item-3"
49 |             className="px-2 md:px-10 md:py-2 rounded-xl mt-5"
50 |           >
51 |             <AccordionTrigger className="text-lg md:text-xl text-zinc-400">
52 |               Will money withdrawals easy?
53 |             </AccordionTrigger>
54 |             <AccordionContent>
55 |             yes it is easy, just one click.
56 |             </AccordionContent>
57 |           </AccordionItem>
58 |           <AccordionItem
59 |             value="item-4"
60 |             className="px-2 md:px-10 md:py-2 rounded-xl mt-5"
61 |           >
62 |             <AccordionTrigger className="text-lg md:text-xl text-zinc-400">
63 |               is there any mobile app?
64 |             </AccordionTrigger>
65 |             <AccordionContent>
66 |               Yes,there will mobile app soon, in v2.
67 |             </AccordionContent>
68 |           </AccordionItem>
69 |           <AccordionItem
70 |             value="item-5"
71 |             className="px-2 md:px-10 md:py-2 rounded-xl mt-5"
72 |           >
73 |             <AccordionTrigger className="text-lg md:text-xl text-zinc-400">
74 |               How can I get started with OpiniX?
75 |             </AccordionTrigger>
76 |             <AccordionContent>
77 |               just register and start trading.
78 |             </AccordionContent>
79 |           </AccordionItem>
80 |         </Accordion>
81 |       </div>
82 |     );
83 |   };
84 |   
85 |   export default FAQS;


--------------------------------------------------------------------------------
/client/components/landing/Hero.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | import Link from "next/link";
 3 | import ReactWrapBalancer from "react-wrap-balancer";
 4 | //import { useSession } from "next-auth/react";
 5 | import { Button } from "../ui/button";
 6 | 
 7 | export function Hero() {
 8 |    
 9 |   return (
10 |     <section>
11 |       <div className="relative max-w-6xl px-4 mx-auto sm:px-6">
12 |         <div className="pt-24 md:pt-52">
13 |           {/* Hero content */}
14 |           <div className="container mx-auto text-center">
15 |             <div className="mb-6" data-aos="fade-down">
16 |               <div className="relative inline-flex before:absolute before:inset-0 ">
17 |                 <Link
18 |                   className="text-white px-3 py-1 text-sm font-medium inline-flex items-center justify-center border border-transparent rounded-full bg-[#333d7a62] transition duration-150 ease-in-out w-full group before:rounded-full before:pointer-events-none"
19 |                   href="https://github.com/Praashh/offchain-orderbook"
20 |                   target="_blank"
21 |                 >
22 |                   <span className="relative inline-flex items-center px-2">
23 |                   Mobile app available. Download now!{" "}
24 |                     <span className="tracking-normal text-primary-500 group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out ml-1 ">
25 |                       &gt;
26 |                     </span>
27 |                   </span>
28 |                 </Link>
29 |               </div>
30 |             </div>
31 |             <h1
32 |               className="pb-4 font-extrabold tracking-tight text-transparent text-5xl md:text-6xl lg:text-8xl  bg-clip-text bg-gradient-to-r from-zinc-100/60 via-zinc-200 to-zinc-300/60"
33 |               data-aos="fade-down"
34 |             >
35 |               <ReactWrapBalancer>
36 |               Trade your opinion{" "}<span className="text-[#3A6EF2]">using OpiniX</span>
37 |               </ReactWrapBalancer>
38 |             </h1>
39 |             <p
40 |               className="mb-8 text-lg from-zinc-100/60 via-zinc-200 to-zinc-300/60"
41 |               data-aos="fade-down"
42 |               data-aos-delay="200"
43 |             >
44 |               buy and sell shares on various events, and profit from your insights.
45 |             </p>
46 |             <div
47 |               className="flex flex-col w-1/5 items-center max-w-xs mx-auto gap-4 sm:max-w-none  sm:justify-center sm:flex-row sm:inline-flex"
48 |               data-aos="fade-down"
49 |               data-aos-delay="400"
50 |             >
51 |                 <Button className="justify-center flex items-center whitespace-nowrap transition duration-200 ease-in-out font-medium rounded px-10 py-6 text-xl  text-zinc-100 bg-[#3A6EF2] hover:bg-[#325ecd]">Get Started now</Button>
52 |             </div>
53 |           </div>
54 |         </div>
55 |       </div>
56 |     </section>
57 |   );
58 | }


--------------------------------------------------------------------------------
/client/components/landing/Navmenu.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | import Link from "next/link";
 3 | import React from 'react';
 4 | type NavigationMenuProps = {
 5 |     title: string;
 6 |     link: string;
 7 | }
 8 | export const NavigationMenu = ({title, link}:NavigationMenuProps) => {
 9 |   return (
10 |     <Link
11 |     className="font-medium text-xl flex items-center"
12 |     href={link}
13 |   >
14 |     {title}
15 |   </Link>
16 |   )
17 | }


--------------------------------------------------------------------------------
/client/components/landing/Portfolio.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | 
  3 | import React, { useState } from "react";
  4 | import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
  5 | import { Button } from "@/components/ui/button";
  6 | import { ArrowUpIcon, ArrowDownIcon } from "lucide-react";
  7 | import { Trade } from "@/app/(lobby)/portfolio/page";
  8 | 
  9 | interface PortfolioProps {
 10 |   currentReturns: number;
 11 |   trades: Trade[];
 12 |   onExit: (trade: Trade) => void;
 13 | }
 14 | 
 15 | export default function Portfolio({
 16 |   currentReturns,
 17 |   trades,
 18 |   onExit,
 19 | }: PortfolioProps) {
 20 |   const [activeSection, setActiveSection] = useState<"trades" | "pending">(
 21 |     "trades"
 22 |   );
 23 | 
 24 |   const activeTrades = trades.filter(
 25 |     (trade) => trade.status === "LIVE" && trade.type === "BUY"
 26 |   );
 27 |   const pastTrades = trades.filter(
 28 |     (trade) => trade.status === "EXECUTED" && trade.type === "SELL"
 29 |   );
 30 |   const pendingBuy = trades.filter(
 31 |     (trade) => trade.status === "LIVE" && trade.type === "SELL"
 32 |   );
 33 |   const pendingSell = trades.filter(
 34 |     (trade) => trade.status === "EXECUTED" && trade.type === "BUY"
 35 |   );
 36 | 
 37 |   return (
 38 |     <div className="min-h-screen  text-white p-4">
 39 |       <Card className="bg-gray-900 border-gray-800">
 40 |         <CardHeader>
 41 |           <CardTitle className="text-2xl font-bold text-center">
 42 |             Your Portfolio
 43 |           </CardTitle>
 44 |         </CardHeader>
 45 |         <CardContent>
 46 |           <div className="text-center mb-6">
 47 |             <p className="text-lg font-semibold">Current Returns</p>
 48 |             <p
 49 |               className={`text-3xl font-bold ${
 50 |                 currentReturns >= 0 ? "text-green-500" : "text-red-500"
 51 |               }`}
 52 |             >
 53 |               {currentReturns >= 0 ? "+" : "-"}₹
 54 |               {Math.abs(currentReturns).toFixed(2)}
 55 |               {currentReturns >= 0 ? (
 56 |                 <ArrowUpIcon className="inline ml-2 h-6 w-6" />
 57 |               ) : (
 58 |                 <ArrowDownIcon className="inline ml-2 h-6 w-6" />
 59 |               )}
 60 |             </p>
 61 |           </div>
 62 | 
 63 |           {/* Toggle Buttons for Sections */}
 64 |           <div className="flex justify-center space-x-4 mb-6">
 65 |             <Button
 66 |               onClick={() => setActiveSection("trades")}
 67 |               variant={activeSection === "trades" ? "default" : "outline"}
 68 |             >
 69 |               Trades
 70 |             </Button>
 71 |             <Button
 72 |               onClick={() => setActiveSection("pending")}
 73 |               variant={activeSection === "pending" ? "default" : "outline"}
 74 |             >
 75 |               Pending Orders
 76 |             </Button>
 77 |           </div>
 78 | 
 79 |           {/* Active and Past Trades Section */}
 80 |           {activeSection === "trades" && (
 81 |             <div className="mb-8">
 82 |               <h3 className="text-xl font-semibold mb-4">
 83 |                 Active & Past Trades
 84 |               </h3>
 85 |               <div className="space-y-4">
 86 |                 {activeTrades.length > 0 ? (
 87 |                   activeTrades.map((trade) => (
 88 |                     <Card
 89 |                       key={trade.id}
 90 |                       className="bg-gray-800 border-gray-700"
 91 |                     >
 92 |                       <CardContent className="p-4">
 93 |                         <div className="flex justify-between items-center">
 94 |                           <div>
 95 |                             <h3 className="font-semibold text-lg mb-2">
 96 |                               {trade.title}
 97 |                             </h3>
 98 |                             <p className="text-sm text-gray-400">
 99 |                               Price: ₹{trade.price.toFixed(2)} | Quantity:{" "}
100 |                               {trade.Quantity}
101 |                             </p>
102 |                           </div>
103 |                           <div className="flex items-center space-x-4">
104 |                             <span
105 |                               className={`text-sm font-medium px-2 py-1 rounded ${
106 |                                 trade.Side === "YES"
107 |                                   ? "bg-blue-500 text-white"
108 |                                   : "bg-red-500 text-white"
109 |                               }`}
110 |                             >
111 |                               {trade.Side.toUpperCase()}
112 |                             </span>
113 |                             <Button
114 |                               onClick={() => {
115 |                                 onExit(trade);
116 |                               }}
117 |                               variant="destructive"
118 |                               size="sm"
119 |                               className="bg-red-600 hover:bg-gray-600 text-white rounded-full px-4"
120 |                             >
121 |                               Exit
122 |                             </Button>
123 |                           </div>
124 |                         </div>
125 |                       </CardContent>
126 |                     </Card>
127 |                   ))
128 |                 ) : (
129 |                   <p className="text-gray-400 text-center">No active trades.</p>
130 |                 )}
131 |                 {pastTrades.length > 0 ? (
132 |                   pastTrades.map((trade) => (
133 |                     <Card
134 |                       key={trade.id}
135 |                       className="bg-gray-800 border-gray-700"
136 |                     >
137 |                       <CardContent className="p-4">
138 |                         <div className="flex justify-between items-center">
139 |                           <div>
140 |                             <h3 className="font-semibold text-lg mb-2">
141 |                               {trade.title}
142 |                             </h3>
143 |                             <p className="text-sm text-gray-400">
144 |                               Price: ₹{trade.price.toFixed(2)} | Quantity:{" "}
145 |                               {trade.Quantity}
146 |                             </p>
147 |                             <p
148 |                               className={`text-sm font-semibold ${
149 |                                 trade.price !== null && trade.price >= 0
150 |                                   ? "text-green-500"
151 |                                   : "text-red-500"
152 |                               }`}
153 |                             >
154 |                               Gain/Loss:{" "}
155 |                               {trade.price !== null
156 |                                 ? trade.price >= 0
157 |                                   ? "+"
158 |                                   : "-"
159 |                                 : ""}
160 |                               ₹{Math.abs(trade.price || 0).toFixed(2)}
161 |                             </p>
162 |                           </div>
163 |                           <div className="flex items-center space-x-4">
164 |                             <span
165 |                               className={`text-sm font-medium px-2 py-1 rounded ${
166 |                                 trade.Side === "YES"
167 |                                   ? "bg-blue-500 text-white"
168 |                                   : "bg-red-500 text-white"
169 |                               }`}
170 |                             >
171 |                               {trade.Side.toUpperCase()}
172 |                             </span>
173 |                           </div>
174 |                         </div>
175 |                       </CardContent>
176 |                     </Card>
177 |                   ))
178 |                 ) : (
179 |                   <p className="text-gray-400 text-center">No past trades.</p>
180 |                 )}
181 |               </div>
182 |             </div>
183 |           )}
184 | 
185 |           {/* Pending Orders Section */}
186 |           {activeSection === "pending" && (
187 |             <div>
188 |               <h3 className="text-xl font-semibold mb-4">Pending Orders</h3>
189 |               <div className="space-y-4">
190 |                 {pendingBuy.length > 0 &&
191 |                   pendingBuy.map((trade) => (
192 |                     <Card
193 |                       key={trade.id}
194 |                       className="bg-gray-800 border-gray-700"
195 |                     >
196 |                       <CardContent className="p-4">
197 |                         <div className="flex justify-between items-center">
198 |                           <div>
199 |                             <h3 className="font-semibold text-lg mb-2">
200 |                               {trade.title}
201 |                             </h3>
202 |                             <p className="text-sm text-gray-400">
203 |                               Price: ₹{trade.price.toFixed(2)} | Quantity:{" "}
204 |                               {trade.Quantity}
205 |                             </p>
206 |                           </div>
207 |                           <div className="flex items-center space-x-4">
208 |                           <span
209 |                               className={`text-sm font-medium px-2 py-1 rounded ${
210 |                                 trade.Side === "YES"
211 |                                   ? "bg-blue-500 text-white"
212 |                                   : "bg-red-500 text-white"
213 |                               }`}
214 |                             >
215 |                               {trade.Side.toUpperCase()}
216 |                             </span>
217 |                             <span
218 |                               className={`text-sm font-medium px-2 py-1 rounded ${
219 |                                 trade.type === "BUY"
220 |                                   ? "bg-red-500 text-white"
221 |                                   : "bg-green-500 text-white"
222 |                               }`}
223 |                             >
224 |                               {trade.type.toUpperCase() == "BUY" ? "SELL" : "BUY"}
225 |                             </span>
226 |                           </div>
227 |                         </div>
228 |                       </CardContent>
229 |                     </Card>
230 |                   ))}
231 |                 {pendingSell.length > 0 ? (
232 |                   pendingSell.map((trade) => (
233 |                     <Card
234 |                       key={trade.id}
235 |                       className="bg-gray-800 border-gray-700"
236 |                     >
237 |                       <CardContent className="p-4">
238 |                         <div className="flex justify-between items-center">
239 |                           <div>
240 |                             <h3 className="font-semibold text-lg mb-2">
241 |                               {trade.title}
242 |                             </h3>
243 | 
244 |                             <p className="text-sm text-gray-400 ">
245 |                               Price: ₹{trade.price.toFixed(2)} | Quantity:{" "}
246 |                               {trade.Quantity}
247 |                             </p>
248 |                           </div>
249 |                           <div className="flex items-center space-x-4">
250 |                           <span
251 |                               className={`text-sm font-medium px-2 py-1 rounded ${
252 |                                 trade.Side === "YES"
253 |                                   ? "bg-blue-500 text-white"
254 |                                   : "bg-red-500 text-white"
255 |                               }`}
256 |                             >
257 |                               {trade.Side.toUpperCase()}
258 |                             </span>
259 |                             <span
260 |                               className={`text-sm font-medium px-2 py-1 rounded p-2  ${
261 |                                 trade.type === "BUY"
262 |                                   ? "bg-red-500 text-white"
263 |                                   : "bg-green-500 text-white"
264 |                               }`}
265 |                             >
266 |                               {trade.type.toUpperCase() == "BUY" ? "SELL" : "BUY"}
267 |                             </span>
268 |                             
269 |                           </div>
270 |                         </div>
271 |                       </CardContent>
272 |                     </Card>
273 |                   ))
274 |                 ) : (
275 |                   <p className="text-gray-400 text-center">
276 |                     No pending sell orders.
277 |                   </p>
278 |                 )}
279 |               </div>
280 |             </div>
281 |           )}
282 |         </CardContent>
283 |       </Card>
284 |     </div>
285 |   );
286 | }
287 | 


--------------------------------------------------------------------------------
/client/components/landing/ProfileHeader.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | import React from "react";
 3 | import { Button } from "../ui/button";
 4 | import Link from "next/link";
 5 | import { useSession, signOut } from "next-auth/react";
 6 | 
 7 | const ProfileHeader = () => {
 8 |   const { data } = useSession();
 9 | 
10 |   return (
11 |     <div className="flex items-center gap-4">
12 |       <Link href={!data?.user ? "/api/auth/signin" : "/event"}>
13 |         <Button className="justify-center flex items-center whitespace-nowrap transition duration-200 ease-in-out font-medium rounded px-7 py-6 text-xl">
14 |           {!data?.user ? "Login" : "Trade Now"}
15 |         </Button>
16 |       </Link>
17 |       {data?.user && (
18 |         <Button
19 |           onClick={() => signOut()}
20 |           className="justify-center flex items-center whitespace-nowrap transition duration-200 ease-in-out font-medium rounded px-7 py-6 text-xl pr-5 pl-5 bg-red-400"
21 |         >
22 |           Sign Out
23 |         </Button>
24 |       )}
25 |     </div>
26 |   );
27 | };
28 | 
29 | export default ProfileHeader;
30 | 


--------------------------------------------------------------------------------
/client/components/landing/Singin.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | import Image from "next/image"
 3 | import { Button } from "@/components/ui/button"
 4 | import login from "@/public/login.png"
 5 | import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 6 | import { signIn, signOut, useSession } from "next-auth/react"; 
 7 | import { LoaderCircle } from "lucide-react";
 8 | import { toast, Toaster } from "react-hot-toast";
 9 | 
10 | export function Login() {
11 |     const { data: session, status } = useSession(); 
12 |     const isLoading = status === "loading"; 
13 | 
14 |     async function handleSignIn() {
15 |         const result = await signIn("google", { redirect: false }); 
16 | 
17 |         if (result?.error) {
18 |             toast.error("Error signing in, please try again.");
19 |         } else {
20 |             toast.success("Successfully signed in!");
21 |         }
22 |     }
23 | 
24 |     async function handleSignOut() {
25 |         await signOut({ redirect: false }); 
26 |         toast.success("Successfully signed out!");
27 |     }
28 | 
29 |     return (
30 |         <div className="w-full lg:grid lg:min-h-[600px] h-screen lg:grid-cols-2 xl:min-h-[800px]">
31 |             <div className="flex items-center justify-center h-screen">
32 |                 <Card className="w-full max-w-md">
33 |                     <CardHeader>
34 |                         <CardTitle className="text-2xl text-center font-bold">{session ? "Welcome back!" : "Sign in with Google"}</CardTitle>
35 |                     </CardHeader>
36 |                     <CardContent>
37 |                         {session ? (
38 |                             <div className="flex flex-col items-center">
39 |                                 <p className="text-sm text-gray-500 mb-4">Logged in as {session.user.email}</p>
40 |                                 <Button className="w-full mb-4" onClick={handleSignOut} disabled={isLoading}>
41 |                                     {isLoading ? <LoaderCircle className="animate-spin" /> : "Sign Out"}
42 |                                 </Button>
43 |                             </div>
44 |                         ) : (
45 |                             <div className="flex flex-col items-center">
46 |                                 <p className="text-sm text-gray-500 mb-4">Sign in to continue</p>
47 |                                 <Button className="w-full mb-4" onClick={handleSignIn} disabled={isLoading}>
48 |                                     {isLoading ? <LoaderCircle className="animate-spin" /> : "Sign In with Google"}
49 |                                 </Button>
50 |                             </div>
51 |                         )}
52 |                         <p className="text-xs text-gray-500 mt-5">
53 |                             By continuing, you accept that you are 18+ years of age & agree to the{' '}
54 |                             <a href="#" className="text-blue-500 hover:underline">
55 |                                 Terms and Conditions
56 |                             </a>
57 |                         </p>
58 |                     </CardContent>
59 |                 </Card>
60 |             </div>
61 |             <div className="relative overflow-hidden flex justify-center items-center">
62 |                 <div className="bg-muted">
63 |                     <Image
64 |                         src={login}
65 |                         alt="Image"
66 |                         width="1920"
67 |                         height="1000"
68 |                         className="object-cover"
69 |                     />
70 |                 </div>
71 |             </div>
72 |             <Toaster position="top-center" />
73 |         </div>
74 |     )
75 | }
76 | 


--------------------------------------------------------------------------------
/client/components/theme-provider.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import { ThemeProvider as NextThemesProvider } from "next-themes"
 5 | import { type ThemeProviderProps } from "next-themes/dist/types"
 6 | 
 7 | export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
 8 |   return <NextThemesProvider {...props}>{children}</NextThemesProvider>
 9 | }
10 | 


--------------------------------------------------------------------------------
/client/components/ui/accordion.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as AccordionPrimitive from "@radix-ui/react-accordion"
 5 | import { ChevronDownIcon } from "@radix-ui/react-icons"
 6 | 
 7 | import { cn } from "@/lib/utils"
 8 | 
 9 | const Accordion = AccordionPrimitive.Root
10 | 
11 | const AccordionItem = React.forwardRef<
12 |   React.ElementRef<typeof AccordionPrimitive.Item>,
13 |   React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
14 | >(({ className, ...props }, ref) => (
15 |   <AccordionPrimitive.Item
16 |     ref={ref}
17 |     className={cn("border-b", className)}
18 |     {...props}
19 |   />
20 | ))
21 | AccordionItem.displayName = "AccordionItem"
22 | 
23 | const AccordionTrigger = React.forwardRef<
24 |   React.ElementRef<typeof AccordionPrimitive.Trigger>,
25 |   React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
26 | >(({ className, children, ...props }, ref) => (
27 |   <AccordionPrimitive.Header className="flex">
28 |     <AccordionPrimitive.Trigger
29 |       ref={ref}
30 |       className={cn(
31 |         "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
32 |         className
33 |       )}
34 |       {...props}
35 |     >
36 |       {children}
37 |       <ChevronDownIcon className="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" />
38 |     </AccordionPrimitive.Trigger>
39 |   </AccordionPrimitive.Header>
40 | ))
41 | AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName
42 | 
43 | const AccordionContent = React.forwardRef<
44 |   React.ElementRef<typeof AccordionPrimitive.Content>,
45 |   React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
46 | >(({ className, children, ...props }, ref) => (
47 |   <AccordionPrimitive.Content
48 |     ref={ref}
49 |     className="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
50 |     {...props}
51 |   >
52 |     <div className={cn("pb-4 pt-0", className)}>{children}</div>
53 |   </AccordionPrimitive.Content>
54 | ))
55 | AccordionContent.displayName = AccordionPrimitive.Content.displayName
56 | 
57 | export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
58 | 


--------------------------------------------------------------------------------
/client/components/ui/avatar.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as AvatarPrimitive from "@radix-ui/react-avatar"
 5 | 
 6 | import { cn } from "@/lib/utils"
 7 | 
 8 | const Avatar = React.forwardRef<
 9 |   React.ElementRef<typeof AvatarPrimitive.Root>,
10 |   React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
11 | >(({ className, ...props }, ref) => (
12 |   <AvatarPrimitive.Root
13 |     ref={ref}
14 |     className={cn(
15 |       "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
16 |       className
17 |     )}
18 |     {...props}
19 |   />
20 | ))
21 | Avatar.displayName = AvatarPrimitive.Root.displayName
22 | 
23 | const AvatarImage = React.forwardRef<
24 |   React.ElementRef<typeof AvatarPrimitive.Image>,
25 |   React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
26 | >(({ className, ...props }, ref) => (
27 |   <AvatarPrimitive.Image
28 |     ref={ref}
29 |     className={cn("aspect-square h-full w-full", className)}
30 |     {...props}
31 |   />
32 | ))
33 | AvatarImage.displayName = AvatarPrimitive.Image.displayName
34 | 
35 | const AvatarFallback = React.forwardRef<
36 |   React.ElementRef<typeof AvatarPrimitive.Fallback>,
37 |   React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
38 | >(({ className, ...props }, ref) => (
39 |   <AvatarPrimitive.Fallback
40 |     ref={ref}
41 |     className={cn(
42 |       "flex h-full w-full items-center justify-center rounded-full bg-muted",
43 |       className
44 |     )}
45 |     {...props}
46 |   />
47 | ))
48 | AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName
49 | 
50 | export { Avatar, AvatarImage, AvatarFallback }
51 | 


--------------------------------------------------------------------------------
/client/components/ui/badge.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | import { cva, type VariantProps } from "class-variance-authority"
 3 | 
 4 | import { cn } from "@/lib/utils"
 5 | 
 6 | const badgeVariants = cva(
 7 |   "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
 8 |   {
 9 |     variants: {
10 |       variant: {
11 |         default:
12 |           "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
13 |         secondary:
14 |           "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
15 |         destructive:
16 |           "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
17 |         outline: "text-foreground",
18 |       },
19 |     },
20 |     defaultVariants: {
21 |       variant: "default",
22 |     },
23 |   }
24 | )
25 | 
26 | export interface BadgeProps
27 |   extends React.HTMLAttributes<HTMLDivElement>,
28 |     VariantProps<typeof badgeVariants> {}
29 | 
30 | function Badge({ className, variant, ...props }: BadgeProps) {
31 |   return (
32 |     <div className={cn(badgeVariants({ variant }), className)} {...props} />
33 |   )
34 | }
35 | 
36 | export { Badge, badgeVariants }
37 | 


--------------------------------------------------------------------------------
/client/components/ui/button.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | import { Slot } from "@radix-ui/react-slot"
 3 | import { cva, type VariantProps } from "class-variance-authority"
 4 | 
 5 | import { cn } from "@/lib/utils"
 6 | 
 7 | const buttonVariants = cva(
 8 |   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
 9 |   {
10 |     variants: {
11 |       variant: {
12 |         default:
13 |           "bg-primary text-primary-foreground shadow hover:bg-primary/90",
14 |         destructive:
15 |           "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
16 |         outline:
17 |           "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
18 |         secondary:
19 |           "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
20 |         ghost: "hover:bg-accent hover:text-accent-foreground",
21 |         link: "text-primary underline-offset-4 hover:underline",
22 |       },
23 |       size: {
24 |         default: "h-9 px-4 py-2",
25 |         sm: "h-8 rounded-md px-3 text-xs",
26 |         lg: "h-10 rounded-md px-8",
27 |         icon: "h-9 w-9",
28 |       },
29 |     },
30 |     defaultVariants: {
31 |       variant: "default",
32 |       size: "default",
33 |     },
34 |   }
35 | )
36 | 
37 | export interface ButtonProps
38 |   extends React.ButtonHTMLAttributes<HTMLButtonElement>,
39 |     VariantProps<typeof buttonVariants> {
40 |   asChild?: boolean
41 | }
42 | 
43 | const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
44 |   ({ className, variant, size, asChild = false, ...props }, ref) => {
45 |     const Comp = asChild ? Slot : "button"
46 |     return (
47 |       <Comp
48 |         className={cn(buttonVariants({ variant, size, className }))}
49 |         ref={ref}
50 |         {...props}
51 |       />
52 |     )
53 |   }
54 | )
55 | Button.displayName = "Button"
56 | 
57 | export { Button, buttonVariants }
58 | 


--------------------------------------------------------------------------------
/client/components/ui/card.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | 
 3 | import { cn } from "@/lib/utils"
 4 | 
 5 | const Card = React.forwardRef<
 6 |   HTMLDivElement,
 7 |   React.HTMLAttributes<HTMLDivElement>
 8 | >(({ className, ...props }, ref) => (
 9 |   <div
10 |     ref={ref}
11 |     className={cn(
12 |       "rounded-xl border bg-card text-card-foreground shadow",
13 |       className
14 |     )}
15 |     {...props}
16 |   />
17 | ))
18 | Card.displayName = "Card"
19 | 
20 | const CardHeader = React.forwardRef<
21 |   HTMLDivElement,
22 |   React.HTMLAttributes<HTMLDivElement>
23 | >(({ className, ...props }, ref) => (
24 |   <div
25 |     ref={ref}
26 |     className={cn("flex flex-col space-y-1.5 p-6", className)}
27 |     {...props}
28 |   />
29 | ))
30 | CardHeader.displayName = "CardHeader"
31 | 
32 | const CardTitle = React.forwardRef<
33 |   HTMLParagraphElement,
34 |   React.HTMLAttributes<HTMLHeadingElement>
35 | >(({ className, ...props }, ref) => (
36 |   <h3
37 |     ref={ref}
38 |     className={cn("font-semibold leading-none tracking-tight", className)}
39 |     {...props}
40 |   />
41 | ))
42 | CardTitle.displayName = "CardTitle"
43 | 
44 | const CardDescription = React.forwardRef<
45 |   HTMLParagraphElement,
46 |   React.HTMLAttributes<HTMLParagraphElement>
47 | >(({ className, ...props }, ref) => (
48 |   <p
49 |     ref={ref}
50 |     className={cn("text-sm text-muted-foreground", className)}
51 |     {...props}
52 |   />
53 | ))
54 | CardDescription.displayName = "CardDescription"
55 | 
56 | const CardContent = React.forwardRef<
57 |   HTMLDivElement,
58 |   React.HTMLAttributes<HTMLDivElement>
59 | >(({ className, ...props }, ref) => (
60 |   <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
61 | ))
62 | CardContent.displayName = "CardContent"
63 | 
64 | const CardFooter = React.forwardRef<
65 |   HTMLDivElement,
66 |   React.HTMLAttributes<HTMLDivElement>
67 | >(({ className, ...props }, ref) => (
68 |   <div
69 |     ref={ref}
70 |     className={cn("flex items-center p-6 pt-0", className)}
71 |     {...props}
72 |   />
73 | ))
74 | CardFooter.displayName = "CardFooter"
75 | 
76 | export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
77 | 


--------------------------------------------------------------------------------
/client/components/ui/chart.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | import * as React from "react"
  4 | import * as RechartsPrimitive from "recharts"
  5 | import { cn } from "@/lib/utils"
  6 | 
  7 | // Format: { THEME_NAME: CSS_SELECTOR }
  8 | const THEMES = { light: "", dark: ".dark" } as const
  9 | 
 10 | export type ChartConfig = {
 11 |   [k in string]: {
 12 |     label?: React.ReactNode
 13 |     icon?: React.ComponentType
 14 |   } & (
 15 |     | { color?: string; theme?: never }
 16 |     | { color?: never; theme: Record<keyof typeof THEMES, string> }
 17 |   )
 18 | }
 19 | 
 20 | type ChartContextProps = {
 21 |   config: ChartConfig
 22 | }
 23 | 
 24 | const ChartContext = React.createContext<ChartContextProps | null>(null)
 25 | 
 26 | function useChart() {
 27 |   const context = React.useContext(ChartContext)
 28 | 
 29 |   if (!context) {
 30 |     throw new Error("useChart must be used within a <ChartContainer />")
 31 |   }
 32 | 
 33 |   return context
 34 | }
 35 | 
 36 | const ChartContainer = React.forwardRef<
 37 |   HTMLDivElement,
 38 |   React.ComponentProps<"div"> & {
 39 |     config: ChartConfig
 40 |     children: React.ComponentProps<
 41 |       typeof RechartsPrimitive.ResponsiveContainer
 42 |     >["children"]
 43 |   }
 44 | >(({ id, className, children, config, ...props }, ref) => {
 45 |   const uniqueId = React.useId()
 46 |   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`
 47 | 
 48 |   return (
 49 |     <ChartContext.Provider value={{ config }}>
 50 |       <div
 51 |         data-chart={chartId}
 52 |         ref={ref}
 53 |         className={cn(
 54 |           "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
 55 |           className
 56 |         )}
 57 |         {...props}
 58 |       >
 59 |         <ChartStyle id={chartId} config={config} />
 60 |         <RechartsPrimitive.ResponsiveContainer>
 61 |           {children}
 62 |         </RechartsPrimitive.ResponsiveContainer>
 63 |       </div>
 64 |     </ChartContext.Provider>
 65 |   )
 66 | })
 67 | ChartContainer.displayName = "Chart"
 68 | 
 69 | const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
 70 |   const colorConfig = Object.entries(config).filter(
 71 |     // eslint-disable-next-line @typescript-eslint/no-unused-vars
 72 |     ([_, config]) => config.theme || config.color
 73 |   )
 74 | 
 75 |   if (!colorConfig.length) {
 76 |     return null
 77 |   }
 78 | 
 79 |   return (
 80 |     <style
 81 |       dangerouslySetInnerHTML={{
 82 |         __html: Object.entries(THEMES)
 83 |           .map(
 84 |             ([theme, prefix]) => `
 85 | ${prefix} [data-chart=${id}] {
 86 | ${colorConfig
 87 |   .map(([key, itemConfig]) => {
 88 |     const color =
 89 |       itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||
 90 |       itemConfig.color
 91 |     return color ? `  --color-${key}: ${color};` : null
 92 |   })
 93 |   .join("\n")}
 94 | }
 95 | `
 96 |           )
 97 |           .join("\n"),
 98 |       }}
 99 |     />
100 |   )
101 | }
102 | 
103 | const ChartTooltip = RechartsPrimitive.Tooltip
104 | 
105 | const ChartTooltipContent = React.forwardRef<
106 |   HTMLDivElement,
107 |   React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
108 |     React.ComponentProps<"div"> & {
109 |       hideLabel?: boolean
110 |       hideIndicator?: boolean
111 |       indicator?: "line" | "dot" | "dashed"
112 |       nameKey?: string
113 |       labelKey?: string
114 |     }
115 | >(
116 |   (
117 |     {
118 |       active,
119 |       payload,
120 |       className,
121 |       indicator = "dot",
122 |       hideLabel = false,
123 |       hideIndicator = false,
124 |       label,
125 |       labelFormatter,
126 |       labelClassName,
127 |       formatter,
128 |       color,
129 |       nameKey,
130 |       labelKey,
131 |     },
132 |     ref
133 |   ) => {
134 |     const { config } = useChart()
135 | 
136 |     const tooltipLabel = React.useMemo(() => {
137 |       if (hideLabel || !payload?.length) {
138 |         return null
139 |       }
140 | 
141 |       const [item] = payload
142 |       const key = `${labelKey || item.dataKey || item.name || "value"}`
143 |       const itemConfig = getPayloadConfigFromPayload(config, item, key)
144 |       const value =
145 |         !labelKey && typeof label === "string"
146 |           ? config[label as keyof typeof config]?.label || label
147 |           : itemConfig?.label
148 | 
149 |       if (labelFormatter) {
150 |         return (
151 |           <div className={cn("font-medium", labelClassName)}>
152 |             {labelFormatter(value, payload)}
153 |           </div>
154 |         )
155 |       }
156 | 
157 |       if (!value) {
158 |         return null
159 |       }
160 | 
161 |       return <div className={cn("font-medium", labelClassName)}>{value}</div>
162 |     }, [
163 |       label,
164 |       labelFormatter,
165 |       payload,
166 |       hideLabel,
167 |       labelClassName,
168 |       config,
169 |       labelKey,
170 |     ])
171 | 
172 |     if (!active || !payload?.length) {
173 |       return null
174 |     }
175 | 
176 |     const nestLabel = payload.length === 1 && indicator !== "dot"
177 | 
178 |     return (
179 |       <div
180 |         ref={ref}
181 |         className={cn(
182 |           "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
183 |           className
184 |         )}
185 |       >
186 |         {!nestLabel ? tooltipLabel : null}
187 |         <div className="grid gap-1.5">
188 |           {payload.map((item, index) => {
189 |             const key = `${nameKey || item.name || item.dataKey || "value"}`
190 |             const itemConfig = getPayloadConfigFromPayload(config, item, key)
191 |             const indicatorColor = color || item.payload.fill || item.color
192 | 
193 |             return (
194 |               <div
195 |                 key={item.dataKey}
196 |                 className={cn(
197 |                   "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
198 |                   indicator === "dot" && "items-center"
199 |                 )}
200 |               >
201 |                 {formatter && item?.value !== undefined && item.name ? (
202 |                   formatter(item.value, item.name, item, index, item.payload)
203 |                 ) : (
204 |                   <>
205 |                     {itemConfig?.icon ? (
206 |                       <itemConfig.icon />
207 |                     ) : (
208 |                       !hideIndicator && (
209 |                         <div
210 |                           className={cn(
211 |                             "shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
212 |                             {
213 |                               "h-2.5 w-2.5": indicator === "dot",
214 |                               "w-1": indicator === "line",
215 |                               "w-0 border-[1.5px] border-dashed bg-transparent":
216 |                                 indicator === "dashed",
217 |                               "my-0.5": nestLabel && indicator === "dashed",
218 |                             }
219 |                           )}
220 |                           style={
221 |                             {
222 |                               "--color-bg": indicatorColor,
223 |                               "--color-border": indicatorColor,
224 |                             } as React.CSSProperties
225 |                           }
226 |                         />
227 |                       )
228 |                     )}
229 |                     <div
230 |                       className={cn(
231 |                         "flex flex-1 justify-between leading-none",
232 |                         nestLabel ? "items-end" : "items-center"
233 |                       )}
234 |                     >
235 |                       <div className="grid gap-1.5">
236 |                         {nestLabel ? tooltipLabel : null}
237 |                         <span className="text-muted-foreground">
238 |                           {itemConfig?.label || item.name}
239 |                         </span>
240 |                       </div>
241 |                       {item.value && (
242 |                         <span className="font-mono font-medium tabular-nums text-foreground">
243 |                           {item.value.toLocaleString()}
244 |                         </span>
245 |                       )}
246 |                     </div>
247 |                   </>
248 |                 )}
249 |               </div>
250 |             )
251 |           })}
252 |         </div>
253 |       </div>
254 |     )
255 |   }
256 | )
257 | ChartTooltipContent.displayName = "ChartTooltip"
258 | 
259 | const ChartLegend = RechartsPrimitive.Legend
260 | 
261 | const ChartLegendContent = React.forwardRef<
262 |   HTMLDivElement,
263 |   React.ComponentProps<"div"> &
264 |     Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
265 |       hideIcon?: boolean
266 |       nameKey?: string
267 |     }
268 | >(
269 |   (
270 |     { className, hideIcon = false, payload, verticalAlign = "bottom", nameKey },
271 |     ref
272 |   ) => {
273 |     const { config } = useChart()
274 | 
275 |     if (!payload?.length) {
276 |       return null
277 |     }
278 | 
279 |     return (
280 |       <div
281 |         ref={ref}
282 |         className={cn(
283 |           "flex items-center justify-center gap-4",
284 |           verticalAlign === "top" ? "pb-3" : "pt-3",
285 |           className
286 |         )}
287 |       >
288 |         {payload.map((item) => {
289 |           const key = `${nameKey || item.dataKey || "value"}`
290 |           const itemConfig = getPayloadConfigFromPayload(config, item, key)
291 | 
292 |           return (
293 |             <div
294 |               key={item.value}
295 |               className={cn(
296 |                 "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
297 |               )}
298 |             >
299 |               {itemConfig?.icon && !hideIcon ? (
300 |                 <itemConfig.icon />
301 |               ) : (
302 |                 <div
303 |                   className="h-2 w-2 shrink-0 rounded-[2px]"
304 |                   style={{
305 |                     backgroundColor: item.color,
306 |                   }}
307 |                 />
308 |               )}
309 |               {itemConfig?.label}
310 |             </div>
311 |           )
312 |         })}
313 |       </div>
314 |     )
315 |   }
316 | )
317 | ChartLegendContent.displayName = "ChartLegend"
318 | 
319 | // Helper to extract item config from a payload.
320 | function getPayloadConfigFromPayload(
321 |   config: ChartConfig,
322 |   payload: unknown,
323 |   key: string
324 | ) {
325 |   if (typeof payload !== "object" || payload === null) {
326 |     return undefined
327 |   }
328 | 
329 |   const payloadPayload =
330 |     "payload" in payload &&
331 |     typeof payload.payload === "object" &&
332 |     payload.payload !== null
333 |       ? payload.payload
334 |       : undefined
335 | 
336 |   let configLabelKey: string = key
337 | 
338 |   if (
339 |     key in payload &&
340 |     typeof payload[key as keyof typeof payload] === "string"
341 |   ) {
342 |     configLabelKey = payload[key as keyof typeof payload] as string
343 |   } else if (
344 |     payloadPayload &&
345 |     key in payloadPayload &&
346 |     typeof payloadPayload[key as keyof typeof payloadPayload] === "string"
347 |   ) {
348 |     configLabelKey = payloadPayload[
349 |       key as keyof typeof payloadPayload
350 |     ] as string
351 |   }
352 | 
353 |   return configLabelKey in config
354 |     ? config[configLabelKey]
355 |     : config[key as keyof typeof config]
356 | }
357 | 
358 | export {
359 |   ChartContainer,
360 |   ChartTooltip,
361 |   ChartTooltipContent,
362 |   ChartLegend,
363 |   ChartLegendContent,
364 |   ChartStyle,
365 | }
366 | 


--------------------------------------------------------------------------------
/client/components/ui/dropdown-menu.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | import * as React from "react"
  4 | import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
  5 | import {
  6 |   CheckIcon,
  7 |   ChevronRightIcon,
  8 |   DotFilledIcon,
  9 | } from "@radix-ui/react-icons"
 10 | 
 11 | import { cn } from "@/lib/utils"
 12 | 
 13 | const DropdownMenu = DropdownMenuPrimitive.Root
 14 | 
 15 | const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
 16 | 
 17 | const DropdownMenuGroup = DropdownMenuPrimitive.Group
 18 | 
 19 | const DropdownMenuPortal = DropdownMenuPrimitive.Portal
 20 | 
 21 | const DropdownMenuSub = DropdownMenuPrimitive.Sub
 22 | 
 23 | const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
 24 | 
 25 | const DropdownMenuSubTrigger = React.forwardRef<
 26 |   React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
 27 |   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
 28 |     inset?: boolean
 29 |   }
 30 | >(({ className, inset, children, ...props }, ref) => (
 31 |   <DropdownMenuPrimitive.SubTrigger
 32 |     ref={ref}
 33 |     className={cn(
 34 |       "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
 35 |       inset && "pl-8",
 36 |       className
 37 |     )}
 38 |     {...props}
 39 |   >
 40 |     {children}
 41 |     <ChevronRightIcon className="ml-auto h-4 w-4" />
 42 |   </DropdownMenuPrimitive.SubTrigger>
 43 | ))
 44 | DropdownMenuSubTrigger.displayName =
 45 |   DropdownMenuPrimitive.SubTrigger.displayName
 46 | 
 47 | const DropdownMenuSubContent = React.forwardRef<
 48 |   React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
 49 |   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
 50 | >(({ className, ...props }, ref) => (
 51 |   <DropdownMenuPrimitive.SubContent
 52 |     ref={ref}
 53 |     className={cn(
 54 |       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
 55 |       className
 56 |     )}
 57 |     {...props}
 58 |   />
 59 | ))
 60 | DropdownMenuSubContent.displayName =
 61 |   DropdownMenuPrimitive.SubContent.displayName
 62 | 
 63 | const DropdownMenuContent = React.forwardRef<
 64 |   React.ElementRef<typeof DropdownMenuPrimitive.Content>,
 65 |   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
 66 | >(({ className, sideOffset = 4, ...props }, ref) => (
 67 |   <DropdownMenuPrimitive.Portal>
 68 |     <DropdownMenuPrimitive.Content
 69 |       ref={ref}
 70 |       sideOffset={sideOffset}
 71 |       className={cn(
 72 |         "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
 73 |         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
 74 |         className
 75 |       )}
 76 |       {...props}
 77 |     />
 78 |   </DropdownMenuPrimitive.Portal>
 79 | ))
 80 | DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
 81 | 
 82 | const DropdownMenuItem = React.forwardRef<
 83 |   React.ElementRef<typeof DropdownMenuPrimitive.Item>,
 84 |   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
 85 |     inset?: boolean
 86 |   }
 87 | >(({ className, inset, ...props }, ref) => (
 88 |   <DropdownMenuPrimitive.Item
 89 |     ref={ref}
 90 |     className={cn(
 91 |       "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 92 |       inset && "pl-8",
 93 |       className
 94 |     )}
 95 |     {...props}
 96 |   />
 97 | ))
 98 | DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
 99 | 
100 | const DropdownMenuCheckboxItem = React.forwardRef<
101 |   React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
102 |   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
103 | >(({ className, children, checked, ...props }, ref) => (
104 |   <DropdownMenuPrimitive.CheckboxItem
105 |     ref={ref}
106 |     className={cn(
107 |       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
108 |       className
109 |     )}
110 |     checked={checked}
111 |     {...props}
112 |   >
113 |     <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
114 |       <DropdownMenuPrimitive.ItemIndicator>
115 |         <CheckIcon className="h-4 w-4" />
116 |       </DropdownMenuPrimitive.ItemIndicator>
117 |     </span>
118 |     {children}
119 |   </DropdownMenuPrimitive.CheckboxItem>
120 | ))
121 | DropdownMenuCheckboxItem.displayName =
122 |   DropdownMenuPrimitive.CheckboxItem.displayName
123 | 
124 | const DropdownMenuRadioItem = React.forwardRef<
125 |   React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
126 |   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
127 | >(({ className, children, ...props }, ref) => (
128 |   <DropdownMenuPrimitive.RadioItem
129 |     ref={ref}
130 |     className={cn(
131 |       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
132 |       className
133 |     )}
134 |     {...props}
135 |   >
136 |     <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
137 |       <DropdownMenuPrimitive.ItemIndicator>
138 |         <DotFilledIcon className="h-4 w-4 fill-current" />
139 |       </DropdownMenuPrimitive.ItemIndicator>
140 |     </span>
141 |     {children}
142 |   </DropdownMenuPrimitive.RadioItem>
143 | ))
144 | DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
145 | 
146 | const DropdownMenuLabel = React.forwardRef<
147 |   React.ElementRef<typeof DropdownMenuPrimitive.Label>,
148 |   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
149 |     inset?: boolean
150 |   }
151 | >(({ className, inset, ...props }, ref) => (
152 |   <DropdownMenuPrimitive.Label
153 |     ref={ref}
154 |     className={cn(
155 |       "px-2 py-1.5 text-sm font-semibold",
156 |       inset && "pl-8",
157 |       className
158 |     )}
159 |     {...props}
160 |   />
161 | ))
162 | DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
163 | 
164 | const DropdownMenuSeparator = React.forwardRef<
165 |   React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
166 |   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
167 | >(({ className, ...props }, ref) => (
168 |   <DropdownMenuPrimitive.Separator
169 |     ref={ref}
170 |     className={cn("-mx-1 my-1 h-px bg-muted", className)}
171 |     {...props}
172 |   />
173 | ))
174 | DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
175 | 
176 | const DropdownMenuShortcut = ({
177 |   className,
178 |   ...props
179 | }: React.HTMLAttributes<HTMLSpanElement>) => {
180 |   return (
181 |     <span
182 |       className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
183 |       {...props}
184 |     />
185 |   )
186 | }
187 | DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
188 | 
189 | export {
190 |   DropdownMenu,
191 |   DropdownMenuTrigger,
192 |   DropdownMenuContent,
193 |   DropdownMenuItem,
194 |   DropdownMenuCheckboxItem,
195 |   DropdownMenuRadioItem,
196 |   DropdownMenuLabel,
197 |   DropdownMenuSeparator,
198 |   DropdownMenuShortcut,
199 |   DropdownMenuGroup,
200 |   DropdownMenuPortal,
201 |   DropdownMenuSub,
202 |   DropdownMenuSubContent,
203 |   DropdownMenuSubTrigger,
204 |   DropdownMenuRadioGroup,
205 | }
206 | 


--------------------------------------------------------------------------------
/client/components/ui/form.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | import * as React from "react"
  4 | import * as LabelPrimitive from "@radix-ui/react-label"
  5 | import { Slot } from "@radix-ui/react-slot"
  6 | import {
  7 |   Controller,
  8 |   ControllerProps,
  9 |   FieldPath,
 10 |   FieldValues,
 11 |   FormProvider,
 12 |   useFormContext,
 13 | } from "react-hook-form"
 14 | 
 15 | import { cn } from "@/lib/utils"
 16 | import { Label } from "@/components/ui/label"
 17 | 
 18 | const Form = FormProvider
 19 | 
 20 | type FormFieldContextValue<
 21 |   TFieldValues extends FieldValues = FieldValues,
 22 |   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
 23 | > = {
 24 |   name: TName
 25 | }
 26 | 
 27 | const FormFieldContext = React.createContext<FormFieldContextValue>(
 28 |   {} as FormFieldContextValue
 29 | )
 30 | 
 31 | const FormField = <
 32 |   TFieldValues extends FieldValues = FieldValues,
 33 |   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
 34 | >({
 35 |   ...props
 36 | }: ControllerProps<TFieldValues, TName>) => {
 37 |   return (
 38 |     <FormFieldContext.Provider value={{ name: props.name }}>
 39 |       <Controller {...props} />
 40 |     </FormFieldContext.Provider>
 41 |   )
 42 | }
 43 | 
 44 | const useFormField = () => {
 45 |   const fieldContext = React.useContext(FormFieldContext)
 46 |   const itemContext = React.useContext(FormItemContext)
 47 |   const { getFieldState, formState } = useFormContext()
 48 | 
 49 |   const fieldState = getFieldState(fieldContext.name, formState)
 50 | 
 51 |   if (!fieldContext) {
 52 |     throw new Error("useFormField should be used within <FormField>")
 53 |   }
 54 | 
 55 |   const { id } = itemContext
 56 | 
 57 |   return {
 58 |     id,
 59 |     name: fieldContext.name,
 60 |     formItemId: `${id}-form-item`,
 61 |     formDescriptionId: `${id}-form-item-description`,
 62 |     formMessageId: `${id}-form-item-message`,
 63 |     ...fieldState,
 64 |   }
 65 | }
 66 | 
 67 | type FormItemContextValue = {
 68 |   id: string
 69 | }
 70 | 
 71 | const FormItemContext = React.createContext<FormItemContextValue>(
 72 |   {} as FormItemContextValue
 73 | )
 74 | 
 75 | const FormItem = React.forwardRef<
 76 |   HTMLDivElement,
 77 |   React.HTMLAttributes<HTMLDivElement>
 78 | >(({ className, ...props }, ref) => {
 79 |   const id = React.useId()
 80 | 
 81 |   return (
 82 |     <FormItemContext.Provider value={{ id }}>
 83 |       <div ref={ref} className={cn("space-y-2", className)} {...props} />
 84 |     </FormItemContext.Provider>
 85 |   )
 86 | })
 87 | FormItem.displayName = "FormItem"
 88 | 
 89 | const FormLabel = React.forwardRef<
 90 |   React.ElementRef<typeof LabelPrimitive.Root>,
 91 |   React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
 92 | >(({ className, ...props }, ref) => {
 93 |   const { error, formItemId } = useFormField()
 94 | 
 95 |   return (
 96 |     <Label
 97 |       ref={ref}
 98 |       className={cn(error && "text-destructive", className)}
 99 |       htmlFor={formItemId}
100 |       {...props}
101 |     />
102 |   )
103 | })
104 | FormLabel.displayName = "FormLabel"
105 | 
106 | const FormControl = React.forwardRef<
107 |   React.ElementRef<typeof Slot>,
108 |   React.ComponentPropsWithoutRef<typeof Slot>
109 | >(({ ...props }, ref) => {
110 |   const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
111 | 
112 |   return (
113 |     <Slot
114 |       ref={ref}
115 |       id={formItemId}
116 |       aria-describedby={
117 |         !error
118 |           ? `${formDescriptionId}`
119 |           : `${formDescriptionId} ${formMessageId}`
120 |       }
121 |       aria-invalid={!!error}
122 |       {...props}
123 |     />
124 |   )
125 | })
126 | FormControl.displayName = "FormControl"
127 | 
128 | const FormDescription = React.forwardRef<
129 |   HTMLParagraphElement,
130 |   React.HTMLAttributes<HTMLParagraphElement>
131 | >(({ className, ...props }, ref) => {
132 |   const { formDescriptionId } = useFormField()
133 | 
134 |   return (
135 |     <p
136 |       ref={ref}
137 |       id={formDescriptionId}
138 |       className={cn("text-[0.8rem] text-muted-foreground", className)}
139 |       {...props}
140 |     />
141 |   )
142 | })
143 | FormDescription.displayName = "FormDescription"
144 | 
145 | const FormMessage = React.forwardRef<
146 |   HTMLParagraphElement,
147 |   React.HTMLAttributes<HTMLParagraphElement>
148 | >(({ className, children, ...props }, ref) => {
149 |   const { error, formMessageId } = useFormField()
150 |   const body = error ? String(error?.message) : children
151 | 
152 |   if (!body) {
153 |     return null
154 |   }
155 | 
156 |   return (
157 |     <p
158 |       ref={ref}
159 |       id={formMessageId}
160 |       className={cn("text-[0.8rem] font-medium text-destructive", className)}
161 |       {...props}
162 |     >
163 |       {body}
164 |     </p>
165 |   )
166 | })
167 | FormMessage.displayName = "FormMessage"
168 | 
169 | export {
170 |   useFormField,
171 |   Form,
172 |   FormItem,
173 |   FormLabel,
174 |   FormControl,
175 |   FormDescription,
176 |   FormMessage,
177 |   FormField,
178 | }
179 | 


--------------------------------------------------------------------------------
/client/components/ui/input.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | 
 3 | import { cn } from "@/lib/utils"
 4 | 
 5 | export interface InputProps
 6 |   extends React.InputHTMLAttributes<HTMLInputElement> {}
 7 | 
 8 | const Input = React.forwardRef<HTMLInputElement, InputProps>(
 9 |   ({ className, type, ...props }, ref) => {
10 |     return (
11 |       <input
12 |         type={type}
13 |         className={cn(
14 |           "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
15 |           className
16 |         )}
17 |         ref={ref}
18 |         {...props}
19 |       />
20 |     )
21 |   }
22 | )
23 | Input.displayName = "Input"
24 | 
25 | export { Input }
26 | 


--------------------------------------------------------------------------------
/client/components/ui/label.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as LabelPrimitive from "@radix-ui/react-label"
 5 | import { cva, type VariantProps } from "class-variance-authority"
 6 | 
 7 | import { cn } from "@/lib/utils"
 8 | 
 9 | const labelVariants = cva(
10 |   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
11 | )
12 | 
13 | const Label = React.forwardRef<
14 |   React.ElementRef<typeof LabelPrimitive.Root>,
15 |   React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
16 |     VariantProps<typeof labelVariants>
17 | >(({ className, ...props }, ref) => (
18 |   <LabelPrimitive.Root
19 |     ref={ref}
20 |     className={cn(labelVariants(), className)}
21 |     {...props}
22 |   />
23 | ))
24 | Label.displayName = LabelPrimitive.Root.displayName
25 | 
26 | export { Label }
27 | 


--------------------------------------------------------------------------------
/client/components/ui/line-chart.tsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Line } from 'react-chartjs-2';
 3 | import {
 4 |   Chart as ChartJS,
 5 |   LineElement,
 6 |   CategoryScale,
 7 |   LinearScale,
 8 |   PointElement,
 9 |   Tooltip,
10 |   Legend,
11 | } from 'chart.js';
12 | 
13 | // Register components to make them available
14 | ChartJS.register(LineElement, CategoryScale, LinearScale, PointElement, Tooltip, Legend);
15 | 
16 | interface LineChartProps {
17 |   labels: string[];
18 |   data: number[];
19 |   borderColor: string;
20 | }
21 | 
22 | const LineChart: React.FC<LineChartProps> = ({ labels, data, borderColor }) => {
23 |   const chartData = {
24 |     labels,
25 |     datasets: [
26 |       {
27 |         label: 'Sample Data',
28 |         data,
29 |         fill: true,
30 |         borderColor: borderColor,
31 |         tension: 0.,
32 |       },
33 |     ],
34 |   };
35 | 
36 |   const options = {
37 |     responsive: true,
38 |     plugins: {
39 |       legend: {
40 |         display: true,
41 |         position: 'top' as const,
42 |       },
43 |       tooltip: {
44 |         enabled: true,
45 |       },
46 |     },
47 |     scales: {
48 |       x: {
49 |         title: {
50 |           display: true,
51 |           text: 'X-axis',
52 |         },
53 |       },
54 |       y: {
55 |         title: {
56 |           display: true,
57 |           text: 'Y-axis',
58 |         },
59 |       },
60 |     },
61 |   };
62 | 
63 |   return <Line data={chartData} options={options} />;
64 | };
65 | 
66 | export default LineChart;
67 | 


--------------------------------------------------------------------------------
/client/components/ui/mode-toggle.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | import * as React from "react"
 3 | import { Moon, Sun } from "lucide-react"
 4 | import { useTheme } from "next-themes"
 5 | import { Button } from "@/components/ui/button"
 6 | 
 7 | export function ModeToggle() {
 8 |     const {theme, setTheme } = useTheme()
 9 | 
10 |     return (
11 |         <Button size="icon" onClick={() => {
12 |             if(theme === "light"){
13 |                 setTheme("dark")
14 |             }else{
15 |                 setTheme("light");
16 |             }
17 |         }}>
18 |             <Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
19 |             <Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
20 |             <span className="sr-only">Toggle theme</span>
21 |         </Button>
22 |     )
23 | }
24 | 


--------------------------------------------------------------------------------
/client/components/ui/table.tsx:
--------------------------------------------------------------------------------
  1 | import * as React from "react"
  2 | 
  3 | import { cn } from "@/lib/utils"
  4 | 
  5 | const Table = React.forwardRef<
  6 |   HTMLTableElement,
  7 |   React.HTMLAttributes<HTMLTableElement>
  8 | >(({ className, ...props }, ref) => (
  9 |   <div className="relative w-full overflow-auto">
 10 |     <table
 11 |       ref={ref}
 12 |       className={cn("w-full caption-bottom text-sm", className)}
 13 |       {...props}
 14 |     />
 15 |   </div>
 16 | ))
 17 | Table.displayName = "Table"
 18 | 
 19 | const TableHeader = React.forwardRef<
 20 |   HTMLTableSectionElement,
 21 |   React.HTMLAttributes<HTMLTableSectionElement>
 22 | >(({ className, ...props }, ref) => (
 23 |   <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
 24 | ))
 25 | TableHeader.displayName = "TableHeader"
 26 | 
 27 | const TableBody = React.forwardRef<
 28 |   HTMLTableSectionElement,
 29 |   React.HTMLAttributes<HTMLTableSectionElement>
 30 | >(({ className, ...props }, ref) => (
 31 |   <tbody
 32 |     ref={ref}
 33 |     className={cn("[&_tr:last-child]:border-0", className)}
 34 |     {...props}
 35 |   />
 36 | ))
 37 | TableBody.displayName = "TableBody"
 38 | 
 39 | const TableFooter = React.forwardRef<
 40 |   HTMLTableSectionElement,
 41 |   React.HTMLAttributes<HTMLTableSectionElement>
 42 | >(({ className, ...props }, ref) => (
 43 |   <tfoot
 44 |     ref={ref}
 45 |     className={cn(
 46 |       "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
 47 |       className
 48 |     )}
 49 |     {...props}
 50 |   />
 51 | ))
 52 | TableFooter.displayName = "TableFooter"
 53 | 
 54 | const TableRow = React.forwardRef<
 55 |   HTMLTableRowElement,
 56 |   React.HTMLAttributes<HTMLTableRowElement>
 57 | >(({ className, ...props }, ref) => (
 58 |   <tr
 59 |     ref={ref}
 60 |     className={cn(
 61 |       "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
 62 |       className
 63 |     )}
 64 |     {...props}
 65 |   />
 66 | ))
 67 | TableRow.displayName = "TableRow"
 68 | 
 69 | const TableHead = React.forwardRef<
 70 |   HTMLTableCellElement,
 71 |   React.ThHTMLAttributes<HTMLTableCellElement>
 72 | >(({ className, ...props }, ref) => (
 73 |   <th
 74 |     ref={ref}
 75 |     className={cn(
 76 |       "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
 77 |       className
 78 |     )}
 79 |     {...props}
 80 |   />
 81 | ))
 82 | TableHead.displayName = "TableHead"
 83 | 
 84 | const TableCell = React.forwardRef<
 85 |   HTMLTableCellElement,
 86 |   React.TdHTMLAttributes<HTMLTableCellElement>
 87 | >(({ className, ...props }, ref) => (
 88 |   <td
 89 |     ref={ref}
 90 |     className={cn(
 91 |       "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
 92 |       className
 93 |     )}
 94 |     {...props}
 95 |   />
 96 | ))
 97 | TableCell.displayName = "TableCell"
 98 | 
 99 | const TableCaption = React.forwardRef<
100 |   HTMLTableCaptionElement,
101 |   React.HTMLAttributes<HTMLTableCaptionElement>
102 | >(({ className, ...props }, ref) => (
103 |   <caption
104 |     ref={ref}
105 |     className={cn("mt-4 text-sm text-muted-foreground", className)}
106 |     {...props}
107 |   />
108 | ))
109 | TableCaption.displayName = "TableCaption"
110 | 
111 | export {
112 |   Table,
113 |   TableHeader,
114 |   TableBody,
115 |   TableFooter,
116 |   TableHead,
117 |   TableRow,
118 |   TableCell,
119 |   TableCaption,
120 | }
121 | 


--------------------------------------------------------------------------------
/client/components/ui/tabs.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as TabsPrimitive from "@radix-ui/react-tabs"
 5 | 
 6 | import { cn } from "@/lib/utils"
 7 | 
 8 | const Tabs = TabsPrimitive.Root
 9 | 
10 | const TabsList = React.forwardRef<
11 |   React.ElementRef<typeof TabsPrimitive.List>,
12 |   React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
13 | >(({ className, ...props }, ref) => (
14 |   <TabsPrimitive.List
15 |     ref={ref}
16 |     className={cn(
17 |       "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
18 |       className
19 |     )}
20 |     {...props}
21 |   />
22 | ))
23 | TabsList.displayName = TabsPrimitive.List.displayName
24 | 
25 | const TabsTrigger = React.forwardRef<
26 |   React.ElementRef<typeof TabsPrimitive.Trigger>,
27 |   React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
28 | >(({ className, ...props }, ref) => (
29 |   <TabsPrimitive.Trigger
30 |     ref={ref}
31 |     className={cn(
32 |       "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
33 |       className
34 |     )}
35 |     {...props}
36 |   />
37 | ))
38 | TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
39 | 
40 | const TabsContent = React.forwardRef<
41 |   React.ElementRef<typeof TabsPrimitive.Content>,
42 |   React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
43 | >(({ className, ...props }, ref) => (
44 |   <TabsPrimitive.Content
45 |     ref={ref}
46 |     className={cn(
47 |       "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
48 |       className
49 |     )}
50 |     {...props}
51 |   />
52 | ))
53 | TabsContent.displayName = TabsPrimitive.Content.displayName
54 | 
55 | export { Tabs, TabsList, TabsTrigger, TabsContent }
56 | 


--------------------------------------------------------------------------------
/client/components/ui/takes-care.tsx:
--------------------------------------------------------------------------------
 1 | import React, { ReactNode } from "react";
 2 | 
 3 | interface whyChooseUsCardProps {
 4 |   title: string;
 5 |   description: string;
 6 |   svg: ReactNode;
 7 |   reverse?: boolean;
 8 | }
 9 | 
10 | const TakesCare: React.FC<whyChooseUsCardProps> = ({
11 |   title,
12 |   description,
13 |   svg,
14 |   reverse,
15 | }) => {
16 |   return (
17 |     <div
18 |       className={`flex item-center flex-wrap ${
19 |         reverse
20 |           ? "flex-row-reverse gradient-border-left"
21 |           : "gradient-border-right"
22 |       } gap-3 md:gap-0 justify-center md:justify-between  p-5 w-full -mt-5 md:mt-0`}
23 |     >
24 |       <div className="flex flex-col items-start justify-between">
25 |         <h2 className="font-bold text-transparent bg-clip-text bg-gradient-to-r from-zinc-200/60 via-zinc-200 to-zinc-200/60 text-2xl">{title}</h2>
26 |         <p className="md:w-[40rem] text-zinc-400">{description}</p>
27 |       </div>
28 |       <div className="hidden md:block">{svg}</div>
29 |     </div>
30 |   );
31 | };
32 | 
33 | export default TakesCare;


--------------------------------------------------------------------------------
/client/components/ui/toast.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | import * as React from "react"
  4 | import { Cross2Icon } from "@radix-ui/react-icons"
  5 | import * as ToastPrimitives from "@radix-ui/react-toast"
  6 | import { cva, type VariantProps } from "class-variance-authority"
  7 | 
  8 | import { cn } from "@/lib/utils"
  9 | 
 10 | const ToastProvider = ToastPrimitives.Provider
 11 | 
 12 | const ToastViewport = React.forwardRef<
 13 |   React.ElementRef<typeof ToastPrimitives.Viewport>,
 14 |   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
 15 | >(({ className, ...props }, ref) => (
 16 |   <ToastPrimitives.Viewport
 17 |     ref={ref}
 18 |     className={cn(
 19 |       "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
 20 |       className
 21 |     )}
 22 |     {...props}
 23 |   />
 24 | ))
 25 | ToastViewport.displayName = ToastPrimitives.Viewport.displayName
 26 | 
 27 | const toastVariants = cva(
 28 |   "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
 29 |   {
 30 |     variants: {
 31 |       variant: {
 32 |         default: "border bg-background text-foreground",
 33 |         destructive:
 34 |           "destructive group border-destructive bg-destructive text-destructive-foreground",
 35 |       },
 36 |     },
 37 |     defaultVariants: {
 38 |       variant: "default",
 39 |     },
 40 |   }
 41 | )
 42 | 
 43 | const Toast = React.forwardRef<
 44 |   React.ElementRef<typeof ToastPrimitives.Root>,
 45 |   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
 46 |     VariantProps<typeof toastVariants>
 47 | >(({ className, variant, ...props }, ref) => {
 48 |   return (
 49 |     <ToastPrimitives.Root
 50 |       ref={ref}
 51 |       className={cn(toastVariants({ variant }), className)}
 52 |       {...props}
 53 |     />
 54 |   )
 55 | })
 56 | Toast.displayName = ToastPrimitives.Root.displayName
 57 | 
 58 | const ToastAction = React.forwardRef<
 59 |   React.ElementRef<typeof ToastPrimitives.Action>,
 60 |   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
 61 | >(({ className, ...props }, ref) => (
 62 |   <ToastPrimitives.Action
 63 |     ref={ref}
 64 |     className={cn(
 65 |       "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
 66 |       className
 67 |     )}
 68 |     {...props}
 69 |   />
 70 | ))
 71 | ToastAction.displayName = ToastPrimitives.Action.displayName
 72 | 
 73 | const ToastClose = React.forwardRef<
 74 |   React.ElementRef<typeof ToastPrimitives.Close>,
 75 |   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
 76 | >(({ className, ...props }, ref) => (
 77 |   <ToastPrimitives.Close
 78 |     ref={ref}
 79 |     className={cn(
 80 |       "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
 81 |       className
 82 |     )}
 83 |     toast-close=""
 84 |     {...props}
 85 |   >
 86 |     <Cross2Icon className="h-4 w-4" />
 87 |   </ToastPrimitives.Close>
 88 | ))
 89 | ToastClose.displayName = ToastPrimitives.Close.displayName
 90 | 
 91 | const ToastTitle = React.forwardRef<
 92 |   React.ElementRef<typeof ToastPrimitives.Title>,
 93 |   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
 94 | >(({ className, ...props }, ref) => (
 95 |   <ToastPrimitives.Title
 96 |     ref={ref}
 97 |     className={cn("text-sm font-semibold [&+div]:text-xs", className)}
 98 |     {...props}
 99 |   />
100 | ))
101 | ToastTitle.displayName = ToastPrimitives.Title.displayName
102 | 
103 | const ToastDescription = React.forwardRef<
104 |   React.ElementRef<typeof ToastPrimitives.Description>,
105 |   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
106 | >(({ className, ...props }, ref) => (
107 |   <ToastPrimitives.Description
108 |     ref={ref}
109 |     className={cn("text-sm opacity-90", className)}
110 |     {...props}
111 |   />
112 | ))
113 | ToastDescription.displayName = ToastPrimitives.Description.displayName
114 | 
115 | type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>
116 | 
117 | type ToastActionElement = React.ReactElement<typeof ToastAction>
118 | 
119 | export {
120 |   type ToastProps,
121 |   type ToastActionElement,
122 |   ToastProvider,
123 |   ToastViewport,
124 |   Toast,
125 |   ToastTitle,
126 |   ToastDescription,
127 |   ToastClose,
128 |   ToastAction,
129 | }
130 | 


--------------------------------------------------------------------------------
/client/components/ui/toaster.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import { useToast } from "@/hooks/use-toast"
 4 | import {
 5 |   Toast,
 6 |   ToastClose,
 7 |   ToastDescription,
 8 |   ToastProvider,
 9 |   ToastTitle,
10 |   ToastViewport,
11 | } from "@/components/ui/toast"
12 | 
13 | export function Toaster() {
14 |   const { toasts } = useToast()
15 | 
16 |   return (
17 |     <ToastProvider>
18 |       {toasts.map(function ({ id, title, description, action, ...props }) {
19 |         return (
20 |           <Toast key={id} {...props}>
21 |             <div className="grid gap-1">
22 |               {title && <ToastTitle>{title}</ToastTitle>}
23 |               {description && (
24 |                 <ToastDescription>{description}</ToastDescription>
25 |               )}
26 |             </div>
27 |             {action}
28 |             <ToastClose />
29 |           </Toast>
30 |         )
31 |       })}
32 |       <ToastViewport />
33 |     </ToastProvider>
34 |   )
35 | }
36 | 


--------------------------------------------------------------------------------
/client/hooks/use-cashfree.ts:
--------------------------------------------------------------------------------
 1 | const initCashFree = () => {
 2 |     return new Promise((resolve, reject) => {
 3 |         const script = document.createElement('script')
 4 |         script.src = 'https://sdk.cashfree.com/js/v3/cashfree.js';
 5 |         script.async = true
 6 |         script.onload = () => {
 7 |           resolve(true)
 8 |         }
 9 |         script.onerror = () => {
10 |           reject(false)
11 |         }
12 |         document.body.appendChild(script)
13 |       })
14 | }
15 | 
16 | export const useCashFree = () => {
17 |     
18 | }


--------------------------------------------------------------------------------
/client/hooks/use-toast.ts:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | // Inspired by react-hot-toast library
  4 | import * as React from "react"
  5 | 
  6 | import type {
  7 |   ToastActionElement,
  8 |   ToastProps,
  9 | } from "@/components/ui/toast"
 10 | 
 11 | const TOAST_LIMIT = 1
 12 | const TOAST_REMOVE_DELAY = 1000000
 13 | 
 14 | type ToasterToast = ToastProps & {
 15 |   id: string
 16 |   title?: React.ReactNode
 17 |   description?: React.ReactNode
 18 |   action?: ToastActionElement
 19 | }
 20 | 
 21 | const actionTypes = {
 22 |   ADD_TOAST: "ADD_TOAST",
 23 |   UPDATE_TOAST: "UPDATE_TOAST",
 24 |   DISMISS_TOAST: "DISMISS_TOAST",
 25 |   REMOVE_TOAST: "REMOVE_TOAST",
 26 | } as const
 27 | 
 28 | let count = 0
 29 | 
 30 | function genId() {
 31 |   count = (count + 1) % Number.MAX_SAFE_INTEGER
 32 |   return count.toString()
 33 | }
 34 | 
 35 | type ActionType = typeof actionTypes
 36 | 
 37 | type Action =
 38 |   | {
 39 |       type: ActionType["ADD_TOAST"]
 40 |       toast: ToasterToast
 41 |     }
 42 |   | {
 43 |       type: ActionType["UPDATE_TOAST"]
 44 |       toast: Partial<ToasterToast>
 45 |     }
 46 |   | {
 47 |       type: ActionType["DISMISS_TOAST"]
 48 |       toastId?: ToasterToast["id"]
 49 |     }
 50 |   | {
 51 |       type: ActionType["REMOVE_TOAST"]
 52 |       toastId?: ToasterToast["id"]
 53 |     }
 54 | 
 55 | interface State {
 56 |   toasts: ToasterToast[]
 57 | }
 58 | 
 59 | const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()
 60 | 
 61 | const addToRemoveQueue = (toastId: string) => {
 62 |   if (toastTimeouts.has(toastId)) {
 63 |     return
 64 |   }
 65 | 
 66 |   const timeout = setTimeout(() => {
 67 |     toastTimeouts.delete(toastId)
 68 |     dispatch({
 69 |       type: "REMOVE_TOAST",
 70 |       toastId: toastId,
 71 |     })
 72 |   }, TOAST_REMOVE_DELAY)
 73 | 
 74 |   toastTimeouts.set(toastId, timeout)
 75 | }
 76 | 
 77 | export const reducer = (state: State, action: Action): State => {
 78 |   switch (action.type) {
 79 |     case "ADD_TOAST":
 80 |       return {
 81 |         ...state,
 82 |         toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
 83 |       }
 84 | 
 85 |     case "UPDATE_TOAST":
 86 |       return {
 87 |         ...state,
 88 |         toasts: state.toasts.map((t) =>
 89 |           t.id === action.toast.id ? { ...t, ...action.toast } : t
 90 |         ),
 91 |       }
 92 | 
 93 |     case "DISMISS_TOAST": {
 94 |       const { toastId } = action
 95 | 
 96 |       // ! Side effects ! - This could be extracted into a dismissToast() action,
 97 |       // but I'll keep it here for simplicity
 98 |       if (toastId) {
 99 |         addToRemoveQueue(toastId)
100 |       } else {
101 |         state.toasts.forEach((toast) => {
102 |           addToRemoveQueue(toast.id)
103 |         })
104 |       }
105 | 
106 |       return {
107 |         ...state,
108 |         toasts: state.toasts.map((t) =>
109 |           t.id === toastId || toastId === undefined
110 |             ? {
111 |                 ...t,
112 |                 open: false,
113 |               }
114 |             : t
115 |         ),
116 |       }
117 |     }
118 |     case "REMOVE_TOAST":
119 |       if (action.toastId === undefined) {
120 |         return {
121 |           ...state,
122 |           toasts: [],
123 |         }
124 |       }
125 |       return {
126 |         ...state,
127 |         toasts: state.toasts.filter((t) => t.id !== action.toastId),
128 |       }
129 |   }
130 | }
131 | 
132 | const listeners: Array<(state: State) => void> = []
133 | 
134 | let memoryState: State = { toasts: [] }
135 | 
136 | function dispatch(action: Action) {
137 |   memoryState = reducer(memoryState, action)
138 |   listeners.forEach((listener) => {
139 |     listener(memoryState)
140 |   })
141 | }
142 | 
143 | type Toast = Omit<ToasterToast, "id">
144 | 
145 | function toast({ ...props }: Toast) {
146 |   const id = genId()
147 | 
148 |   const update = (props: ToasterToast) =>
149 |     dispatch({
150 |       type: "UPDATE_TOAST",
151 |       toast: { ...props, id },
152 |     })
153 |   const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id })
154 | 
155 |   dispatch({
156 |     type: "ADD_TOAST",
157 |     toast: {
158 |       ...props,
159 |       id,
160 |       open: true,
161 |       onOpenChange: (open) => {
162 |         if (!open) dismiss()
163 |       },
164 |     },
165 |   })
166 | 
167 |   return {
168 |     id: id,
169 |     dismiss,
170 |     update,
171 |   }
172 | }
173 | 
174 | function useToast() {
175 |   const [state, setState] = React.useState<State>(memoryState)
176 | 
177 |   React.useEffect(() => {
178 |     listeners.push(setState)
179 |     return () => {
180 |       const index = listeners.indexOf(setState)
181 |       if (index > -1) {
182 |         listeners.splice(index, 1)
183 |       }
184 |     }
185 |   }, [state])
186 | 
187 |   return {
188 |     ...state,
189 |     toast,
190 |     dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
191 |   }
192 | }
193 | 
194 | export { useToast, toast }
195 | 


--------------------------------------------------------------------------------
/client/lib/auth.ts:
--------------------------------------------------------------------------------
 1 | import GoogleProvider from "next-auth/providers/google";
 2 | 
 3 | import { DefaultSession, NextAuthOptions } from "next-auth";
 4 | import { PrismaClient } from "@prisma/client";
 5 | import axios from "axios";
 6 | 
 7 | const prisma = new PrismaClient();
 8 | 
 9 | declare module "next-auth" {
10 |   interface User {
11 |     id: string;
12 |     email: string;
13 |   }
14 | 
15 |   interface Session {
16 |     user: DefaultSession["user"] & {
17 |       id: string;
18 |       email: string;
19 |     };
20 |   }
21 | }
22 | 
23 | declare module "next-auth/jwt" {
24 |   interface JWT {
25 |     id: string;
26 |     email: string;
27 |   }
28 | }
29 | 
30 | export const authOptions: NextAuthOptions = {
31 |   providers: [
32 |     GoogleProvider({
33 |       clientId: process.env.GOOGLE_CLIENT_ID!,
34 |       clientSecret: process.env.GOOGLE_CLIENT_SECRET!,
35 |     }),
36 |   ],
37 |   callbacks: {
38 |     async signIn({ user }) {
39 |       console.log("SignIn User:", user);
40 | 
41 |       try {
42 |         const isUserExists = await prisma.user.findUnique({
43 |           where: {
44 |             email: user.email,
45 |           },
46 |         });
47 | 
48 |         if (!isUserExists) {
49 |           const newUser = await prisma.user.create({
50 |             data: {
51 |               email: user.email,
52 |             },
53 |           });
54 |            axios.post(`http://backend-service:3000/v1/user/signin`, {
55 |             userId: newUser.id,
56 |           });
57 |           user.id = newUser.id;
58 |         } else {
59 |           user.id = isUserExists.id;
60 |         }
61 |       } catch (error) {
62 |         console.error("Error checking user existence:", error);
63 |         return false;
64 |       }
65 | 
66 |       return true;
67 |     },
68 |     async jwt({ token, user }) {
69 |       if (user) {
70 |         token.email = user.email;
71 |         token.id = user.id;
72 |       }
73 |       return token;
74 |     },
75 |     async session({ session, token }) {
76 |       if (token) {
77 |         session.user.email = token.email;
78 |         session.user.id = token.id;
79 |       }
80 |       return session;
81 |     },
82 |   },
83 |   pages: {
84 |     signIn: "/auth/signin",
85 |   },
86 |   session: {
87 |     strategy: "jwt",
88 |   },
89 |   secret: process.env.NEXTAUTH_SECRET,
90 | };
91 | 


--------------------------------------------------------------------------------
/client/lib/utils.ts:
--------------------------------------------------------------------------------
1 | import { clsx, type ClassValue } from "clsx"
2 | import { twMerge } from "tailwind-merge"
3 | 
4 | export function cn(...inputs: ClassValue[]) {
5 |   return twMerge(clsx(inputs))
6 | }
7 | 


--------------------------------------------------------------------------------
/client/next.config.mjs:
--------------------------------------------------------------------------------
 1 | /** @type {import('next').NextConfig} */
 2 | const nextConfig = {
 3 |   output: "standalone",
 4 |   eslint: {
 5 |     ignoreDuringBuilds: true,
 6 |   },
 7 | };
 8 | 
 9 | export default nextConfig;
10 | 


--------------------------------------------------------------------------------
/client/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "client",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "next dev",
 7 |     "build": "next build",
 8 |     "start": "next start",
 9 |     "lint": "next lint"
10 |   },
11 |   "dependencies": {
12 |     "@cashfreepayments/cashfree-js": "^1.0.5",
13 |     "@hookform/resolvers": "^3.9.0",
14 |     "@next-auth/prisma-adapter": "^1.0.7",
15 |     "@prisma/client": "^5.20.0",
16 |     "@radix-ui/react-accordion": "^1.2.0",
17 |     "@radix-ui/react-avatar": "^1.1.0",
18 |     "@radix-ui/react-dropdown-menu": "^2.1.1",
19 |     "@radix-ui/react-icons": "^1.3.0",
20 |     "@radix-ui/react-label": "^2.1.0",
21 |     "@radix-ui/react-slot": "^1.1.0",
22 |     "@radix-ui/react-tabs": "^1.1.1",
23 |     "@radix-ui/react-toast": "^1.2.1",
24 |     "@types/axios": "^0.14.4",
25 |     "axios": "^1.7.7",
26 |     "cashfree-pg": "^4.2.3",
27 |     "chart.js": "^4.4.4",
28 |     "class-variance-authority": "^0.7.0",
29 |     "clsx": "^2.1.1",
30 |     "dotenv": "^16.4.5",
31 |     "input-otp": "^1.2.4",
32 |     "lucide-react": "^0.446.0",
33 |     "next": "14.2.13",
34 |     "next-auth": "^4.24.10",
35 |     "next-themes": "^0.3.0",
36 |     "razorpay": "^2.9.4",
37 |     "react": "^18",
38 |     "react-avatar": "^5.0.3",
39 |     "react-chartjs-2": "^5.2.0",
40 |     "react-dom": "^18",
41 |     "react-hook-form": "^7.53.0",
42 |     "react-hot-toast": "^2.4.1",
43 |     "react-wrap-balancer": "^1.1.1",
44 |     "recharts": "^2.12.7",
45 |     "tailwind-merge": "^2.5.2",
46 |     "tailwindcss-animate": "^1.0.7",
47 |     "twilio": "^5.3.2",
48 |     "zod": "^3.23.8"
49 |   },
50 |   "devDependencies": {
51 |     "@types/node": "^20.16.9",
52 |     "@types/react": "^18",
53 |     "@types/react-dom": "^18",
54 |     "eslint": "^8",
55 |     "eslint-config-next": "14.2.13",
56 |     "postcss": "^8",
57 |     "prisma": "^5.20.0",
58 |     "tailwindcss": "^3.4.1",
59 |     "ts-node": "^10.9.2",
60 |     "typescript": "^5.6.2"
61 |   }
62 | }
63 | 


--------------------------------------------------------------------------------
/client/postcss.config.mjs:
--------------------------------------------------------------------------------
1 | /** @type {import('postcss-load-config').Config} */
2 | const config = {
3 |   plugins: {
4 |     tailwindcss: {},
5 |   },
6 | };
7 | 
8 | export default config;
9 | 


--------------------------------------------------------------------------------
/client/prisma.ts:
--------------------------------------------------------------------------------
 1 | // prisma.ts
 2 | import { PrismaClient } from '@prisma/client';
 3 | 
 4 | const globalForPrisma = global as unknown as { prisma: PrismaClient };
 5 | 
 6 | export const prisma =
 7 |   globalForPrisma.prisma ||
 8 |   new PrismaClient();
 9 | 
10 | if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma;
11 | 


--------------------------------------------------------------------------------
/client/prisma/migrations/20241019102958_schema_update/migration.sql:
--------------------------------------------------------------------------------
  1 | -- CreateEnum
  2 | CREATE TYPE "UserRole" AS ENUM ('ADMIN', 'USER');
  3 | 
  4 | -- CreateEnum
  5 | CREATE TYPE "EventStatus" AS ENUM ('ONGOING', 'ENDED');
  6 | 
  7 | -- CreateEnum
  8 | CREATE TYPE "TradeSide" AS ENUM ('YES', 'NO');
  9 | 
 10 | -- CreateEnum
 11 | CREATE TYPE "PayoutStatus" AS ENUM ('PENDING', 'COMPLETED', 'FAILED');
 12 | 
 13 | -- CreateEnum
 14 | CREATE TYPE "TradeStatus" AS ENUM ('ACTIVE', 'PAST');
 15 | 
 16 | -- CreateEnum
 17 | CREATE TYPE "OrderType" AS ENUM ('BUY', 'SELL');
 18 | 
 19 | -- CreateEnum
 20 | CREATE TYPE "OrderStatus" AS ENUM ('LIVE', 'EXECUTED');
 21 | 
 22 | -- CreateTable
 23 | CREATE TABLE "User" (
 24 |     "id" TEXT NOT NULL,
 25 |     "balance" DOUBLE PRECISION NOT NULL DEFAULT 0.0,
 26 |     "role" "UserRole" NOT NULL,
 27 | 
 28 |     CONSTRAINT "User_pkey" PRIMARY KEY ("id")
 29 | );
 30 | 
 31 | -- CreateTable
 32 | CREATE TABLE "Portfolio" (
 33 |     "id" TEXT NOT NULL,
 34 |     "userId" TEXT NOT NULL,
 35 |     "currentBalances" DOUBLE PRECISION NOT NULL DEFAULT 0.0,
 36 |     "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
 37 | 
 38 |     CONSTRAINT "Portfolio_pkey" PRIMARY KEY ("id")
 39 | );
 40 | 
 41 | -- CreateTable
 42 | CREATE TABLE "Order" (
 43 |     "id" TEXT NOT NULL,
 44 |     "userId" TEXT NOT NULL,
 45 |     "price" DOUBLE PRECISION NOT NULL,
 46 |     "Quantity" INTEGER NOT NULL,
 47 |     "Side" "TradeSide" NOT NULL,
 48 |     "type" "OrderType" NOT NULL,
 49 |     "status" "OrderStatus" NOT NULL,
 50 |     "portfolioId" TEXT,
 51 | 
 52 |     CONSTRAINT "Order_pkey" PRIMARY KEY ("id")
 53 | );
 54 | 
 55 | -- CreateTable
 56 | CREATE TABLE "Event" (
 57 |     "id" TEXT NOT NULL,
 58 |     "title" TEXT NOT NULL,
 59 |     "description" TEXT NOT NULL,
 60 |     "adminId" TEXT NOT NULL,
 61 |     "status" "EventStatus" NOT NULL DEFAULT 'ONGOING',
 62 |     "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
 63 | 
 64 |     CONSTRAINT "Event_pkey" PRIMARY KEY ("id")
 65 | );
 66 | 
 67 | -- CreateTable
 68 | CREATE TABLE "OrderBook" (
 69 |     "id" TEXT NOT NULL,
 70 |     "eventId" TEXT NOT NULL,
 71 | 
 72 |     CONSTRAINT "OrderBook_pkey" PRIMARY KEY ("id")
 73 | );
 74 | 
 75 | -- CreateTable
 76 | CREATE TABLE "UserQuantities" (
 77 |     "id" TEXT NOT NULL,
 78 |     "orderId" TEXT NOT NULL,
 79 |     "userId" TEXT NOT NULL,
 80 |     "Quantity" INTEGER NOT NULL,
 81 |     "yesOrderid" TEXT NOT NULL,
 82 |     "noOrderid" TEXT NOT NULL,
 83 | 
 84 |     CONSTRAINT "UserQuantities_pkey" PRIMARY KEY ("id")
 85 | );
 86 | 
 87 | -- CreateTable
 88 | CREATE TABLE "YesOrder" (
 89 |     "id" TEXT NOT NULL,
 90 |     "orderBookId" TEXT NOT NULL,
 91 |     "price" DOUBLE PRECISION NOT NULL,
 92 |     "quantity" INTEGER NOT NULL,
 93 |     "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
 94 |     "type" "OrderType" NOT NULL,
 95 | 
 96 |     CONSTRAINT "YesOrder_pkey" PRIMARY KEY ("id")
 97 | );
 98 | 
 99 | -- CreateTable
100 | CREATE TABLE "NoOrder" (
101 |     "id" TEXT NOT NULL,
102 |     "orderBookId" TEXT NOT NULL,
103 |     "price" DOUBLE PRECISION NOT NULL,
104 |     "quantity" INTEGER NOT NULL,
105 |     "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
106 |     "type" "OrderType" NOT NULL,
107 | 
108 |     CONSTRAINT "NoOrder_pkey" PRIMARY KEY ("id")
109 | );
110 | 
111 | -- CreateTable
112 | CREATE TABLE "Trade" (
113 |     "id" TEXT NOT NULL,
114 |     "buyPrice" DOUBLE PRECISION NOT NULL,
115 |     "sellPrice" DOUBLE PRECISION NOT NULL,
116 |     "buyQty" INTEGER NOT NULL,
117 |     "sellQty" INTEGER NOT NULL,
118 |     "buyerId" TEXT NOT NULL,
119 |     "sellerId" TEXT NOT NULL,
120 |     "buyerOrderId" TEXT NOT NULL,
121 |     "sellerOrderId" TEXT NOT NULL,
122 |     "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
123 |     "orderId" TEXT NOT NULL,
124 | 
125 |     CONSTRAINT "Trade_pkey" PRIMARY KEY ("id")
126 | );
127 | 
128 | -- CreateTable
129 | CREATE TABLE "_EventParticipants" (
130 |     "A" TEXT NOT NULL,
131 |     "B" TEXT NOT NULL
132 | );
133 | 
134 | -- CreateIndex
135 | CREATE UNIQUE INDEX "Portfolio_userId_key" ON "Portfolio"("userId");
136 | 
137 | -- CreateIndex
138 | CREATE UNIQUE INDEX "Order_userId_key" ON "Order"("userId");
139 | 
140 | -- CreateIndex
141 | CREATE UNIQUE INDEX "OrderBook_eventId_key" ON "OrderBook"("eventId");
142 | 
143 | -- CreateIndex
144 | CREATE UNIQUE INDEX "_EventParticipants_AB_unique" ON "_EventParticipants"("A", "B");
145 | 
146 | -- CreateIndex
147 | CREATE INDEX "_EventParticipants_B_index" ON "_EventParticipants"("B");
148 | 
149 | -- AddForeignKey
150 | ALTER TABLE "Portfolio" ADD CONSTRAINT "Portfolio_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
151 | 
152 | -- AddForeignKey
153 | ALTER TABLE "Order" ADD CONSTRAINT "Order_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
154 | 
155 | -- AddForeignKey
156 | ALTER TABLE "Order" ADD CONSTRAINT "Order_portfolioId_fkey" FOREIGN KEY ("portfolioId") REFERENCES "Portfolio"("id") ON DELETE SET NULL ON UPDATE CASCADE;
157 | 
158 | -- AddForeignKey
159 | ALTER TABLE "Event" ADD CONSTRAINT "Event_adminId_fkey" FOREIGN KEY ("adminId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
160 | 
161 | -- AddForeignKey
162 | ALTER TABLE "OrderBook" ADD CONSTRAINT "OrderBook_eventId_fkey" FOREIGN KEY ("eventId") REFERENCES "Event"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
163 | 
164 | -- AddForeignKey
165 | ALTER TABLE "UserQuantities" ADD CONSTRAINT "UserQuantities_orderId_fkey" FOREIGN KEY ("orderId") REFERENCES "Order"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
166 | 
167 | -- AddForeignKey
168 | ALTER TABLE "UserQuantities" ADD CONSTRAINT "UserQuantities_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
169 | 
170 | -- AddForeignKey
171 | ALTER TABLE "UserQuantities" ADD CONSTRAINT "UserQuantities_yesOrderid_fkey" FOREIGN KEY ("yesOrderid") REFERENCES "YesOrder"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
172 | 
173 | -- AddForeignKey
174 | ALTER TABLE "UserQuantities" ADD CONSTRAINT "UserQuantities_noOrderid_fkey" FOREIGN KEY ("noOrderid") REFERENCES "NoOrder"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
175 | 
176 | -- AddForeignKey
177 | ALTER TABLE "YesOrder" ADD CONSTRAINT "YesOrder_orderBookId_fkey" FOREIGN KEY ("orderBookId") REFERENCES "OrderBook"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
178 | 
179 | -- AddForeignKey
180 | ALTER TABLE "NoOrder" ADD CONSTRAINT "NoOrder_orderBookId_fkey" FOREIGN KEY ("orderBookId") REFERENCES "OrderBook"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
181 | 
182 | -- AddForeignKey
183 | ALTER TABLE "Trade" ADD CONSTRAINT "Trade_orderId_fkey" FOREIGN KEY ("orderId") REFERENCES "Order"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
184 | 
185 | -- AddForeignKey
186 | ALTER TABLE "_EventParticipants" ADD CONSTRAINT "_EventParticipants_A_fkey" FOREIGN KEY ("A") REFERENCES "Event"("id") ON DELETE CASCADE ON UPDATE CASCADE;
187 | 
188 | -- AddForeignKey
189 | ALTER TABLE "_EventParticipants" ADD CONSTRAINT "_EventParticipants_B_fkey" FOREIGN KEY ("B") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
190 | 


--------------------------------------------------------------------------------
/client/prisma/migrations/20241019103907_added_locked_balances/migration.sql:
--------------------------------------------------------------------------------
1 | /*
2 |   Warnings:
3 | 
4 |   - Added the required column `lockedBalance` to the `User` table without a default value. This is not possible if the table is not empty.
5 | 
6 | */
7 | -- AlterTable
8 | ALTER TABLE "User" ADD COLUMN     "lockedBalance" DOUBLE PRECISION NOT NULL;
9 | 


--------------------------------------------------------------------------------
/client/prisma/migrations/20241020110010_/migration.sql:
--------------------------------------------------------------------------------
 1 | /*
 2 |   Warnings:
 3 | 
 4 |   - You are about to drop the `Event` table. If the table is not empty, all the data it contains will be lost.
 5 |   - You are about to drop the `NoOrder` table. If the table is not empty, all the data it contains will be lost.
 6 |   - You are about to drop the `OrderBook` table. If the table is not empty, all the data it contains will be lost.
 7 |   - You are about to drop the `User` table. If the table is not empty, all the data it contains will be lost.
 8 |   - You are about to drop the `UserQuantities` table. If the table is not empty, all the data it contains will be lost.
 9 |   - You are about to drop the `YesOrder` table. If the table is not empty, all the data it contains will be lost.
10 |   - You are about to drop the `_EventParticipants` table. If the table is not empty, all the data it contains will be lost.
11 | 
12 | */
13 | -- DropForeignKey
14 | ALTER TABLE "Event" DROP CONSTRAINT "Event_adminId_fkey";
15 | 
16 | -- DropForeignKey
17 | ALTER TABLE "NoOrder" DROP CONSTRAINT "NoOrder_orderBookId_fkey";
18 | 
19 | -- DropForeignKey
20 | ALTER TABLE "Order" DROP CONSTRAINT "Order_userId_fkey";
21 | 
22 | -- DropForeignKey
23 | ALTER TABLE "OrderBook" DROP CONSTRAINT "OrderBook_eventId_fkey";
24 | 
25 | -- DropForeignKey
26 | ALTER TABLE "Portfolio" DROP CONSTRAINT "Portfolio_userId_fkey";
27 | 
28 | -- DropForeignKey
29 | ALTER TABLE "UserQuantities" DROP CONSTRAINT "UserQuantities_noOrderid_fkey";
30 | 
31 | -- DropForeignKey
32 | ALTER TABLE "UserQuantities" DROP CONSTRAINT "UserQuantities_orderId_fkey";
33 | 
34 | -- DropForeignKey
35 | ALTER TABLE "UserQuantities" DROP CONSTRAINT "UserQuantities_userId_fkey";
36 | 
37 | -- DropForeignKey
38 | ALTER TABLE "UserQuantities" DROP CONSTRAINT "UserQuantities_yesOrderid_fkey";
39 | 
40 | -- DropForeignKey
41 | ALTER TABLE "YesOrder" DROP CONSTRAINT "YesOrder_orderBookId_fkey";
42 | 
43 | -- DropForeignKey
44 | ALTER TABLE "_EventParticipants" DROP CONSTRAINT "_EventParticipants_A_fkey";
45 | 
46 | -- DropForeignKey
47 | ALTER TABLE "_EventParticipants" DROP CONSTRAINT "_EventParticipants_B_fkey";
48 | 
49 | -- DropTable
50 | DROP TABLE "Event";
51 | 
52 | -- DropTable
53 | DROP TABLE "NoOrder";
54 | 
55 | -- DropTable
56 | DROP TABLE "OrderBook";
57 | 
58 | -- DropTable
59 | DROP TABLE "User";
60 | 
61 | -- DropTable
62 | DROP TABLE "UserQuantities";
63 | 
64 | -- DropTable
65 | DROP TABLE "YesOrder";
66 | 
67 | -- DropTable
68 | DROP TABLE "_EventParticipants";
69 | 


--------------------------------------------------------------------------------
/client/prisma/migrations/20241027201332_added_unique_id/migration.sql:
--------------------------------------------------------------------------------
 1 | /*
 2 |   Warnings:
 3 | 
 4 |   - You are about to drop the column `portfolioId` on the `Order` table. All the data in the column will be lost.
 5 |   - You are about to drop the column `orderId` on the `Trade` table. All the data in the column will be lost.
 6 |   - You are about to drop the `Portfolio` table. If the table is not empty, all the data it contains will be lost.
 7 |   - Added the required column `eventId` to the `Order` table without a default value. This is not possible if the table is not empty.
 8 |   - Added the required column `eventId` to the `Trade` table without a default value. This is not possible if the table is not empty.
 9 | 
10 | */
11 | -- DropForeignKey
12 | ALTER TABLE "Order" DROP CONSTRAINT "Order_portfolioId_fkey";
13 | 
14 | -- DropForeignKey
15 | ALTER TABLE "Trade" DROP CONSTRAINT "Trade_orderId_fkey";
16 | 
17 | -- DropIndex
18 | DROP INDEX "Order_userId_key";
19 | 
20 | -- AlterTable
21 | ALTER TABLE "Order" DROP COLUMN "portfolioId",
22 | ADD COLUMN     "eventId" TEXT NOT NULL;
23 | 
24 | -- AlterTable
25 | ALTER TABLE "Trade" DROP COLUMN "orderId",
26 | ADD COLUMN     "eventId" TEXT NOT NULL;
27 | 
28 | -- DropTable
29 | DROP TABLE "Portfolio";
30 | 
31 | -- CreateTable
32 | CREATE TABLE "User" (
33 |     "id" TEXT NOT NULL,
34 |     "email" TEXT NOT NULL,
35 | 
36 |     CONSTRAINT "User_pkey" PRIMARY KEY ("id")
37 | );
38 | 
39 | -- CreateTable
40 | CREATE TABLE "Event" (
41 |     "id" TEXT NOT NULL,
42 |     "title" TEXT NOT NULL,
43 |     "description" TEXT NOT NULL,
44 | 
45 |     CONSTRAINT "Event_pkey" PRIMARY KEY ("id")
46 | );
47 | 
48 | -- CreateIndex
49 | CREATE UNIQUE INDEX "User_email_key" ON "User"("email");
50 | 


--------------------------------------------------------------------------------
/client/prisma/migrations/migration_lock.toml:
--------------------------------------------------------------------------------
1 | # Please do not edit this file manually
2 | # It should be added in your version-control system (i.e. Git)
3 | provider = "postgresql"


--------------------------------------------------------------------------------
/client/prisma/schema.prisma:
--------------------------------------------------------------------------------
 1 | generator client {
 2 |   provider = "prisma-client-js"
 3 | }
 4 | 
 5 | datasource db {
 6 |   provider = "postgresql"
 7 |   url      = env("DATABASE_URL")
 8 | }
 9 | 
10 | model User {
11 |   id    String @id @default(cuid())
12 |   email String @unique
13 | }
14 | 
15 | model Event {
16 |   id          String @id @default(cuid())
17 |   title       String
18 |   description String
19 | }
20 | 
21 | model Order {
22 |   id       String      @id @default(cuid())
23 |   userId   String
24 |   price    Float
25 |   Quantity Int
26 |   eventId  String
27 |   Side     TradeSide
28 |   type     OrderType
29 |   status   OrderStatus
30 | }
31 | 
32 | model Trade {
33 |   id            String   @id @default(cuid())
34 |   buyPrice      Float
35 |   eventId       String
36 |   sellPrice     Float
37 |   buyQty        Int
38 |   sellQty       Int
39 |   buyerId       String
40 |   sellerId      String
41 |   buyerOrderId  String
42 |   sellerOrderId String
43 |   createdAt     DateTime @default(now())
44 | }
45 | 
46 | enum UserRole {
47 |   ADMIN
48 |   USER
49 | }
50 | 
51 | enum EventStatus {
52 |   ONGOING
53 |   ENDED
54 | }
55 | 
56 | enum TradeSide {
57 |   YES
58 |   NO
59 | }
60 | 
61 | enum PayoutStatus {
62 |   PENDING
63 |   COMPLETED
64 |   FAILED
65 | }
66 | 
67 | enum TradeStatus {
68 |   ACTIVE
69 |   PAST
70 | }
71 | 
72 | enum OrderType {
73 |   BUY
74 |   SELL
75 | }
76 | 
77 | enum OrderStatus {
78 |   LIVE
79 |   EXECUTED
80 | }
81 | 


--------------------------------------------------------------------------------
/client/public/login.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aryanpachori/opinion_trading/d31cf86d2394c47d739e1a9216cd60b613d93e8e/client/public/login.png


--------------------------------------------------------------------------------
/client/public/trading.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aryanpachori/opinion_trading/d31cf86d2394c47d739e1a9216cd60b613d93e8e/client/public/trading.png


--------------------------------------------------------------------------------
/client/tailwind.config.ts:
--------------------------------------------------------------------------------
 1 | import type { Config } from "tailwindcss";
 2 | 
 3 | const config: Config = {
 4 |     darkMode: ["class"],
 5 |     content: [
 6 |     "./pages/**/*.{js,ts,jsx,tsx,mdx}",
 7 |     "./components/**/*.{js,ts,jsx,tsx,mdx}",
 8 |     "./app/**/*.{js,ts,jsx,tsx,mdx}",
 9 |   ],
10 |   theme: {
11 |   	extend: {
12 |   		colors: {
13 |   			background: 'hsl(var(--background))',
14 |   			foreground: 'hsl(var(--foreground))',
15 |   			card: {
16 |   				DEFAULT: 'hsl(var(--card))',
17 |   				foreground: 'hsl(var(--card-foreground))'
18 |   			},
19 |   			popover: {
20 |   				DEFAULT: 'hsl(var(--popover))',
21 |   				foreground: 'hsl(var(--popover-foreground))'
22 |   			},
23 |   			primary: {
24 |   				DEFAULT: 'hsl(var(--primary))',
25 |   				foreground: 'hsl(var(--primary-foreground))'
26 |   			},
27 |   			secondary: {
28 |   				DEFAULT: 'hsl(var(--secondary))',
29 |   				foreground: 'hsl(var(--secondary-foreground))'
30 |   			},
31 |   			muted: {
32 |   				DEFAULT: 'hsl(var(--muted))',
33 |   				foreground: 'hsl(var(--muted-foreground))'
34 |   			},
35 |   			accent: {
36 |   				DEFAULT: 'hsl(var(--accent))',
37 |   				foreground: 'hsl(var(--accent-foreground))'
38 |   			},
39 |   			destructive: {
40 |   				DEFAULT: 'hsl(var(--destructive))',
41 |   				foreground: 'hsl(var(--destructive-foreground))'
42 |   			},
43 |   			border: 'hsl(var(--border))',
44 |   			input: 'hsl(var(--input))',
45 |   			ring: 'hsl(var(--ring))',
46 |   			chart: {
47 |   				'1': 'hsl(var(--chart-1))',
48 |   				'2': 'hsl(var(--chart-2))',
49 |   				'3': 'hsl(var(--chart-3))',
50 |   				'4': 'hsl(var(--chart-4))',
51 |   				'5': 'hsl(var(--chart-5))'
52 |   			}
53 |   		},
54 |   		borderRadius: {
55 |   			lg: 'var(--radius)',
56 |   			md: 'calc(var(--radius) - 2px)',
57 |   			sm: 'calc(var(--radius) - 4px)'
58 |   		},
59 |   		keyframes: {
60 |   			'accordion-down': {
61 |   				from: {
62 |   					height: '0'
63 |   				},
64 |   				to: {
65 |   					height: 'var(--radix-accordion-content-height)'
66 |   				}
67 |   			},
68 |   			'accordion-up': {
69 |   				from: {
70 |   					height: 'var(--radix-accordion-content-height)'
71 |   				},
72 |   				to: {
73 |   					height: '0'
74 |   				}
75 |   			}
76 |   		},
77 |   		animation: {
78 |   			'accordion-down': 'accordion-down 0.2s ease-out',
79 |   			'accordion-up': 'accordion-up 0.2s ease-out'
80 |   		}
81 |   	}
82 |   },
83 |   plugins: [require("tailwindcss-animate")],
84 | };
85 | export default config;
86 | 


--------------------------------------------------------------------------------
/client/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "lib": ["dom", "dom.iterable", "esnext"],
 4 |     "allowJs": true,
 5 |     "skipLibCheck": true,
 6 |     "strict": true,
 7 |     "noEmit": true,
 8 |     "esModuleInterop": true,
 9 |     "module": "esnext",
10 |     "moduleResolution": "bundler",
11 |     "resolveJsonModule": true,
12 |     "isolatedModules": true,
13 |     "jsx": "preserve",
14 |     "incremental": true,
15 |     "plugins": [
16 |       {
17 |         "name": "next"
18 |       }
19 |     ],
20 |     "paths": {
21 |       "@/*": ["./*"]
22 |     }
23 |   },
24 |   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
25 |   "exclude": ["node_modules"]
26 | }
27 | 


--------------------------------------------------------------------------------
/docker-compose.yml:
--------------------------------------------------------------------------------
 1 | version: "3.8"
 2 | 
 3 | services:
 4 |   fe-service:
 5 |     build:
 6 |       context: ./client/
 7 |       dockerfile: Dockerfile
 8 |     container_name: client-service-container
 9 | 
10 |     ports:
11 |       - "3001:3000"
12 | 
13 |   archiver-service:
14 |     build:
15 |       context: ./archiver/
16 |       dockerfile: Dockerfile
17 |     container_name: archiver-service-container
18 | 
19 |     ports:
20 |       - "3003:3003"
21 |     environment:
22 |       - REDIS_URL=redis:6379
23 |     depends_on:
24 |       - redis
25 | 
26 |   backend-service:
27 |     build:
28 |       context: ./backend/
29 |       dockerfile: Dockerfile
30 |     container_name: backend-service-container
31 |     ports:
32 |       - "3000:3000"
33 |     environment:
34 |       - REDIS_URL=redis:6379
35 |       - REDIS_URL_2=redis2:6379
36 | 
37 |     depends_on:
38 |       - redis
39 |       - redis2
40 | 
41 |   orderbook-service:
42 |     build:
43 |       context: ./orderbook/
44 |       dockerfile: Dockerfile
45 |     container_name: order-service-container
46 |     ports:
47 |       - "3002:3002"
48 |     environment:
49 |       - REDIS_URL=redis:6379
50 |       - REDIS_URL_2=redis2:6379
51 | 
52 |     depends_on:
53 |       - redis
54 |       - redis2
55 |     volumes:
56 |     - orderbook-data:/app/data/db.json # Use a Docker volume instead of a host directory
57 | 
58 |   websocket-service:
59 |     build:
60 |       context: ./websocket/
61 |       dockerfile: Dockerfile
62 |     container_name: websocket-service-container
63 |     ports:
64 |       - "8080:8080"
65 |     environment:
66 |       - REDIS_URL=redis:6379
67 | 
68 |     depends_on:
69 |       - redis
70 | 
71 |   redis:
72 |     image: redis:alpine
73 |     container_name: redis-container1
74 |     ports:
75 |       - "6379:6379"
76 |     volumes:
77 |       - redis-data:/data
78 | 
79 |   redis2:
80 |     image: redis:alpine
81 |     container_name: redis-container2
82 |     ports:
83 |       - "6380:6379"
84 |     volumes:
85 |       - redis2-data:/data
86 | 
87 | volumes:
88 |   redis-data:
89 |     driver: local
90 |   redis2-data:
91 |     driver: local
92 |   orderbook-data:


--------------------------------------------------------------------------------
/orderbook/.gitignore:
--------------------------------------------------------------------------------
  1 | # Based on https://raw.githubusercontent.com/github/gitignore/main/Node.gitignore
  2 | 
  3 | # Logs
  4 | 
  5 | logs
  6 | _.log
  7 | npm-debug.log_
  8 | yarn-debug.log*
  9 | yarn-error.log*
 10 | lerna-debug.log*
 11 | .pnpm-debug.log*
 12 | 
 13 | # Caches
 14 | 
 15 | .cache
 16 | 
 17 | # Diagnostic reports (https://nodejs.org/api/report.html)
 18 | 
 19 | report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
 20 | 
 21 | # Runtime data
 22 | 
 23 | pids
 24 | _.pid
 25 | _.seed
 26 | *.pid.lock
 27 | 
 28 | # Directory for instrumented libs generated by jscoverage/JSCover
 29 | 
 30 | lib-cov
 31 | 
 32 | # Coverage directory used by tools like istanbul
 33 | 
 34 | coverage
 35 | *.lcov
 36 | 
 37 | # nyc test coverage
 38 | 
 39 | .nyc_output
 40 | 
 41 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 42 | 
 43 | .grunt
 44 | 
 45 | # Bower dependency directory (https://bower.io/)
 46 | 
 47 | bower_components
 48 | 
 49 | # node-waf configuration
 50 | 
 51 | .lock-wscript
 52 | 
 53 | # Compiled binary addons (https://nodejs.org/api/addons.html)
 54 | 
 55 | build/Release
 56 | 
 57 | # Dependency directories
 58 | 
 59 | node_modules/
 60 | jspm_packages/
 61 | 
 62 | # Snowpack dependency directory (https://snowpack.dev/)
 63 | 
 64 | web_modules/
 65 | 
 66 | # TypeScript cache
 67 | 
 68 | *.tsbuildinfo
 69 | 
 70 | # Optional npm cache directory
 71 | 
 72 | .npm
 73 | 
 74 | # Optional eslint cache
 75 | 
 76 | .eslintcache
 77 | 
 78 | # Optional stylelint cache
 79 | 
 80 | .stylelintcache
 81 | 
 82 | # Microbundle cache
 83 | 
 84 | .rpt2_cache/
 85 | .rts2_cache_cjs/
 86 | .rts2_cache_es/
 87 | .rts2_cache_umd/
 88 | 
 89 | # Optional REPL history
 90 | 
 91 | .node_repl_history
 92 | 
 93 | # Output of 'npm pack'
 94 | 
 95 | *.tgz
 96 | 
 97 | # Yarn Integrity file
 98 | 
 99 | .yarn-integrity
100 | 
101 | # dotenv environment variable files
102 | 
103 | .env
104 | .env.development.local
105 | .env.test.local
106 | .env.production.local
107 | .env.local
108 | 
109 | # parcel-bundler cache (https://parceljs.org/)
110 | 
111 | .parcel-cache
112 | 
113 | # Next.js build output
114 | 
115 | .next
116 | out
117 | 
118 | # Nuxt.js build / generate output
119 | 
120 | .nuxt
121 | dist
122 | 
123 | # Gatsby files
124 | 
125 | # Comment in the public line in if your project uses Gatsby and not Next.js
126 | 
127 | # https://nextjs.org/blog/next-9-1#public-directory-support
128 | 
129 | # public
130 | 
131 | # vuepress build output
132 | 
133 | .vuepress/dist
134 | 
135 | # vuepress v2.x temp and cache directory
136 | 
137 | .temp
138 | 
139 | # Docusaurus cache and generated files
140 | 
141 | .docusaurus
142 | 
143 | # Serverless directories
144 | 
145 | .serverless/
146 | 
147 | # FuseBox cache
148 | 
149 | .fusebox/
150 | 
151 | # DynamoDB Local files
152 | 
153 | .dynamodb/
154 | 
155 | # TernJS port file
156 | 
157 | .tern-port
158 | 
159 | # Stores VSCode versions used for testing VSCode extensions
160 | 
161 | .vscode-test
162 | 
163 | # yarn v2
164 | 
165 | .yarn/cache
166 | .yarn/unplugged
167 | .yarn/build-state.yml
168 | .yarn/install-state.gz
169 | .pnp.*
170 | 
171 | # IntelliJ based IDEs
172 | .idea
173 | 
174 | # Finder (MacOS) folder config
175 | .DS_Store
176 | 


--------------------------------------------------------------------------------
/orderbook/Dockerfile:
--------------------------------------------------------------------------------
 1 | 
 2 | FROM node:20
 3 | 
 4 | WORKDIR /app
 5 | COPY package.json bun.lockb ./
 6 | RUN npm install -g bun
 7 | RUN bun install
 8 | 
 9 | COPY . .
10 | RUN bunx prisma generate
11 | EXPOSE 3002
12 | 
13 | CMD [ "bun", "run", "index.ts" ]
14 | 


--------------------------------------------------------------------------------
/orderbook/README.md:
--------------------------------------------------------------------------------
 1 | # orderbook
 2 | 
 3 | To install dependencies:
 4 | 
 5 | ```bash
 6 | bun install
 7 | ```
 8 | 
 9 | To run:
10 | 
11 | ```bash
12 | bun run index.ts
13 | ```
14 | 
15 | This project was created using `bun init` in bun v1.1.25. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.
16 | 


--------------------------------------------------------------------------------
/orderbook/bun.lockb:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aryanpachori/opinion_trading/d31cf86d2394c47d739e1a9216cd60b613d93e8e/orderbook/bun.lockb


--------------------------------------------------------------------------------
/orderbook/index.ts:
--------------------------------------------------------------------------------
 1 | import express from "express";
 2 | import cors from "cors";
 3 | import bodyParser from "body-parser";
 4 | 
 5 | import orderRouter, { exitOrder, initiateOrderRoute } from "./router/order";
 6 | import { redis, redis2 } from "./service/redisClient";
 7 | import { initiateOrder } from "./service/intialiseOrder";
 8 | import { exit } from "./service/exit";
 9 | import { userCreate, userLogin } from "./service/userAuth";
10 | import { userBalance, userRecharge } from "./service/userBalance";
11 | import { fetchEvent, getEvents } from "./service/events";
12 | import { loadSnapshot, saveSnapshot } from "./service/crashService";
13 | import {
14 |   inMemory_events,
15 |   inMemory_OrderId,
16 |   inMemory_trades,
17 |   inMemoryOrderBooks,
18 |   inr_balances,
19 | } from "./utils/global";
20 | import { loadFromS3, saveToS3 } from "./service/s3";
21 | 
22 | const app = express();
23 | 
24 | app.use(cors());
25 | app.use(bodyParser.json());
26 | app.use("/v1/worker", orderRouter);
27 | async function processQueue() {
28 |   while (true) {
29 |     const data: any = await redis2.brPop("engineQueue", 0);
30 |     if (!data) continue;
31 |     console.log(data);
32 |     const { element } = data;
33 |     const message = JSON.parse(element);
34 |     console.log(message);
35 |     const { type } = message;
36 | 
37 |     switch (type) {
38 |       case "userCreation":
39 |         await userCreate(message);
40 |         break;
41 | 
42 |       case "userLogin":
43 |         await userLogin(message);
44 |         break;
45 | 
46 |       case "userRecharge":
47 |         await userRecharge(message);
48 |         break;
49 | 
50 |       case "userBalance":
51 |         await userBalance(message);
52 |         break;
53 | 
54 |       case "getEvents":
55 |         await getEvents(message);
56 |         break;
57 |       case "initiateOrder":
58 |         await initiateOrderRoute(message);
59 |         break;
60 | 
61 |       case "orderExit":
62 |         await exitOrder(message);
63 |         break;
64 | 
65 |       case "eventdetails":
66 |         await fetchEvent(message);
67 |         break;
68 |     }
69 |   }
70 | }
71 | app.listen(3002, () => {
72 |   console.log("worker running on 3002");
73 | });
74 | setInterval(() => {
75 |   processQueue();
76 | }, 1000);
77 | 
78 | loadSnapshot();
79 | //loadFromS3();
80 | setInterval(() => {
81 |   const snapshot = {
82 |     orderbook: inMemoryOrderBooks,
83 |     balances: inr_balances,
84 |     events: inMemory_events,
85 |     orderIds: inMemory_OrderId,
86 |     trades: inMemory_trades,
87 |     timstamp: new Date().toISOString(),
88 |   };
89 |   saveSnapshot(
90 |     inMemoryOrderBooks,
91 |     inr_balances,
92 |     inMemory_events,
93 |     inMemory_OrderId,
94 |     inMemory_trades
95 |   );
96 | }, 1000000);
97 | 
98 | console.log(inMemoryOrderBooks, inr_balances);
99 | 


--------------------------------------------------------------------------------
/orderbook/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "orderbook",
 3 |   "module": "index.ts",
 4 |   "type": "module",
 5 |   "devDependencies": {
 6 |     "@types/bun": "latest"
 7 |   },
 8 |   "peerDependencies": {
 9 |     "typescript": "^5.0.0"
10 |   },
11 |   "dependencies": {
12 |     "@aws-sdk/client-s3": "^3.682.0",
13 |     "@paralleldrive/cuid2": "^2.2.2",
14 |     "@prisma/client": "5.20.0",
15 |     "@types/cors": "^2.8.17",
16 |     "@types/express": "^5.0.0",
17 |     "aws-sdk": "^2.1691.0",
18 |     "body-parse": "^0.1.0",
19 |     "body-parser": "^1.20.3",
20 |     "cors": "^2.8.5",
21 |     "express": "^4.21.1",
22 |     "fs": "^0.0.1-security",
23 |     "ioredis": "^5.4.1",
24 |     "prisma": "^5.21.1",
25 |     "redis": "^4.7.0"
26 |   }
27 | }


--------------------------------------------------------------------------------
/orderbook/prisma/migrations/20241022194710_trade_schema/migration.sql:
--------------------------------------------------------------------------------
 1 | -- CreateEnum
 2 | CREATE TYPE "UserRole" AS ENUM ('ADMIN', 'USER');
 3 | 
 4 | -- CreateEnum
 5 | CREATE TYPE "EventStatus" AS ENUM ('ONGOING', 'ENDED');
 6 | 
 7 | -- CreateEnum
 8 | CREATE TYPE "TradeSide" AS ENUM ('YES', 'NO');
 9 | 
10 | -- CreateEnum
11 | CREATE TYPE "PayoutStatus" AS ENUM ('PENDING', 'COMPLETED', 'FAILED');
12 | 
13 | -- CreateEnum
14 | CREATE TYPE "TradeStatus" AS ENUM ('ACTIVE', 'PAST');
15 | 
16 | -- CreateEnum
17 | CREATE TYPE "OrderType" AS ENUM ('BUY', 'SELL');
18 | 
19 | -- CreateEnum
20 | CREATE TYPE "OrderStatus" AS ENUM ('LIVE', 'EXECUTED');
21 | 
22 | -- CreateTable
23 | CREATE TABLE "Portfolio" (
24 |     "id" TEXT NOT NULL,
25 |     "userId" TEXT NOT NULL,
26 |     "currentBalances" DOUBLE PRECISION NOT NULL DEFAULT 0.0,
27 |     "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
28 | 
29 |     CONSTRAINT "Portfolio_pkey" PRIMARY KEY ("id")
30 | );
31 | 
32 | -- CreateTable
33 | CREATE TABLE "Trade" (
34 |     "id" TEXT NOT NULL,
35 |     "buyPrice" DOUBLE PRECISION NOT NULL,
36 |     "eventId" TEXT NOT NULL,
37 |     "sellPrice" DOUBLE PRECISION NOT NULL,
38 |     "buyQty" INTEGER NOT NULL,
39 |     "sellQty" INTEGER NOT NULL,
40 |     "buyerId" TEXT NOT NULL,
41 |     "sellerId" TEXT NOT NULL,
42 |     "buyerOrderId" TEXT NOT NULL,
43 |     "sellerOrderId" TEXT NOT NULL,
44 |     "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
45 | 
46 |     CONSTRAINT "Trade_pkey" PRIMARY KEY ("id")
47 | );
48 | 
49 | -- CreateTable
50 | CREATE TABLE "Order" (
51 |     "id" TEXT NOT NULL,
52 |     "userId" TEXT NOT NULL,
53 |     "price" DOUBLE PRECISION NOT NULL,
54 |     "Quantity" INTEGER NOT NULL,
55 |     "Side" "TradeSide" NOT NULL,
56 |     "type" "OrderType" NOT NULL,
57 |     "status" "OrderStatus" NOT NULL,
58 |     "portfolioId" TEXT,
59 | 
60 |     CONSTRAINT "Order_pkey" PRIMARY KEY ("id")
61 | );
62 | 
63 | -- CreateIndex
64 | CREATE UNIQUE INDEX "Portfolio_userId_key" ON "Portfolio"("userId");
65 | 
66 | -- CreateIndex
67 | CREATE UNIQUE INDEX "Order_userId_key" ON "Order"("userId");
68 | 
69 | -- AddForeignKey
70 | ALTER TABLE "Order" ADD CONSTRAINT "Order_portfolioId_fkey" FOREIGN KEY ("portfolioId") REFERENCES "Portfolio"("id") ON DELETE SET NULL ON UPDATE CASCADE;
71 | 


--------------------------------------------------------------------------------
/orderbook/prisma/migrations/migration_lock.toml:
--------------------------------------------------------------------------------
1 | # Please do not edit this file manually
2 | # It should be added in your version-control system (i.e. Git)
3 | provider = "postgresql"


--------------------------------------------------------------------------------
/orderbook/prisma/schema.prisma:
--------------------------------------------------------------------------------
 1 | generator client {
 2 |   provider = "prisma-client-js"
 3 |   binaryTargets = ["native", "debian-openssl-3.0.x"]
 4 | }
 5 | 
 6 | datasource db {
 7 |   provider = "postgresql"
 8 |   url      = env("DATABASE_URL")
 9 | }
10 | 
11 | model Trade {
12 |   id            String   @id @default(cuid())
13 |   buyPrice      Float
14 |   sellPrice     Float
15 |   buyQty        Int
16 |   sellQty       Int
17 |   buyerId       String
18 |   sellerId      String
19 |   buyerOrderId  String
20 |   sellerOrderId String
21 |   createdAt     DateTime @default(now())
22 |   eventId       String
23 | }
24 | 
25 | model Order {
26 |   id       String      @id
27 |   userId   String
28 |   price    Float
29 |   Quantity Int
30 |   Side     TradeSide
31 |   type     OrderType
32 |   status   OrderStatus
33 |   eventId  String
34 | }
35 | 
36 | model Event {
37 |   id          String @id
38 |   title       String
39 |   description String
40 | }
41 | 
42 | model User {
43 |   id    String @id
44 |   email String @unique
45 | }
46 | 
47 | enum UserRole {
48 |   ADMIN
49 |   USER
50 | }
51 | 
52 | enum EventStatus {
53 |   ONGOING
54 |   ENDED
55 | }
56 | 
57 | enum TradeSide {
58 |   YES
59 |   NO
60 | }
61 | 
62 | enum PayoutStatus {
63 |   PENDING
64 |   COMPLETED
65 |   FAILED
66 | }
67 | 
68 | enum TradeStatus {
69 |   ACTIVE
70 |   PAST
71 | }
72 | 
73 | enum OrderType {
74 |   BUY
75 |   SELL
76 | }
77 | 
78 | enum OrderStatus {
79 |   LIVE
80 |   EXECUTED
81 | }
82 | 


--------------------------------------------------------------------------------
/orderbook/router/order.ts:
--------------------------------------------------------------------------------
  1 | import { Router } from "express";
  2 | import {
  3 |   generateOrderbook,
  4 |   inMemory_events,
  5 |   inMemory_OrderId,
  6 |   inMemoryOrderBooks,
  7 |   inr_balances,
  8 | } from "../utils/global";
  9 | import { initiateOrder } from "../service/intialiseOrder";
 10 | import { exit } from "../service/exit";
 11 | import { createId } from "@paralleldrive/cuid2";
 12 | import { BroadcastChannel, redis } from "../service/redisClient";
 13 | import { PrismaClient } from "@prisma/client";
 14 | 
 15 | const router = Router();
 16 | const prisma = new PrismaClient();
 17 | export const initiateOrderRoute = async (message: any) => {
 18 |   const { userId, eventId, side, price, quantity, responseId } = message;
 19 |   if (
 20 |     !userId ||
 21 |     !eventId ||
 22 |     !side ||
 23 |     !price ||
 24 |     !quantity ||
 25 |     !responseId ||
 26 |     inr_balances[userId].balance < price * quantity ||
 27 |     !inMemoryOrderBooks[eventId]
 28 |   ) {
 29 |     const data = JSON.stringify({
 30 |       responseId,
 31 |       status: "FAILED",
 32 |     });
 33 | 
 34 |     redis.publish("initiateOrder", data);
 35 |     return;
 36 |   }
 37 | 
 38 |   const orderId = createId();
 39 |   inMemory_OrderId[orderId] = {
 40 |     side: side,
 41 |     type: "BUY",
 42 |     price: price,
 43 |     quantity: quantity,
 44 |     status: "LIVE",
 45 |     userId: userId,
 46 |     eventId: eventId,
 47 |   };
 48 |  
 49 |   const Orderdata = {
 50 |     id : orderId,
 51 |     side: side,
 52 |     type: "BUY",
 53 |     price: price,
 54 |     quantity: quantity,
 55 |     status: "LIVE",
 56 |     userId: userId,
 57 |     eventId: eventId,
 58 |   };
 59 |   await BroadcastChannel("order_creation", Orderdata);
 60 |   console.log(inMemory_OrderId);
 61 | 
 62 |   await initiateOrder(userId, eventId, side, price, quantity, orderId);
 63 |   const data = JSON.stringify({
 64 |     responseId,
 65 |     status: "SUCCESS",
 66 |   });
 67 |   redis.publish("initiateOrder", data);
 68 |   return;
 69 | };
 70 | 
 71 | export const exitOrder = async (message: any) => {
 72 |   const { userId, eventId, side, price, quantity, orderId, responseId } =
 73 |     message;
 74 |   if (
 75 |     !userId ||
 76 |     !eventId ||
 77 |     !side ||
 78 |     !price ||
 79 |     !quantity ||
 80 |     !inMemory_OrderId[orderId] ||
 81 |     !responseId
 82 |   ) {
 83 |     const data = JSON.stringify({
 84 |       responseId,
 85 |       status: "FAILED",
 86 |     });
 87 |     redis.publish("orderExit", data);
 88 |     return;
 89 |   }
 90 |   await exit(eventId, side, price, quantity, orderId, userId);
 91 |   const data = JSON.stringify({
 92 |     responseId,
 93 |     status: "SUCCESS",
 94 |   });
 95 |   redis.publish("orderExit", data);
 96 |   return;
 97 | };
 98 | 
 99 | // router.post("/incomingOrderbook", async (req, res) => {
100 | //   const { workerOB } = req.body;
101 | //   const eventId = workerOB.eventId;
102 | //   if (!eventId) {
103 | //     res.json({
104 | //       message: "Invalid event ID or order book already exists",
105 | //     });
106 | //     return;
107 | //   }
108 | //   inMemoryOrderBooks[workerOB.eventId] = {
109 | //     id: workerOB.id,
110 | //     eventId: workerOB.eventId,
111 | //     yes: workerOB.yes,
112 | //     no: workerOB.no,
113 | //   };
114 | //   console.log(inMemoryOrderBooks)
115 | //   res.json({ message: "orderbook saved in-memory" });
116 | //   return;
117 | // });
118 | 
119 | router.post("/event", async (req, res) => {
120 |   const { title, description } = req.body;
121 |   if (!title || !description) {
122 |     res.status(401).json({ message: "invalid details" });
123 |   }
124 |   const eventId = createId();
125 |   inMemory_events[eventId] = {
126 |     title: title,
127 |     description: description,
128 |   };
129 |   await prisma.event.create({
130 |     data: {
131 |       id: eventId,
132 |       title: title,
133 |       description: description,
134 |     },
135 |   });
136 |   inMemoryOrderBooks[eventId] = generateOrderbook();
137 |   const orderbook = inMemoryOrderBooks[eventId];
138 |   const broadcastData = {
139 |     eventId,
140 |     orderbook: {
141 |       yes: orderbook.YES,
142 |       no: orderbook.NO,
143 |     },
144 |   };
145 |   await BroadcastChannel("orderbook", broadcastData);
146 |   res.json({ message: "event added successfully" });
147 |   console.log(inMemory_events);
148 | });
149 | 
150 | export default router;
151 | 


--------------------------------------------------------------------------------
/orderbook/service/crashService.ts:
--------------------------------------------------------------------------------
 1 | import fs from "fs";
 2 | 
 3 | const path = '/app/data/db.json';
 4 | import {
 5 |   inMemory_events,
 6 |   inMemory_OrderId,
 7 |   inMemory_trades,
 8 |   inMemoryOrderBooks,
 9 |   inr_balances,
10 | } from "../utils/global";
11 | import { saveToS3 } from "./s3";
12 | export function saveSnapshot(
13 |   inMemoryOrderBooks: any,
14 |   inr_balances: any,
15 |   inMemory_events: any,
16 |   inMemory_OrderId: any,
17 |   inMemory_trades: any
18 | ) {
19 |   const snapshot = {
20 |     orderbook: inMemoryOrderBooks,
21 |     balances: inr_balances,
22 |     events: inMemory_events,
23 |     orderIds: inMemory_OrderId,
24 |     trades: inMemory_trades,
25 |     timstamp: new Date().toISOString(),
26 |   };
27 |   //saveToS3(snapshot);
28 |   fs.writeFileSync(path, JSON.stringify(snapshot));
29 | }
30 | 
31 | export function loadSnapshot() {
32 |   if (fs.existsSync(path)) {
33 |     const data = fs.readFileSync(path, "utf-8");
34 |     const snapshot = JSON.parse(data);
35 |     const { orderbook, balances, events, orderIds, trades } = snapshot;
36 | 
37 |     Object.assign(inMemoryOrderBooks, orderbook);
38 |     Object.assign(inr_balances, balances);
39 |     Object.assign(inMemory_events, events);
40 |     Object.assign(inMemory_OrderId, orderIds);
41 |     Object.assign(inMemory_trades, trades);
42 |   } else {
43 |     return null;
44 |   }
45 | }
46 | 


--------------------------------------------------------------------------------
/orderbook/service/events.ts:
--------------------------------------------------------------------------------
 1 | import { inMemory_events } from "../utils/global";
 2 | import { redis } from "./redisClient";
 3 | 
 4 | export async function getEvents(message: any) {
 5 |   const { responseId } = message;
 6 |   const events = inMemory_events;
 7 |   const data = JSON.stringify({
 8 |     responseId,
 9 |     events,
10 |     status: "SUCCESS",
11 |   });
12 |   console.log(data);
13 |   redis.publish("getEvent", data);
14 |   return;
15 | }
16 | export async function fetchEvent(message : any){
17 |   const {responseId , eventId} = message ;
18 |   const event = inMemory_events[eventId]
19 |   const data  = JSON.stringify({
20 |     responseId,
21 |     status : "SUCCESS",
22 |     event
23 |   })
24 |   redis.publish("eventdetails",data)
25 |   return
26 | }
27 | 


--------------------------------------------------------------------------------
/orderbook/service/exit.ts:
--------------------------------------------------------------------------------
  1 | import { createId } from "@paralleldrive/cuid2";
  2 | import {
  3 |   inMemory_OrderId,
  4 |   inMemory_trades,
  5 |   inMemoryOrderBooks,
  6 | } from "../utils/global";
  7 | import { BroadcastChannel } from "./redisClient";
  8 | import { PrismaClient } from "@prisma/client";
  9 | const prisma = new PrismaClient();
 10 | export async function exit(
 11 |   eventId: string,
 12 |   side: "YES" | "NO",
 13 |   price: number,
 14 |   quantity: number,
 15 |   orderId: string,
 16 |   userId: string
 17 | ) {
 18 |   const sellprice = 10 - price;
 19 |   const orderbook = inMemoryOrderBooks[eventId];
 20 |   const Oppside = side === "NO" ? "YES" : "NO";
 21 | 
 22 |   let totalOppQuantity = 0;
 23 | 
 24 |   orderbook[Oppside].forEach((order) => {
 25 |     if (order.price === sellprice) {
 26 |       totalOppQuantity = order.quantity;
 27 |     }
 28 |   });
 29 | 
 30 |   if (totalOppQuantity >= quantity) {
 31 |     let remainingQuantity = quantity;
 32 | 
 33 |     orderbook[Oppside].forEach(async (order) => {
 34 |       if (order.price === sellprice && remainingQuantity > 0) {
 35 |         for (let i = 0; i < order.UserQuantities.length; i++) {
 36 |           const userOrder = order.UserQuantities[i];
 37 | 
 38 |           if (userOrder.quantity! >= remainingQuantity) {
 39 |             const tradeId = createId();
 40 | 
 41 |             inMemory_trades[tradeId] = {
 42 |               eventId: eventId,
 43 |               sellerId: userId,
 44 |               sellerOrder_id: orderId,
 45 |               buyerOrder_id: userOrder.orderId!,
 46 |               sell_qty: remainingQuantity,
 47 |               buyerId: userOrder.userId!,
 48 |               buy_qty: remainingQuantity,
 49 |               Buyprice: order.price,
 50 |               Sellprice: price,
 51 |             };
 52 | 
 53 |             // await prisma.trade.create({
 54 |             //   data: {
 55 |             //     id: tradeId,
 56 |             //     eventId: eventId,
 57 |             //     sellerId: userId,
 58 |             //     sellerOrderId: orderId,
 59 |             //     buyerId: userOrder.userId!,
 60 |             //     buyerOrderId: userOrder.orderId!,
 61 |             //     sellQty: remainingQuantity,
 62 |             //     buyQty: remainingQuantity,
 63 |             //     buyPrice: order.price,
 64 |             //     sellPrice: price,
 65 |             //   },
 66 |             // });
 67 |             const tradeData = {
 68 |               id: tradeId,
 69 |               eventId: eventId,
 70 |               sellerId: userId,
 71 |               sellerOrder_id: orderId,
 72 |               buyerOrder_id: userOrder.orderId!,
 73 |               sell_qty: remainingQuantity,
 74 |               buyerId: userOrder.userId!,
 75 |               buy_qty: remainingQuantity,
 76 |               Buyprice: order.price,
 77 |               Sellprice: price,
 78 |             };
 79 |             await BroadcastChannel("trade", tradeData);
 80 |             userOrder.quantity! -= remainingQuantity;
 81 |             if (userOrder.quantity === 0) {
 82 |               order.UserQuantities.splice(i, 1);
 83 |               i--;
 84 |             }
 85 | 
 86 |             remainingQuantity = 0;
 87 | 
 88 |             break;
 89 |           } else {
 90 |             const tradeId = createId();
 91 | 
 92 |             inMemory_trades[tradeId] = {
 93 |               eventId: eventId,
 94 |               sellerId: userId,
 95 |               sellerOrder_id: orderId,
 96 |               buyerOrder_id: userOrder.orderId!,
 97 |               sell_qty: userOrder.quantity!,
 98 |               buyerId: userOrder.userId!,
 99 |               buy_qty: userOrder.quantity!,
100 |               Buyprice: order.price,
101 |               Sellprice: price,
102 |             };
103 |             // await prisma.trade.create({
104 |             //   data: {
105 |             //     id: tradeId,
106 |             //     eventId: eventId,
107 |             //     sellerId: userId,
108 |             //     buyerId: userOrder.userId!,
109 |             //     sellerOrderId: orderId,
110 |             //     buyerOrderId: userOrder.orderId!,
111 |             //     sellPrice: price,
112 |             //     buyPrice: order.price,
113 |             //     sellQty: userOrder.quantity!,
114 |             //     buyQty: userOrder.quantity!,
115 |             //   },
116 |             // });
117 |             const tradeData = {
118 |               id: tradeId,
119 |               eventId: eventId,
120 |               sellerId: userId,
121 |               sellerOrder_id: orderId,
122 |               buyerOrder_id: userOrder.orderId!,
123 |               sell_qty: userOrder.quantity!,
124 |               buyerId: userOrder.userId!,
125 |               buy_qty: userOrder.quantity!,
126 |               Buyprice: order.price,
127 |               Sellprice: price,
128 |             };
129 |             await BroadcastChannel("trade", tradeData);
130 | 
131 |             remainingQuantity -= userOrder.quantity!;
132 | 
133 |             order.UserQuantities.splice(i, 1);
134 |             i--;
135 |           }
136 |         }
137 |         inMemory_OrderId[orderId].status = "EXECUTED";
138 |         // await prisma.order.update({
139 |         //   where: {
140 |         //     id: orderId,
141 |         //   },
142 |         //   data: {
143 |         //     status: "EXECUTED",
144 |         //   },
145 |         // });
146 |         const orderExit = {
147 |           id: orderId,
148 |           status: "EXECUTED",
149 |         };
150 |         await BroadcastChannel("order_exit", orderExit);
151 |         console.log(inMemory_OrderId[orderId]);
152 |         order.quantity -= quantity;
153 |       }
154 |     });
155 |   } else {
156 |     orderbook[Oppside].find((order) => {
157 |       if (order.price == sellprice) {
158 |         order.quantity += quantity;
159 |         order.UserQuantities.push({
160 |           userId: userId,
161 |           quantity: quantity,
162 |           orderId: orderId,
163 |         });
164 |       }
165 |     });
166 |     inMemory_OrderId[orderId].type = "SELL";
167 |     // await prisma.order.update({
168 |     //   where: {
169 |     //     id: orderId,
170 |     //   },
171 |     //   data: {
172 |     //     type: "SELL",
173 |     //   },
174 |     // });
175 |     const orderUpdate = {
176 |       id: orderId,
177 |       type: "SELL",
178 |     };
179 |     await BroadcastChannel("order_update", orderUpdate);
180 |   }
181 |   const broadcastData = {
182 |     eventId,
183 |     orderbook: {
184 |       yes: orderbook.YES,
185 |       no: orderbook.NO,
186 |     },
187 |   };
188 |   await BroadcastChannel("orderbook", broadcastData);
189 |   return;
190 | }
191 | 


--------------------------------------------------------------------------------
/orderbook/service/intialiseOrder.ts:
--------------------------------------------------------------------------------
  1 | import { createId } from "@paralleldrive/cuid2";
  2 | import {
  3 |   inMemory_OrderId,
  4 |   inMemory_trades,
  5 |   inMemoryOrderBooks,
  6 |   inr_balances,
  7 | } from "../utils/global";
  8 | import { BroadcastChannel } from "./redisClient";
  9 | import { Prisma, PrismaClient } from "@prisma/client";
 10 | const prisma = new PrismaClient();
 11 | export async function initiateOrder(
 12 |   userId: string,
 13 |   eventId: string,
 14 |   side: "YES" | "NO",
 15 |   price: number,
 16 |   quantity: number,
 17 |   orderId: string
 18 | ) {
 19 |   const orderbook = inMemoryOrderBooks[eventId];
 20 |   const oppType = side === "YES" ? "NO" : "YES";
 21 |   const sortedOrders = orderbook[side].sort(
 22 |     (a: any, b: any) => a.price - b.price
 23 |   );
 24 |   const cost = price * quantity;
 25 |   inr_balances[userId].balance -= cost;
 26 |   inr_balances[userId].lockedBalance += cost;
 27 | 
 28 |   let remainingQty = quantity;
 29 | 
 30 |   for (let order of sortedOrders) {
 31 |     if (order.price <= price && remainingQty > 0) {
 32 |       if (order.price === price && order.quantity === 0) {
 33 |         orderbook[oppType].forEach(async (oppOrder: any) => {
 34 |           if (oppOrder.price === 10 - price) {
 35 |             oppOrder.quantity += remainingQty;
 36 |             if (!oppOrder.UserQuantities) {
 37 |               oppOrder.UserQuantities = [];
 38 |             }
 39 |             oppOrder.UserQuantities.push({
 40 |               userId: userId,
 41 |               quantity: remainingQty,
 42 |               orderId: orderId,
 43 |             });
 44 |             inMemory_OrderId[orderId].type = "SELL";
 45 |             // await prisma.order.update({
 46 |             //   where: {
 47 |             //     id: orderId,
 48 |             //   },
 49 |             //   data: {
 50 |             //     type: "SELL",
 51 |             //   },
 52 |             // });
 53 |             const orderUpdate = {
 54 |               id: orderId,
 55 |               type: "SELL",
 56 |             };
 57 |             await BroadcastChannel("order_update", orderUpdate);
 58 |             remainingQty = 0;
 59 |           }
 60 |         });
 61 |       }
 62 | 
 63 |       if (order.quantity > 0) {
 64 |         let tradeQty = Math.min(remainingQty, order.quantity);
 65 | 
 66 |         while (tradeQty > 0 && order.UserQuantities.length > 0) {
 67 |           const userOrder = order.UserQuantities[0];
 68 |           const userTradeQty = Math.min(tradeQty, userOrder.quantity!);
 69 |           if (
 70 |             inMemory_OrderId[userOrder.orderId!].type == "BUY" &&
 71 |             inMemory_OrderId[userOrder.orderId!].status == "EXECUTED"
 72 |           ) {
 73 |             inMemory_OrderId[userOrder.orderId!].type == "SELL";
 74 |             // await prisma.order.update({
 75 |             //   where: {
 76 |             //     id: userOrder.orderId,
 77 |             //   },
 78 |             //   data: {
 79 |             //     type: "SELL",
 80 |             //   },
 81 |             // });
 82 |             const orderUpdate = {
 83 |               id: userOrder.orderId,
 84 |               type: "SELL",
 85 |             };
 86 |             await BroadcastChannel("order_update", orderUpdate);
 87 |           }
 88 |           if (
 89 |             inMemory_OrderId[userOrder.orderId!].type == "SELL" &&
 90 |             inMemory_OrderId[userOrder.orderId!].status == "LIVE"
 91 |           ) {
 92 |             inMemory_OrderId[userOrder.orderId!].type == "BUY";
 93 |             // await prisma.order.update({
 94 |             //   where: {
 95 |             //     id: userOrder.orderId,
 96 |             //   },
 97 |             //   data: {
 98 |             //     type: "BUY",
 99 |             //   },
100 |             // });
101 |             const orderUpdate = {
102 |               id: userOrder.orderId,
103 |               type: "BUY",
104 |             };
105 |             await BroadcastChannel("order_update", orderUpdate);
106 |           }
107 | 
108 |           const tradeId = createId();
109 |           inMemory_trades[tradeId] = {
110 |             eventId: eventId,
111 |             sellerId: userOrder.userId!,
112 |             sellerOrder_id: userOrder.orderId!,
113 |             buyerOrder_id: orderId,
114 |             sell_qty: userTradeQty,
115 |             buyerId: userId,
116 |             buy_qty: userTradeQty,
117 |             Buyprice: order.price,
118 |             Sellprice: 10 - order.price,
119 |           };
120 | 
121 |           const tradeData = {
122 |             id: tradeId,
123 |             eventId: eventId,
124 |             sellerId: userOrder.userId!,
125 |             sellerOrder_id: userOrder.orderId!,
126 |             buyerOrder_id: orderId,
127 |             sell_qty: userTradeQty,
128 |             buyerId: userId,
129 |             buy_qty: userTradeQty,
130 |             Buyprice: order.price,
131 |             Sellprice: 10 - order.price,
132 |           };
133 |           await BroadcastChannel("trade", tradeData);
134 |           console.log(inMemory_trades);
135 |           userOrder.quantity! -= userTradeQty;
136 |           tradeQty -= userTradeQty;
137 |           remainingQty -= userTradeQty;
138 | 
139 |           if (userOrder.quantity === 0) {
140 |             order.UserQuantities.shift();
141 |           }
142 |           order.quantity -= userTradeQty;
143 | 
144 |           inr_balances[userOrder.userId!].lockedBalance -=
145 |             order.price * userTradeQty;
146 |           inr_balances[userId].lockedBalance -= cost;
147 |         }
148 |       }
149 |     }
150 |   }
151 | 
152 |   const broadcastData = {
153 |     eventId,
154 |     orderbook: {
155 |       yes: orderbook.YES,
156 |       no: orderbook.NO,
157 |     },
158 |   };
159 |   await BroadcastChannel("orderbook", broadcastData);
160 | 
161 |   return;
162 | }
163 | 


--------------------------------------------------------------------------------
/orderbook/service/redisClient.ts:
--------------------------------------------------------------------------------
 1 | import Redis from "ioredis";
 2 | import { createClient } from "redis";
 3 | 
 4 | export const redis = createClient({
 5 |   socket: {
 6 |     host: "redis",
 7 |     port: 6379,
 8 |   },
 9 | });
10 | 
11 | export const redis2 = createClient({
12 |   socket: {
13 |     host: "redis2",
14 |     port: 6379,
15 |   },
16 | });
17 | 
18 | export async function startEngine() {
19 |   await redis.connect().then(() => {
20 |     console.log("connected to redis");
21 |   });
22 |   await redis2.connect().then(() => {
23 |     console.log("connected to redis2");
24 |   });
25 |   await initializeStreamGroups();
26 | }
27 | 
28 | async function initializeStreamGroups() {
29 |   try {
30 |     await redis.xGroupCreate("event_streams", "ws_broadcast_consumer", "$", {
31 |       MKSTREAM: true,
32 |     });
33 |     await redis.xGroupCreate("event_streams", "archiver_consumer", "$", {
34 |       MKSTREAM: true,
35 |     });
36 |     console.log("consumer groups created!");
37 |   } catch (error: any) {
38 |     if (error.message.includes("BUSYGROUP")) {
39 |       console.log("consumer grp already exists");
40 |     }
41 |     console.log(error);
42 |   }
43 | }
44 | 
45 | export async function BroadcastChannel(eventType: string, data: any) {
46 |   const streamData = {
47 |     type: eventType,
48 |     data: JSON.stringify(data),
49 |   };
50 |   // const queueData = JSON.stringify({ eventId, data });
51 |   // redis.lPush("broadcastQueue", queueData);
52 | 
53 |   await redis.xAdd("event_streams", "*", streamData);
54 | }
55 | 
56 | startEngine();
57 | 


--------------------------------------------------------------------------------
/orderbook/service/s3.ts:
--------------------------------------------------------------------------------
 1 | import aws from "aws-sdk";
 2 | import {
 3 |   inMemory_events,
 4 |   inMemory_OrderId,
 5 |   inMemory_trades,
 6 |   inMemoryOrderBooks,
 7 |   inr_balances,
 8 | } from "../utils/global";
 9 | 
10 | const s3 = new aws.S3({
11 |   region: "ap-south-1",
12 |   credentials: {
13 |     accessKeyId: process.env.S3_ACCESS_KEY!,
14 |     secretAccessKey: process.env.S3_SECRET_KEY!,
15 |   },
16 | });
17 | const bucketName = "opinix";
18 | const path = "snapshots/db.json";
19 | 
20 | export async function saveToS3(snapshot: any) {
21 |   s3.putObject({
22 |     Bucket: bucketName,
23 |     Key: path,
24 |     Body: JSON.stringify(snapshot),
25 |     ContentType: "application/json",
26 |   })
27 |     .promise()
28 |     .then(() => {
29 |       console.log("snapshot upload successfully");
30 |     });
31 | }
32 | export async function loadFromS3() {
33 |   const data = await s3
34 |     .getObject({
35 |       Bucket: bucketName,
36 |       Key: path,
37 |     })
38 |     .promise();
39 |   const snapshot = JSON.parse(data.Body?.toString("utf-8")!);
40 |   const { orderbook, balances, events, orderIds, trades } = snapshot;
41 | 
42 |   Object.assign(inMemoryOrderBooks, orderbook);
43 |   Object.assign(inr_balances, balances);
44 |   Object.assign(inMemory_events, events);
45 |   Object.assign(inMemory_OrderId, orderIds);
46 |   Object.assign(inMemory_trades, trades);
47 | }
48 | 


--------------------------------------------------------------------------------
/orderbook/service/userAuth.ts:
--------------------------------------------------------------------------------
 1 | import { PrismaClient } from "@prisma/client";
 2 | import { inr_balances } from "../utils/global";
 3 | import { redis } from "./redisClient";
 4 | const prisma = new PrismaClient();
 5 | export async function userCreate(message: any) {
 6 |   const { responseId, userId } = message;
 7 |   if (!inr_balances[userId]) {
 8 |     inr_balances[userId] = {
 9 |       balance: 0,
10 |       lockedBalance: 0,
11 |     };
12 |     await prisma.user.create({
13 |       data: {
14 |         id: userId,
15 |         email: `${responseId}@gmail.com`,
16 |       },
17 |     });
18 |     console.log(inr_balances);
19 |     const data = JSON.stringify({
20 |       status: "SUCCESS",
21 |       responseId,
22 |     });
23 |     redis.publish("userCreation", data);
24 |     return;
25 |   } else {
26 |     const data = JSON.stringify({
27 |       status: "FAILED",
28 |       responseId,
29 |     });
30 |     redis.publish("userCreation", data);
31 |     return;
32 |   }
33 | }
34 | 
35 | export async function userLogin(message: any) {
36 |   const { responseId, userId } = message;
37 |   if (!inr_balances[userId]) {
38 |     inr_balances[userId] = {
39 |       balance: 0,
40 |       lockedBalance: 0,
41 |     };
42 |     const data = JSON.stringify({
43 |       responseId,
44 |       status: "SUCCESS",
45 |     });
46 |     redis.publish("userLogin", data);
47 |     return;
48 |   } else {
49 |     const data = JSON.stringify({
50 |       responseId,
51 |       status: "FAILED",
52 |     });
53 |     redis.publish("userLogin", data);
54 |     return;
55 |   }
56 | }
57 | 


--------------------------------------------------------------------------------
/orderbook/service/userBalance.ts:
--------------------------------------------------------------------------------
 1 | import { inr_balances } from "../utils/global";
 2 | import { redis } from "./redisClient";
 3 | 
 4 | export async function userRecharge(message: any) {
 5 |   const { userId, amount, responseId } = message;
 6 |   if (inr_balances[userId]) {
 7 |     inr_balances[userId].balance += amount;
 8 |     const data = JSON.stringify({
 9 |       responseId,
10 |       status: "SUCCESS",
11 |       balance : inr_balances[userId].balance
12 |     });
13 |     console.log(inr_balances);
14 |     redis.publish("userRecharge", data);
15 |     return;
16 |   } else {
17 |     const data = JSON.stringify({
18 |       responseId,
19 |       status: "FAILED",
20 |     });
21 |     redis.publish("userRecharge", data);
22 |     return;
23 |   }
24 | }
25 | 
26 | export async function userBalance(message: any) {
27 |   const { responseId, userId } = message;
28 |   if (inr_balances[userId]) {
29 |     const balance = inr_balances[userId].balance;
30 |     const data = JSON.stringify({
31 |       responseId,
32 |       balance,
33 |       status: "SUCCESS",
34 |     });
35 |     redis.publish("userBalance", data);
36 |     return;
37 |   } else {
38 |     const data = JSON.stringify({
39 |       responseId,
40 |       status: "FAILED",
41 |     
42 |     });
43 |     redis.publish("userBalance", data);
44 |     return;
45 |   }
46 | }
47 | 


--------------------------------------------------------------------------------
/orderbook/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     // Enable latest features
 4 |     "lib": ["ESNext", "DOM"],
 5 |     "target": "ESNext",
 6 |     "module": "ESNext",
 7 |     "moduleDetection": "force",
 8 |     "jsx": "react-jsx",
 9 |     "allowJs": true,
10 | 
11 |     // Bundler mode
12 |     "moduleResolution": "bundler",
13 |     "allowImportingTsExtensions": true,
14 |     "verbatimModuleSyntax": true,
15 |     "noEmit": true,
16 | 
17 |     // Best practices
18 |     "strict": true,
19 |     "skipLibCheck": true,
20 |     "noFallthroughCasesInSwitch": true,
21 | 
22 |     // Some stricter flags (disabled by default)
23 |     "noUnusedLocals": false,
24 |     "noUnusedParameters": false,
25 |     "noPropertyAccessFromIndexSignature": false
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/orderbook/utils/global.ts:
--------------------------------------------------------------------------------
 1 | export interface INRBalance {
 2 |   balance: number;
 3 |   lockedBalance: number;
 4 | }
 5 | export interface Trades {
 6 |   eventId: string;
 7 |   sellerId: string;
 8 |   sell_qty: number;
 9 |   buyerId: string;
10 |   buy_qty: number;
11 |   Buyprice: number;
12 |   Sellprice: number;
13 |   sellerOrder_id: string;
14 |   buyerOrder_id: string;
15 | }
16 | export interface orderbook {
17 |   YES: Order[];
18 |   NO: Order[];
19 | }
20 | export interface Order {
21 |   price: number;
22 |   quantity: number;
23 |   UserQuantities: UserQuantities[];
24 | }
25 | export interface UserQuantities {
26 |   userId?: string;
27 |   quantity?: number;
28 |   orderId?: string;
29 | }
30 | export interface OrderSchema {
31 |   side: "YES" | "NO";
32 |   type: "SELL" | "BUY";
33 |   price: number;
34 |   quantity: number;
35 |   status: "LIVE" | "EXECUTED";
36 |   userId: string;
37 |   eventId : string
38 | }
39 | export interface Event {
40 |   title: string;
41 |   description: string;
42 | }
43 | export const inMemoryOrderBooks: { [eventId: string]: orderbook } = {};
44 | export const inr_balances: { [userId: string]: INRBalance } = {};
45 | export const inMemory_trades: { [trade_id: string]: Trades } = {};
46 | export const inMemory_OrderId: { [order_id: string]: OrderSchema } = {};
47 | export const inMemory_events: { [eventId: string]: Event } = {};
48 | 
49 | export const generateOrderbook = () => {
50 |   const YES = [];
51 |   const NO = [];
52 | 
53 |   for (let price = 0.5; price <= 9.5; price += 0.5) {
54 |     YES.push({
55 |       price: price,
56 |       quantity: 0,
57 |       UserQuantities: [],
58 |     });
59 |     NO.push({
60 |       price: price,
61 |       quantity: 0,
62 |       UserQuantities: [],
63 |     });
64 |   }
65 |   return { YES, NO };
66 | };
67 | const eventId = "testevent";
68 | inMemoryOrderBooks[eventId] = generateOrderbook();
69 | 
70 | 
71 | const users = ["user1", "user2", "user3", "user4"];
72 | 
73 | for (const user of users) {
74 |   inr_balances[user] = {
75 |     balance: 1000,
76 |     lockedBalance: 0,
77 |   };
78 | }
79 | 
80 | 


--------------------------------------------------------------------------------
/websocket/.gitignore:
--------------------------------------------------------------------------------
  1 | # Based on https://raw.githubusercontent.com/github/gitignore/main/Node.gitignore
  2 | 
  3 | # Logs
  4 | 
  5 | logs
  6 | _.log
  7 | npm-debug.log_
  8 | yarn-debug.log*
  9 | yarn-error.log*
 10 | lerna-debug.log*
 11 | .pnpm-debug.log*
 12 | 
 13 | # Caches
 14 | 
 15 | .cache
 16 | 
 17 | # Diagnostic reports (https://nodejs.org/api/report.html)
 18 | 
 19 | report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
 20 | 
 21 | # Runtime data
 22 | 
 23 | pids
 24 | _.pid
 25 | _.seed
 26 | *.pid.lock
 27 | 
 28 | # Directory for instrumented libs generated by jscoverage/JSCover
 29 | 
 30 | lib-cov
 31 | 
 32 | # Coverage directory used by tools like istanbul
 33 | 
 34 | coverage
 35 | *.lcov
 36 | 
 37 | # nyc test coverage
 38 | 
 39 | .nyc_output
 40 | 
 41 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 42 | 
 43 | .grunt
 44 | 
 45 | # Bower dependency directory (https://bower.io/)
 46 | 
 47 | bower_components
 48 | 
 49 | # node-waf configuration
 50 | 
 51 | .lock-wscript
 52 | 
 53 | # Compiled binary addons (https://nodejs.org/api/addons.html)
 54 | 
 55 | build/Release
 56 | 
 57 | # Dependency directories
 58 | 
 59 | node_modules/
 60 | jspm_packages/
 61 | 
 62 | # Snowpack dependency directory (https://snowpack.dev/)
 63 | 
 64 | web_modules/
 65 | 
 66 | # TypeScript cache
 67 | 
 68 | *.tsbuildinfo
 69 | 
 70 | # Optional npm cache directory
 71 | 
 72 | .npm
 73 | 
 74 | # Optional eslint cache
 75 | 
 76 | .eslintcache
 77 | 
 78 | # Optional stylelint cache
 79 | 
 80 | .stylelintcache
 81 | 
 82 | # Microbundle cache
 83 | 
 84 | .rpt2_cache/
 85 | .rts2_cache_cjs/
 86 | .rts2_cache_es/
 87 | .rts2_cache_umd/
 88 | 
 89 | # Optional REPL history
 90 | 
 91 | .node_repl_history
 92 | 
 93 | # Output of 'npm pack'
 94 | 
 95 | *.tgz
 96 | 
 97 | # Yarn Integrity file
 98 | 
 99 | .yarn-integrity
100 | 
101 | # dotenv environment variable files
102 | 
103 | .env
104 | .env.development.local
105 | .env.test.local
106 | .env.production.local
107 | .env.local
108 | 
109 | # parcel-bundler cache (https://parceljs.org/)
110 | 
111 | .parcel-cache
112 | 
113 | # Next.js build output
114 | 
115 | .next
116 | out
117 | 
118 | # Nuxt.js build / generate output
119 | 
120 | .nuxt
121 | dist
122 | 
123 | # Gatsby files
124 | 
125 | # Comment in the public line in if your project uses Gatsby and not Next.js
126 | 
127 | # https://nextjs.org/blog/next-9-1#public-directory-support
128 | 
129 | # public
130 | 
131 | # vuepress build output
132 | 
133 | .vuepress/dist
134 | 
135 | # vuepress v2.x temp and cache directory
136 | 
137 | .temp
138 | 
139 | # Docusaurus cache and generated files
140 | 
141 | .docusaurus
142 | 
143 | # Serverless directories
144 | 
145 | .serverless/
146 | 
147 | # FuseBox cache
148 | 
149 | .fusebox/
150 | 
151 | # DynamoDB Local files
152 | 
153 | .dynamodb/
154 | 
155 | # TernJS port file
156 | 
157 | .tern-port
158 | 
159 | # Stores VSCode versions used for testing VSCode extensions
160 | 
161 | .vscode-test
162 | 
163 | # yarn v2
164 | 
165 | .yarn/cache
166 | .yarn/unplugged
167 | .yarn/build-state.yml
168 | .yarn/install-state.gz
169 | .pnp.*
170 | 
171 | # IntelliJ based IDEs
172 | .idea
173 | 
174 | # Finder (MacOS) folder config
175 | .DS_Store
176 | 


--------------------------------------------------------------------------------
/websocket/Dockerfile:
--------------------------------------------------------------------------------
 1 | 
 2 | FROM node:20
 3 | 
 4 | WORKDIR /app
 5 | COPY package.json bun.lockb ./
 6 | RUN npm install -g bun
 7 | RUN bun install
 8 | 
 9 | COPY . .
10 | 
11 | 
12 | EXPOSE 8080
13 | CMD [ "bun", "run", "index.ts" ]
14 | 


--------------------------------------------------------------------------------
/websocket/README.md:
--------------------------------------------------------------------------------
 1 | # websocket
 2 | 
 3 | To install dependencies:
 4 | 
 5 | ```bash
 6 | bun install
 7 | ```
 8 | 
 9 | To run:
10 | 
11 | ```bash
12 | bun run index.ts
13 | ```
14 | 
15 | This project was created using `bun init` in bun v1.1.25. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.
16 | 


--------------------------------------------------------------------------------
/websocket/bun.lockb:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aryanpachori/opinion_trading/d31cf86d2394c47d739e1a9216cd60b613d93e8e/websocket/bun.lockb


--------------------------------------------------------------------------------
/websocket/global.ts:
--------------------------------------------------------------------------------
 1 | interface orderbook {
 2 |   YES: Order[];
 3 |   NO: Order[];
 4 | }
 5 | interface Order {
 6 |   price: number;
 7 |   quantity: number;
 8 |   UserQuantities: UserQuantities[];
 9 | }
10 | interface UserQuantities {
11 |   userId?: string;
12 |   quantity?: number;
13 |   orderId?: string;
14 | }
15 | 
16 | export const inMemoryOrderBooks: { [eventId: string]: any } = {};
17 | 


--------------------------------------------------------------------------------
/websocket/index.ts:
--------------------------------------------------------------------------------
 1 | import { createClient } from "redis";
 2 | import { setupWebSocket, WebsocketServer } from "./websocket";
 3 | import { inMemoryOrderBooks } from "./global";
 4 | 
 5 | export const redis = createClient({
 6 |   socket: {
 7 |     host: "redis",
 8 |     port: 6379,
 9 |   },
10 | });
11 | 
12 | await redis.connect().then(() => {
13 |   console.log("connected to redis");
14 |   processStream();
15 | });
16 | 
17 | async function processStream() {
18 |   const streamName = "event_streams";
19 |   const consumerName = "ws_broadcast_consumer";
20 |   let lastId = ">";
21 | 
22 |   while (true) {
23 |     const message = await redis.xReadGroup(
24 |       consumerName,
25 |       "ws_broadcast_consumer",
26 |       [{ key: streamName, id: lastId }],
27 |       { BLOCK: 0, COUNT: 1 }
28 |     );
29 | 
30 |     if (message && message.length > 0) {
31 |       const streamData = message[0];
32 |       if (
33 |         streamData &&
34 |         Array.isArray(streamData.messages) &&
35 |         streamData.messages.length > 0
36 |       ) {
37 |         const messages = streamData.messages;
38 | 
39 |         messages.forEach(({ id, message }: { id: string; message: any }) => {
40 |           const messageData = JSON.parse(message.data);
41 | 
42 |           const eventId = messageData.eventId;
43 |           const orderbook = messageData.orderbook;
44 |           inMemoryOrderBooks[eventId] = { orderbook };
45 |           console.log(`Event ID: ${eventId}`, orderbook);
46 |           WebsocketServer.broadcast(eventId, {orderbook});
47 |         });
48 |       }
49 |     }else{
50 |       console.log("no events at the moment")
51 |     }
52 |   }
53 | }
54 | 
55 | setupWebSocket();
56 | 


--------------------------------------------------------------------------------
/websocket/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "websocket",
 3 |   "module": "index.ts",
 4 |   "type": "module",
 5 |   "devDependencies": {
 6 |     "@types/bun": "latest"
 7 |   },
 8 |   "peerDependencies": {
 9 |     "typescript": "^5.0.0"
10 |   },
11 |   "dependencies": {
12 |     "ioredis": "^5.4.1",
13 |     "redis": "^4.7.0"
14 |   }
15 | }


--------------------------------------------------------------------------------
/websocket/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     // Enable latest features
 4 |     "lib": ["ESNext", "DOM"],
 5 |     "target": "ESNext",
 6 |     "module": "ESNext",
 7 |     "moduleDetection": "force",
 8 |     "jsx": "react-jsx",
 9 |     "allowJs": true,
10 | 
11 |     // Bundler mode
12 |     "moduleResolution": "bundler",
13 |     "allowImportingTsExtensions": true,
14 |     "verbatimModuleSyntax": true,
15 |     "noEmit": true,
16 | 
17 |     // Best practices
18 |     "strict": true,
19 |     "skipLibCheck": true,
20 |     "noFallthroughCasesInSwitch": true,
21 | 
22 |     // Some stricter flags (disabled by default)
23 |     "noUnusedLocals": false,
24 |     "noUnusedParameters": false,
25 |     "noPropertyAccessFromIndexSignature": false
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/websocket/websocket.ts:
--------------------------------------------------------------------------------
 1 | import WebSocket from "ws";
 2 | import { inMemoryOrderBooks } from "./global";
 3 | 
 4 | let clients: { ws: WebSocket; eventId: string }[] = [];
 5 | 
 6 | export const setupWebSocket = () => {
 7 |   const wss = new WebSocket.Server({ port: 8080 });
 8 | 
 9 |   wss.on("connection", (ws: WebSocket) => {
10 |     ws.on("message", async (message: string) => {
11 |       const parsedMessage = JSON.parse(message);
12 | 
13 |       if (parsedMessage && parsedMessage.eventId) {
14 |         const existingClient = clients.find(
15 |           (client) =>
16 |             client.ws === ws && client.eventId === parsedMessage.eventId
17 |         );
18 |         if (!existingClient) {
19 |           clients.push({ ws, eventId: parsedMessage.eventId });
20 |         }
21 |         const orderBook = inMemoryOrderBooks[parsedMessage.eventId];
22 |         if (!orderBook) {
23 |           ws.send("null");
24 |         } else {
25 |           ws.send(JSON.stringify(orderBook));
26 |         }
27 |       }
28 |     });
29 | 
30 |     ws.on("close", () => {
31 |       clients = clients.filter((client) => client.ws !== ws);
32 |       console.log("Client disconnected.");
33 |     });
34 |   });
35 | 
36 |   return wss;
37 | };
38 | 
39 | export const WebsocketServer = {
40 |   broadcast: (eventId: string, data: any) => {
41 |     clients.forEach((client) => {
42 |       if (
43 |         client.eventId === eventId &&
44 |         client.ws.readyState === WebSocket.OPEN
45 |       ) {
46 |         client.ws.send(JSON.stringify(data));
47 |       }
48 |     });
49 |   },
50 | };
51 | 


--------------------------------------------------------------------------------