Compare commits
49 Commits
102e05c8ba
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| ea3951aa0c | |||
| 6ea136083a | |||
| 8ef1226755 | |||
| f3e6a2e692 | |||
| d609934b73 | |||
| 1e3d50719e | |||
| 2a6629af79 | |||
| 5d30d1f4a1 | |||
| ce2cab3404 | |||
| 2912d760cb | |||
| 035d4f0385 | |||
| c1cc70eeb9 | |||
| 5e4007160c | |||
| be93e57853 | |||
| eca244f9d4 | |||
| fbedcec4f2 | |||
| 95b43dceec | |||
| 65afa886af | |||
| 01d9703aec | |||
| 7348b35475 | |||
| 8e5dca471e | |||
| 6cf5bf76b3 | |||
| cc27c00991 | |||
| 2ab097ec8a | |||
| c0965cb7d7 | |||
| 066c3310ff | |||
| 5f7b728463 | |||
| a061337d6f | |||
| b0c552562a | |||
| 4881907c28 | |||
| df01ac8e35 | |||
| 63e56dc229 | |||
| 5aa9436368 | |||
| 62998d6cb2 | |||
| a240ba2e44 | |||
| 19f652b43a | |||
| 57a81be769 | |||
| bbb69a315c | |||
| db034687d6 | |||
| 04d8a4e883 | |||
| 416b6bfe8d | |||
| b906592af4 | |||
| d47afd8542 | |||
| 6105c28887 | |||
| a8746246f8 | |||
| 1f50f6c86c | |||
| cc606ae523 | |||
| 5885e33531 | |||
| 626ca51041 |
@@ -27,28 +27,15 @@ jobs:
|
||||
uses: actions/setup-node@v4
|
||||
with:
|
||||
node-version: '22'
|
||||
cache: 'pnpm'
|
||||
|
||||
- name: Install dependencies
|
||||
run: pnpm install --frozen-lockfile
|
||||
|
||||
- name: Run tests
|
||||
run: pnpm test
|
||||
|
||||
- name: Run greedy simulation
|
||||
run: pnpm --filter @ai-tycoon/game-simulation simulate:ci
|
||||
|
||||
- name: Run random simulation
|
||||
if: always()
|
||||
run: |
|
||||
cd packages/game-simulation
|
||||
npx tsx src/simulate.ts --strategy random --ticks 28800 --json --seed 42
|
||||
|
||||
- name: Upload balance reports
|
||||
if: always()
|
||||
uses: actions/upload-artifact@v4
|
||||
with:
|
||||
name: balance-reports
|
||||
path: |
|
||||
packages/game-simulation/balance-report*.json
|
||||
packages/game-simulation/balance-metrics*.csv
|
||||
run: pnpm --filter @token-empire/game-simulation simulate:ci
|
||||
|
||||
multi-run-balance:
|
||||
runs-on: ubuntu-latest
|
||||
@@ -62,21 +49,13 @@ jobs:
|
||||
uses: actions/setup-node@v4
|
||||
with:
|
||||
node-version: '22'
|
||||
cache: 'pnpm'
|
||||
|
||||
- name: Install dependencies
|
||||
run: pnpm install --frozen-lockfile
|
||||
|
||||
- name: Run multi-simulation (5 runs)
|
||||
run: pnpm --filter @ai-tycoon/game-simulation multirun -- --runs 5 --parallel 2 --strategy greedy --ticks 28800 --no-timeseries
|
||||
- name: Run multi-simulation (100 runs)
|
||||
run: pnpm --filter @token-empire/game-simulation multirun -- --runs 100 --parallel 10 --strategy persona --ticks 28800 --no-timeseries
|
||||
|
||||
- name: Interpret results
|
||||
if: always()
|
||||
run: pnpm --filter @ai-tycoon/game-simulation interpret -- --summary packages/game-simulation/multirun-summary.csv
|
||||
|
||||
- name: Upload multi-run reports
|
||||
if: always()
|
||||
uses: actions/upload-artifact@v4
|
||||
with:
|
||||
name: multirun-reports
|
||||
path: packages/game-simulation/multirun-*.csv
|
||||
run: pnpm --filter @token-empire/game-simulation interpret -- --summary multirun-summary.csv
|
||||
|
||||
@@ -6,7 +6,7 @@ on:
|
||||
|
||||
env:
|
||||
REGISTRY: gitea.thewrightserver.net
|
||||
IMAGE_PREFIX: gitea.thewrightserver.net/josh/aihostingtycoon
|
||||
IMAGE_PREFIX: gitea.thewrightserver.net/josh/tokenempire
|
||||
|
||||
jobs:
|
||||
build-and-push:
|
||||
|
||||
@@ -10,3 +10,5 @@ balance-report*.json
|
||||
balance-metrics*.csv
|
||||
multirun-summary.csv
|
||||
multirun-timeseries.csv
|
||||
.planning/
|
||||
*.log
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
# AI Tycoon
|
||||
# Token Empire
|
||||
|
||||
A browser-based incremental/idle game where you manage an AI company from a garage startup to building AGI. Navigate the real tensions of the AI industry: scaling compute, training frontier models, balancing safety vs capability, hiring talent, and competing with rival labs.
|
||||
|
||||
@@ -29,7 +29,7 @@ The web app starts at `http://localhost:5173` (or the next available port). The
|
||||
## Project Structure
|
||||
|
||||
```
|
||||
ai-tycoon/
|
||||
token-empire/
|
||||
├── apps/
|
||||
│ ├── web/ # React frontend (Vite)
|
||||
│ └── server/ # Hono API backend
|
||||
@@ -81,7 +81,7 @@ pnpm clean # Clean build artifacts
|
||||
The backend requires PostgreSQL for cloud saves and leaderboards. Set the connection string in `apps/server/.env`:
|
||||
|
||||
```
|
||||
DATABASE_URL=postgresql://user:password@localhost:5432/ai_tycoon
|
||||
DATABASE_URL=postgresql://user:password@localhost:5432/token_empire
|
||||
```
|
||||
|
||||
Run migrations:
|
||||
|
||||
@@ -14,16 +14,16 @@ COPY --from=deps /app/node_modules ./node_modules
|
||||
COPY --from=deps /app/packages/shared/node_modules ./packages/shared/node_modules
|
||||
COPY --from=deps /app/apps/server/node_modules ./apps/server/node_modules
|
||||
COPY . .
|
||||
RUN pnpm --filter @ai-tycoon/shared build && \
|
||||
pnpm --filter @ai-tycoon/server typecheck
|
||||
RUN pnpm --filter @token-empire/shared build && \
|
||||
pnpm --filter @token-empire/server typecheck
|
||||
|
||||
FROM base AS production
|
||||
COPY --from=deps /app/node_modules ./node_modules
|
||||
COPY --from=deps /app/packages/shared/node_modules ./packages/shared/node_modules
|
||||
COPY --from=deps /app/apps/server/node_modules ./apps/server/node_modules
|
||||
COPY pnpm-lock.yaml pnpm-workspace.yaml package.json ./
|
||||
COPY packages/shared ./packages/shared
|
||||
COPY packages/tsconfig ./packages/tsconfig
|
||||
COPY apps/server ./apps/server
|
||||
RUN pnpm install --frozen-lockfile --prod
|
||||
ENV NODE_ENV=production
|
||||
EXPOSE 3001
|
||||
CMD ["node", "--import", "tsx", "apps/server/src/index.ts"]
|
||||
WORKDIR /app/apps/server
|
||||
CMD ["node", "--import", "tsx", "src/index.ts"]
|
||||
|
||||
@@ -5,6 +5,6 @@ export default defineConfig({
|
||||
schema: './src/db/schema.ts',
|
||||
out: './drizzle',
|
||||
dbCredentials: {
|
||||
url: process.env.DATABASE_URL ?? 'postgresql://localhost:5432/ai_tycoon',
|
||||
url: process.env.DATABASE_URL ?? 'postgresql://localhost:5432/token_empire',
|
||||
},
|
||||
});
|
||||
|
||||
@@ -0,0 +1,63 @@
|
||||
CREATE TABLE "achievements" (
|
||||
"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
|
||||
"user_id" uuid NOT NULL,
|
||||
"achievement_id" text NOT NULL,
|
||||
"unlocked_at" timestamp DEFAULT now() NOT NULL
|
||||
);
|
||||
--> statement-breakpoint
|
||||
CREATE TABLE "invitations" (
|
||||
"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
|
||||
"code" text NOT NULL,
|
||||
"created_by" uuid NOT NULL,
|
||||
"used_by" uuid,
|
||||
"created_at" timestamp DEFAULT now() NOT NULL,
|
||||
"expires_at" timestamp,
|
||||
CONSTRAINT "invitations_code_unique" UNIQUE("code")
|
||||
);
|
||||
--> statement-breakpoint
|
||||
CREATE TABLE "leaderboard" (
|
||||
"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
|
||||
"user_id" uuid NOT NULL,
|
||||
"company_name" text NOT NULL,
|
||||
"category" text NOT NULL,
|
||||
"score" integer NOT NULL,
|
||||
"era" text NOT NULL,
|
||||
"tick_count" integer NOT NULL,
|
||||
"submitted_at" timestamp DEFAULT now() NOT NULL
|
||||
);
|
||||
--> statement-breakpoint
|
||||
CREATE TABLE "saves" (
|
||||
"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
|
||||
"user_id" uuid NOT NULL,
|
||||
"company_name" text NOT NULL,
|
||||
"save_version" integer NOT NULL,
|
||||
"game_data" jsonb NOT NULL,
|
||||
"tick_count" integer DEFAULT 0 NOT NULL,
|
||||
"era" text DEFAULT 'startup' NOT NULL,
|
||||
"created_at" timestamp DEFAULT now() NOT NULL,
|
||||
"updated_at" timestamp DEFAULT now() NOT NULL
|
||||
);
|
||||
--> statement-breakpoint
|
||||
CREATE TABLE "users" (
|
||||
"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
|
||||
"anon_token" uuid DEFAULT gen_random_uuid() NOT NULL,
|
||||
"username" text,
|
||||
"email" text,
|
||||
"password_hash" text,
|
||||
"role" text DEFAULT 'user' NOT NULL,
|
||||
"must_reset_password" boolean DEFAULT false NOT NULL,
|
||||
"created_at" timestamp DEFAULT now() NOT NULL,
|
||||
"last_seen_at" timestamp DEFAULT now() NOT NULL,
|
||||
CONSTRAINT "users_anon_token_unique" UNIQUE("anon_token"),
|
||||
CONSTRAINT "users_username_unique" UNIQUE("username"),
|
||||
CONSTRAINT "users_email_unique" UNIQUE("email")
|
||||
);
|
||||
--> statement-breakpoint
|
||||
ALTER TABLE "achievements" ADD CONSTRAINT "achievements_user_id_users_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."users"("id") ON DELETE no action ON UPDATE no action;--> statement-breakpoint
|
||||
ALTER TABLE "invitations" ADD CONSTRAINT "invitations_created_by_users_id_fk" FOREIGN KEY ("created_by") REFERENCES "public"."users"("id") ON DELETE no action ON UPDATE no action;--> statement-breakpoint
|
||||
ALTER TABLE "invitations" ADD CONSTRAINT "invitations_used_by_users_id_fk" FOREIGN KEY ("used_by") REFERENCES "public"."users"("id") ON DELETE no action ON UPDATE no action;--> statement-breakpoint
|
||||
ALTER TABLE "leaderboard" ADD CONSTRAINT "leaderboard_user_id_users_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."users"("id") ON DELETE no action ON UPDATE no action;--> statement-breakpoint
|
||||
ALTER TABLE "saves" ADD CONSTRAINT "saves_user_id_users_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."users"("id") ON DELETE no action ON UPDATE no action;--> statement-breakpoint
|
||||
CREATE INDEX "achievements_user_id_idx" ON "achievements" USING btree ("user_id");--> statement-breakpoint
|
||||
CREATE INDEX "leaderboard_category_score_idx" ON "leaderboard" USING btree ("category","score");--> statement-breakpoint
|
||||
CREATE INDEX "saves_user_id_idx" ON "saves" USING btree ("user_id");
|
||||
@@ -0,0 +1 @@
|
||||
ALTER TABLE "users" ADD COLUMN "token_version" integer DEFAULT 0 NOT NULL;
|
||||
@@ -0,0 +1,470 @@
|
||||
{
|
||||
"id": "8cfe4136-b228-464d-bf2c-e4f2e8c73ce1",
|
||||
"prevId": "00000000-0000-0000-0000-000000000000",
|
||||
"version": "7",
|
||||
"dialect": "postgresql",
|
||||
"tables": {
|
||||
"public.achievements": {
|
||||
"name": "achievements",
|
||||
"schema": "",
|
||||
"columns": {
|
||||
"id": {
|
||||
"name": "id",
|
||||
"type": "uuid",
|
||||
"primaryKey": true,
|
||||
"notNull": true,
|
||||
"default": "gen_random_uuid()"
|
||||
},
|
||||
"user_id": {
|
||||
"name": "user_id",
|
||||
"type": "uuid",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"achievement_id": {
|
||||
"name": "achievement_id",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"unlocked_at": {
|
||||
"name": "unlocked_at",
|
||||
"type": "timestamp",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "now()"
|
||||
}
|
||||
},
|
||||
"indexes": {
|
||||
"achievements_user_id_idx": {
|
||||
"name": "achievements_user_id_idx",
|
||||
"columns": [
|
||||
{
|
||||
"expression": "user_id",
|
||||
"isExpression": false,
|
||||
"asc": true,
|
||||
"nulls": "last"
|
||||
}
|
||||
],
|
||||
"isUnique": false,
|
||||
"concurrently": false,
|
||||
"method": "btree",
|
||||
"with": {}
|
||||
}
|
||||
},
|
||||
"foreignKeys": {
|
||||
"achievements_user_id_users_id_fk": {
|
||||
"name": "achievements_user_id_users_id_fk",
|
||||
"tableFrom": "achievements",
|
||||
"tableTo": "users",
|
||||
"columnsFrom": [
|
||||
"user_id"
|
||||
],
|
||||
"columnsTo": [
|
||||
"id"
|
||||
],
|
||||
"onDelete": "no action",
|
||||
"onUpdate": "no action"
|
||||
}
|
||||
},
|
||||
"compositePrimaryKeys": {},
|
||||
"uniqueConstraints": {},
|
||||
"policies": {},
|
||||
"checkConstraints": {},
|
||||
"isRLSEnabled": false
|
||||
},
|
||||
"public.invitations": {
|
||||
"name": "invitations",
|
||||
"schema": "",
|
||||
"columns": {
|
||||
"id": {
|
||||
"name": "id",
|
||||
"type": "uuid",
|
||||
"primaryKey": true,
|
||||
"notNull": true,
|
||||
"default": "gen_random_uuid()"
|
||||
},
|
||||
"code": {
|
||||
"name": "code",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"created_by": {
|
||||
"name": "created_by",
|
||||
"type": "uuid",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"used_by": {
|
||||
"name": "used_by",
|
||||
"type": "uuid",
|
||||
"primaryKey": false,
|
||||
"notNull": false
|
||||
},
|
||||
"created_at": {
|
||||
"name": "created_at",
|
||||
"type": "timestamp",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "now()"
|
||||
},
|
||||
"expires_at": {
|
||||
"name": "expires_at",
|
||||
"type": "timestamp",
|
||||
"primaryKey": false,
|
||||
"notNull": false
|
||||
}
|
||||
},
|
||||
"indexes": {},
|
||||
"foreignKeys": {
|
||||
"invitations_created_by_users_id_fk": {
|
||||
"name": "invitations_created_by_users_id_fk",
|
||||
"tableFrom": "invitations",
|
||||
"tableTo": "users",
|
||||
"columnsFrom": [
|
||||
"created_by"
|
||||
],
|
||||
"columnsTo": [
|
||||
"id"
|
||||
],
|
||||
"onDelete": "no action",
|
||||
"onUpdate": "no action"
|
||||
},
|
||||
"invitations_used_by_users_id_fk": {
|
||||
"name": "invitations_used_by_users_id_fk",
|
||||
"tableFrom": "invitations",
|
||||
"tableTo": "users",
|
||||
"columnsFrom": [
|
||||
"used_by"
|
||||
],
|
||||
"columnsTo": [
|
||||
"id"
|
||||
],
|
||||
"onDelete": "no action",
|
||||
"onUpdate": "no action"
|
||||
}
|
||||
},
|
||||
"compositePrimaryKeys": {},
|
||||
"uniqueConstraints": {
|
||||
"invitations_code_unique": {
|
||||
"name": "invitations_code_unique",
|
||||
"nullsNotDistinct": false,
|
||||
"columns": [
|
||||
"code"
|
||||
]
|
||||
}
|
||||
},
|
||||
"policies": {},
|
||||
"checkConstraints": {},
|
||||
"isRLSEnabled": false
|
||||
},
|
||||
"public.leaderboard": {
|
||||
"name": "leaderboard",
|
||||
"schema": "",
|
||||
"columns": {
|
||||
"id": {
|
||||
"name": "id",
|
||||
"type": "uuid",
|
||||
"primaryKey": true,
|
||||
"notNull": true,
|
||||
"default": "gen_random_uuid()"
|
||||
},
|
||||
"user_id": {
|
||||
"name": "user_id",
|
||||
"type": "uuid",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"company_name": {
|
||||
"name": "company_name",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"category": {
|
||||
"name": "category",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"score": {
|
||||
"name": "score",
|
||||
"type": "integer",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"era": {
|
||||
"name": "era",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"tick_count": {
|
||||
"name": "tick_count",
|
||||
"type": "integer",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"submitted_at": {
|
||||
"name": "submitted_at",
|
||||
"type": "timestamp",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "now()"
|
||||
}
|
||||
},
|
||||
"indexes": {
|
||||
"leaderboard_category_score_idx": {
|
||||
"name": "leaderboard_category_score_idx",
|
||||
"columns": [
|
||||
{
|
||||
"expression": "category",
|
||||
"isExpression": false,
|
||||
"asc": true,
|
||||
"nulls": "last"
|
||||
},
|
||||
{
|
||||
"expression": "score",
|
||||
"isExpression": false,
|
||||
"asc": true,
|
||||
"nulls": "last"
|
||||
}
|
||||
],
|
||||
"isUnique": false,
|
||||
"concurrently": false,
|
||||
"method": "btree",
|
||||
"with": {}
|
||||
}
|
||||
},
|
||||
"foreignKeys": {
|
||||
"leaderboard_user_id_users_id_fk": {
|
||||
"name": "leaderboard_user_id_users_id_fk",
|
||||
"tableFrom": "leaderboard",
|
||||
"tableTo": "users",
|
||||
"columnsFrom": [
|
||||
"user_id"
|
||||
],
|
||||
"columnsTo": [
|
||||
"id"
|
||||
],
|
||||
"onDelete": "no action",
|
||||
"onUpdate": "no action"
|
||||
}
|
||||
},
|
||||
"compositePrimaryKeys": {},
|
||||
"uniqueConstraints": {},
|
||||
"policies": {},
|
||||
"checkConstraints": {},
|
||||
"isRLSEnabled": false
|
||||
},
|
||||
"public.saves": {
|
||||
"name": "saves",
|
||||
"schema": "",
|
||||
"columns": {
|
||||
"id": {
|
||||
"name": "id",
|
||||
"type": "uuid",
|
||||
"primaryKey": true,
|
||||
"notNull": true,
|
||||
"default": "gen_random_uuid()"
|
||||
},
|
||||
"user_id": {
|
||||
"name": "user_id",
|
||||
"type": "uuid",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"company_name": {
|
||||
"name": "company_name",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"save_version": {
|
||||
"name": "save_version",
|
||||
"type": "integer",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"game_data": {
|
||||
"name": "game_data",
|
||||
"type": "jsonb",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"tick_count": {
|
||||
"name": "tick_count",
|
||||
"type": "integer",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": 0
|
||||
},
|
||||
"era": {
|
||||
"name": "era",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "'startup'"
|
||||
},
|
||||
"created_at": {
|
||||
"name": "created_at",
|
||||
"type": "timestamp",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "now()"
|
||||
},
|
||||
"updated_at": {
|
||||
"name": "updated_at",
|
||||
"type": "timestamp",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "now()"
|
||||
}
|
||||
},
|
||||
"indexes": {
|
||||
"saves_user_id_idx": {
|
||||
"name": "saves_user_id_idx",
|
||||
"columns": [
|
||||
{
|
||||
"expression": "user_id",
|
||||
"isExpression": false,
|
||||
"asc": true,
|
||||
"nulls": "last"
|
||||
}
|
||||
],
|
||||
"isUnique": false,
|
||||
"concurrently": false,
|
||||
"method": "btree",
|
||||
"with": {}
|
||||
}
|
||||
},
|
||||
"foreignKeys": {
|
||||
"saves_user_id_users_id_fk": {
|
||||
"name": "saves_user_id_users_id_fk",
|
||||
"tableFrom": "saves",
|
||||
"tableTo": "users",
|
||||
"columnsFrom": [
|
||||
"user_id"
|
||||
],
|
||||
"columnsTo": [
|
||||
"id"
|
||||
],
|
||||
"onDelete": "no action",
|
||||
"onUpdate": "no action"
|
||||
}
|
||||
},
|
||||
"compositePrimaryKeys": {},
|
||||
"uniqueConstraints": {},
|
||||
"policies": {},
|
||||
"checkConstraints": {},
|
||||
"isRLSEnabled": false
|
||||
},
|
||||
"public.users": {
|
||||
"name": "users",
|
||||
"schema": "",
|
||||
"columns": {
|
||||
"id": {
|
||||
"name": "id",
|
||||
"type": "uuid",
|
||||
"primaryKey": true,
|
||||
"notNull": true,
|
||||
"default": "gen_random_uuid()"
|
||||
},
|
||||
"anon_token": {
|
||||
"name": "anon_token",
|
||||
"type": "uuid",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "gen_random_uuid()"
|
||||
},
|
||||
"username": {
|
||||
"name": "username",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": false
|
||||
},
|
||||
"email": {
|
||||
"name": "email",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": false
|
||||
},
|
||||
"password_hash": {
|
||||
"name": "password_hash",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": false
|
||||
},
|
||||
"role": {
|
||||
"name": "role",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "'user'"
|
||||
},
|
||||
"must_reset_password": {
|
||||
"name": "must_reset_password",
|
||||
"type": "boolean",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": false
|
||||
},
|
||||
"created_at": {
|
||||
"name": "created_at",
|
||||
"type": "timestamp",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "now()"
|
||||
},
|
||||
"last_seen_at": {
|
||||
"name": "last_seen_at",
|
||||
"type": "timestamp",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "now()"
|
||||
}
|
||||
},
|
||||
"indexes": {},
|
||||
"foreignKeys": {},
|
||||
"compositePrimaryKeys": {},
|
||||
"uniqueConstraints": {
|
||||
"users_anon_token_unique": {
|
||||
"name": "users_anon_token_unique",
|
||||
"nullsNotDistinct": false,
|
||||
"columns": [
|
||||
"anon_token"
|
||||
]
|
||||
},
|
||||
"users_username_unique": {
|
||||
"name": "users_username_unique",
|
||||
"nullsNotDistinct": false,
|
||||
"columns": [
|
||||
"username"
|
||||
]
|
||||
},
|
||||
"users_email_unique": {
|
||||
"name": "users_email_unique",
|
||||
"nullsNotDistinct": false,
|
||||
"columns": [
|
||||
"email"
|
||||
]
|
||||
}
|
||||
},
|
||||
"policies": {},
|
||||
"checkConstraints": {},
|
||||
"isRLSEnabled": false
|
||||
}
|
||||
},
|
||||
"enums": {},
|
||||
"schemas": {},
|
||||
"sequences": {},
|
||||
"roles": {},
|
||||
"policies": {},
|
||||
"views": {},
|
||||
"_meta": {
|
||||
"columns": {},
|
||||
"schemas": {},
|
||||
"tables": {}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,477 @@
|
||||
{
|
||||
"id": "9324fe22-280a-4276-ace3-820f55654ec7",
|
||||
"prevId": "8cfe4136-b228-464d-bf2c-e4f2e8c73ce1",
|
||||
"version": "7",
|
||||
"dialect": "postgresql",
|
||||
"tables": {
|
||||
"public.achievements": {
|
||||
"name": "achievements",
|
||||
"schema": "",
|
||||
"columns": {
|
||||
"id": {
|
||||
"name": "id",
|
||||
"type": "uuid",
|
||||
"primaryKey": true,
|
||||
"notNull": true,
|
||||
"default": "gen_random_uuid()"
|
||||
},
|
||||
"user_id": {
|
||||
"name": "user_id",
|
||||
"type": "uuid",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"achievement_id": {
|
||||
"name": "achievement_id",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"unlocked_at": {
|
||||
"name": "unlocked_at",
|
||||
"type": "timestamp",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "now()"
|
||||
}
|
||||
},
|
||||
"indexes": {
|
||||
"achievements_user_id_idx": {
|
||||
"name": "achievements_user_id_idx",
|
||||
"columns": [
|
||||
{
|
||||
"expression": "user_id",
|
||||
"isExpression": false,
|
||||
"asc": true,
|
||||
"nulls": "last"
|
||||
}
|
||||
],
|
||||
"isUnique": false,
|
||||
"concurrently": false,
|
||||
"method": "btree",
|
||||
"with": {}
|
||||
}
|
||||
},
|
||||
"foreignKeys": {
|
||||
"achievements_user_id_users_id_fk": {
|
||||
"name": "achievements_user_id_users_id_fk",
|
||||
"tableFrom": "achievements",
|
||||
"tableTo": "users",
|
||||
"columnsFrom": [
|
||||
"user_id"
|
||||
],
|
||||
"columnsTo": [
|
||||
"id"
|
||||
],
|
||||
"onDelete": "no action",
|
||||
"onUpdate": "no action"
|
||||
}
|
||||
},
|
||||
"compositePrimaryKeys": {},
|
||||
"uniqueConstraints": {},
|
||||
"policies": {},
|
||||
"checkConstraints": {},
|
||||
"isRLSEnabled": false
|
||||
},
|
||||
"public.invitations": {
|
||||
"name": "invitations",
|
||||
"schema": "",
|
||||
"columns": {
|
||||
"id": {
|
||||
"name": "id",
|
||||
"type": "uuid",
|
||||
"primaryKey": true,
|
||||
"notNull": true,
|
||||
"default": "gen_random_uuid()"
|
||||
},
|
||||
"code": {
|
||||
"name": "code",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"created_by": {
|
||||
"name": "created_by",
|
||||
"type": "uuid",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"used_by": {
|
||||
"name": "used_by",
|
||||
"type": "uuid",
|
||||
"primaryKey": false,
|
||||
"notNull": false
|
||||
},
|
||||
"created_at": {
|
||||
"name": "created_at",
|
||||
"type": "timestamp",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "now()"
|
||||
},
|
||||
"expires_at": {
|
||||
"name": "expires_at",
|
||||
"type": "timestamp",
|
||||
"primaryKey": false,
|
||||
"notNull": false
|
||||
}
|
||||
},
|
||||
"indexes": {},
|
||||
"foreignKeys": {
|
||||
"invitations_created_by_users_id_fk": {
|
||||
"name": "invitations_created_by_users_id_fk",
|
||||
"tableFrom": "invitations",
|
||||
"tableTo": "users",
|
||||
"columnsFrom": [
|
||||
"created_by"
|
||||
],
|
||||
"columnsTo": [
|
||||
"id"
|
||||
],
|
||||
"onDelete": "no action",
|
||||
"onUpdate": "no action"
|
||||
},
|
||||
"invitations_used_by_users_id_fk": {
|
||||
"name": "invitations_used_by_users_id_fk",
|
||||
"tableFrom": "invitations",
|
||||
"tableTo": "users",
|
||||
"columnsFrom": [
|
||||
"used_by"
|
||||
],
|
||||
"columnsTo": [
|
||||
"id"
|
||||
],
|
||||
"onDelete": "no action",
|
||||
"onUpdate": "no action"
|
||||
}
|
||||
},
|
||||
"compositePrimaryKeys": {},
|
||||
"uniqueConstraints": {
|
||||
"invitations_code_unique": {
|
||||
"name": "invitations_code_unique",
|
||||
"nullsNotDistinct": false,
|
||||
"columns": [
|
||||
"code"
|
||||
]
|
||||
}
|
||||
},
|
||||
"policies": {},
|
||||
"checkConstraints": {},
|
||||
"isRLSEnabled": false
|
||||
},
|
||||
"public.leaderboard": {
|
||||
"name": "leaderboard",
|
||||
"schema": "",
|
||||
"columns": {
|
||||
"id": {
|
||||
"name": "id",
|
||||
"type": "uuid",
|
||||
"primaryKey": true,
|
||||
"notNull": true,
|
||||
"default": "gen_random_uuid()"
|
||||
},
|
||||
"user_id": {
|
||||
"name": "user_id",
|
||||
"type": "uuid",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"company_name": {
|
||||
"name": "company_name",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"category": {
|
||||
"name": "category",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"score": {
|
||||
"name": "score",
|
||||
"type": "integer",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"era": {
|
||||
"name": "era",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"tick_count": {
|
||||
"name": "tick_count",
|
||||
"type": "integer",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"submitted_at": {
|
||||
"name": "submitted_at",
|
||||
"type": "timestamp",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "now()"
|
||||
}
|
||||
},
|
||||
"indexes": {
|
||||
"leaderboard_category_score_idx": {
|
||||
"name": "leaderboard_category_score_idx",
|
||||
"columns": [
|
||||
{
|
||||
"expression": "category",
|
||||
"isExpression": false,
|
||||
"asc": true,
|
||||
"nulls": "last"
|
||||
},
|
||||
{
|
||||
"expression": "score",
|
||||
"isExpression": false,
|
||||
"asc": true,
|
||||
"nulls": "last"
|
||||
}
|
||||
],
|
||||
"isUnique": false,
|
||||
"concurrently": false,
|
||||
"method": "btree",
|
||||
"with": {}
|
||||
}
|
||||
},
|
||||
"foreignKeys": {
|
||||
"leaderboard_user_id_users_id_fk": {
|
||||
"name": "leaderboard_user_id_users_id_fk",
|
||||
"tableFrom": "leaderboard",
|
||||
"tableTo": "users",
|
||||
"columnsFrom": [
|
||||
"user_id"
|
||||
],
|
||||
"columnsTo": [
|
||||
"id"
|
||||
],
|
||||
"onDelete": "no action",
|
||||
"onUpdate": "no action"
|
||||
}
|
||||
},
|
||||
"compositePrimaryKeys": {},
|
||||
"uniqueConstraints": {},
|
||||
"policies": {},
|
||||
"checkConstraints": {},
|
||||
"isRLSEnabled": false
|
||||
},
|
||||
"public.saves": {
|
||||
"name": "saves",
|
||||
"schema": "",
|
||||
"columns": {
|
||||
"id": {
|
||||
"name": "id",
|
||||
"type": "uuid",
|
||||
"primaryKey": true,
|
||||
"notNull": true,
|
||||
"default": "gen_random_uuid()"
|
||||
},
|
||||
"user_id": {
|
||||
"name": "user_id",
|
||||
"type": "uuid",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"company_name": {
|
||||
"name": "company_name",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"save_version": {
|
||||
"name": "save_version",
|
||||
"type": "integer",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"game_data": {
|
||||
"name": "game_data",
|
||||
"type": "jsonb",
|
||||
"primaryKey": false,
|
||||
"notNull": true
|
||||
},
|
||||
"tick_count": {
|
||||
"name": "tick_count",
|
||||
"type": "integer",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": 0
|
||||
},
|
||||
"era": {
|
||||
"name": "era",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "'startup'"
|
||||
},
|
||||
"created_at": {
|
||||
"name": "created_at",
|
||||
"type": "timestamp",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "now()"
|
||||
},
|
||||
"updated_at": {
|
||||
"name": "updated_at",
|
||||
"type": "timestamp",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "now()"
|
||||
}
|
||||
},
|
||||
"indexes": {
|
||||
"saves_user_id_idx": {
|
||||
"name": "saves_user_id_idx",
|
||||
"columns": [
|
||||
{
|
||||
"expression": "user_id",
|
||||
"isExpression": false,
|
||||
"asc": true,
|
||||
"nulls": "last"
|
||||
}
|
||||
],
|
||||
"isUnique": false,
|
||||
"concurrently": false,
|
||||
"method": "btree",
|
||||
"with": {}
|
||||
}
|
||||
},
|
||||
"foreignKeys": {
|
||||
"saves_user_id_users_id_fk": {
|
||||
"name": "saves_user_id_users_id_fk",
|
||||
"tableFrom": "saves",
|
||||
"tableTo": "users",
|
||||
"columnsFrom": [
|
||||
"user_id"
|
||||
],
|
||||
"columnsTo": [
|
||||
"id"
|
||||
],
|
||||
"onDelete": "no action",
|
||||
"onUpdate": "no action"
|
||||
}
|
||||
},
|
||||
"compositePrimaryKeys": {},
|
||||
"uniqueConstraints": {},
|
||||
"policies": {},
|
||||
"checkConstraints": {},
|
||||
"isRLSEnabled": false
|
||||
},
|
||||
"public.users": {
|
||||
"name": "users",
|
||||
"schema": "",
|
||||
"columns": {
|
||||
"id": {
|
||||
"name": "id",
|
||||
"type": "uuid",
|
||||
"primaryKey": true,
|
||||
"notNull": true,
|
||||
"default": "gen_random_uuid()"
|
||||
},
|
||||
"anon_token": {
|
||||
"name": "anon_token",
|
||||
"type": "uuid",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "gen_random_uuid()"
|
||||
},
|
||||
"username": {
|
||||
"name": "username",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": false
|
||||
},
|
||||
"email": {
|
||||
"name": "email",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": false
|
||||
},
|
||||
"password_hash": {
|
||||
"name": "password_hash",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": false
|
||||
},
|
||||
"role": {
|
||||
"name": "role",
|
||||
"type": "text",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "'user'"
|
||||
},
|
||||
"must_reset_password": {
|
||||
"name": "must_reset_password",
|
||||
"type": "boolean",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": false
|
||||
},
|
||||
"token_version": {
|
||||
"name": "token_version",
|
||||
"type": "integer",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": 0
|
||||
},
|
||||
"created_at": {
|
||||
"name": "created_at",
|
||||
"type": "timestamp",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "now()"
|
||||
},
|
||||
"last_seen_at": {
|
||||
"name": "last_seen_at",
|
||||
"type": "timestamp",
|
||||
"primaryKey": false,
|
||||
"notNull": true,
|
||||
"default": "now()"
|
||||
}
|
||||
},
|
||||
"indexes": {},
|
||||
"foreignKeys": {},
|
||||
"compositePrimaryKeys": {},
|
||||
"uniqueConstraints": {
|
||||
"users_anon_token_unique": {
|
||||
"name": "users_anon_token_unique",
|
||||
"nullsNotDistinct": false,
|
||||
"columns": [
|
||||
"anon_token"
|
||||
]
|
||||
},
|
||||
"users_username_unique": {
|
||||
"name": "users_username_unique",
|
||||
"nullsNotDistinct": false,
|
||||
"columns": [
|
||||
"username"
|
||||
]
|
||||
},
|
||||
"users_email_unique": {
|
||||
"name": "users_email_unique",
|
||||
"nullsNotDistinct": false,
|
||||
"columns": [
|
||||
"email"
|
||||
]
|
||||
}
|
||||
},
|
||||
"policies": {},
|
||||
"checkConstraints": {},
|
||||
"isRLSEnabled": false
|
||||
}
|
||||
},
|
||||
"enums": {},
|
||||
"schemas": {},
|
||||
"sequences": {},
|
||||
"roles": {},
|
||||
"policies": {},
|
||||
"views": {},
|
||||
"_meta": {
|
||||
"columns": {},
|
||||
"schemas": {},
|
||||
"tables": {}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
{
|
||||
"version": "7",
|
||||
"dialect": "postgresql",
|
||||
"entries": [
|
||||
{
|
||||
"idx": 0,
|
||||
"version": "7",
|
||||
"when": 1777333216602,
|
||||
"tag": "0000_tearful_hedge_knight",
|
||||
"breakpoints": true
|
||||
},
|
||||
{
|
||||
"idx": 1,
|
||||
"version": "7",
|
||||
"when": 1777417629552,
|
||||
"tag": "0001_certain_aaron_stack",
|
||||
"breakpoints": true
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "@ai-tycoon/server",
|
||||
"name": "@token-empire/server",
|
||||
"version": "0.0.1",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
@@ -13,18 +13,19 @@
|
||||
"db:push": "drizzle-kit push"
|
||||
},
|
||||
"dependencies": {
|
||||
"@ai-tycoon/shared": "workspace:*",
|
||||
"@token-empire/shared": "workspace:*",
|
||||
"@hono/node-server": "^1.13.8",
|
||||
"bcryptjs": "^3.0.3",
|
||||
"drizzle-orm": "^0.44.2",
|
||||
"hono": "^4.7.10",
|
||||
"postgres": "^3.4.7",
|
||||
"tsx": "^4.19.4",
|
||||
"uuid": "^11.1.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@ai-tycoon/tsconfig": "workspace:*",
|
||||
"@token-empire/tsconfig": "workspace:*",
|
||||
"@types/node": "^25.6.0",
|
||||
"drizzle-kit": "^0.31.1",
|
||||
"tsx": "^4.19.4",
|
||||
"typescript": "^5.8.3"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,10 +1,23 @@
|
||||
import path from 'node:path';
|
||||
import { fileURLToPath } from 'node:url';
|
||||
import { drizzle } from 'drizzle-orm/postgres-js';
|
||||
import { migrate } from 'drizzle-orm/postgres-js/migrator';
|
||||
import postgres from 'postgres';
|
||||
import * as schema from './schema';
|
||||
|
||||
const connectionString = process.env.DATABASE_URL ?? 'postgresql://localhost:5432/ai_tycoon';
|
||||
const connectionString = process.env.DATABASE_URL ?? 'postgresql://localhost:5432/token_empire';
|
||||
|
||||
const client = postgres(connectionString);
|
||||
export const db = drizzle(client, { schema });
|
||||
|
||||
export type Database = typeof db;
|
||||
|
||||
const __dirname = path.dirname(fileURLToPath(import.meta.url));
|
||||
|
||||
export async function runMigrations() {
|
||||
const migrationClient = postgres(connectionString, { max: 1 });
|
||||
const migrationDb = drizzle(migrationClient);
|
||||
await migrate(migrationDb, { migrationsFolder: path.resolve(__dirname, '../../drizzle') });
|
||||
await migrationClient.end();
|
||||
console.log('Database migrations complete');
|
||||
}
|
||||
|
||||
@@ -3,8 +3,12 @@ import { pgTable, uuid, text, timestamp, jsonb, integer, boolean, index } from '
|
||||
export const users = pgTable('users', {
|
||||
id: uuid('id').defaultRandom().primaryKey(),
|
||||
anonToken: uuid('anon_token').defaultRandom().notNull().unique(),
|
||||
username: text('username').unique(),
|
||||
email: text('email').unique(),
|
||||
passwordHash: text('password_hash'),
|
||||
role: text('role').notNull().default('user'),
|
||||
mustResetPassword: boolean('must_reset_password').notNull().default(false),
|
||||
tokenVersion: integer('token_version').notNull().default(0),
|
||||
createdAt: timestamp('created_at').defaultNow().notNull(),
|
||||
lastSeenAt: timestamp('last_seen_at').defaultNow().notNull(),
|
||||
});
|
||||
@@ -44,3 +48,12 @@ export const achievements = pgTable('achievements', {
|
||||
}, (table) => [
|
||||
index('achievements_user_id_idx').on(table.userId),
|
||||
]);
|
||||
|
||||
export const invitations = pgTable('invitations', {
|
||||
id: uuid('id').defaultRandom().primaryKey(),
|
||||
code: text('code').notNull().unique(),
|
||||
createdBy: uuid('created_by').notNull().references(() => users.id),
|
||||
usedBy: uuid('used_by').references(() => users.id),
|
||||
createdAt: timestamp('created_at').defaultNow().notNull(),
|
||||
expiresAt: timestamp('expires_at'),
|
||||
});
|
||||
|
||||
@@ -0,0 +1,27 @@
|
||||
import { eq } from 'drizzle-orm';
|
||||
import bcrypt from 'bcryptjs';
|
||||
import { db } from './index';
|
||||
import { users } from './schema';
|
||||
|
||||
export async function seedAdmin() {
|
||||
const [existing] = await db
|
||||
.select()
|
||||
.from(users)
|
||||
.where(eq(users.role, 'admin'))
|
||||
.limit(1);
|
||||
|
||||
if (existing) {
|
||||
console.log('Admin user already exists');
|
||||
return;
|
||||
}
|
||||
|
||||
const passwordHash = await bcrypt.hash('admin', 10);
|
||||
await db.insert(users).values({
|
||||
username: 'admin',
|
||||
passwordHash,
|
||||
role: 'admin',
|
||||
mustResetPassword: true,
|
||||
});
|
||||
|
||||
console.log('Admin user seeded (admin/admin — password reset required)');
|
||||
}
|
||||
@@ -5,6 +5,14 @@ import { serve } from '@hono/node-server';
|
||||
import { auth } from './routes/auth';
|
||||
import { savesRouter } from './routes/saves';
|
||||
import { leaderboardRouter } from './routes/leaderboard';
|
||||
import { invitesRouter } from './routes/invites';
|
||||
import { runMigrations } from './db';
|
||||
import { seedAdmin } from './db/seed';
|
||||
|
||||
if (!process.env.JWT_SECRET) {
|
||||
console.error('FATAL: JWT_SECRET environment variable is required');
|
||||
process.exit(1);
|
||||
}
|
||||
|
||||
const app = new Hono();
|
||||
|
||||
@@ -18,13 +26,23 @@ app.use('*', cors({
|
||||
}));
|
||||
|
||||
app.get('/health', (c) => c.json({ status: 'ok', version: '0.1.0' }));
|
||||
app.get('/api/health', (c) => c.json({ status: 'ok', version: '0.1.0' }));
|
||||
|
||||
app.get('/api/config', (c) => c.json({
|
||||
requireInvite: process.env.REQUIRE_INVITE !== 'false',
|
||||
userInvitations: parseInt(process.env.USER_INVITATIONS || '0', 10),
|
||||
}));
|
||||
|
||||
app.route('/api/auth', auth);
|
||||
app.route('/api/saves', savesRouter);
|
||||
app.route('/api/leaderboard', leaderboardRouter);
|
||||
app.route('/api/invites', invitesRouter);
|
||||
|
||||
const port = Number(process.env.PORT) || 3001;
|
||||
|
||||
console.log(`AI Tycoon API server starting on port ${port}...`);
|
||||
console.log(`Token Empire API server starting on port ${port}...`);
|
||||
|
||||
await runMigrations();
|
||||
await seedAdmin();
|
||||
|
||||
serve({ fetch: app.fetch, port });
|
||||
|
||||
@@ -0,0 +1,43 @@
|
||||
import { sign, verify } from 'hono/jwt';
|
||||
|
||||
const JWT_EXPIRY_SECONDS = 30 * 24 * 60 * 60;
|
||||
|
||||
export function getJwtSecret(): string {
|
||||
const secret = process.env.JWT_SECRET;
|
||||
if (!secret) throw new Error('JWT_SECRET env var is required');
|
||||
return secret;
|
||||
}
|
||||
|
||||
export async function createToken(
|
||||
userId: string,
|
||||
email: string | null,
|
||||
role: string,
|
||||
username: string | null,
|
||||
mustResetPassword: boolean,
|
||||
tokenVersion: number = 0,
|
||||
): Promise<string> {
|
||||
const now = Math.floor(Date.now() / 1000);
|
||||
return sign(
|
||||
{ sub: userId, email, role, username, mustResetPassword, tokenVersion, iat: now, exp: now + JWT_EXPIRY_SECONDS },
|
||||
getJwtSecret(),
|
||||
);
|
||||
}
|
||||
|
||||
export async function verifyToken(token: string): Promise<{
|
||||
sub: string;
|
||||
email: string | null;
|
||||
role: string;
|
||||
username: string | null;
|
||||
mustResetPassword: boolean;
|
||||
tokenVersion: number;
|
||||
}> {
|
||||
const payload = await verify(token, getJwtSecret(), 'HS256');
|
||||
return {
|
||||
sub: payload.sub as string,
|
||||
email: (payload.email as string) ?? null,
|
||||
role: (payload.role as string) ?? 'user',
|
||||
username: (payload.username as string) ?? null,
|
||||
mustResetPassword: (payload.mustResetPassword as boolean) ?? false,
|
||||
tokenVersion: (payload.tokenVersion as number) ?? 0,
|
||||
};
|
||||
}
|
||||
@@ -2,6 +2,7 @@ import { createMiddleware } from 'hono/factory';
|
||||
import { eq } from 'drizzle-orm';
|
||||
import { db } from '../db';
|
||||
import { users } from '../db/schema';
|
||||
import { verifyToken } from '../lib/jwt';
|
||||
import type { AppEnv } from '../types';
|
||||
|
||||
export const authMiddleware = createMiddleware<AppEnv>(async (c, next) => {
|
||||
@@ -14,25 +15,47 @@ export const authMiddleware = createMiddleware<AppEnv>(async (c, next) => {
|
||||
const token = authHeader.slice(7);
|
||||
|
||||
try {
|
||||
const payload = await verifyToken(token);
|
||||
|
||||
const [user] = await db
|
||||
.select()
|
||||
.from(users)
|
||||
.where(eq(users.anonToken, token))
|
||||
.where(eq(users.id, payload.sub))
|
||||
.limit(1);
|
||||
|
||||
if (!user) {
|
||||
return c.json({ error: 'Invalid token' }, 401);
|
||||
}
|
||||
|
||||
if (payload.tokenVersion !== user.tokenVersion) {
|
||||
return c.json({ error: 'Token has been revoked' }, 401);
|
||||
}
|
||||
|
||||
await db
|
||||
.update(users)
|
||||
.set({ lastSeenAt: new Date() })
|
||||
.where(eq(users.id, user.id));
|
||||
|
||||
c.set('userId', user.id);
|
||||
c.set('user', user as AppEnv['Variables']['user']);
|
||||
c.set('user', {
|
||||
id: user.id,
|
||||
anonToken: user.anonToken,
|
||||
username: user.username,
|
||||
email: user.email,
|
||||
role: user.role,
|
||||
mustResetPassword: user.mustResetPassword,
|
||||
tokenVersion: user.tokenVersion,
|
||||
});
|
||||
await next();
|
||||
} catch {
|
||||
return c.json({ error: 'Authentication failed' }, 500);
|
||||
return c.json({ error: 'Invalid or expired token' }, 401);
|
||||
}
|
||||
});
|
||||
|
||||
export const requireAdmin = createMiddleware<AppEnv>(async (c, next) => {
|
||||
const user = c.get('user');
|
||||
if (user.role !== 'admin') {
|
||||
return c.json({ error: 'Forbidden' }, 403);
|
||||
}
|
||||
await next();
|
||||
});
|
||||
|
||||
+212
-32
@@ -1,9 +1,15 @@
|
||||
import { Hono } from 'hono';
|
||||
import { eq } from 'drizzle-orm';
|
||||
import { eq, or, sql } from 'drizzle-orm';
|
||||
import bcrypt from 'bcryptjs';
|
||||
import { db } from '../db';
|
||||
import { users } from '../db/schema';
|
||||
import { createToken } from '../lib/jwt';
|
||||
import { authMiddleware } from '../middleware/auth';
|
||||
import type { AppEnv } from '../types';
|
||||
|
||||
const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
||||
const MIN_PASSWORD_LENGTH = 8;
|
||||
|
||||
const auth = new Hono<AppEnv>();
|
||||
|
||||
auth.post('/anonymous', async (c) => {
|
||||
@@ -12,20 +18,51 @@ auth.post('/anonymous', async (c) => {
|
||||
.values({})
|
||||
.returning();
|
||||
|
||||
return c.json({
|
||||
userId: user.id,
|
||||
token: user.anonToken,
|
||||
});
|
||||
const token = await createToken(user.id, null, 'user', null, false, 0);
|
||||
return c.json({ userId: user.id, token });
|
||||
});
|
||||
|
||||
auth.post('/link-email', async (c) => {
|
||||
const userId = c.get('userId') as string;
|
||||
if (!userId) return c.json({ error: 'Not authenticated' }, 401);
|
||||
auth.post('/register', authMiddleware, async (c) => {
|
||||
const userId = c.get('userId');
|
||||
const { email, password, inviteCode } = await c.req.json<{
|
||||
email: string;
|
||||
password: string;
|
||||
inviteCode: string;
|
||||
}>();
|
||||
|
||||
const { email, password } = await c.req.json<{ email: string; password: string }>();
|
||||
if (!email || !EMAIL_REGEX.test(email)) {
|
||||
return c.json({ error: 'Valid email required' }, 400);
|
||||
}
|
||||
if (!password || password.length < MIN_PASSWORD_LENGTH) {
|
||||
return c.json({ error: `Password must be at least ${MIN_PASSWORD_LENGTH} characters` }, 400);
|
||||
}
|
||||
|
||||
if (!email || !password) {
|
||||
return c.json({ error: 'Email and password required' }, 400);
|
||||
if (process.env.REQUIRE_INVITE !== 'false') {
|
||||
if (!inviteCode) {
|
||||
return c.json({ error: 'Invite code required' }, 400);
|
||||
}
|
||||
|
||||
const { invitations } = await import('../db/schema');
|
||||
const { isNull, and, sql } = await import('drizzle-orm');
|
||||
|
||||
const [consumed] = await db
|
||||
.update(invitations)
|
||||
.set({ usedBy: userId })
|
||||
.where(
|
||||
and(
|
||||
eq(invitations.code, inviteCode),
|
||||
isNull(invitations.usedBy),
|
||||
or(
|
||||
isNull(invitations.expiresAt),
|
||||
sql`${invitations.expiresAt} > NOW()`,
|
||||
),
|
||||
),
|
||||
)
|
||||
.returning();
|
||||
|
||||
if (!consumed) {
|
||||
return c.json({ error: 'Invalid or used invite code' }, 400);
|
||||
}
|
||||
}
|
||||
|
||||
const existing = await db
|
||||
@@ -38,44 +75,187 @@ auth.post('/link-email', async (c) => {
|
||||
return c.json({ error: 'Email already in use' }, 409);
|
||||
}
|
||||
|
||||
const encoder = new TextEncoder();
|
||||
const data = encoder.encode(password);
|
||||
const hashBuffer = await crypto.subtle.digest('SHA-256', data);
|
||||
const hashHex = Array.from(new Uint8Array(hashBuffer))
|
||||
.map(b => b.toString(16).padStart(2, '0'))
|
||||
.join('');
|
||||
const passwordHash = await bcrypt.hash(password, 10);
|
||||
|
||||
await db
|
||||
const [updated] = await db
|
||||
.update(users)
|
||||
.set({ email, passwordHash: hashHex })
|
||||
.where(eq(users.id, userId));
|
||||
.set({ email, passwordHash })
|
||||
.where(eq(users.id, userId))
|
||||
.returning();
|
||||
|
||||
return c.json({ success: true });
|
||||
const token = await createToken(updated.id, updated.email, updated.role, updated.username, false, updated.tokenVersion);
|
||||
return c.json({ userId: updated.id, token });
|
||||
});
|
||||
|
||||
auth.post('/login', async (c) => {
|
||||
const { email, password } = await c.req.json<{ email: string; password: string }>();
|
||||
const { login, password } = await c.req.json<{ login: string; password: string }>();
|
||||
|
||||
const encoder = new TextEncoder();
|
||||
const data = encoder.encode(password);
|
||||
const hashBuffer = await crypto.subtle.digest('SHA-256', data);
|
||||
const hashHex = Array.from(new Uint8Array(hashBuffer))
|
||||
.map(b => b.toString(16).padStart(2, '0'))
|
||||
.join('');
|
||||
if (!login || !password) {
|
||||
return c.json({ error: 'Login and password required' }, 400);
|
||||
}
|
||||
|
||||
const [user] = await db
|
||||
.select()
|
||||
.from(users)
|
||||
.where(or(eq(users.email, login), eq(users.username, login)))
|
||||
.limit(1);
|
||||
|
||||
if (!user || !user.passwordHash) {
|
||||
return c.json({ error: 'Invalid credentials' }, 401);
|
||||
}
|
||||
|
||||
const valid = await bcrypt.compare(password, user.passwordHash);
|
||||
if (!valid) {
|
||||
return c.json({ error: 'Invalid credentials' }, 401);
|
||||
}
|
||||
|
||||
const token = await createToken(user.id, user.email, user.role, user.username, user.mustResetPassword, user.tokenVersion);
|
||||
return c.json({ userId: user.id, token });
|
||||
});
|
||||
|
||||
auth.post('/change-password', authMiddleware, async (c) => {
|
||||
const user = c.get('user');
|
||||
const { currentPassword, newPassword } = await c.req.json<{
|
||||
currentPassword?: string;
|
||||
newPassword: string;
|
||||
}>();
|
||||
|
||||
if (!newPassword || newPassword.length < MIN_PASSWORD_LENGTH) {
|
||||
return c.json({ error: `New password must be at least ${MIN_PASSWORD_LENGTH} characters` }, 400);
|
||||
}
|
||||
|
||||
if (!user.mustResetPassword) {
|
||||
if (!currentPassword) {
|
||||
return c.json({ error: 'Current password required' }, 400);
|
||||
}
|
||||
const [dbUser] = await db
|
||||
.select({ passwordHash: users.passwordHash })
|
||||
.from(users)
|
||||
.where(eq(users.id, user.id))
|
||||
.limit(1);
|
||||
|
||||
if (!dbUser?.passwordHash) {
|
||||
return c.json({ error: 'No password set' }, 400);
|
||||
}
|
||||
const valid = await bcrypt.compare(currentPassword, dbUser.passwordHash);
|
||||
if (!valid) {
|
||||
return c.json({ error: 'Current password is incorrect' }, 401);
|
||||
}
|
||||
}
|
||||
|
||||
const passwordHash = await bcrypt.hash(newPassword, 10);
|
||||
const [updated] = await db
|
||||
.update(users)
|
||||
.set({ passwordHash, mustResetPassword: false, tokenVersion: sql`${users.tokenVersion} + 1` })
|
||||
.where(eq(users.id, user.id))
|
||||
.returning({ tokenVersion: users.tokenVersion });
|
||||
|
||||
const token = await createToken(user.id, user.email, user.role, user.username, false, updated.tokenVersion);
|
||||
return c.json({ success: true, token });
|
||||
});
|
||||
|
||||
auth.post('/change-username', authMiddleware, async (c) => {
|
||||
const user = c.get('user');
|
||||
if (!user.email && user.role !== 'admin') {
|
||||
return c.json({ error: 'Must be registered to change username' }, 403);
|
||||
}
|
||||
|
||||
const { username } = await c.req.json<{ username: string }>();
|
||||
if (!username || username.length < 2) {
|
||||
return c.json({ error: 'Username must be at least 2 characters' }, 400);
|
||||
}
|
||||
|
||||
const existing = await db
|
||||
.select()
|
||||
.from(users)
|
||||
.where(eq(users.username, username))
|
||||
.limit(1);
|
||||
|
||||
if (existing.length > 0 && existing[0].id !== user.id) {
|
||||
return c.json({ error: 'Username already taken' }, 409);
|
||||
}
|
||||
|
||||
await db
|
||||
.update(users)
|
||||
.set({ username })
|
||||
.where(eq(users.id, user.id));
|
||||
|
||||
const token = await createToken(user.id, user.email, user.role, username, user.mustResetPassword, user.tokenVersion);
|
||||
return c.json({ success: true, token });
|
||||
});
|
||||
|
||||
auth.post('/change-email', authMiddleware, async (c) => {
|
||||
const user = c.get('user');
|
||||
|
||||
if (!user.email && user.role !== 'admin') {
|
||||
return c.json({ error: 'Must be registered to change email' }, 403);
|
||||
}
|
||||
|
||||
const { email, currentPassword } = await c.req.json<{
|
||||
email: string;
|
||||
currentPassword: string;
|
||||
}>();
|
||||
|
||||
if (!email || !EMAIL_REGEX.test(email)) {
|
||||
return c.json({ error: 'Valid email required' }, 400);
|
||||
}
|
||||
|
||||
if (!currentPassword) {
|
||||
return c.json({ error: 'Current password required' }, 400);
|
||||
}
|
||||
|
||||
const [dbUser] = await db
|
||||
.select({ passwordHash: users.passwordHash })
|
||||
.from(users)
|
||||
.where(eq(users.id, user.id))
|
||||
.limit(1);
|
||||
|
||||
if (!dbUser?.passwordHash) {
|
||||
return c.json({ error: 'No password set' }, 400);
|
||||
}
|
||||
|
||||
const valid = await bcrypt.compare(currentPassword, dbUser.passwordHash);
|
||||
if (!valid) {
|
||||
return c.json({ error: 'Current password is incorrect' }, 401);
|
||||
}
|
||||
|
||||
const existing = await db
|
||||
.select()
|
||||
.from(users)
|
||||
.where(eq(users.email, email))
|
||||
.limit(1);
|
||||
|
||||
if (!user || user.passwordHash !== hashHex) {
|
||||
return c.json({ error: 'Invalid credentials' }, 401);
|
||||
if (existing.length > 0 && existing[0].id !== user.id) {
|
||||
return c.json({ error: 'Email already in use' }, 409);
|
||||
}
|
||||
|
||||
await db
|
||||
.update(users)
|
||||
.set({ email })
|
||||
.where(eq(users.id, user.id));
|
||||
|
||||
const token = await createToken(user.id, email, user.role, user.username, user.mustResetPassword, user.tokenVersion);
|
||||
return c.json({ success: true, token });
|
||||
});
|
||||
|
||||
auth.post('/logout', authMiddleware, async (c) => {
|
||||
const user = c.get('user');
|
||||
|
||||
await db
|
||||
.update(users)
|
||||
.set({ tokenVersion: sql`${users.tokenVersion} + 1` })
|
||||
.where(eq(users.id, user.id));
|
||||
|
||||
return c.json({ success: true });
|
||||
});
|
||||
|
||||
auth.get('/me', authMiddleware, async (c) => {
|
||||
const user = c.get('user');
|
||||
return c.json({
|
||||
userId: user.id,
|
||||
token: user.anonToken,
|
||||
id: user.id,
|
||||
username: user.username,
|
||||
email: user.email,
|
||||
role: user.role,
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
@@ -0,0 +1,166 @@
|
||||
import { Hono } from 'hono';
|
||||
import { eq, and, isNull, or, sql, count, desc } from 'drizzle-orm';
|
||||
import crypto from 'node:crypto';
|
||||
import { db } from '../db';
|
||||
import { invitations, users } from '../db/schema';
|
||||
import { authMiddleware, requireAdmin } from '../middleware/auth';
|
||||
import type { AppEnv } from '../types';
|
||||
|
||||
const invitesRouter = new Hono<AppEnv>();
|
||||
|
||||
function generateCode(): string {
|
||||
const chars = 'ABCDEFGHJKLMNPQRSTUVWXYZabcdefghjkmnpqrstuvwxyz23456789';
|
||||
const bytes = crypto.randomBytes(8);
|
||||
let code = '';
|
||||
for (let i = 0; i < 8; i++) {
|
||||
code += chars[bytes[i] % chars.length];
|
||||
}
|
||||
return code;
|
||||
}
|
||||
|
||||
invitesRouter.post('/', authMiddleware, async (c) => {
|
||||
const user = c.get('user');
|
||||
|
||||
if (!user.email && user.role !== 'admin') {
|
||||
return c.json({ error: 'Must be registered to create invites' }, 403);
|
||||
}
|
||||
|
||||
if (user.role !== 'admin') {
|
||||
const limit = parseInt(process.env.USER_INVITATIONS || '0', 10);
|
||||
if (limit <= 0) {
|
||||
return c.json({ error: 'You are not allowed to create invites' }, 403);
|
||||
}
|
||||
|
||||
const [{ value: created }] = await db
|
||||
.select({ value: count() })
|
||||
.from(invitations)
|
||||
.where(eq(invitations.createdBy, user.id));
|
||||
|
||||
if (created >= limit) {
|
||||
return c.json({ error: 'Invite limit reached' }, 403);
|
||||
}
|
||||
}
|
||||
|
||||
for (let attempt = 0; attempt < 5; attempt++) {
|
||||
const code = generateCode();
|
||||
try {
|
||||
await db.insert(invitations).values({ code, createdBy: user.id });
|
||||
return c.json({ code });
|
||||
} catch (e: unknown) {
|
||||
const message = e instanceof Error ? e.message : '';
|
||||
if (message.includes('unique') || message.includes('duplicate')) continue;
|
||||
throw e;
|
||||
}
|
||||
}
|
||||
|
||||
return c.json({ error: 'Failed to generate unique code' }, 500);
|
||||
});
|
||||
|
||||
invitesRouter.get('/validate/:code', async (c) => {
|
||||
const code = c.req.param('code');
|
||||
|
||||
const [invite] = await db
|
||||
.select()
|
||||
.from(invitations)
|
||||
.where(
|
||||
and(
|
||||
eq(invitations.code, code),
|
||||
isNull(invitations.usedBy),
|
||||
or(
|
||||
isNull(invitations.expiresAt),
|
||||
sql`${invitations.expiresAt} > NOW()`,
|
||||
),
|
||||
),
|
||||
)
|
||||
.limit(1);
|
||||
|
||||
return c.json({ valid: !!invite });
|
||||
});
|
||||
|
||||
invitesRouter.get('/remaining', authMiddleware, async (c) => {
|
||||
const user = c.get('user');
|
||||
|
||||
if (user.role === 'admin') {
|
||||
return c.json({ remaining: -1 });
|
||||
}
|
||||
|
||||
const limit = parseInt(process.env.USER_INVITATIONS || '0', 10);
|
||||
if (limit <= 0) {
|
||||
return c.json({ remaining: 0 });
|
||||
}
|
||||
|
||||
const [{ value: created }] = await db
|
||||
.select({ value: count() })
|
||||
.from(invitations)
|
||||
.where(eq(invitations.createdBy, user.id));
|
||||
|
||||
return c.json({ remaining: Math.max(0, limit - created) });
|
||||
});
|
||||
|
||||
invitesRouter.get('/', authMiddleware, requireAdmin, async (c) => {
|
||||
const allInvites = await db
|
||||
.select({
|
||||
id: invitations.id,
|
||||
code: invitations.code,
|
||||
createdBy: invitations.createdBy,
|
||||
usedBy: invitations.usedBy,
|
||||
createdAt: invitations.createdAt,
|
||||
expiresAt: invitations.expiresAt,
|
||||
})
|
||||
.from(invitations)
|
||||
.orderBy(desc(invitations.createdAt));
|
||||
|
||||
const userIds = new Set<string>();
|
||||
for (const inv of allInvites) {
|
||||
userIds.add(inv.createdBy);
|
||||
if (inv.usedBy) userIds.add(inv.usedBy);
|
||||
}
|
||||
|
||||
const userMap = new Map<string, { username: string | null; email: string | null }>();
|
||||
if (userIds.size > 0) {
|
||||
const userList = await db
|
||||
.select({ id: users.id, username: users.username, email: users.email })
|
||||
.from(users)
|
||||
.where(or(...[...userIds].map(id => eq(users.id, id))));
|
||||
|
||||
for (const u of userList) {
|
||||
userMap.set(u.id, { username: u.username, email: u.email });
|
||||
}
|
||||
}
|
||||
|
||||
const enriched = allInvites.map(inv => ({
|
||||
id: inv.id,
|
||||
code: inv.code,
|
||||
createdBy: userMap.get(inv.createdBy) ?? { username: null, email: null },
|
||||
usedBy: inv.usedBy ? (userMap.get(inv.usedBy) ?? { username: null, email: null }) : null,
|
||||
createdAt: inv.createdAt,
|
||||
expiresAt: inv.expiresAt,
|
||||
used: !!inv.usedBy,
|
||||
}));
|
||||
|
||||
return c.json({ invitations: enriched });
|
||||
});
|
||||
|
||||
invitesRouter.delete('/:id', authMiddleware, requireAdmin, async (c) => {
|
||||
const inviteId = c.req.param('id');
|
||||
|
||||
const [invite] = await db
|
||||
.select({ id: invitations.id, usedBy: invitations.usedBy })
|
||||
.from(invitations)
|
||||
.where(eq(invitations.id, inviteId))
|
||||
.limit(1);
|
||||
|
||||
if (!invite) {
|
||||
return c.json({ error: 'Invitation not found' }, 404);
|
||||
}
|
||||
|
||||
if (invite.usedBy) {
|
||||
return c.json({ error: 'Cannot revoke a used invitation' }, 400);
|
||||
}
|
||||
|
||||
await db.delete(invitations).where(eq(invitations.id, inviteId));
|
||||
|
||||
return c.json({ deleted: true });
|
||||
});
|
||||
|
||||
export { invitesRouter };
|
||||
@@ -1,10 +1,12 @@
|
||||
import { Hono } from 'hono';
|
||||
import { eq, and, desc } from 'drizzle-orm';
|
||||
import { eq, and, desc, notInArray } from 'drizzle-orm';
|
||||
import { db } from '../db';
|
||||
import { saves } from '../db/schema';
|
||||
import { authMiddleware } from '../middleware/auth';
|
||||
import type { AppEnv } from '../types';
|
||||
|
||||
const MAX_SAVES_PER_USER = 10;
|
||||
|
||||
const savesRouter = new Hono<AppEnv>();
|
||||
|
||||
savesRouter.use('*', authMiddleware);
|
||||
@@ -23,11 +25,24 @@ savesRouter.get('/', async (c) => {
|
||||
.from(saves)
|
||||
.where(eq(saves.userId, userId))
|
||||
.orderBy(desc(saves.updatedAt))
|
||||
.limit(10);
|
||||
.limit(MAX_SAVES_PER_USER);
|
||||
|
||||
return c.json({ saves: userSaves });
|
||||
});
|
||||
|
||||
savesRouter.get('/latest', async (c) => {
|
||||
const userId = c.get('userId') as string;
|
||||
|
||||
const [save] = await db
|
||||
.select()
|
||||
.from(saves)
|
||||
.where(eq(saves.userId, userId))
|
||||
.orderBy(desc(saves.updatedAt))
|
||||
.limit(1);
|
||||
|
||||
return c.json({ save: save ?? null });
|
||||
});
|
||||
|
||||
savesRouter.get('/:id', async (c) => {
|
||||
const userId = c.get('userId') as string;
|
||||
const saveId = c.req.param('id');
|
||||
@@ -55,29 +70,6 @@ savesRouter.put('/', async (c) => {
|
||||
era: string;
|
||||
}>();
|
||||
|
||||
const existing = await db
|
||||
.select({ id: saves.id })
|
||||
.from(saves)
|
||||
.where(eq(saves.userId, userId))
|
||||
.orderBy(desc(saves.updatedAt))
|
||||
.limit(1);
|
||||
|
||||
if (existing.length > 0) {
|
||||
await db
|
||||
.update(saves)
|
||||
.set({
|
||||
companyName: body.companyName,
|
||||
saveVersion: body.saveVersion,
|
||||
gameData: body.gameData,
|
||||
tickCount: body.tickCount,
|
||||
era: body.era,
|
||||
updatedAt: new Date(),
|
||||
})
|
||||
.where(eq(saves.id, existing[0].id));
|
||||
|
||||
return c.json({ id: existing[0].id, updated: true });
|
||||
}
|
||||
|
||||
const [newSave] = await db
|
||||
.insert(saves)
|
||||
.values({
|
||||
@@ -90,6 +82,20 @@ savesRouter.put('/', async (c) => {
|
||||
})
|
||||
.returning({ id: saves.id });
|
||||
|
||||
const keepIds = await db
|
||||
.select({ id: saves.id })
|
||||
.from(saves)
|
||||
.where(eq(saves.userId, userId))
|
||||
.orderBy(desc(saves.updatedAt))
|
||||
.limit(MAX_SAVES_PER_USER);
|
||||
|
||||
const keepSet = keepIds.map((r) => r.id);
|
||||
if (keepSet.length === MAX_SAVES_PER_USER) {
|
||||
await db
|
||||
.delete(saves)
|
||||
.where(and(eq(saves.userId, userId), notInArray(saves.id, keepSet)));
|
||||
}
|
||||
|
||||
return c.json({ id: newSave.id, created: true });
|
||||
});
|
||||
|
||||
|
||||
@@ -4,7 +4,11 @@ export type AppEnv = {
|
||||
user: {
|
||||
id: string;
|
||||
anonToken: string;
|
||||
username: string | null;
|
||||
email: string | null;
|
||||
role: string;
|
||||
mustResetPassword: boolean;
|
||||
tokenVersion: number;
|
||||
};
|
||||
};
|
||||
};
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"extends": "@ai-tycoon/tsconfig/node.json",
|
||||
"extends": "@token-empire/tsconfig/node.json",
|
||||
"compilerOptions": {
|
||||
"outDir": "dist",
|
||||
"rootDir": "src"
|
||||
|
||||
+4
-4
@@ -16,11 +16,11 @@ COPY --from=deps /app/packages/shared/node_modules ./packages/shared/node_module
|
||||
COPY --from=deps /app/packages/game-engine/node_modules ./packages/game-engine/node_modules
|
||||
COPY --from=deps /app/apps/web/node_modules ./apps/web/node_modules
|
||||
COPY . .
|
||||
ARG VITE_API_URL=/api
|
||||
ARG VITE_API_URL=
|
||||
ENV VITE_API_URL=$VITE_API_URL
|
||||
RUN pnpm --filter @ai-tycoon/shared build && \
|
||||
pnpm --filter @ai-tycoon/game-engine build && \
|
||||
pnpm --filter @ai-tycoon/web build
|
||||
RUN pnpm --filter @token-empire/shared build && \
|
||||
pnpm --filter @token-empire/game-engine build && \
|
||||
pnpm --filter @token-empire/web build
|
||||
|
||||
FROM nginx:alpine
|
||||
COPY --from=build /app/apps/web/dist /usr/share/nginx/html
|
||||
|
||||
+1
-1
@@ -4,7 +4,7 @@
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>AI Tycoon</title>
|
||||
<title>Token Empire</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
||||
|
||||
@@ -3,6 +3,13 @@ server {
|
||||
root /usr/share/nginx/html;
|
||||
index index.html;
|
||||
|
||||
location /api/ {
|
||||
proxy_pass http://server:3001;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
}
|
||||
|
||||
location / {
|
||||
try_files $uri $uri/ /index.html;
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "@ai-tycoon/web",
|
||||
"name": "@token-empire/web",
|
||||
"private": true,
|
||||
"version": "0.0.1",
|
||||
"type": "module",
|
||||
@@ -10,8 +10,8 @@
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@ai-tycoon/shared": "workspace:*",
|
||||
"@ai-tycoon/game-engine": "workspace:*",
|
||||
"@token-empire/shared": "workspace:*",
|
||||
"@token-empire/game-engine": "workspace:*",
|
||||
"react": "^19.1.0",
|
||||
"react-dom": "^19.1.0",
|
||||
"recharts": "^2.15.0",
|
||||
@@ -19,7 +19,7 @@
|
||||
"lucide-react": "^0.475.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@ai-tycoon/tsconfig": "workspace:*",
|
||||
"@token-empire/tsconfig": "workspace:*",
|
||||
"@types/react": "^19.1.0",
|
||||
"@types/react-dom": "^19.1.0",
|
||||
"@vitejs/plugin-react": "^4.4.0",
|
||||
|
||||
+86
-3
@@ -3,11 +3,62 @@ import { useGameStore } from '@/store';
|
||||
import { MainLayout } from '@/components/layout/MainLayout';
|
||||
import { NewGameScreen } from '@/components/game/NewGameScreen';
|
||||
import { OfflineCatchUp } from '@/components/game/OfflineCatchUp';
|
||||
import { InviteGateScreen } from '@/components/game/InviteGateScreen';
|
||||
import { SaveConflictDialog } from '@/components/game/SaveConflictDialog';
|
||||
import { useGameLoop } from '@/hooks/useGameLoop';
|
||||
import { TICK_INTERVAL_MS } from '@ai-tycoon/shared';
|
||||
import { useAuthGate } from '@/hooks/useAuthGate';
|
||||
import { useCloudSave } from '@/hooks/useCloudSave';
|
||||
import { TICK_INTERVAL_MS } from '@token-empire/shared';
|
||||
import { Sparkles, RefreshCw, WifiOff } from 'lucide-react';
|
||||
|
||||
function LoadingScreen() {
|
||||
return (
|
||||
<div className="min-h-screen flex items-center justify-center bg-gradient-to-b from-surface-950 to-surface-900">
|
||||
<div className="text-center">
|
||||
<div className="inline-flex items-center gap-2 mb-4">
|
||||
<Sparkles className="text-accent-light animate-pulse" size={32} />
|
||||
<h1 className="text-4xl font-bold bg-gradient-to-r from-accent-light to-accent bg-clip-text text-transparent">
|
||||
Token Empire
|
||||
</h1>
|
||||
</div>
|
||||
<p className="text-surface-500 text-sm">Loading...</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function BackendErrorScreen({ error, onRetry }: { error: string; onRetry: () => void }) {
|
||||
return (
|
||||
<div className="min-h-screen flex items-center justify-center bg-gradient-to-b from-surface-950 to-surface-900">
|
||||
<div className="max-w-md w-full mx-4 text-center">
|
||||
<div className="inline-flex items-center gap-2 mb-6">
|
||||
<Sparkles className="text-accent-light" size={32} />
|
||||
<h1 className="text-4xl font-bold bg-gradient-to-r from-accent-light to-accent bg-clip-text text-transparent">
|
||||
Token Empire
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<div className="bg-surface-900 border border-surface-700 rounded-xl p-6 space-y-4">
|
||||
<WifiOff className="mx-auto text-danger" size={40} />
|
||||
<h2 className="text-lg font-semibold text-surface-100">Cannot Connect to Server</h2>
|
||||
<p className="text-sm text-surface-400">{error}</p>
|
||||
<button
|
||||
onClick={onRetry}
|
||||
className="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg bg-accent hover:bg-accent-dark text-white font-medium text-sm transition-colors"
|
||||
>
|
||||
<RefreshCw size={16} /> Retry
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export function App() {
|
||||
const { loading: authLoading, backendError, needsInvite, needsPasswordReset, cloudSave, hasConflict, loadCloudSave, resolveConflict, setRegistered, setNeedsPasswordReset, retry } = useAuthGate();
|
||||
const companyName = useGameStore((s) => s.meta.companyName);
|
||||
const currentEra = useGameStore((s) => s.meta.currentEra);
|
||||
const tickCount = useGameStore((s) => s.meta.tickCount);
|
||||
const lastTickTimestamp = useGameStore((s) => s.meta.lastTickTimestamp);
|
||||
const [catchUpTicks, setCatchUpTicks] = useState<number | null>(null);
|
||||
const [catchUpDone, setCatchUpDone] = useState(false);
|
||||
@@ -23,10 +74,42 @@ export function App() {
|
||||
}
|
||||
}, [companyName, lastTickTimestamp, catchUpDone]);
|
||||
|
||||
useGameLoop(!catchUpDone);
|
||||
useGameLoop(!catchUpDone || authLoading || !!backendError || needsInvite || needsPasswordReset || hasConflict);
|
||||
useCloudSave();
|
||||
|
||||
if (authLoading) {
|
||||
return <LoadingScreen />;
|
||||
}
|
||||
|
||||
if (backendError) {
|
||||
return <BackendErrorScreen error={backendError} onRetry={retry} />;
|
||||
}
|
||||
|
||||
if (needsInvite || needsPasswordReset) {
|
||||
return (
|
||||
<InviteGateScreen
|
||||
onRegistered={() => {
|
||||
setRegistered(true);
|
||||
setNeedsPasswordReset(false);
|
||||
}}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
if (hasConflict && cloudSave && companyName) {
|
||||
return (
|
||||
<SaveConflictDialog
|
||||
localSave={{ companyName, era: currentEra, tickCount, lastTickTimestamp }}
|
||||
cloudSave={cloudSave}
|
||||
onChooseLocal={() => resolveConflict('local')}
|
||||
onChooseCloud={() => resolveConflict('cloud')}
|
||||
onNewGame={() => resolveConflict('new')}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
if (!companyName) {
|
||||
return <NewGameScreen />;
|
||||
return <NewGameScreen cloudSave={cloudSave} onContinue={loadCloudSave} />;
|
||||
}
|
||||
|
||||
if (catchUpTicks !== null && !catchUpDone) {
|
||||
|
||||
@@ -0,0 +1,126 @@
|
||||
import type { SoundId } from './synthesizer';
|
||||
import { playSound } from './synthesizer';
|
||||
import { MusicEngine } from './musicEngine';
|
||||
|
||||
export class AudioManager {
|
||||
private static instance: AudioManager | null = null;
|
||||
private ctx: AudioContext | null = null;
|
||||
private masterGain: GainNode | null = null;
|
||||
private sfxGain: GainNode | null = null;
|
||||
private musicGain: GainNode | null = null;
|
||||
private music: MusicEngine | null = null;
|
||||
private musicPlaying = false;
|
||||
|
||||
private soundEnabled = true;
|
||||
private sfxVol = 0.5;
|
||||
private musicVol = 0.5;
|
||||
|
||||
private lastPlayed = new Map<SoundId, number>();
|
||||
|
||||
static getInstance(): AudioManager {
|
||||
if (!AudioManager.instance) {
|
||||
AudioManager.instance = new AudioManager();
|
||||
}
|
||||
return AudioManager.instance;
|
||||
}
|
||||
|
||||
private ensureContext(): AudioContext {
|
||||
if (!this.ctx) {
|
||||
this.ctx = new AudioContext();
|
||||
this.masterGain = this.ctx.createGain();
|
||||
this.masterGain.connect(this.ctx.destination);
|
||||
|
||||
this.sfxGain = this.ctx.createGain();
|
||||
this.sfxGain.connect(this.masterGain);
|
||||
this.sfxGain.gain.value = this.sfxVol;
|
||||
|
||||
this.musicGain = this.ctx.createGain();
|
||||
this.musicGain.connect(this.masterGain);
|
||||
this.musicGain.gain.value = this.musicVol;
|
||||
|
||||
this.masterGain.gain.value = this.soundEnabled ? 1 : 0;
|
||||
}
|
||||
if (this.ctx.state === 'suspended') {
|
||||
this.ctx.resume();
|
||||
}
|
||||
return this.ctx;
|
||||
}
|
||||
|
||||
setSoundEnabled(enabled: boolean): void {
|
||||
this.soundEnabled = enabled;
|
||||
if (this.masterGain && this.ctx) {
|
||||
const now = this.ctx.currentTime;
|
||||
this.masterGain.gain.cancelScheduledValues(now);
|
||||
this.masterGain.gain.setValueAtTime(this.masterGain.gain.value, now);
|
||||
this.masterGain.gain.linearRampToValueAtTime(enabled ? 1 : 0, now + 0.05);
|
||||
}
|
||||
}
|
||||
|
||||
setSfxVolume(v: number): void {
|
||||
this.sfxVol = v;
|
||||
if (this.sfxGain && this.ctx) {
|
||||
const now = this.ctx.currentTime;
|
||||
this.sfxGain.gain.cancelScheduledValues(now);
|
||||
this.sfxGain.gain.setValueAtTime(this.sfxGain.gain.value, now);
|
||||
this.sfxGain.gain.linearRampToValueAtTime(v, now + 0.05);
|
||||
}
|
||||
}
|
||||
|
||||
setMusicVolume(v: number): void {
|
||||
this.musicVol = v;
|
||||
if (this.musicGain && this.ctx) {
|
||||
const now = this.ctx.currentTime;
|
||||
this.musicGain.gain.cancelScheduledValues(now);
|
||||
this.musicGain.gain.setValueAtTime(this.musicGain.gain.value, now);
|
||||
this.musicGain.gain.linearRampToValueAtTime(v, now + 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
playSfx(soundId: SoundId): void {
|
||||
if (!this.soundEnabled || this.sfxVol === 0) return;
|
||||
|
||||
const now = performance.now();
|
||||
const last = this.lastPlayed.get(soundId) ?? 0;
|
||||
if (now - last < 100) return;
|
||||
this.lastPlayed.set(soundId, now);
|
||||
|
||||
const ctx = this.ensureContext();
|
||||
playSound(ctx, this.sfxGain!, soundId);
|
||||
}
|
||||
|
||||
startMusic(): void {
|
||||
if (this.musicPlaying) return;
|
||||
const ctx = this.ensureContext();
|
||||
this.music = new MusicEngine(ctx, this.musicGain!);
|
||||
this.music.start();
|
||||
this.musicPlaying = true;
|
||||
}
|
||||
|
||||
stopMusic(): void {
|
||||
if (!this.musicPlaying || !this.music) return;
|
||||
this.music.stop();
|
||||
this.music = null;
|
||||
this.musicPlaying = false;
|
||||
}
|
||||
|
||||
get isMusicPlaying(): boolean {
|
||||
return this.musicPlaying;
|
||||
}
|
||||
|
||||
get isContextActive(): boolean {
|
||||
return this.ctx !== null && this.ctx.state === 'running';
|
||||
}
|
||||
|
||||
dispose(): void {
|
||||
this.stopMusic();
|
||||
if (this.ctx) {
|
||||
this.ctx.close();
|
||||
this.ctx = null;
|
||||
this.masterGain = null;
|
||||
this.sfxGain = null;
|
||||
this.musicGain = null;
|
||||
}
|
||||
this.lastPlayed.clear();
|
||||
AudioManager.instance = null;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
import { AudioManager } from './AudioManager';
|
||||
import type { GameSettings } from '@token-empire/shared';
|
||||
import { useGameStore } from '@/store';
|
||||
|
||||
export { AudioManager } from './AudioManager';
|
||||
export { triggerNotificationSound, playUISound } from './sounds';
|
||||
export type { SoundId } from './synthesizer';
|
||||
|
||||
function applyVolumes(audio: AudioManager, settings: GameSettings): void {
|
||||
audio.setSoundEnabled(settings.soundEnabled);
|
||||
audio.setMusicVolume(settings.musicVolume);
|
||||
audio.setSfxVolume(settings.sfxVolume ?? 0.5);
|
||||
}
|
||||
|
||||
function shouldPlayMusic(settings: GameSettings): boolean {
|
||||
return settings.soundEnabled && settings.musicVolume > 0;
|
||||
}
|
||||
|
||||
export function initAudioSystem(): () => void {
|
||||
const audio = AudioManager.getInstance();
|
||||
let gestureListenerActive = false;
|
||||
|
||||
const settings = useGameStore.getState().meta.settings;
|
||||
applyVolumes(audio, settings);
|
||||
|
||||
// Music requires a user gesture to start (browser autoplay policy).
|
||||
// We register a one-shot listener that starts music on first click/key.
|
||||
const startOnGesture = () => {
|
||||
const s = useGameStore.getState().meta.settings;
|
||||
if (shouldPlayMusic(s)) {
|
||||
audio.startMusic();
|
||||
}
|
||||
document.removeEventListener('click', startOnGesture);
|
||||
document.removeEventListener('keydown', startOnGesture);
|
||||
gestureListenerActive = false;
|
||||
};
|
||||
|
||||
if (shouldPlayMusic(settings)) {
|
||||
document.addEventListener('click', startOnGesture);
|
||||
document.addEventListener('keydown', startOnGesture);
|
||||
gestureListenerActive = true;
|
||||
}
|
||||
|
||||
const unsub = useGameStore.subscribe((state) => {
|
||||
const next = state.meta.settings;
|
||||
applyVolumes(audio, next);
|
||||
|
||||
if (shouldPlayMusic(next)) {
|
||||
if (!audio.isMusicPlaying) {
|
||||
if (audio.isContextActive) {
|
||||
audio.startMusic();
|
||||
} else if (!gestureListenerActive) {
|
||||
document.addEventListener('click', startOnGesture);
|
||||
document.addEventListener('keydown', startOnGesture);
|
||||
gestureListenerActive = true;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
audio.stopMusic();
|
||||
}
|
||||
});
|
||||
|
||||
return () => {
|
||||
unsub();
|
||||
document.removeEventListener('click', startOnGesture);
|
||||
document.removeEventListener('keydown', startOnGesture);
|
||||
audio.dispose();
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,157 @@
|
||||
// Bright, lo-fi ambient pad in C major — pleasant background for a tech management game.
|
||||
// Higher register, all major/bright voicings, gentle triangle waves, moderate LFO rates.
|
||||
|
||||
const CHORDS: number[][] = [
|
||||
[261.63, 329.63, 392.00, 493.88], // Cmaj7: C4, E4, G4, B4
|
||||
[349.23, 440.00, 523.25, 659.25], // Fmaj7: F4, A4, C5, E5
|
||||
[293.66, 369.99, 440.00, 523.25], // Dm7: D4, F#4, A4, C5
|
||||
[196.00, 246.94, 293.66, 392.00], // Gadd9: G3, B3, D4, G4
|
||||
];
|
||||
|
||||
const CHORD_DURATION = 24;
|
||||
|
||||
export class MusicEngine {
|
||||
private ctx: AudioContext;
|
||||
private dest: AudioNode;
|
||||
private oscs: OscillatorNode[] = [];
|
||||
private lfos: OscillatorNode[] = [];
|
||||
private gains: GainNode[] = [];
|
||||
private shimmerOsc: OscillatorNode | null = null;
|
||||
private shimmerGain: GainNode | null = null;
|
||||
private shimmerLfo: OscillatorNode | null = null;
|
||||
private filter: BiquadFilterNode | null = null;
|
||||
private filterLfo: OscillatorNode | null = null;
|
||||
private filterLfoGain: GainNode | null = null;
|
||||
private chordIndex = 0;
|
||||
private timer: ReturnType<typeof setInterval> | null = null;
|
||||
private running = false;
|
||||
|
||||
constructor(ctx: AudioContext, dest: AudioNode) {
|
||||
this.ctx = ctx;
|
||||
this.dest = dest;
|
||||
}
|
||||
|
||||
start(): void {
|
||||
if (this.running) return;
|
||||
this.running = true;
|
||||
|
||||
// Warm lowpass keeps it soft
|
||||
this.filter = this.ctx.createBiquadFilter();
|
||||
this.filter.type = 'lowpass';
|
||||
this.filter.frequency.value = 2200;
|
||||
this.filter.Q.value = 0.3;
|
||||
this.filter.connect(this.dest);
|
||||
|
||||
// Gentle filter movement
|
||||
this.filterLfo = this.ctx.createOscillator();
|
||||
this.filterLfoGain = this.ctx.createGain();
|
||||
this.filterLfo.type = 'sine';
|
||||
this.filterLfo.frequency.value = 0.04;
|
||||
this.filterLfoGain.gain.value = 400;
|
||||
this.filterLfo.connect(this.filterLfoGain).connect(this.filter.frequency);
|
||||
this.filterLfo.start();
|
||||
|
||||
// Chord pad — triangle waves for warmth without the drone menace
|
||||
const chord = CHORDS[0];
|
||||
for (let i = 0; i < chord.length; i++) {
|
||||
const osc = this.ctx.createOscillator();
|
||||
const gain = this.ctx.createGain();
|
||||
const lfo = this.ctx.createOscillator();
|
||||
const lfoGain = this.ctx.createGain();
|
||||
|
||||
osc.type = 'triangle';
|
||||
osc.frequency.value = chord[i];
|
||||
gain.gain.value = 0.03;
|
||||
|
||||
// Moderate breathing — fast enough to feel alive, not ominous
|
||||
lfo.type = 'sine';
|
||||
lfo.frequency.value = 0.12 + i * 0.04;
|
||||
lfoGain.gain.value = 0.015;
|
||||
lfo.connect(lfoGain).connect(gain.gain);
|
||||
|
||||
osc.connect(gain).connect(this.filter!);
|
||||
osc.start();
|
||||
lfo.start();
|
||||
|
||||
this.oscs.push(osc);
|
||||
this.lfos.push(lfo);
|
||||
this.gains.push(gain);
|
||||
}
|
||||
|
||||
// High sparkle layer
|
||||
this.shimmerOsc = this.ctx.createOscillator();
|
||||
this.shimmerGain = this.ctx.createGain();
|
||||
this.shimmerLfo = this.ctx.createOscillator();
|
||||
const shimmerLfoGain = this.ctx.createGain();
|
||||
|
||||
this.shimmerOsc.type = 'sine';
|
||||
this.shimmerOsc.frequency.value = 1046.50; // C6
|
||||
this.shimmerGain.gain.value = 0.008;
|
||||
|
||||
this.shimmerLfo.type = 'sine';
|
||||
this.shimmerLfo.frequency.value = 0.06;
|
||||
shimmerLfoGain.gain.value = 0.007;
|
||||
this.shimmerLfo.connect(shimmerLfoGain).connect(this.shimmerGain.gain);
|
||||
|
||||
this.shimmerOsc.connect(this.shimmerGain).connect(this.filter!);
|
||||
this.shimmerOsc.start();
|
||||
this.shimmerLfo.start();
|
||||
|
||||
this.lfos.push(this.shimmerLfo);
|
||||
|
||||
this.chordIndex = 0;
|
||||
this.timer = setInterval(() => this.nextChord(), CHORD_DURATION * 1000);
|
||||
}
|
||||
|
||||
private nextChord(): void {
|
||||
this.chordIndex = (this.chordIndex + 1) % CHORDS.length;
|
||||
const chord = CHORDS[this.chordIndex];
|
||||
const now = this.ctx.currentTime;
|
||||
|
||||
for (let i = 0; i < chord.length; i++) {
|
||||
const osc = this.oscs[i];
|
||||
osc.frequency.cancelScheduledValues(now);
|
||||
osc.frequency.setValueAtTime(osc.frequency.value, now);
|
||||
osc.frequency.linearRampToValueAtTime(chord[i], now + 3);
|
||||
}
|
||||
|
||||
if (this.shimmerOsc) {
|
||||
const shimmerFreq = chord[2] * 2; // Fifth of chord, up an octave
|
||||
this.shimmerOsc.frequency.cancelScheduledValues(now);
|
||||
this.shimmerOsc.frequency.setValueAtTime(this.shimmerOsc.frequency.value, now);
|
||||
this.shimmerOsc.frequency.linearRampToValueAtTime(shimmerFreq, now + 3);
|
||||
}
|
||||
}
|
||||
|
||||
stop(): void {
|
||||
if (!this.running) return;
|
||||
this.running = false;
|
||||
|
||||
if (this.timer) {
|
||||
clearInterval(this.timer);
|
||||
this.timer = null;
|
||||
}
|
||||
|
||||
for (const osc of this.oscs) {
|
||||
try { osc.stop(); } catch { /* already stopped */ }
|
||||
}
|
||||
for (const lfo of this.lfos) {
|
||||
try { lfo.stop(); } catch { /* already stopped */ }
|
||||
}
|
||||
if (this.shimmerOsc) {
|
||||
try { this.shimmerOsc.stop(); } catch { /* already stopped */ }
|
||||
}
|
||||
if (this.filterLfo) {
|
||||
try { this.filterLfo.stop(); } catch { /* already stopped */ }
|
||||
}
|
||||
this.oscs = [];
|
||||
this.lfos = [];
|
||||
this.gains = [];
|
||||
this.shimmerOsc = null;
|
||||
this.shimmerGain = null;
|
||||
this.shimmerLfo = null;
|
||||
this.filter = null;
|
||||
this.filterLfo = null;
|
||||
this.filterLfoGain = null;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,54 @@
|
||||
import { AudioManager } from './AudioManager';
|
||||
import type { SoundId } from './synthesizer';
|
||||
|
||||
export type { SoundId } from './synthesizer';
|
||||
|
||||
const NOTIFICATION_SOUND_MAP: Record<string, SoundId> = {
|
||||
'Training Complete': 'success-major',
|
||||
'Research Complete': 'success',
|
||||
'Model Deployed': 'success-major',
|
||||
'Variant Deployed': 'success',
|
||||
'Cluster Online': 'success',
|
||||
'Campus Ready': 'success',
|
||||
'Data Center Online': 'success',
|
||||
'Retrofit Complete': 'success',
|
||||
'Campus Retrofit Complete': 'success',
|
||||
'Breakthrough!': 'success-major',
|
||||
'Variant Created': 'success',
|
||||
'Model Open Sourced': 'purchase',
|
||||
|
||||
'Loss Spike': 'warning',
|
||||
'Training Instability': 'warning',
|
||||
'Hardware Failure': 'warning',
|
||||
'Network Switch Failure': 'warning',
|
||||
|
||||
'Safety Incident!': 'danger',
|
||||
'Core Network Failure': 'danger',
|
||||
'Data Contamination': 'danger',
|
||||
|
||||
'Training Started': 'info',
|
||||
'Quantization Started': 'info',
|
||||
'Pre-training Complete': 'info',
|
||||
'SFT Complete': 'info',
|
||||
|
||||
'Achievement Unlocked!': 'achievement',
|
||||
'Era Transition!': 'era',
|
||||
};
|
||||
|
||||
const TYPE_FALLBACK: Record<string, SoundId> = {
|
||||
success: 'success',
|
||||
warning: 'warning',
|
||||
danger: 'danger',
|
||||
info: 'info',
|
||||
};
|
||||
|
||||
export function triggerNotificationSound(n: { title: string; type: string }): void {
|
||||
const soundId = NOTIFICATION_SOUND_MAP[n.title] ?? TYPE_FALLBACK[n.type];
|
||||
if (soundId) {
|
||||
AudioManager.getInstance().playSfx(soundId);
|
||||
}
|
||||
}
|
||||
|
||||
export function playUISound(soundId: SoundId = 'click'): void {
|
||||
AudioManager.getInstance().playSfx(soundId);
|
||||
}
|
||||
@@ -0,0 +1,267 @@
|
||||
export type SoundId =
|
||||
| 'click'
|
||||
| 'success'
|
||||
| 'success-major'
|
||||
| 'warning'
|
||||
| 'danger'
|
||||
| 'purchase'
|
||||
| 'achievement'
|
||||
| 'era'
|
||||
| 'info';
|
||||
|
||||
export function playSound(ctx: AudioContext, dest: AudioNode, id: SoundId): void {
|
||||
const fn = SOUNDS[id];
|
||||
if (fn) fn(ctx, dest);
|
||||
}
|
||||
|
||||
type SynthFn = (ctx: AudioContext, dest: AudioNode) => void;
|
||||
|
||||
const SOUNDS: Record<SoundId, SynthFn> = {
|
||||
click: playClick,
|
||||
success: playSuccess,
|
||||
'success-major': playSuccessMajor,
|
||||
warning: playWarning,
|
||||
danger: playDanger,
|
||||
purchase: playPurchase,
|
||||
achievement: playAchievement,
|
||||
era: playEra,
|
||||
info: playInfo,
|
||||
};
|
||||
|
||||
function playClick(ctx: AudioContext, dest: AudioNode): void {
|
||||
const now = ctx.currentTime;
|
||||
const osc = ctx.createOscillator();
|
||||
const gain = ctx.createGain();
|
||||
osc.type = 'triangle';
|
||||
osc.frequency.value = 800;
|
||||
gain.gain.setValueAtTime(0.3, now);
|
||||
gain.gain.exponentialRampToValueAtTime(0.001, now + 0.05);
|
||||
osc.connect(gain).connect(dest);
|
||||
osc.start(now);
|
||||
osc.stop(now + 0.06);
|
||||
}
|
||||
|
||||
function playSuccess(ctx: AudioContext, dest: AudioNode): void {
|
||||
const now = ctx.currentTime;
|
||||
|
||||
const notes = [523.25, 659.25]; // C5, E5
|
||||
notes.forEach((freq, i) => {
|
||||
const osc = ctx.createOscillator();
|
||||
const gain = ctx.createGain();
|
||||
osc.type = 'triangle';
|
||||
osc.frequency.value = freq;
|
||||
const start = now + i * 0.1;
|
||||
gain.gain.setValueAtTime(0, start);
|
||||
gain.gain.linearRampToValueAtTime(0.25, start + 0.02);
|
||||
gain.gain.exponentialRampToValueAtTime(0.001, start + 0.15);
|
||||
osc.connect(gain).connect(dest);
|
||||
osc.start(start);
|
||||
osc.stop(start + 0.16);
|
||||
});
|
||||
}
|
||||
|
||||
function playSuccessMajor(ctx: AudioContext, dest: AudioNode): void {
|
||||
const now = ctx.currentTime;
|
||||
|
||||
const notes = [523.25, 659.25, 783.99]; // C5, E5, G5
|
||||
notes.forEach((freq, i) => {
|
||||
const osc = ctx.createOscillator();
|
||||
const gain = ctx.createGain();
|
||||
const filter = ctx.createBiquadFilter();
|
||||
filter.type = 'lowpass';
|
||||
filter.frequency.value = 2000;
|
||||
osc.type = 'sawtooth';
|
||||
osc.frequency.value = freq;
|
||||
const start = now + i * 0.09;
|
||||
gain.gain.setValueAtTime(0, start);
|
||||
gain.gain.linearRampToValueAtTime(0.2, start + 0.02);
|
||||
gain.gain.exponentialRampToValueAtTime(0.001, start + 0.2);
|
||||
osc.connect(filter).connect(gain).connect(dest);
|
||||
osc.start(start);
|
||||
osc.stop(start + 0.22);
|
||||
});
|
||||
}
|
||||
|
||||
function playWarning(ctx: AudioContext, dest: AudioNode): void {
|
||||
const now = ctx.currentTime;
|
||||
|
||||
const osc1 = ctx.createOscillator();
|
||||
const osc2 = ctx.createOscillator();
|
||||
const gain = ctx.createGain();
|
||||
const lfo = ctx.createOscillator();
|
||||
const lfoGain = ctx.createGain();
|
||||
|
||||
osc1.type = 'square';
|
||||
osc1.frequency.value = 300;
|
||||
osc2.type = 'square';
|
||||
osc2.frequency.value = 305;
|
||||
|
||||
lfo.type = 'sine';
|
||||
lfo.frequency.value = 8;
|
||||
lfoGain.gain.value = 0.15;
|
||||
lfo.connect(lfoGain).connect(gain.gain);
|
||||
|
||||
gain.gain.setValueAtTime(0.15, now);
|
||||
gain.gain.exponentialRampToValueAtTime(0.001, now + 0.25);
|
||||
|
||||
osc1.connect(gain);
|
||||
osc2.connect(gain);
|
||||
gain.connect(dest);
|
||||
|
||||
osc1.start(now);
|
||||
osc2.start(now);
|
||||
lfo.start(now);
|
||||
osc1.stop(now + 0.26);
|
||||
osc2.stop(now + 0.26);
|
||||
lfo.stop(now + 0.26);
|
||||
}
|
||||
|
||||
function playDanger(ctx: AudioContext, dest: AudioNode): void {
|
||||
const now = ctx.currentTime;
|
||||
|
||||
// Sub-bass hit
|
||||
const sub = ctx.createOscillator();
|
||||
const subGain = ctx.createGain();
|
||||
sub.type = 'sine';
|
||||
sub.frequency.value = 150;
|
||||
subGain.gain.setValueAtTime(0.3, now);
|
||||
subGain.gain.exponentialRampToValueAtTime(0.001, now + 0.35);
|
||||
sub.connect(subGain).connect(dest);
|
||||
sub.start(now);
|
||||
sub.stop(now + 0.36);
|
||||
|
||||
// Noise burst via oscillator with rapid detuning
|
||||
const noise = ctx.createOscillator();
|
||||
const noiseGain = ctx.createGain();
|
||||
const noiseFilter = ctx.createBiquadFilter();
|
||||
noise.type = 'sawtooth';
|
||||
noise.frequency.value = 80;
|
||||
noise.detune.value = 1200;
|
||||
noiseFilter.type = 'lowpass';
|
||||
noiseFilter.frequency.value = 400;
|
||||
noiseGain.gain.setValueAtTime(0.2, now);
|
||||
noiseGain.gain.exponentialRampToValueAtTime(0.001, now + 0.15);
|
||||
noise.connect(noiseFilter).connect(noiseGain).connect(dest);
|
||||
noise.start(now);
|
||||
noise.stop(now + 0.16);
|
||||
}
|
||||
|
||||
function playPurchase(ctx: AudioContext, dest: AudioNode): void {
|
||||
const now = ctx.currentTime;
|
||||
|
||||
// Pitch slide
|
||||
const osc = ctx.createOscillator();
|
||||
const gain = ctx.createGain();
|
||||
osc.type = 'sine';
|
||||
osc.frequency.setValueAtTime(1200, now);
|
||||
osc.frequency.exponentialRampToValueAtTime(800, now + 0.1);
|
||||
gain.gain.setValueAtTime(0.2, now);
|
||||
gain.gain.exponentialRampToValueAtTime(0.001, now + 0.12);
|
||||
osc.connect(gain).connect(dest);
|
||||
osc.start(now);
|
||||
osc.stop(now + 0.13);
|
||||
|
||||
// Short noise tick
|
||||
const tick = ctx.createOscillator();
|
||||
const tickGain = ctx.createGain();
|
||||
tick.type = 'square';
|
||||
tick.frequency.value = 3000;
|
||||
tickGain.gain.setValueAtTime(0.1, now);
|
||||
tickGain.gain.exponentialRampToValueAtTime(0.001, now + 0.02);
|
||||
tick.connect(tickGain).connect(dest);
|
||||
tick.start(now);
|
||||
tick.stop(now + 0.03);
|
||||
}
|
||||
|
||||
function playAchievement(ctx: AudioContext, dest: AudioNode): void {
|
||||
const now = ctx.currentTime;
|
||||
|
||||
const notes = [523.25, 659.25, 783.99, 1046.5]; // C5, E5, G5, C6
|
||||
notes.forEach((freq, i) => {
|
||||
const osc = ctx.createOscillator();
|
||||
const gain = ctx.createGain();
|
||||
osc.type = 'triangle';
|
||||
osc.frequency.value = freq;
|
||||
const start = now + i * 0.1;
|
||||
gain.gain.setValueAtTime(0, start);
|
||||
gain.gain.linearRampToValueAtTime(0.22, start + 0.02);
|
||||
gain.gain.setValueAtTime(0.22, start + 0.08);
|
||||
gain.gain.exponentialRampToValueAtTime(0.001, start + 0.25);
|
||||
osc.connect(gain).connect(dest);
|
||||
osc.start(start);
|
||||
osc.stop(start + 0.26);
|
||||
});
|
||||
|
||||
// Echo layer
|
||||
notes.forEach((freq, i) => {
|
||||
const osc = ctx.createOscillator();
|
||||
const gain = ctx.createGain();
|
||||
osc.type = 'sine';
|
||||
osc.frequency.value = freq;
|
||||
const start = now + i * 0.1 + 0.15;
|
||||
gain.gain.setValueAtTime(0, start);
|
||||
gain.gain.linearRampToValueAtTime(0.07, start + 0.02);
|
||||
gain.gain.exponentialRampToValueAtTime(0.001, start + 0.3);
|
||||
osc.connect(gain).connect(dest);
|
||||
osc.start(start);
|
||||
osc.stop(start + 0.31);
|
||||
});
|
||||
}
|
||||
|
||||
function playEra(ctx: AudioContext, dest: AudioNode): void {
|
||||
const now = ctx.currentTime;
|
||||
|
||||
// Low sine sweep
|
||||
const sweep = ctx.createOscillator();
|
||||
const sweepGain = ctx.createGain();
|
||||
sweep.type = 'sine';
|
||||
sweep.frequency.setValueAtTime(100, now);
|
||||
sweep.frequency.exponentialRampToValueAtTime(400, now + 0.6);
|
||||
sweepGain.gain.setValueAtTime(0, now);
|
||||
sweepGain.gain.linearRampToValueAtTime(0.25, now + 0.1);
|
||||
sweepGain.gain.setValueAtTime(0.25, now + 0.5);
|
||||
sweepGain.gain.exponentialRampToValueAtTime(0.001, now + 0.8);
|
||||
sweep.connect(sweepGain).connect(dest);
|
||||
sweep.start(now);
|
||||
sweep.stop(now + 0.81);
|
||||
|
||||
// High shimmer
|
||||
const shimmer = ctx.createOscillator();
|
||||
const shimmerGain = ctx.createGain();
|
||||
const shimmerFilter = ctx.createBiquadFilter();
|
||||
shimmer.type = 'sawtooth';
|
||||
shimmer.frequency.value = 2000;
|
||||
shimmerFilter.type = 'highpass';
|
||||
shimmerFilter.frequency.value = 4000;
|
||||
shimmerGain.gain.setValueAtTime(0, now + 0.2);
|
||||
shimmerGain.gain.linearRampToValueAtTime(0.08, now + 0.35);
|
||||
shimmerGain.gain.exponentialRampToValueAtTime(0.001, now + 0.7);
|
||||
shimmer.connect(shimmerFilter).connect(shimmerGain).connect(dest);
|
||||
shimmer.start(now + 0.2);
|
||||
shimmer.stop(now + 0.71);
|
||||
|
||||
// Impact
|
||||
const impact = ctx.createOscillator();
|
||||
const impactGain = ctx.createGain();
|
||||
impact.type = 'sine';
|
||||
impact.frequency.value = 200;
|
||||
impactGain.gain.setValueAtTime(0.3, now + 0.6);
|
||||
impactGain.gain.exponentialRampToValueAtTime(0.001, now + 1.0);
|
||||
impact.connect(impactGain).connect(dest);
|
||||
impact.start(now + 0.6);
|
||||
impact.stop(now + 1.01);
|
||||
}
|
||||
|
||||
function playInfo(ctx: AudioContext, dest: AudioNode): void {
|
||||
const now = ctx.currentTime;
|
||||
const osc = ctx.createOscillator();
|
||||
const gain = ctx.createGain();
|
||||
osc.type = 'sine';
|
||||
osc.frequency.value = 880;
|
||||
gain.gain.setValueAtTime(0, now);
|
||||
gain.gain.linearRampToValueAtTime(0.18, now + 0.01);
|
||||
gain.gain.exponentialRampToValueAtTime(0.001, now + 0.08);
|
||||
osc.connect(gain).connect(dest);
|
||||
osc.start(now);
|
||||
osc.stop(now + 0.09);
|
||||
}
|
||||
@@ -1,7 +1,7 @@
|
||||
import { useEffect, useRef } from 'react';
|
||||
import { X, CheckCircle, AlertTriangle, AlertCircle, Info, Bell, Trash2 } from 'lucide-react';
|
||||
import { useGameStore, type GameNotification } from '@/store';
|
||||
import { formatDuration } from '@ai-tycoon/shared';
|
||||
import { formatDuration } from '@token-empire/shared';
|
||||
|
||||
const ICON_MAP = {
|
||||
success: { icon: CheckCircle, color: 'text-success' },
|
||||
|
||||
@@ -18,16 +18,13 @@ export function DevMenu() {
|
||||
const [isOpen, setIsOpen] = useState(false);
|
||||
const [activeTab, setActiveTab] = useState<Tab>('resources');
|
||||
|
||||
const isEnabled = import.meta.env.DEV || localStorage.getItem('ai-tycoon-dev-menu') === 'true';
|
||||
|
||||
useEffect(() => {
|
||||
if (!isEnabled) return;
|
||||
const handler = () => setIsOpen((o) => !o);
|
||||
window.addEventListener('toggle-dev-menu', handler);
|
||||
return () => window.removeEventListener('toggle-dev-menu', handler);
|
||||
}, [isEnabled]);
|
||||
}, []);
|
||||
|
||||
if (!isEnabled || !isOpen) return null;
|
||||
if (!isOpen) return null;
|
||||
|
||||
return (
|
||||
<div className="fixed bottom-4 right-4 z-50 w-[440px] max-h-[520px] flex flex-col bg-surface-900 border border-surface-700 rounded-lg shadow-2xl">
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { useState } from 'react';
|
||||
import { useGameStore } from '@/store';
|
||||
import type { FundingRoundType } from '@ai-tycoon/shared';
|
||||
import type { FundingRoundType } from '@token-empire/shared';
|
||||
|
||||
function DevButton({ onClick, children, variant = 'default' }: {
|
||||
onClick: () => void;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { useState } from 'react';
|
||||
import { useGameStore } from '@/store';
|
||||
import { formatMoney } from '@ai-tycoon/shared';
|
||||
import { formatMoney } from '@token-empire/shared';
|
||||
|
||||
function DevButton({ onClick, children, variant = 'default' }: {
|
||||
onClick: () => void;
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { useGameStore } from '@/store';
|
||||
import { formatMoney, formatNumber, formatFlops, formatPercent } from '@ai-tycoon/shared';
|
||||
import { formatMoney, formatNumber, formatFlops, formatPercent } from '@token-empire/shared';
|
||||
|
||||
function Section({ title, children }: { title: string; children: React.ReactNode }) {
|
||||
return (
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { useState } from 'react';
|
||||
import { useGameStore } from '@/store';
|
||||
import { processTick, setAchievementDefinitions, ACHIEVEMENT_DEFINITIONS, TECH_TREE } from '@ai-tycoon/game-engine';
|
||||
import type { GameState, Era } from '@ai-tycoon/shared';
|
||||
import { processTick, setAchievementDefinitions, ACHIEVEMENT_DEFINITIONS, TECH_TREE } from '@token-empire/game-engine';
|
||||
import type { GameState, Era } from '@token-empire/shared';
|
||||
|
||||
function DevButton({ onClick, children, variant = 'default' }: {
|
||||
onClick: () => void;
|
||||
|
||||
@@ -0,0 +1,41 @@
|
||||
import { Cloud, CloudOff, Check, AlertTriangle, Loader2 } from 'lucide-react';
|
||||
import { useCloudSaveStore, type CloudSaveStatus } from '@/hooks/useCloudSave';
|
||||
import { Tooltip } from '@/components/common/Tooltip';
|
||||
|
||||
function formatTimeAgo(ms: number): string {
|
||||
const seconds = Math.floor((Date.now() - ms) / 1000);
|
||||
if (seconds < 60) return 'just now';
|
||||
const minutes = Math.floor(seconds / 60);
|
||||
if (minutes < 60) return `${minutes}m ago`;
|
||||
const hours = Math.floor(minutes / 60);
|
||||
return `${hours}h ago`;
|
||||
}
|
||||
|
||||
const STATUS_CONFIG: Record<CloudSaveStatus, { icon: typeof Cloud; color: string; label: string }> = {
|
||||
idle: { icon: Cloud, color: 'text-surface-500', label: 'Cloud save idle' },
|
||||
saving: { icon: Loader2, color: 'text-accent', label: 'Saving to cloud...' },
|
||||
success: { icon: Check, color: 'text-success', label: 'Saved to cloud' },
|
||||
error: { icon: AlertTriangle, color: 'text-warning', label: 'Cloud save failed' },
|
||||
offline: { icon: CloudOff, color: 'text-surface-500', label: 'Cloud save offline' },
|
||||
};
|
||||
|
||||
export function CloudSaveIndicator({ onForceSave }: { onForceSave: () => void }) {
|
||||
const status = useCloudSaveStore((s) => s.status);
|
||||
const lastSaveTime = useCloudSaveStore((s) => s.lastSaveTime);
|
||||
|
||||
const config = STATUS_CONFIG[status];
|
||||
const Icon = config.icon;
|
||||
const timeLabel = lastSaveTime ? `Last saved: ${formatTimeAgo(lastSaveTime)}` : 'Not yet saved';
|
||||
|
||||
return (
|
||||
<Tooltip content={<div className="space-y-1"><div>{config.label}</div><div className="text-surface-400">{timeLabel}</div><div className="text-surface-500 text-xs">Click to save now</div></div>}>
|
||||
<button
|
||||
onClick={onForceSave}
|
||||
className={`p-2 rounded hover:bg-surface-800 transition-colors ${config.color}`}
|
||||
aria-label="Cloud save"
|
||||
>
|
||||
<Icon size={18} className={status === 'saving' ? 'animate-spin' : ''} />
|
||||
</button>
|
||||
</Tooltip>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,195 @@
|
||||
import { useState, useEffect } from 'react';
|
||||
import { Download, Trash2, Upload, RefreshCw, Cloud } from 'lucide-react';
|
||||
import { api } from '@/lib/api';
|
||||
import { useGameStore } from '@/store';
|
||||
import { formatDuration } from '@token-empire/shared';
|
||||
import { ConfirmModal } from '@/components/common/ConfirmModal';
|
||||
|
||||
interface SaveEntry {
|
||||
id: string;
|
||||
companyName: string;
|
||||
era: string;
|
||||
tickCount: number;
|
||||
updatedAt: string;
|
||||
}
|
||||
|
||||
function timeAgo(dateStr: string): string {
|
||||
const seconds = Math.floor((Date.now() - new Date(dateStr).getTime()) / 1000);
|
||||
if (seconds < 60) return 'just now';
|
||||
const minutes = Math.floor(seconds / 60);
|
||||
if (minutes < 60) return `${minutes}m ago`;
|
||||
const hours = Math.floor(minutes / 60);
|
||||
if (hours < 24) return `${hours}h ago`;
|
||||
const days = Math.floor(hours / 24);
|
||||
return `${days}d ago`;
|
||||
}
|
||||
|
||||
export function CloudSaveList() {
|
||||
const [saves, setSaves] = useState<SaveEntry[]>([]);
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
const [loadConfirm, setLoadConfirm] = useState<SaveEntry | null>(null);
|
||||
const [deleteConfirm, setDeleteConfirm] = useState<SaveEntry | null>(null);
|
||||
const addNotification = useGameStore((s) => s.addNotification);
|
||||
|
||||
async function fetchSaves() {
|
||||
setLoading(true);
|
||||
setError(null);
|
||||
try {
|
||||
const { saves: list } = await api.saves.list();
|
||||
setSaves(list);
|
||||
} catch {
|
||||
setError('Failed to load cloud saves');
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}
|
||||
|
||||
useEffect(() => { fetchSaves(); }, []);
|
||||
|
||||
async function handleLoad(save: SaveEntry) {
|
||||
try {
|
||||
const { save: full } = await api.saves.get(save.id);
|
||||
if (full?.gameData) {
|
||||
useGameStore.setState(full.gameData as Record<string, unknown>);
|
||||
addNotification({
|
||||
title: 'Cloud Save Loaded',
|
||||
message: `Loaded "${save.companyName}" from cloud.`,
|
||||
type: 'success',
|
||||
tick: useGameStore.getState().meta.tickCount,
|
||||
});
|
||||
}
|
||||
} catch {
|
||||
addNotification({
|
||||
title: 'Load Failed',
|
||||
message: 'Could not load cloud save.',
|
||||
type: 'danger',
|
||||
tick: useGameStore.getState().meta.tickCount,
|
||||
});
|
||||
}
|
||||
setLoadConfirm(null);
|
||||
}
|
||||
|
||||
async function handleDownload(save: SaveEntry) {
|
||||
try {
|
||||
const { save: full } = await api.saves.get(save.id);
|
||||
if (full?.gameData) {
|
||||
const blob = new Blob([JSON.stringify(full.gameData)], { type: 'application/json' });
|
||||
const url = URL.createObjectURL(blob);
|
||||
const a = document.createElement('a');
|
||||
a.href = url;
|
||||
a.download = `token-empire-cloud-${save.companyName.replace(/\s+/g, '-').toLowerCase()}.json`;
|
||||
a.click();
|
||||
URL.revokeObjectURL(url);
|
||||
}
|
||||
} catch {
|
||||
addNotification({
|
||||
title: 'Download Failed',
|
||||
message: 'Could not download cloud save.',
|
||||
type: 'danger',
|
||||
tick: useGameStore.getState().meta.tickCount,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
async function handleDelete(save: SaveEntry) {
|
||||
try {
|
||||
await api.saves.delete(save.id);
|
||||
setSaves((prev) => prev.filter((s) => s.id !== save.id));
|
||||
} catch {
|
||||
addNotification({
|
||||
title: 'Delete Failed',
|
||||
message: 'Could not delete cloud save.',
|
||||
type: 'danger',
|
||||
tick: useGameStore.getState().meta.tickCount,
|
||||
});
|
||||
}
|
||||
setDeleteConfirm(null);
|
||||
}
|
||||
|
||||
if (loading) {
|
||||
return (
|
||||
<div className="flex items-center gap-2 text-sm text-surface-400 py-2">
|
||||
<RefreshCw size={14} className="animate-spin" /> Loading cloud saves...
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
if (error) {
|
||||
return (
|
||||
<div className="flex items-center justify-between text-sm text-surface-400 py-2">
|
||||
<span>{error}</span>
|
||||
<button onClick={fetchSaves} className="text-accent hover:text-accent-light text-xs">Retry</button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
if (saves.length === 0) {
|
||||
return (
|
||||
<div className="flex items-center gap-2 text-sm text-surface-400 py-2">
|
||||
<Cloud size={14} /> No cloud saves yet.
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="space-y-2">
|
||||
{saves.map((save) => (
|
||||
<div key={save.id} className="flex items-center justify-between bg-surface-800 rounded-lg px-3 py-2 border border-surface-700">
|
||||
<div className="min-w-0 flex-1">
|
||||
<div className="text-sm font-medium truncate">{save.companyName}</div>
|
||||
<div className="text-xs text-surface-400">
|
||||
{save.era} · {formatDuration(save.tickCount)} · {timeAgo(save.updatedAt)}
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-center gap-1 ml-3 shrink-0">
|
||||
<button
|
||||
onClick={() => setLoadConfirm(save)}
|
||||
className="p-1.5 rounded hover:bg-surface-700 text-surface-400 hover:text-accent transition-colors"
|
||||
title="Load this save"
|
||||
>
|
||||
<Upload size={14} />
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleDownload(save)}
|
||||
className="p-1.5 rounded hover:bg-surface-700 text-surface-400 hover:text-surface-200 transition-colors"
|
||||
title="Download as JSON"
|
||||
>
|
||||
<Download size={14} />
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setDeleteConfirm(save)}
|
||||
className="p-1.5 rounded hover:bg-surface-700 text-surface-400 hover:text-danger transition-colors"
|
||||
title="Delete this save"
|
||||
>
|
||||
<Trash2 size={14} />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{loadConfirm && (
|
||||
<ConfirmModal
|
||||
title="Load Cloud Save"
|
||||
message={`Load "${loadConfirm.companyName}"? This will replace your current local game.`}
|
||||
confirmLabel="Load"
|
||||
onConfirm={() => handleLoad(loadConfirm)}
|
||||
onCancel={() => setLoadConfirm(null)}
|
||||
/>
|
||||
)}
|
||||
|
||||
{deleteConfirm && (
|
||||
<ConfirmModal
|
||||
title="Delete Cloud Save"
|
||||
message={`Delete "${deleteConfirm.companyName}" from the cloud? This cannot be undone.`}
|
||||
confirmLabel="Delete"
|
||||
danger
|
||||
onConfirm={() => handleDelete(deleteConfirm)}
|
||||
onCancel={() => setDeleteConfirm(null)}
|
||||
/>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -1,8 +1,8 @@
|
||||
import { useGameStore } from '@/store';
|
||||
import { formatMoney, formatNumber, formatPercent } from '@ai-tycoon/shared';
|
||||
import { formatMoney, formatNumber, formatPercent } from '@token-empire/shared';
|
||||
import { Share2, Copy, Check } from 'lucide-react';
|
||||
import { useState } from 'react';
|
||||
import { ACHIEVEMENT_DEFINITIONS } from '@ai-tycoon/game-engine';
|
||||
import { ACHIEVEMENT_DEFINITIONS } from '@token-empire/game-engine';
|
||||
|
||||
export function CompanyStatsCard({ onClose }: { onClose: () => void }) {
|
||||
const [copied, setCopied] = useState(false);
|
||||
@@ -25,7 +25,7 @@ export function CompanyStatsCard({ onClose }: { onClose: () => void }) {
|
||||
const minutes = Math.floor((totalPlayTime % 3600) / 60);
|
||||
|
||||
const statsText = [
|
||||
`${companyName} — AI Tycoon`,
|
||||
`${companyName} — Token Empire`,
|
||||
`Era: ${eraLabel} | Playtime: ${hours}h ${minutes}m`,
|
||||
`Cash: ${formatMoney(money)} | Revenue: ${formatMoney(totalRevenue)}`,
|
||||
`Valuation: ${formatMoney(valuation)}`,
|
||||
|
||||
@@ -0,0 +1,318 @@
|
||||
import { useState, useEffect } from 'react';
|
||||
import { Sparkles, ArrowLeft } from 'lucide-react';
|
||||
import { api, setAuthToken, needsPasswordReset } from '@/lib/api';
|
||||
|
||||
type Stage = 'invite' | 'register' | 'login' | 'reset-password';
|
||||
|
||||
export function InviteGateScreen({ onRegistered }: { onRegistered: () => void }) {
|
||||
const [stage, setStage] = useState<Stage>('invite');
|
||||
const [inviteCode, setInviteCode] = useState('');
|
||||
const [email, setEmail] = useState('');
|
||||
const [loginField, setLoginField] = useState('');
|
||||
const [password, setPassword] = useState('');
|
||||
const [confirmPassword, setConfirmPassword] = useState('');
|
||||
const [newPassword, setNewPassword] = useState('');
|
||||
const [confirmNewPassword, setConfirmNewPassword] = useState('');
|
||||
const [error, setError] = useState('');
|
||||
const [loading, setLoading] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
const params = new URLSearchParams(window.location.search);
|
||||
const code = params.get('invite');
|
||||
if (code) {
|
||||
setInviteCode(code);
|
||||
handleValidateCode(code);
|
||||
}
|
||||
}, []);
|
||||
|
||||
async function handleValidateCode(code?: string) {
|
||||
const codeToValidate = code || inviteCode.trim();
|
||||
if (!codeToValidate) {
|
||||
setError('Please enter an invite code');
|
||||
return;
|
||||
}
|
||||
|
||||
setLoading(true);
|
||||
setError('');
|
||||
try {
|
||||
const result = await api.invites.validate(codeToValidate);
|
||||
if (result.valid) {
|
||||
setInviteCode(codeToValidate);
|
||||
setStage('register');
|
||||
} else {
|
||||
setError('Invalid or already used invite code');
|
||||
}
|
||||
} catch {
|
||||
setError('Could not validate invite code');
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}
|
||||
|
||||
async function handleRegister() {
|
||||
if (!email.trim()) { setError('Email is required'); return; }
|
||||
if (password.length < 8) { setError('Password must be at least 8 characters'); return; }
|
||||
if (password !== confirmPassword) { setError('Passwords do not match'); return; }
|
||||
|
||||
setLoading(true);
|
||||
setError('');
|
||||
try {
|
||||
const result = await api.auth.register(email.trim(), password, inviteCode);
|
||||
setAuthToken(result.token);
|
||||
onRegistered();
|
||||
} catch (e) {
|
||||
setError(e instanceof Error ? e.message : 'Registration failed');
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}
|
||||
|
||||
async function handleLogin() {
|
||||
if (!loginField.trim() || !password) { setError('Email/username and password required'); return; }
|
||||
|
||||
setLoading(true);
|
||||
setError('');
|
||||
try {
|
||||
const result = await api.auth.login(loginField.trim(), password);
|
||||
setAuthToken(result.token);
|
||||
if (needsPasswordReset()) {
|
||||
setStage('reset-password');
|
||||
} else {
|
||||
onRegistered();
|
||||
}
|
||||
} catch (e) {
|
||||
setError(e instanceof Error ? e.message : 'Login failed');
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}
|
||||
|
||||
async function handlePasswordReset() {
|
||||
if (newPassword.length < 8) { setError('Password must be at least 8 characters'); return; }
|
||||
if (newPassword !== confirmNewPassword) { setError('Passwords do not match'); return; }
|
||||
|
||||
setLoading(true);
|
||||
setError('');
|
||||
try {
|
||||
const result = await api.auth.changePassword(newPassword);
|
||||
setAuthToken(result.token);
|
||||
onRegistered();
|
||||
} catch (e) {
|
||||
setError(e instanceof Error ? e.message : 'Password change failed');
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="min-h-screen flex items-center justify-center bg-gradient-to-b from-surface-950 to-surface-900">
|
||||
<div className="max-w-md w-full mx-4">
|
||||
<div className="text-center mb-8">
|
||||
<div className="inline-flex items-center gap-2 mb-4">
|
||||
<Sparkles className="text-accent-light" size={32} />
|
||||
<h1 className="text-4xl font-bold bg-gradient-to-r from-accent-light to-accent bg-clip-text text-transparent">
|
||||
Token Empire
|
||||
</h1>
|
||||
</div>
|
||||
<p className="text-surface-400 text-sm">
|
||||
{stage === 'reset-password'
|
||||
? 'Please set a new password to continue.'
|
||||
: 'Access is invite-only during early access.'}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="bg-surface-900 border border-surface-700 rounded-xl p-6 space-y-5">
|
||||
{stage === 'invite' && (
|
||||
<>
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-surface-300 mb-2">
|
||||
Invite Code
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value={inviteCode}
|
||||
onChange={(e) => setInviteCode(e.target.value)}
|
||||
onKeyDown={(e) => e.key === 'Enter' && handleValidateCode()}
|
||||
placeholder="Enter your invite code"
|
||||
className="w-full bg-surface-800 border border-surface-600 rounded-lg px-4 py-3 text-surface-100 placeholder:text-surface-500 focus:outline-none focus:ring-2 focus:ring-accent/50 focus:border-accent font-mono tracking-wider text-center text-lg"
|
||||
autoFocus
|
||||
maxLength={8}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{error && <p className="text-danger text-sm">{error}</p>}
|
||||
|
||||
<button
|
||||
onClick={() => handleValidateCode()}
|
||||
disabled={loading}
|
||||
className="w-full bg-accent hover:bg-accent-dark text-white font-semibold py-3 rounded-lg transition-colors disabled:opacity-50"
|
||||
>
|
||||
{loading ? 'Validating...' : 'Continue'}
|
||||
</button>
|
||||
|
||||
<div className="text-center">
|
||||
<button
|
||||
onClick={() => { setStage('login'); setError(''); setPassword(''); }}
|
||||
className="text-sm text-surface-400 hover:text-accent-light transition-colors"
|
||||
>
|
||||
Already have an account? Log in
|
||||
</button>
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
|
||||
{stage === 'register' && (
|
||||
<>
|
||||
<button
|
||||
onClick={() => { setStage('invite'); setError(''); }}
|
||||
className="flex items-center gap-1 text-sm text-surface-400 hover:text-surface-200 transition-colors"
|
||||
>
|
||||
<ArrowLeft size={14} /> Back
|
||||
</button>
|
||||
|
||||
<div className="text-xs text-surface-500 bg-surface-800 rounded px-3 py-2 font-mono">
|
||||
Invite: {inviteCode}
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-surface-300 mb-1">Email</label>
|
||||
<input
|
||||
type="email"
|
||||
value={email}
|
||||
onChange={(e) => setEmail(e.target.value)}
|
||||
placeholder="you@example.com"
|
||||
className="w-full bg-surface-800 border border-surface-600 rounded-lg px-4 py-2.5 text-surface-100 placeholder:text-surface-500 focus:outline-none focus:ring-2 focus:ring-accent/50 focus:border-accent"
|
||||
autoFocus
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-surface-300 mb-1">Password</label>
|
||||
<input
|
||||
type="password"
|
||||
value={password}
|
||||
onChange={(e) => setPassword(e.target.value)}
|
||||
placeholder="Min 8 characters"
|
||||
className="w-full bg-surface-800 border border-surface-600 rounded-lg px-4 py-2.5 text-surface-100 placeholder:text-surface-500 focus:outline-none focus:ring-2 focus:ring-accent/50 focus:border-accent"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-surface-300 mb-1">Confirm Password</label>
|
||||
<input
|
||||
type="password"
|
||||
value={confirmPassword}
|
||||
onChange={(e) => setConfirmPassword(e.target.value)}
|
||||
onKeyDown={(e) => e.key === 'Enter' && handleRegister()}
|
||||
placeholder="Confirm your password"
|
||||
className="w-full bg-surface-800 border border-surface-600 rounded-lg px-4 py-2.5 text-surface-100 placeholder:text-surface-500 focus:outline-none focus:ring-2 focus:ring-accent/50 focus:border-accent"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{error && <p className="text-danger text-sm">{error}</p>}
|
||||
|
||||
<button
|
||||
onClick={handleRegister}
|
||||
disabled={loading}
|
||||
className="w-full bg-accent hover:bg-accent-dark text-white font-semibold py-3 rounded-lg transition-colors disabled:opacity-50"
|
||||
>
|
||||
{loading ? 'Creating account...' : 'Create Account'}
|
||||
</button>
|
||||
</>
|
||||
)}
|
||||
|
||||
{stage === 'login' && (
|
||||
<>
|
||||
<button
|
||||
onClick={() => { setStage('invite'); setError(''); setPassword(''); }}
|
||||
className="flex items-center gap-1 text-sm text-surface-400 hover:text-surface-200 transition-colors"
|
||||
>
|
||||
<ArrowLeft size={14} /> Back
|
||||
</button>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-surface-300 mb-1">Email or Username</label>
|
||||
<input
|
||||
type="text"
|
||||
value={loginField}
|
||||
onChange={(e) => setLoginField(e.target.value)}
|
||||
placeholder="admin"
|
||||
className="w-full bg-surface-800 border border-surface-600 rounded-lg px-4 py-2.5 text-surface-100 placeholder:text-surface-500 focus:outline-none focus:ring-2 focus:ring-accent/50 focus:border-accent"
|
||||
autoFocus
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-surface-300 mb-1">Password</label>
|
||||
<input
|
||||
type="password"
|
||||
value={password}
|
||||
onChange={(e) => setPassword(e.target.value)}
|
||||
onKeyDown={(e) => e.key === 'Enter' && handleLogin()}
|
||||
placeholder="Your password"
|
||||
className="w-full bg-surface-800 border border-surface-600 rounded-lg px-4 py-2.5 text-surface-100 placeholder:text-surface-500 focus:outline-none focus:ring-2 focus:ring-accent/50 focus:border-accent"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{error && <p className="text-danger text-sm">{error}</p>}
|
||||
|
||||
<button
|
||||
onClick={handleLogin}
|
||||
disabled={loading}
|
||||
className="w-full bg-accent hover:bg-accent-dark text-white font-semibold py-3 rounded-lg transition-colors disabled:opacity-50"
|
||||
>
|
||||
{loading ? 'Logging in...' : 'Log In'}
|
||||
</button>
|
||||
</>
|
||||
)}
|
||||
|
||||
{stage === 'reset-password' && (
|
||||
<>
|
||||
<div className="text-sm text-warning bg-warning/10 border border-warning/20 rounded-lg px-3 py-2">
|
||||
You must set a new password before continuing.
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-surface-300 mb-1">New Password</label>
|
||||
<input
|
||||
type="password"
|
||||
value={newPassword}
|
||||
onChange={(e) => setNewPassword(e.target.value)}
|
||||
placeholder="Min 8 characters"
|
||||
className="w-full bg-surface-800 border border-surface-600 rounded-lg px-4 py-2.5 text-surface-100 placeholder:text-surface-500 focus:outline-none focus:ring-2 focus:ring-accent/50 focus:border-accent"
|
||||
autoFocus
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-surface-300 mb-1">Confirm New Password</label>
|
||||
<input
|
||||
type="password"
|
||||
value={confirmNewPassword}
|
||||
onChange={(e) => setConfirmNewPassword(e.target.value)}
|
||||
onKeyDown={(e) => e.key === 'Enter' && handlePasswordReset()}
|
||||
placeholder="Confirm your new password"
|
||||
className="w-full bg-surface-800 border border-surface-600 rounded-lg px-4 py-2.5 text-surface-100 placeholder:text-surface-500 focus:outline-none focus:ring-2 focus:ring-accent/50 focus:border-accent"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{error && <p className="text-danger text-sm">{error}</p>}
|
||||
|
||||
<button
|
||||
onClick={handlePasswordReset}
|
||||
disabled={loading}
|
||||
className="w-full bg-accent hover:bg-accent-dark text-white font-semibold py-3 rounded-lg transition-colors disabled:opacity-50"
|
||||
>
|
||||
{loading ? 'Saving...' : 'Set Password & Continue'}
|
||||
</button>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<p className="text-center text-xs text-surface-600 mt-6">
|
||||
Manage data centers, train models, serve millions of users, and achieve AGI.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,6 +1,7 @@
|
||||
import { useState } from 'react';
|
||||
import { Sparkles } from 'lucide-react';
|
||||
import { Sparkles, Cloud, Play } from 'lucide-react';
|
||||
import { useGameStore } from '@/store';
|
||||
import type { CloudSaveInfo } from '@/hooks/useAuthGate';
|
||||
|
||||
const SUGGESTED_NAMES = [
|
||||
'Nexus AI', 'Cortex Labs', 'Synapse Technologies',
|
||||
@@ -8,8 +9,32 @@ const SUGGESTED_NAMES = [
|
||||
'Neural Forge', 'DeepMind+', 'Cerebral Systems',
|
||||
];
|
||||
|
||||
export function NewGameScreen() {
|
||||
const ERA_LABELS: Record<string, string> = {
|
||||
startup: 'Startup',
|
||||
scaleup: 'Scale-Up',
|
||||
bigtech: 'Big Tech',
|
||||
agi: 'AGI',
|
||||
};
|
||||
|
||||
function formatTimeAgo(dateStr: string): string {
|
||||
const diff = Date.now() - new Date(dateStr).getTime();
|
||||
const minutes = Math.floor(diff / 60_000);
|
||||
if (minutes < 1) return 'just now';
|
||||
if (minutes < 60) return `${minutes}m ago`;
|
||||
const hours = Math.floor(minutes / 60);
|
||||
if (hours < 24) return `${hours}h ago`;
|
||||
const days = Math.floor(hours / 24);
|
||||
return `${days}d ago`;
|
||||
}
|
||||
|
||||
interface Props {
|
||||
cloudSave?: CloudSaveInfo | null;
|
||||
onContinue?: () => Promise<void>;
|
||||
}
|
||||
|
||||
export function NewGameScreen({ cloudSave, onContinue }: Props) {
|
||||
const [name, setName] = useState('');
|
||||
const [loading, setLoading] = useState(false);
|
||||
const startNewGame = useGameStore((s) => s.startNewGame);
|
||||
|
||||
const handleStart = () => {
|
||||
@@ -17,6 +42,16 @@ export function NewGameScreen() {
|
||||
startNewGame(companyName);
|
||||
};
|
||||
|
||||
const handleContinue = async () => {
|
||||
if (!onContinue) return;
|
||||
setLoading(true);
|
||||
try {
|
||||
await onContinue();
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="min-h-screen flex items-center justify-center bg-gradient-to-b from-surface-950 to-surface-900">
|
||||
<div className="max-w-md w-full mx-4">
|
||||
@@ -24,7 +59,7 @@ export function NewGameScreen() {
|
||||
<div className="inline-flex items-center gap-2 mb-4">
|
||||
<Sparkles className="text-accent-light" size={32} />
|
||||
<h1 className="text-4xl font-bold bg-gradient-to-r from-accent-light to-accent bg-clip-text text-transparent">
|
||||
AI Tycoon
|
||||
Token Empire
|
||||
</h1>
|
||||
</div>
|
||||
<p className="text-surface-400 text-sm">
|
||||
@@ -32,7 +67,37 @@ export function NewGameScreen() {
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{cloudSave && onContinue && (
|
||||
<div className="bg-surface-900 border border-accent/30 rounded-xl p-6 mb-4 space-y-4">
|
||||
<div className="flex items-center gap-2 text-accent-light">
|
||||
<Cloud size={18} />
|
||||
<h3 className="font-semibold text-sm">Continue Your Game</h3>
|
||||
</div>
|
||||
<div className="space-y-1">
|
||||
<div className="text-lg font-semibold text-surface-100">{cloudSave.companyName}</div>
|
||||
<div className="flex items-center gap-3 text-xs text-surface-400">
|
||||
<span className="px-2 py-0.5 rounded-full bg-surface-800 border border-surface-700">
|
||||
{ERA_LABELS[cloudSave.era] ?? cloudSave.era}
|
||||
</span>
|
||||
<span>Tick {cloudSave.tickCount.toLocaleString()}</span>
|
||||
<span>Saved {formatTimeAgo(cloudSave.updatedAt)}</span>
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
onClick={handleContinue}
|
||||
disabled={loading}
|
||||
className="w-full inline-flex items-center justify-center gap-2 bg-accent hover:bg-accent-dark text-white font-semibold py-3 rounded-lg transition-colors disabled:opacity-50"
|
||||
>
|
||||
<Play size={16} />
|
||||
{loading ? 'Loading...' : 'Continue'}
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="bg-surface-900 border border-surface-700 rounded-xl p-6 space-y-6">
|
||||
{cloudSave && onContinue && (
|
||||
<div className="text-xs text-surface-500 uppercase tracking-wider font-medium">Or start fresh</div>
|
||||
)}
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-surface-300 mb-2">
|
||||
Name your AI company
|
||||
@@ -44,7 +109,7 @@ export function NewGameScreen() {
|
||||
onKeyDown={(e) => e.key === 'Enter' && handleStart()}
|
||||
placeholder={SUGGESTED_NAMES[0]}
|
||||
className="w-full bg-surface-800 border border-surface-600 rounded-lg px-4 py-3 text-surface-100 placeholder:text-surface-500 focus:outline-none focus:ring-2 focus:ring-accent/50 focus:border-accent"
|
||||
autoFocus
|
||||
autoFocus={!cloudSave}
|
||||
maxLength={30}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { useState, useEffect, useRef } from 'react';
|
||||
import { formatMoney, formatDuration, formatNumber, MAX_OFFLINE_TICKS, TICK_INTERVAL_MS } from '@ai-tycoon/shared';
|
||||
import { GameEngine } from '@ai-tycoon/game-engine';
|
||||
import { formatMoney, formatDuration, formatNumber, MAX_OFFLINE_TICKS, TICK_INTERVAL_MS } from '@token-empire/shared';
|
||||
import { GameEngine } from '@token-empire/game-engine';
|
||||
import { useGameStore } from '@/store';
|
||||
|
||||
interface OfflineResult {
|
||||
|
||||
@@ -0,0 +1,103 @@
|
||||
import { useEffect } from 'react';
|
||||
import { Cloud, HardDrive, Plus } from 'lucide-react';
|
||||
import { formatDuration } from '@token-empire/shared';
|
||||
import type { CloudSaveInfo } from '@/hooks/useAuthGate';
|
||||
|
||||
interface LocalSaveInfo {
|
||||
companyName: string;
|
||||
era: string;
|
||||
tickCount: number;
|
||||
lastTickTimestamp: number;
|
||||
}
|
||||
|
||||
function SaveCard({ icon: Icon, label, companyName, era, tickCount, timestamp, selected, onClick }: {
|
||||
icon: typeof Cloud;
|
||||
label: string;
|
||||
companyName: string;
|
||||
era: string;
|
||||
tickCount: number;
|
||||
timestamp: string;
|
||||
selected?: boolean;
|
||||
onClick: () => void;
|
||||
}) {
|
||||
return (
|
||||
<button
|
||||
onClick={onClick}
|
||||
className={`flex-1 p-4 rounded-lg border text-left transition-colors ${
|
||||
selected
|
||||
? 'border-accent bg-accent/10'
|
||||
: 'border-surface-600 bg-surface-800 hover:border-surface-500'
|
||||
}`}
|
||||
>
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<Icon size={16} className={selected ? 'text-accent' : 'text-surface-400'} />
|
||||
<span className="text-sm font-medium">{label}</span>
|
||||
</div>
|
||||
<div className="space-y-1.5">
|
||||
<div className="text-base font-semibold">{companyName}</div>
|
||||
<div className="text-xs text-surface-400">Era: {era}</div>
|
||||
<div className="text-xs text-surface-400">Time: {formatDuration(tickCount)}</div>
|
||||
<div className="text-xs text-surface-500">{timestamp}</div>
|
||||
</div>
|
||||
</button>
|
||||
);
|
||||
}
|
||||
|
||||
export function SaveConflictDialog({ localSave, cloudSave, onChooseLocal, onChooseCloud, onNewGame }: {
|
||||
localSave: LocalSaveInfo;
|
||||
cloudSave: CloudSaveInfo;
|
||||
onChooseLocal: () => void;
|
||||
onChooseCloud: () => void;
|
||||
onNewGame: () => void;
|
||||
}) {
|
||||
useEffect(() => {
|
||||
const handler = (e: KeyboardEvent) => {
|
||||
if (e.key === 'Escape') onChooseLocal();
|
||||
};
|
||||
window.addEventListener('keydown', handler);
|
||||
return () => window.removeEventListener('keydown', handler);
|
||||
}, [onChooseLocal]);
|
||||
|
||||
const localDate = new Date(localSave.lastTickTimestamp).toLocaleString();
|
||||
const cloudDate = new Date(cloudSave.updatedAt).toLocaleString();
|
||||
|
||||
return (
|
||||
<div className="fixed inset-0 bg-black/60 flex items-center justify-center z-50">
|
||||
<div className="bg-surface-900 border border-surface-700 rounded-xl p-6 max-w-lg w-full mx-4 shadow-2xl">
|
||||
<h3 className="text-lg font-bold mb-2">Save Conflict</h3>
|
||||
<p className="text-sm text-surface-400 mb-5">
|
||||
Both a local save and a cloud save exist. Which would you like to continue with?
|
||||
</p>
|
||||
|
||||
<div className="flex gap-3 mb-5">
|
||||
<SaveCard
|
||||
icon={HardDrive}
|
||||
label="Local Save"
|
||||
companyName={localSave.companyName}
|
||||
era={localSave.era}
|
||||
tickCount={localSave.tickCount}
|
||||
timestamp={localDate}
|
||||
onClick={onChooseLocal}
|
||||
/>
|
||||
<SaveCard
|
||||
icon={Cloud}
|
||||
label="Cloud Save"
|
||||
companyName={cloudSave.companyName}
|
||||
era={cloudSave.era}
|
||||
tickCount={cloudSave.tickCount}
|
||||
timestamp={cloudDate}
|
||||
onClick={onChooseCloud}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<button
|
||||
onClick={onNewGame}
|
||||
className="w-full flex items-center justify-center gap-2 px-4 py-2 rounded text-sm text-surface-400 hover:text-surface-200 hover:bg-surface-800 transition-colors"
|
||||
>
|
||||
<Plus size={14} />
|
||||
Start New Game
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,7 +1,7 @@
|
||||
import { useState } from 'react';
|
||||
import { X, Lightbulb } from 'lucide-react';
|
||||
|
||||
const DISMISSED_KEY = 'ai-tycoon-dismissed-hints';
|
||||
const DISMISSED_KEY = 'token-empire-dismissed-hints';
|
||||
|
||||
function getDismissed(): Set<string> {
|
||||
try {
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
import { useEffect } from 'react';
|
||||
import { Sidebar } from './Sidebar';
|
||||
import { TopBar } from './TopBar';
|
||||
import { ToastContainer } from '@/components/common/ToastContainer';
|
||||
@@ -5,6 +6,7 @@ import { DevMenu } from '@/components/dev/DevMenu';
|
||||
import { useGameStore } from '@/store';
|
||||
import { useHashRouter } from '@/hooks/useHashRouter';
|
||||
import { useKeyboardShortcuts } from '@/hooks/useKeyboardShortcuts';
|
||||
import { initAudioSystem } from '@/audio';
|
||||
import { DashboardPage } from '@/pages/DashboardPage';
|
||||
import { InfrastructurePage } from '@/pages/InfrastructurePage';
|
||||
import { ResearchPage } from '@/pages/ResearchPage';
|
||||
@@ -18,10 +20,12 @@ import { CompetitorsPage } from '@/pages/CompetitorsPage';
|
||||
import { AchievementsPage } from '@/pages/AchievementsPage';
|
||||
import { LeaderboardPage } from '@/pages/LeaderboardPage';
|
||||
import { ServingPage } from '@/pages/ServingPage';
|
||||
import { InvitationsPage } from '@/pages/InvitationsPage';
|
||||
|
||||
export function MainLayout() {
|
||||
const { subPath, setSubPath } = useHashRouter();
|
||||
useKeyboardShortcuts();
|
||||
useEffect(() => initAudioSystem(), []);
|
||||
const activePage = useGameStore((s) => s.activePage);
|
||||
|
||||
return (
|
||||
@@ -53,6 +57,7 @@ function PageRouter({ page, subPath, setSubPath }: { page: string; subPath: stri
|
||||
case 'competitors': return <CompetitorsPage />;
|
||||
case 'achievements': return <AchievementsPage />;
|
||||
case 'leaderboard': return <LeaderboardPage />;
|
||||
case 'invitations': return <InvitationsPage />;
|
||||
case 'settings': return <SettingsPage />;
|
||||
default: return <PlaceholderPage name={page} />;
|
||||
}
|
||||
|
||||
@@ -2,11 +2,12 @@ import { useState, useEffect, useRef } from 'react';
|
||||
import {
|
||||
LayoutDashboard, Server, FlaskConical, Brain,
|
||||
TrendingUp, Activity, Users, Database, Swords, DollarSign, Settings, Trophy, Medal,
|
||||
PanelLeftClose, PanelLeftOpen,
|
||||
PanelLeftClose, PanelLeftOpen, Mail, UserPlus, Copy, Check,
|
||||
} from 'lucide-react';
|
||||
import { useGameStore, type ActivePage } from '@/store';
|
||||
import { isAdmin as checkIsAdmin, isRegistered as checkIsRegistered, getTokenPayload, api } from '@/lib/api';
|
||||
|
||||
const NAV_ITEMS: { page: ActivePage; label: string; icon: typeof LayoutDashboard; era?: string }[] = [
|
||||
const NAV_ITEMS: { page: ActivePage; label: string; icon: typeof LayoutDashboard; era?: string; adminOnly?: boolean }[] = [
|
||||
{ page: 'dashboard', label: 'Dashboard', icon: LayoutDashboard },
|
||||
{ page: 'infrastructure', label: 'Infrastructure', icon: Server },
|
||||
{ page: 'research', label: 'Research', icon: FlaskConical },
|
||||
@@ -19,12 +20,13 @@ const NAV_ITEMS: { page: ActivePage; label: string; icon: typeof LayoutDashboard
|
||||
{ page: 'competitors', label: 'Competitors', icon: Swords, era: 'scaleup' },
|
||||
{ page: 'achievements', label: 'Achievements', icon: Trophy },
|
||||
{ page: 'leaderboard', label: 'Leaderboard', icon: Medal },
|
||||
{ page: 'invitations', label: 'Invitations', icon: Mail, adminOnly: true },
|
||||
{ page: 'settings', label: 'Settings', icon: Settings },
|
||||
];
|
||||
|
||||
function getInitialCollapsed(): boolean {
|
||||
try {
|
||||
const stored = localStorage.getItem('ai-tycoon-sidebar-collapsed');
|
||||
const stored = localStorage.getItem('token-empire-sidebar-collapsed');
|
||||
if (stored !== null) return stored === 'true';
|
||||
return window.innerWidth < 1280;
|
||||
} catch { return false; }
|
||||
@@ -36,6 +38,11 @@ export function Sidebar() {
|
||||
const companyName = useGameStore((s) => s.meta.companyName);
|
||||
const era = useGameStore((s) => s.meta.currentEra);
|
||||
const [collapsed, setCollapsed] = useState(getInitialCollapsed);
|
||||
const [remainingInvites, setRemainingInvites] = useState(0);
|
||||
const [inviteCopied, setInviteCopied] = useState(false);
|
||||
|
||||
const admin = checkIsAdmin();
|
||||
const registered = checkIsRegistered();
|
||||
|
||||
const eraOrder = ['startup', 'scaleup', 'bigtech', 'agi'];
|
||||
const currentEraIdx = eraOrder.indexOf(era);
|
||||
@@ -57,6 +64,12 @@ export function Sidebar() {
|
||||
}
|
||||
}, [era]);
|
||||
|
||||
useEffect(() => {
|
||||
if (!admin && registered) {
|
||||
api.invites.remaining().then(r => setRemainingInvites(r.remaining)).catch(() => {});
|
||||
}
|
||||
}, [admin, registered]);
|
||||
|
||||
const handleNavClick = (page: ActivePage) => {
|
||||
setActivePage(page);
|
||||
setNewPages(prev => {
|
||||
@@ -69,11 +82,26 @@ export function Sidebar() {
|
||||
const toggleCollapse = () => {
|
||||
setCollapsed(prev => {
|
||||
const next = !prev;
|
||||
localStorage.setItem('ai-tycoon-sidebar-collapsed', String(next));
|
||||
localStorage.setItem('token-empire-sidebar-collapsed', String(next));
|
||||
return next;
|
||||
});
|
||||
};
|
||||
|
||||
async function handleInviteFriend() {
|
||||
try {
|
||||
const result = await api.invites.create();
|
||||
const url = `${window.location.origin}?invite=${result.code}`;
|
||||
await navigator.clipboard.writeText(url);
|
||||
setInviteCopied(true);
|
||||
setRemainingInvites(prev => Math.max(0, prev - 1));
|
||||
setTimeout(() => setInviteCopied(false), 2000);
|
||||
} catch {
|
||||
// silent
|
||||
}
|
||||
}
|
||||
|
||||
const showInviteButton = !admin && registered && remainingInvites > 0;
|
||||
|
||||
return (
|
||||
<aside className={`${collapsed ? 'w-16' : 'w-56'} bg-surface-900 border-r border-surface-700 flex flex-col h-screen transition-all duration-200`}>
|
||||
<div className={`${collapsed ? 'px-2 py-3' : 'p-4'} border-b border-surface-700 flex items-center ${collapsed ? 'justify-center' : 'justify-between'}`}>
|
||||
@@ -91,12 +119,13 @@ export function Sidebar() {
|
||||
</div>
|
||||
|
||||
<nav className="flex-1 py-2 overflow-y-auto">
|
||||
{NAV_ITEMS.map(({ page, label, icon: Icon, era: requiredEra }) => {
|
||||
{NAV_ITEMS.map(({ page, label, icon: Icon, era: requiredEra, adminOnly }) => {
|
||||
if (requiredEra && eraOrder.indexOf(requiredEra) > currentEraIdx) return null;
|
||||
if (adminOnly && !admin) return null;
|
||||
|
||||
const isActive = activePage === page;
|
||||
const isNew = newPages.has(page);
|
||||
const showDivider = page === 'talent' || page === 'achievements';
|
||||
const showDivider = page === 'talent' || page === 'achievements' || page === 'invitations';
|
||||
return (
|
||||
<div key={page}>
|
||||
{showDivider && <div className={`border-t border-surface-700 my-1 ${collapsed ? 'mx-2' : 'mx-4'}`} />}
|
||||
@@ -123,8 +152,26 @@ export function Sidebar() {
|
||||
})}
|
||||
</nav>
|
||||
|
||||
{showInviteButton && (
|
||||
<div className={`${collapsed ? 'px-2' : 'px-3'} pb-2`}>
|
||||
<button
|
||||
onClick={handleInviteFriend}
|
||||
className={`w-full flex items-center ${collapsed ? 'justify-center' : 'gap-2'} px-3 py-2 text-sm rounded-lg bg-accent/10 hover:bg-accent/20 text-accent-light transition-colors`}
|
||||
title={collapsed ? 'Invite a Friend' : undefined}
|
||||
>
|
||||
{inviteCopied ? <Check size={16} /> : <UserPlus size={16} />}
|
||||
{!collapsed && (inviteCopied ? 'Link Copied!' : 'Invite a Friend')}
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className={`${collapsed ? 'px-2 py-3 text-center' : 'p-4'} border-t border-surface-700 text-xs text-surface-500`}>
|
||||
{collapsed ? 'v0.1' : 'AI Tycoon v0.1'}
|
||||
{!collapsed && (() => {
|
||||
const payload = getTokenPayload();
|
||||
const displayName = payload?.username || payload?.email || 'Guest';
|
||||
return <div className="truncate mb-1 text-surface-400">{displayName}</div>;
|
||||
})()}
|
||||
{collapsed ? 'v0.1' : 'Token Empire v0.1'}
|
||||
</div>
|
||||
</aside>
|
||||
);
|
||||
|
||||
@@ -1,10 +1,13 @@
|
||||
import { type ReactNode, useState } from 'react';
|
||||
import { Pause, Play, Bell, Share2 } from 'lucide-react';
|
||||
import { CompanyStatsCard } from '@/components/game/CompanyStatsCard';
|
||||
import { CloudSaveIndicator } from '@/components/game/CloudSaveIndicator';
|
||||
import { NotificationPanel } from '@/components/common/NotificationPanel';
|
||||
import { useGameStore } from '@/store';
|
||||
import { formatMoney, formatNumber, formatDuration, formatPercent } from '@ai-tycoon/shared';
|
||||
import type { GameSpeed } from '@ai-tycoon/shared';
|
||||
import { isRegistered } from '@/lib/api';
|
||||
import { performCloudSave } from '@/hooks/useCloudSave';
|
||||
import { formatMoney, formatNumber, formatDuration, formatPercent } from '@token-empire/shared';
|
||||
import type { GameSpeed } from '@token-empire/shared';
|
||||
import { Tooltip } from '@/components/common/Tooltip';
|
||||
|
||||
const SPEEDS: GameSpeed[] = [1, 2, 5];
|
||||
@@ -97,6 +100,10 @@ export function TopBar() {
|
||||
))}
|
||||
</div>
|
||||
|
||||
{isRegistered() && (
|
||||
<CloudSaveIndicator onForceSave={performCloudSave} />
|
||||
)}
|
||||
|
||||
<button
|
||||
onClick={() => setShowStats(true)}
|
||||
className="p-2 rounded hover:bg-surface-800 transition-colors"
|
||||
|
||||
@@ -0,0 +1,183 @@
|
||||
import { useState, useCallback } from 'react';
|
||||
import { api, getTokenPayload, isRegistered as checkRegistered, needsPasswordReset as checkNeedsReset, validateStoredToken } from '@/lib/api';
|
||||
import { useGameStore } from '@/store';
|
||||
import { ensureAuth } from './useCloudSave';
|
||||
|
||||
export interface CloudSaveInfo {
|
||||
id: string;
|
||||
companyName: string;
|
||||
era: string;
|
||||
tickCount: number;
|
||||
updatedAt: string;
|
||||
}
|
||||
|
||||
interface AuthGateState {
|
||||
loading: boolean;
|
||||
backendError: string | null;
|
||||
needsInvite: boolean;
|
||||
needsPasswordReset: boolean;
|
||||
registered: boolean;
|
||||
isAdmin: boolean;
|
||||
config: { requireInvite: boolean; userInvitations: number } | null;
|
||||
cloudSave: CloudSaveInfo | null;
|
||||
hasConflict: boolean;
|
||||
loadCloudSave: () => Promise<void>;
|
||||
resolveConflict: (choice: 'local' | 'cloud' | 'new') => Promise<void>;
|
||||
setRegistered: (value: boolean) => void;
|
||||
setNeedsPasswordReset: (value: boolean) => void;
|
||||
retry: () => void;
|
||||
}
|
||||
|
||||
export function useAuthGate(): AuthGateState {
|
||||
const [config, setConfig] = useState<{ requireInvite: boolean; userInvitations: number } | null>(null);
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [backendError, setBackendError] = useState<string | null>(null);
|
||||
const [registered, setRegistered] = useState(false);
|
||||
const [passwordReset, setPasswordReset] = useState(false);
|
||||
const [admin, setAdmin] = useState(false);
|
||||
const [cloudSave, setCloudSave] = useState<CloudSaveInfo | null>(null);
|
||||
const [hasConflict, setHasConflict] = useState(false);
|
||||
|
||||
const init = useCallback(async () => {
|
||||
setLoading(true);
|
||||
setBackendError(null);
|
||||
|
||||
validateStoredToken();
|
||||
|
||||
try {
|
||||
await api.health();
|
||||
} catch (e) {
|
||||
setBackendError(e instanceof Error ? e.message : 'Cannot connect to server');
|
||||
setLoading(false);
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const cfg = await api.config.get();
|
||||
setConfig(cfg);
|
||||
} catch {
|
||||
setConfig({ requireInvite: false, userInvitations: 0 });
|
||||
}
|
||||
|
||||
try {
|
||||
await ensureAuth();
|
||||
} catch {
|
||||
// auth failed — will show as unregistered
|
||||
}
|
||||
|
||||
const payload = getTokenPayload();
|
||||
const isReg = checkRegistered();
|
||||
setRegistered(isReg);
|
||||
setPasswordReset(checkNeedsReset());
|
||||
setAdmin(payload?.role === 'admin');
|
||||
|
||||
if (isReg) {
|
||||
try {
|
||||
const { save } = await api.saves.latest();
|
||||
if (save && save.tickCount > 0) {
|
||||
setCloudSave({
|
||||
id: save.id,
|
||||
companyName: save.companyName,
|
||||
era: save.era,
|
||||
tickCount: save.tickCount,
|
||||
updatedAt: save.updatedAt,
|
||||
});
|
||||
} else {
|
||||
setCloudSave(null);
|
||||
}
|
||||
} catch {
|
||||
setCloudSave(null);
|
||||
}
|
||||
}
|
||||
|
||||
setLoading(false);
|
||||
}, []);
|
||||
|
||||
// Run init on mount and on retry
|
||||
useState(() => { init(); });
|
||||
|
||||
const retry = useCallback(() => {
|
||||
init();
|
||||
}, [init]);
|
||||
|
||||
const loadCloudSave = useCallback(async () => {
|
||||
try {
|
||||
const { save } = await api.saves.latest();
|
||||
if (save?.gameData) {
|
||||
const gameData = save.gameData as Record<string, unknown>;
|
||||
useGameStore.setState(gameData);
|
||||
}
|
||||
} catch {
|
||||
// Fall through to new game if cloud load fails
|
||||
}
|
||||
}, []);
|
||||
|
||||
const resolveConflict = useCallback(async (choice: 'local' | 'cloud' | 'new') => {
|
||||
if (choice === 'cloud') {
|
||||
await loadCloudSave();
|
||||
} else if (choice === 'new') {
|
||||
localStorage.removeItem('token-empire-save');
|
||||
window.location.reload();
|
||||
return;
|
||||
}
|
||||
setHasConflict(false);
|
||||
}, [loadCloudSave]);
|
||||
|
||||
const handleSetRegistered = useCallback(async (value: boolean) => {
|
||||
setRegistered(value);
|
||||
const payload = getTokenPayload();
|
||||
if (payload) {
|
||||
setAdmin(payload.role === 'admin');
|
||||
setPasswordReset(payload.mustResetPassword);
|
||||
}
|
||||
if (value) {
|
||||
setLoading(true);
|
||||
try {
|
||||
const { save } = await api.saves.latest();
|
||||
if (save && save.tickCount > 0) {
|
||||
setCloudSave({
|
||||
id: save.id,
|
||||
companyName: save.companyName,
|
||||
era: save.era,
|
||||
tickCount: save.tickCount,
|
||||
updatedAt: save.updatedAt,
|
||||
});
|
||||
|
||||
const localCompany = useGameStore.getState().meta.companyName;
|
||||
if (localCompany) {
|
||||
setHasConflict(true);
|
||||
} else {
|
||||
useGameStore.setState(save.gameData as Record<string, unknown>);
|
||||
}
|
||||
}
|
||||
} catch {
|
||||
// No cloud save — user sees new game screen
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}
|
||||
}, []);
|
||||
|
||||
const handleSetPasswordReset = useCallback((value: boolean) => {
|
||||
setPasswordReset(value);
|
||||
}, []);
|
||||
|
||||
const needsInvite = !!(config?.requireInvite && !registered);
|
||||
|
||||
return {
|
||||
loading,
|
||||
backendError,
|
||||
needsInvite,
|
||||
needsPasswordReset: passwordReset,
|
||||
registered,
|
||||
isAdmin: admin,
|
||||
config,
|
||||
cloudSave,
|
||||
hasConflict,
|
||||
loadCloudSave,
|
||||
resolveConflict,
|
||||
setRegistered: handleSetRegistered,
|
||||
setNeedsPasswordReset: handleSetPasswordReset,
|
||||
retry,
|
||||
};
|
||||
}
|
||||
@@ -1,38 +1,126 @@
|
||||
import { useEffect, useRef } from 'react';
|
||||
import { useEffect, useRef, useCallback } from 'react';
|
||||
import { create } from 'zustand';
|
||||
import { useGameStore } from '@/store';
|
||||
import { api, getAuthToken, setAuthToken } from '@/lib/api';
|
||||
import { AUTO_SAVE_INTERVAL_TICKS } from '@ai-tycoon/shared';
|
||||
import { api, getAuthToken, setAuthToken, clearAuthToken, decodeTokenPayload, isRegistered } from '@/lib/api';
|
||||
|
||||
const CLOUD_SAVE_INTERVAL_MS = 5 * 60 * 1000;
|
||||
const BASE_BACKOFF_MS = 2 * 60 * 1000;
|
||||
const MAX_BACKOFF_MS = 30 * 60 * 1000;
|
||||
|
||||
export type CloudSaveStatus = 'idle' | 'saving' | 'success' | 'error' | 'offline';
|
||||
|
||||
interface CloudSaveState {
|
||||
status: CloudSaveStatus;
|
||||
lastSaveTime: number | null;
|
||||
failureCount: number;
|
||||
setStatus: (status: CloudSaveStatus) => void;
|
||||
setLastSaveTime: (time: number) => void;
|
||||
setFailureCount: (count: number) => void;
|
||||
}
|
||||
|
||||
export const useCloudSaveStore = create<CloudSaveState>((set) => ({
|
||||
status: 'idle',
|
||||
lastSaveTime: null,
|
||||
failureCount: 0,
|
||||
setStatus: (status) => set({ status }),
|
||||
setLastSaveTime: (time) => set({ lastSaveTime: time }),
|
||||
setFailureCount: (count) => set({ failureCount: count }),
|
||||
}));
|
||||
|
||||
function buildSavePayload() {
|
||||
const state = useGameStore.getState();
|
||||
const { activePage, notifications, infraNav, modelsTab, ...gameState } = state;
|
||||
return {
|
||||
companyName: state.meta.companyName,
|
||||
saveVersion: state.meta.saveVersion,
|
||||
gameData: gameState,
|
||||
tickCount: state.meta.tickCount,
|
||||
era: state.meta.currentEra,
|
||||
};
|
||||
}
|
||||
|
||||
export async function performCloudSave(): Promise<boolean> {
|
||||
const token = getAuthToken();
|
||||
if (!token || !isRegistered()) return false;
|
||||
|
||||
const store = useCloudSaveStore.getState();
|
||||
store.setStatus('saving');
|
||||
|
||||
try {
|
||||
await api.saves.put(buildSavePayload());
|
||||
store.setStatus('success');
|
||||
store.setLastSaveTime(Date.now());
|
||||
|
||||
if (store.failureCount > 0) {
|
||||
useGameStore.getState().addNotification({
|
||||
title: 'Cloud Save Reconnected',
|
||||
message: 'Your game is syncing to the cloud again.',
|
||||
type: 'success',
|
||||
tick: useGameStore.getState().meta.tickCount,
|
||||
});
|
||||
}
|
||||
store.setFailureCount(0);
|
||||
return true;
|
||||
} catch {
|
||||
const newCount = store.failureCount + 1;
|
||||
store.setFailureCount(newCount);
|
||||
store.setStatus('error');
|
||||
|
||||
if (newCount === 1) {
|
||||
useGameStore.getState().addNotification({
|
||||
title: 'Cloud Save Failed',
|
||||
message: 'Progress is saved locally. Retrying automatically.',
|
||||
type: 'warning',
|
||||
tick: useGameStore.getState().meta.tickCount,
|
||||
});
|
||||
} else if (newCount === 5) {
|
||||
useGameStore.getState().addNotification({
|
||||
title: 'Cloud Save Unavailable',
|
||||
message: 'Use Settings → Export Save to back up manually.',
|
||||
type: 'danger',
|
||||
tick: useGameStore.getState().meta.tickCount,
|
||||
});
|
||||
}
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
export function useCloudSave() {
|
||||
const tickCount = useGameStore((s) => s.meta.tickCount);
|
||||
const companyName = useGameStore((s) => s.meta.companyName);
|
||||
const lastSaveTick = useRef(0);
|
||||
const lastAttemptTime = useRef(Date.now());
|
||||
|
||||
useEffect(() => {
|
||||
if (!companyName) return;
|
||||
if (tickCount - lastSaveTick.current < AUTO_SAVE_INTERVAL_TICKS * 5) return;
|
||||
|
||||
const token = getAuthToken();
|
||||
if (!token) return;
|
||||
if (!token || !isRegistered()) return;
|
||||
|
||||
lastSaveTick.current = tickCount;
|
||||
const now = Date.now();
|
||||
const { failureCount, lastSaveTime } = useCloudSaveStore.getState();
|
||||
|
||||
const state = useGameStore.getState();
|
||||
const { activePage, notifications, ...gameState } = state;
|
||||
const backoffMs = failureCount > 0
|
||||
? Math.min(BASE_BACKOFF_MS * Math.pow(2, failureCount - 1), MAX_BACKOFF_MS)
|
||||
: CLOUD_SAVE_INTERVAL_MS;
|
||||
|
||||
api.saves.put({
|
||||
companyName: state.meta.companyName,
|
||||
saveVersion: state.meta.saveVersion,
|
||||
gameData: gameState,
|
||||
tickCount: state.meta.tickCount,
|
||||
era: state.meta.currentEra,
|
||||
}).catch(() => {});
|
||||
const timeSinceLastAttempt = now - lastAttemptTime.current;
|
||||
if (timeSinceLastAttempt < backoffMs) return;
|
||||
|
||||
lastAttemptTime.current = now;
|
||||
performCloudSave();
|
||||
}, [tickCount, companyName]);
|
||||
|
||||
const forceSave = useCallback(() => performCloudSave(), []);
|
||||
|
||||
return { forceSave };
|
||||
}
|
||||
|
||||
export async function ensureAuth(): Promise<string | null> {
|
||||
let token = getAuthToken();
|
||||
if (token) return token;
|
||||
const token = getAuthToken();
|
||||
if (token) {
|
||||
if (decodeTokenPayload(token)) return token;
|
||||
clearAuthToken();
|
||||
}
|
||||
|
||||
try {
|
||||
const result = await api.auth.anonymous();
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { useEffect, useRef } from 'react';
|
||||
import { GameEngine, setAchievementDefinitions, ACHIEVEMENT_DEFINITIONS } from '@ai-tycoon/game-engine';
|
||||
import type { TickNotification } from '@ai-tycoon/game-engine';
|
||||
import { GameEngine, setAchievementDefinitions, ACHIEVEMENT_DEFINITIONS } from '@token-empire/game-engine';
|
||||
import type { TickNotification } from '@token-empire/game-engine';
|
||||
import { useGameStore } from '@/store';
|
||||
|
||||
export function useGameLoop(skip = false) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { useEffect } from 'react';
|
||||
import { useGameStore, type ActivePage } from '@/store';
|
||||
import type { GameSpeed } from '@ai-tycoon/shared';
|
||||
import type { GameSpeed } from '@token-empire/shared';
|
||||
|
||||
const PAGE_SHORTCUTS: Record<string, ActivePage> = {
|
||||
d: 'dashboard',
|
||||
|
||||
+137
-19
@@ -1,10 +1,10 @@
|
||||
const API_BASE = import.meta.env.VITE_API_URL || 'http://localhost:3001';
|
||||
const API_BASE = import.meta.env.VITE_API_URL ?? 'http://localhost:3001';
|
||||
|
||||
let authToken: string | null = localStorage.getItem('ai-tycoon-auth-token');
|
||||
let authToken: string | null = localStorage.getItem('token-empire-auth-token');
|
||||
|
||||
export function setAuthToken(token: string) {
|
||||
authToken = token;
|
||||
localStorage.setItem('ai-tycoon-auth-token', token);
|
||||
localStorage.setItem('token-empire-auth-token', token);
|
||||
}
|
||||
|
||||
export function getAuthToken() {
|
||||
@@ -13,49 +13,167 @@ export function getAuthToken() {
|
||||
|
||||
export function clearAuthToken() {
|
||||
authToken = null;
|
||||
localStorage.removeItem('ai-tycoon-auth-token');
|
||||
localStorage.removeItem('token-empire-auth-token');
|
||||
}
|
||||
|
||||
async function request<T>(path: string, options: RequestInit = {}): Promise<T> {
|
||||
export interface TokenPayload {
|
||||
sub: string;
|
||||
email: string | null;
|
||||
role: string;
|
||||
username: string | null;
|
||||
mustResetPassword: boolean;
|
||||
}
|
||||
|
||||
export function decodeTokenPayload(token: string): TokenPayload | null {
|
||||
try {
|
||||
const parts = token.split('.');
|
||||
if (parts.length !== 3) return null;
|
||||
const payload = JSON.parse(atob(parts[1].replace(/-/g, '+').replace(/_/g, '/')));
|
||||
return {
|
||||
sub: payload.sub,
|
||||
email: payload.email ?? null,
|
||||
role: payload.role ?? 'user',
|
||||
username: payload.username ?? null,
|
||||
mustResetPassword: payload.mustResetPassword ?? false,
|
||||
};
|
||||
} catch {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
export function getTokenPayload(): TokenPayload | null {
|
||||
const token = getAuthToken();
|
||||
if (!token) return null;
|
||||
return decodeTokenPayload(token);
|
||||
}
|
||||
|
||||
export function isRegistered(): boolean {
|
||||
const payload = getTokenPayload();
|
||||
if (!payload) return false;
|
||||
return payload.email != null || payload.role === 'admin';
|
||||
}
|
||||
|
||||
export function isAdmin(): boolean {
|
||||
const payload = getTokenPayload();
|
||||
return payload?.role === 'admin';
|
||||
}
|
||||
|
||||
export function needsPasswordReset(): boolean {
|
||||
const payload = getTokenPayload();
|
||||
return payload?.mustResetPassword === true;
|
||||
}
|
||||
|
||||
const AUTH_PATHS = ['/api/auth/anonymous', '/api/auth/login', '/api/auth/logout', '/api/health'];
|
||||
|
||||
async function request<T>(path: string, options: RequestInit & { timeoutMs?: number } = {}): Promise<T> {
|
||||
const { timeoutMs = 10_000, ...fetchOptions } = options;
|
||||
|
||||
const headers: Record<string, string> = {
|
||||
'Content-Type': 'application/json',
|
||||
...(options.headers as Record<string, string>),
|
||||
...(fetchOptions.headers as Record<string, string>),
|
||||
};
|
||||
|
||||
if (authToken) {
|
||||
headers['Authorization'] = `Bearer ${authToken}`;
|
||||
}
|
||||
|
||||
const res = await fetch(`${API_BASE}${path}`, {
|
||||
...options,
|
||||
headers,
|
||||
});
|
||||
const controller = new AbortController();
|
||||
const timeout = setTimeout(() => controller.abort(), timeoutMs);
|
||||
|
||||
if (!res.ok) {
|
||||
const body = await res.json().catch(() => ({ error: 'Unknown error' }));
|
||||
throw new Error(body.error || `HTTP ${res.status}`);
|
||||
try {
|
||||
const res = await fetch(`${API_BASE}${path}`, {
|
||||
...fetchOptions,
|
||||
headers,
|
||||
signal: controller.signal,
|
||||
});
|
||||
|
||||
if (!res.ok) {
|
||||
if (res.status === 401 && authToken && !AUTH_PATHS.includes(path)) {
|
||||
clearAuthToken();
|
||||
}
|
||||
const body = await res.json().catch(() => null);
|
||||
throw new Error(body?.error || `HTTP ${res.status} ${res.statusText}`);
|
||||
}
|
||||
|
||||
return res.json();
|
||||
} catch (e) {
|
||||
if (e instanceof DOMException && e.name === 'AbortError') {
|
||||
throw new Error('Request timed out — server may be unreachable');
|
||||
}
|
||||
if (e instanceof TypeError) {
|
||||
throw new Error('Network error — server may be unreachable');
|
||||
}
|
||||
throw e;
|
||||
} finally {
|
||||
clearTimeout(timeout);
|
||||
}
|
||||
}
|
||||
|
||||
return res.json();
|
||||
export function validateStoredToken(): void {
|
||||
const token = getAuthToken();
|
||||
if (token && !decodeTokenPayload(token)) {
|
||||
clearAuthToken();
|
||||
}
|
||||
}
|
||||
|
||||
export const api = {
|
||||
health: () => request<{ status: string }>('/api/health', { timeoutMs: 5_000 }),
|
||||
auth: {
|
||||
anonymous: () => request<{ userId: string; token: string }>('/api/auth/anonymous', { method: 'POST' }),
|
||||
login: (email: string, password: string) =>
|
||||
login: (login: string, password: string) =>
|
||||
request<{ userId: string; token: string }>('/api/auth/login', {
|
||||
method: 'POST',
|
||||
body: JSON.stringify({ email, password }),
|
||||
body: JSON.stringify({ login, password }),
|
||||
}),
|
||||
linkEmail: (email: string, password: string) =>
|
||||
request<{ success: boolean }>('/api/auth/link-email', {
|
||||
register: (email: string, password: string, inviteCode: string) =>
|
||||
request<{ userId: string; token: string }>('/api/auth/register', {
|
||||
method: 'POST',
|
||||
body: JSON.stringify({ email, password }),
|
||||
body: JSON.stringify({ email, password, inviteCode }),
|
||||
}),
|
||||
changePassword: (newPassword: string, currentPassword?: string) =>
|
||||
request<{ success: boolean; token: string }>('/api/auth/change-password', {
|
||||
method: 'POST',
|
||||
body: JSON.stringify({ newPassword, currentPassword }),
|
||||
}),
|
||||
changeUsername: (username: string) =>
|
||||
request<{ success: boolean; token: string }>('/api/auth/change-username', {
|
||||
method: 'POST',
|
||||
body: JSON.stringify({ username }),
|
||||
}),
|
||||
changeEmail: (email: string, currentPassword: string) =>
|
||||
request<{ success: boolean; token: string }>('/api/auth/change-email', {
|
||||
method: 'POST',
|
||||
body: JSON.stringify({ email, currentPassword }),
|
||||
}),
|
||||
logout: () =>
|
||||
request<{ success: boolean }>('/api/auth/logout', { method: 'POST' }),
|
||||
me: () =>
|
||||
request<{ id: string; username: string | null; email: string | null; role: string }>('/api/auth/me'),
|
||||
},
|
||||
config: {
|
||||
get: () => request<{ requireInvite: boolean; userInvitations: number }>('/api/config'),
|
||||
},
|
||||
invites: {
|
||||
create: () => request<{ code: string }>('/api/invites', { method: 'POST' }),
|
||||
validate: (code: string) => request<{ valid: boolean }>(`/api/invites/validate/${encodeURIComponent(code)}`),
|
||||
list: () => request<{
|
||||
invitations: Array<{
|
||||
id: string;
|
||||
code: string;
|
||||
createdBy: { username: string | null; email: string | null };
|
||||
usedBy: { username: string | null; email: string | null } | null;
|
||||
createdAt: string;
|
||||
expiresAt: string | null;
|
||||
used: boolean;
|
||||
}>;
|
||||
}>('/api/invites'),
|
||||
remaining: () => request<{ remaining: number }>('/api/invites/remaining'),
|
||||
revoke: (id: string) => request<{ deleted: boolean }>(`/api/invites/${id}`, { method: 'DELETE' }),
|
||||
},
|
||||
saves: {
|
||||
list: () => request<{ saves: Array<{ id: string; companyName: string; era: string; tickCount: number; updatedAt: string }> }>('/api/saves'),
|
||||
get: (id: string) => request<{ save: { id: string; gameData: unknown } }>(`/api/saves/${id}`),
|
||||
latest: () => request<{ save: { id: string; companyName: string; era: string; tickCount: number; updatedAt: string; gameData: unknown } | null }>('/api/saves/latest'),
|
||||
put: (data: { companyName: string; saveVersion: number; gameData: unknown; tickCount: number; era: string }) =>
|
||||
request<{ id: string }>('/api/saves', { method: 'PUT', body: JSON.stringify(data) }),
|
||||
delete: (id: string) => request<{ deleted: boolean }>(`/api/saves/${id}`, { method: 'DELETE' }),
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
import { useGameStore } from '@/store';
|
||||
import { ACHIEVEMENT_DEFINITIONS } from '@ai-tycoon/game-engine';
|
||||
import { formatNumber } from '@ai-tycoon/shared';
|
||||
import { ACHIEVEMENT_DEFINITIONS } from '@token-empire/game-engine';
|
||||
import { formatNumber } from '@token-empire/shared';
|
||||
import {
|
||||
Trophy, Lock, Server, Brain, Rocket, DollarSign, Sprout, Users,
|
||||
Globe, Sparkles, TrendingUp, Building2, Atom, Cpu, FlaskConical,
|
||||
GitBranch, Zap,
|
||||
} from 'lucide-react';
|
||||
import type { AchievementCondition } from '@ai-tycoon/shared';
|
||||
import type { AchievementCondition } from '@token-empire/shared';
|
||||
|
||||
const ICON_MAP: Record<string, React.ComponentType<{ size?: number; className?: string }>> = {
|
||||
Trophy, Server, Brain, Rocket, DollarSign, Sprout, Users,
|
||||
|
||||
@@ -3,8 +3,8 @@ import { Swords, TrendingUp, Shield, Users, Brain, ShoppingCart } from 'lucide-r
|
||||
import { useGameStore } from '@/store';
|
||||
import { ConfirmModal } from '@/components/common/ConfirmModal';
|
||||
import { Tooltip } from '@/components/common/Tooltip';
|
||||
import { formatMoney, formatNumber } from '@ai-tycoon/shared';
|
||||
import type { Era } from '@ai-tycoon/shared';
|
||||
import { formatMoney, formatNumber } from '@token-empire/shared';
|
||||
import type { Era } from '@token-empire/shared';
|
||||
|
||||
const ARCHETYPE_LABELS: Record<string, string> = {
|
||||
'safety-first': 'Safety-First Lab',
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
import type React from 'react';
|
||||
import { useGameStore, type ActivePage } from '@/store';
|
||||
import { formatMoney, formatNumber, formatPercent, formatDuration } from '@ai-tycoon/shared';
|
||||
import type { Era } from '@ai-tycoon/shared';
|
||||
import { TECH_TREE } from '@ai-tycoon/game-engine';
|
||||
import { formatMoney, formatNumber, formatPercent, formatDuration } from '@token-empire/shared';
|
||||
import type { Era } from '@token-empire/shared';
|
||||
import { TECH_TREE } from '@token-empire/game-engine';
|
||||
import {
|
||||
DollarSign, TrendingUp, TrendingDown, Minus, Cpu, Brain, Users,
|
||||
Shield, ChevronRight, Zap, Wifi, Sparkles, FlaskConical, Building2,
|
||||
@@ -96,7 +96,7 @@ export function DashboardPage() {
|
||||
|
||||
{totalDCs === 0 && (
|
||||
<TutorialHint id="welcome">
|
||||
Welcome to AI Tycoon! Start by building a cluster in the Infrastructure tab, then add a campus and data center to deploy racks and train your first AI model.
|
||||
Welcome to Token Empire! Start by building a cluster in the Infrastructure tab, then add a campus and data center to deploy racks and train your first AI model.
|
||||
</TutorialHint>
|
||||
)}
|
||||
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
import { useState } from 'react';
|
||||
import { Database, ShoppingCart, Zap } from 'lucide-react';
|
||||
import { useGameStore } from '@/store';
|
||||
import { formatNumber, formatMoney, uuid } from '@ai-tycoon/shared';
|
||||
import type { OwnedDataset, DataDomain } from '@ai-tycoon/shared';
|
||||
import { formatNumber, formatMoney, uuid } from '@token-empire/shared';
|
||||
import type { OwnedDataset, DataDomain } from '@token-empire/shared';
|
||||
|
||||
interface MarketplaceDataset {
|
||||
name: string;
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
import { useGameStore } from '@/store';
|
||||
import { formatMoney, formatPercent, formatNumber, FUNDING_ROUNDS } from '@ai-tycoon/shared';
|
||||
import type { FundingRoundType } from '@ai-tycoon/shared';
|
||||
import { formatMoney, formatPercent, formatNumber, FUNDING_ROUNDS } from '@token-empire/shared';
|
||||
import type { FundingRoundType } from '@token-empire/shared';
|
||||
import { TrendingUp, DollarSign, PiggyBank, BarChart3, Rocket, Check, X as XIcon } from 'lucide-react';
|
||||
import { AreaChart, Area, XAxis, YAxis, ResponsiveContainer, LineChart, Line, Tooltip } from 'recharts';
|
||||
import { canRaiseFunding } from '@ai-tycoon/game-engine';
|
||||
import type { GameState } from '@ai-tycoon/shared';
|
||||
import { canRaiseFunding } from '@token-empire/game-engine';
|
||||
import type { GameState } from '@token-empire/shared';
|
||||
|
||||
export function FinancePage() {
|
||||
const money = useGameStore((s) => s.economy.money);
|
||||
|
||||
@@ -18,11 +18,11 @@ import {
|
||||
SWITCH_TIER_CONFIGS,
|
||||
DC_UPGRADE_COST_FRACTION, DC_UPGRADE_INCREMENT,
|
||||
skuTotalFlops,
|
||||
} from '@ai-tycoon/shared';
|
||||
} from '@token-empire/shared';
|
||||
import type {
|
||||
DCTier, RackSkuId, LocationId, PipelineStage, Era,
|
||||
Cluster, Campus, DataCenter, DeploymentCohort,
|
||||
} from '@ai-tycoon/shared';
|
||||
} from '@token-empire/shared';
|
||||
|
||||
const ERA_ORDER: Era[] = ['startup', 'scaleup', 'bigtech', 'agi'];
|
||||
|
||||
@@ -162,7 +162,8 @@ function CohortStageBreakdown({ cohorts }: { cohorts: DeploymentCohort[] }) {
|
||||
|
||||
function NetworkHealthIndicator({ dc }: { dc: DataCenter }) {
|
||||
const ns = dc.networkSummary;
|
||||
if (ns.switchIds.length === 0) return null;
|
||||
const torTotal = ns.totalByTier?.tor ?? 0;
|
||||
if (torTotal === 0) return null;
|
||||
|
||||
const hasDisconnected = ns.racksDisconnected > 0;
|
||||
const hasDegraded = ns.racksDegraded > 0;
|
||||
|
||||
@@ -0,0 +1,175 @@
|
||||
import { useState, useEffect, useCallback } from 'react';
|
||||
import { Copy, Check, Plus, RefreshCw, Trash2 } from 'lucide-react';
|
||||
import { api } from '@/lib/api';
|
||||
|
||||
interface Invitation {
|
||||
id: string;
|
||||
code: string;
|
||||
createdBy: { username: string | null; email: string | null };
|
||||
usedBy: { username: string | null; email: string | null } | null;
|
||||
createdAt: string;
|
||||
expiresAt: string | null;
|
||||
used: boolean;
|
||||
}
|
||||
|
||||
function displayUser(u: { username: string | null; email: string | null }): string {
|
||||
return u.username || u.email || 'Unknown';
|
||||
}
|
||||
|
||||
function StatusBadge({ used, expiresAt }: { used: boolean; expiresAt: string | null }) {
|
||||
if (used) {
|
||||
return <span className="text-xs px-2 py-0.5 rounded-full bg-surface-700 text-surface-400">Used</span>;
|
||||
}
|
||||
if (expiresAt && new Date(expiresAt) < new Date()) {
|
||||
return <span className="text-xs px-2 py-0.5 rounded-full bg-danger/20 text-danger">Expired</span>;
|
||||
}
|
||||
return <span className="text-xs px-2 py-0.5 rounded-full bg-accent/20 text-accent">Active</span>;
|
||||
}
|
||||
|
||||
export function InvitationsPage() {
|
||||
const [invitations, setInvitations] = useState<Invitation[]>([]);
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [generating, setGenerating] = useState(false);
|
||||
const [copiedCode, setCopiedCode] = useState<string | null>(null);
|
||||
const [revoking, setRevoking] = useState<string | null>(null);
|
||||
|
||||
const fetchInvitations = useCallback(async () => {
|
||||
try {
|
||||
const result = await api.invites.list();
|
||||
setInvitations(result.invitations);
|
||||
} catch {
|
||||
// silent
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}, []);
|
||||
|
||||
useEffect(() => { fetchInvitations(); }, [fetchInvitations]);
|
||||
|
||||
async function handleGenerate() {
|
||||
setGenerating(true);
|
||||
try {
|
||||
const result = await api.invites.create();
|
||||
const url = `${window.location.origin}?invite=${result.code}`;
|
||||
await navigator.clipboard.writeText(url);
|
||||
setCopiedCode(result.code);
|
||||
setTimeout(() => setCopiedCode(null), 2000);
|
||||
await fetchInvitations();
|
||||
} catch {
|
||||
// silent
|
||||
} finally {
|
||||
setGenerating(false);
|
||||
}
|
||||
}
|
||||
|
||||
async function handleRevoke(id: string) {
|
||||
setRevoking(id);
|
||||
try {
|
||||
await api.invites.revoke(id);
|
||||
await fetchInvitations();
|
||||
} catch {
|
||||
// silent
|
||||
} finally {
|
||||
setRevoking(null);
|
||||
}
|
||||
}
|
||||
|
||||
async function handleCopyCode(code: string) {
|
||||
const url = `${window.location.origin}?invite=${code}`;
|
||||
await navigator.clipboard.writeText(url);
|
||||
setCopiedCode(code);
|
||||
setTimeout(() => setCopiedCode(null), 2000);
|
||||
}
|
||||
|
||||
const activeCount = invitations.filter(i => !i.used && (!i.expiresAt || new Date(i.expiresAt) > new Date())).length;
|
||||
const usedCount = invitations.filter(i => i.used).length;
|
||||
|
||||
return (
|
||||
<div className="space-y-6 max-w-4xl">
|
||||
<div className="flex items-center justify-between">
|
||||
<div>
|
||||
<h2 className="text-2xl font-bold">Invitations</h2>
|
||||
<p className="text-sm text-surface-400 mt-1">
|
||||
{activeCount} active, {usedCount} used, {invitations.length} total
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex gap-2">
|
||||
<button
|
||||
onClick={fetchInvitations}
|
||||
className="px-3 py-2 rounded bg-surface-800 hover:bg-surface-700 border border-surface-600 text-sm flex items-center gap-2"
|
||||
>
|
||||
<RefreshCw size={14} /> Refresh
|
||||
</button>
|
||||
<button
|
||||
onClick={handleGenerate}
|
||||
disabled={generating}
|
||||
className="px-4 py-2 rounded bg-accent hover:bg-accent-dark text-white font-medium text-sm flex items-center gap-2 disabled:opacity-50"
|
||||
>
|
||||
<Plus size={14} /> {generating ? 'Generating...' : 'Generate Invite'}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-surface-900 border border-surface-700 rounded-xl overflow-hidden">
|
||||
{loading ? (
|
||||
<div className="p-8 text-center text-surface-500">Loading invitations...</div>
|
||||
) : invitations.length === 0 ? (
|
||||
<div className="p-8 text-center text-surface-500">
|
||||
No invitations yet. Generate one to get started.
|
||||
</div>
|
||||
) : (
|
||||
<table className="w-full text-sm">
|
||||
<thead>
|
||||
<tr className="border-b border-surface-700 text-left text-surface-400">
|
||||
<th className="px-4 py-3 font-medium">Code</th>
|
||||
<th className="px-4 py-3 font-medium">Created By</th>
|
||||
<th className="px-4 py-3 font-medium">Used By</th>
|
||||
<th className="px-4 py-3 font-medium">Created</th>
|
||||
<th className="px-4 py-3 font-medium">Status</th>
|
||||
<th className="px-4 py-3 font-medium w-10"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{invitations.map((inv) => (
|
||||
<tr key={inv.id} className="border-b border-surface-800 hover:bg-surface-800/50">
|
||||
<td className="px-4 py-3 font-mono text-surface-200">{inv.code}</td>
|
||||
<td className="px-4 py-3 text-surface-300">{displayUser(inv.createdBy)}</td>
|
||||
<td className="px-4 py-3 text-surface-300">
|
||||
{inv.usedBy ? displayUser(inv.usedBy) : <span className="text-surface-600">—</span>}
|
||||
</td>
|
||||
<td className="px-4 py-3 text-surface-400">
|
||||
{new Date(inv.createdAt).toLocaleDateString()}
|
||||
</td>
|
||||
<td className="px-4 py-3">
|
||||
<StatusBadge used={inv.used} expiresAt={inv.expiresAt} />
|
||||
</td>
|
||||
<td className="px-4 py-3">
|
||||
{!inv.used && (
|
||||
<div className="flex items-center gap-2">
|
||||
<button
|
||||
onClick={() => handleCopyCode(inv.code)}
|
||||
className="text-surface-400 hover:text-surface-200 transition-colors"
|
||||
title="Copy invite link"
|
||||
>
|
||||
{copiedCode === inv.code ? <Check size={14} className="text-accent" /> : <Copy size={14} />}
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleRevoke(inv.id)}
|
||||
disabled={revoking === inv.id}
|
||||
className="text-surface-400 hover:text-danger transition-colors disabled:opacity-50"
|
||||
title="Revoke invitation"
|
||||
>
|
||||
<Trash2 size={14} />
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,7 +1,7 @@
|
||||
import { useState, useEffect } from 'react';
|
||||
import { Trophy, Medal, Clock, TrendingUp } from 'lucide-react';
|
||||
import { useGameStore } from '@/store';
|
||||
import { formatMoney, formatNumber } from '@ai-tycoon/shared';
|
||||
import { formatMoney, formatNumber } from '@token-empire/shared';
|
||||
import { api, getAuthToken } from '@/lib/api';
|
||||
|
||||
interface LeaderboardEntry {
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { useState } from 'react';
|
||||
import { Play, Rocket, Globe, ChevronDown, ChevronUp, Beaker, Shield, Zap, BarChart3 } from 'lucide-react';
|
||||
import { Play, Rocket, Globe, ChevronDown, ChevronUp, Beaker, Shield, Zap } from 'lucide-react';
|
||||
import { TutorialHint } from '@/components/game/TutorialHint';
|
||||
import { ConfirmModal } from '@/components/common/ConfirmModal';
|
||||
import { useGameStore } from '@/store';
|
||||
@@ -13,13 +13,12 @@ import {
|
||||
SIZE_TIER_LABELS,
|
||||
SFT_SPECIALIZATION_BONUSES,
|
||||
PRETRAINING_BASE_TICKS,
|
||||
} from '@ai-tycoon/shared';
|
||||
} from '@token-empire/shared';
|
||||
import type {
|
||||
ModelArchitecture, DataMixAllocation, SFTSpecialization, AlignmentMethod,
|
||||
DataDomain, QuantizationLevel, BaseModel, ModelVariant, BenchmarkResult,
|
||||
DataDomain, QuantizationLevel, BaseModel, ModelVariant,
|
||||
SizeTier, ModelFamily,
|
||||
} from '@ai-tycoon/shared';
|
||||
import { BENCHMARKS } from '@ai-tycoon/game-engine';
|
||||
} from '@token-empire/shared';
|
||||
|
||||
const DATA_MIX_PRESETS: Record<string, { label: string; mix: DataMixAllocation }> = {
|
||||
balanced: { label: 'Balanced', mix: DEFAULT_DATA_MIX },
|
||||
@@ -52,8 +51,6 @@ export function ModelsPage() {
|
||||
const families = useGameStore((s) => s.models.families);
|
||||
const pipelines = useGameStore((s) => s.models.activeTrainingPipelines);
|
||||
const variantJobs = useGameStore((s) => s.models.variantJobs);
|
||||
const evalJobs = useGameStore((s) => s.models.evalJobs);
|
||||
const benchmarkResults = useGameStore((s) => s.models.benchmarkResults);
|
||||
const productLines = useGameStore((s) => s.models.productLines);
|
||||
const totalFlops = useGameStore((s) => s.compute.totalFlops);
|
||||
const totalVramGB = useGameStore((s) => s.compute.totalVramGB);
|
||||
@@ -64,7 +61,6 @@ export function ModelsPage() {
|
||||
const deployModel = useGameStore((s) => s.deployModel);
|
||||
const deployVariant = useGameStore((s) => s.deployVariant);
|
||||
const createQuantization = useGameStore((s) => s.createQuantization);
|
||||
const startEvaluation = useGameStore((s) => s.startEvaluation);
|
||||
const setTrainingAllocation = useGameStore((s) => s.setTrainingAllocation);
|
||||
const openSourceModel = useGameStore((s) => s.openSourceModel);
|
||||
const openSourcedModels = useGameStore((s) => s.market.openSourcedModels);
|
||||
@@ -96,15 +92,12 @@ export function ModelsPage() {
|
||||
|
||||
const activePipelines = pipelines.filter(p => p.status === 'active' || p.status === 'stalled');
|
||||
const activeVariantJobs = variantJobs.filter(j => j.status === 'active');
|
||||
const activeEvalJobs = evalJobs.filter(j => j.status === 'active');
|
||||
const undeployedCount = baseModels.filter(m => !m.isDeployed).length;
|
||||
const hasActiveJobs = activePipelines.length > 0 || activeVariantJobs.length > 0 || activeEvalJobs.length > 0;
|
||||
const hasActiveJobs = activePipelines.length > 0 || activeVariantJobs.length > 0;
|
||||
const noModelDeployed = baseModels.length > 0 && !baseModels.some(m => m.isDeployed);
|
||||
|
||||
const eraOrder = ['startup', 'scaleup', 'bigtech', 'agi'] as const;
|
||||
const currentEraIdx = eraOrder.indexOf(currentEra);
|
||||
const availableBenchmarks = BENCHMARKS.filter(b => eraOrder.indexOf(b.unlockedAtEra) <= currentEraIdx);
|
||||
|
||||
const hasAlignmentResearch = completedResearch.some(r =>
|
||||
r === 'alignment-research' || r === 'interpretability' || r === 'constitutional-ai',
|
||||
);
|
||||
@@ -186,7 +179,6 @@ export function ModelsPage() {
|
||||
{ id: 'overview' as const, label: 'Overview' },
|
||||
{ id: 'train' as const, label: 'Train New' },
|
||||
{ id: 'models' as const, label: `Families${families.length > 0 ? ` (${families.length})` : ''}` },
|
||||
{ id: 'benchmarks' as const, label: 'Benchmarks' },
|
||||
{ id: 'products' as const, label: 'Products' },
|
||||
]).map(tab => (
|
||||
<button
|
||||
@@ -347,28 +339,6 @@ export function ModelsPage() {
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Active Eval Jobs */}
|
||||
{modelsTab === 'overview' && activeEvalJobs.length > 0 && (
|
||||
<div className="space-y-3">
|
||||
<h3 className="font-semibold">Running Evaluations</h3>
|
||||
{activeEvalJobs.map(job => {
|
||||
const model = baseModels.find(m => m.id === job.modelId) ?? families.flatMap(f => f.variants).find(v => v.id === job.modelId);
|
||||
const progress = job.progressTicks / job.totalTicks;
|
||||
return (
|
||||
<div key={job.id} className="bg-surface-900 border border-surface-700 rounded-xl p-3">
|
||||
<div className="flex items-center justify-between mb-1">
|
||||
<span className="text-sm">{model?.name ?? 'Unknown'} — {job.benchmarkIds.length} benchmarks</span>
|
||||
<span className="text-xs text-surface-400">{formatPercent(progress)}</span>
|
||||
</div>
|
||||
<div className="h-1.5 bg-surface-800 rounded-full overflow-hidden">
|
||||
<div className="h-full bg-blue-500 rounded-full transition-all" style={{ width: `${progress * 100}%` }} />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Train New Model */}
|
||||
{modelsTab === 'train' && <div className="bg-surface-900 border border-surface-700 rounded-xl p-4 space-y-4">
|
||||
<h3 className="font-semibold">Train New Model</h3>
|
||||
@@ -716,9 +686,8 @@ export function ModelsPage() {
|
||||
{familyModels.map(model => (
|
||||
<div key={model.id} className="space-y-3">
|
||||
<h5 className="text-sm font-medium text-surface-300">{model.name}</h5>
|
||||
<ModelDetails model={model} benchmarkResults={benchmarkResults} />
|
||||
<ModelDetails model={model} />
|
||||
<QuantizationCreator model={model} completedResearch={completedResearch} onQuantize={createQuantization} />
|
||||
<BenchmarkEvaluator modelId={model.id} modelName={model.name} availableBenchmarks={availableBenchmarks} benchmarkResults={benchmarkResults} evalJobs={evalJobs} onStartEval={startEvaluation} />
|
||||
</div>
|
||||
))}
|
||||
|
||||
@@ -730,11 +699,7 @@ export function ModelsPage() {
|
||||
key={variant.id}
|
||||
variant={variant}
|
||||
familyId={family.id}
|
||||
benchmarkResults={benchmarkResults}
|
||||
availableBenchmarks={availableBenchmarks}
|
||||
evalJobs={evalJobs}
|
||||
onDeploy={() => deployVariant(family.id, variant.id)}
|
||||
onStartEval={startEvaluation}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
@@ -747,21 +712,6 @@ export function ModelsPage() {
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Benchmark Leaderboard */}
|
||||
{modelsTab === 'benchmarks' && benchmarkResults.length > 0 && (
|
||||
<BenchmarkLeaderboard
|
||||
benchmarkResults={benchmarkResults}
|
||||
baseModels={baseModels}
|
||||
families={families}
|
||||
availableBenchmarks={availableBenchmarks}
|
||||
/>
|
||||
)}
|
||||
{modelsTab === 'benchmarks' && benchmarkResults.length === 0 && (
|
||||
<div className="bg-surface-900 border border-surface-700 rounded-xl p-8 text-center text-surface-500 text-sm">
|
||||
No benchmark results yet. Run evaluations from the Models tab.
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Product Lines */}
|
||||
{modelsTab === 'products' && <div className="space-y-3">
|
||||
<h3 className="font-semibold">Product Lines</h3>
|
||||
@@ -865,9 +815,7 @@ function ModelActions({ model, isOpenSourced, onDeploy, onOpenSource }: {
|
||||
);
|
||||
}
|
||||
|
||||
function ModelDetails({ model, benchmarkResults }: { model: BaseModel; benchmarkResults: BenchmarkResult[] }) {
|
||||
const modelResults = benchmarkResults.filter(r => r.modelId === model.id);
|
||||
|
||||
function ModelDetails({ model }: { model: BaseModel }) {
|
||||
return (
|
||||
<div className="space-y-3">
|
||||
<div className="grid grid-cols-3 gap-3 text-xs">
|
||||
@@ -907,22 +855,6 @@ function ModelDetails({ model, benchmarkResults }: { model: BaseModel; benchmark
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{modelResults.length > 0 && (
|
||||
<div>
|
||||
<span className="text-xs font-medium text-surface-300">Benchmark Scores</span>
|
||||
<div className="grid grid-cols-3 gap-2 mt-1">
|
||||
{modelResults.map(r => {
|
||||
const bench = BENCHMARKS.find(b => b.id === r.benchmarkId);
|
||||
return (
|
||||
<div key={r.benchmarkId} className="bg-surface-800 rounded-lg p-2 text-xs">
|
||||
<span className="text-surface-400">{bench?.name ?? r.benchmarkId}</span>
|
||||
<div className="font-mono mt-0.5 text-accent-light">{r.score.toFixed(1)}</div>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -981,91 +913,12 @@ function QuantizationCreator({ model, completedResearch, onQuantize }: {
|
||||
);
|
||||
}
|
||||
|
||||
function BenchmarkEvaluator({ modelId, modelName, availableBenchmarks, benchmarkResults, evalJobs, onStartEval }: {
|
||||
modelId: string;
|
||||
modelName: string;
|
||||
availableBenchmarks: typeof BENCHMARKS;
|
||||
benchmarkResults: BenchmarkResult[];
|
||||
evalJobs: { id: string; modelId: string; status: string }[];
|
||||
onStartEval: (modelId: string, benchmarkIds: string[]) => void;
|
||||
}) {
|
||||
const [showEval, setShowEval] = useState(false);
|
||||
const [selectedBenchmarks, setSelectedBenchmarks] = useState<string[]>([]);
|
||||
|
||||
const existingResults = benchmarkResults.filter(r => r.modelId === modelId);
|
||||
const evaluatedIds = new Set(existingResults.map(r => r.benchmarkId));
|
||||
const isEvaluating = evalJobs.some(j => j.modelId === modelId && j.status === 'active');
|
||||
const unevaluated = availableBenchmarks.filter(b => !evaluatedIds.has(b.id));
|
||||
|
||||
if (unevaluated.length === 0 && !showEval) {
|
||||
return null;
|
||||
}
|
||||
|
||||
if (!showEval) {
|
||||
return (
|
||||
<button onClick={() => { setShowEval(true); setSelectedBenchmarks(unevaluated.map(b => b.id)); }}
|
||||
disabled={isEvaluating}
|
||||
className="flex items-center gap-1 text-xs text-blue-400 hover:text-blue-300 disabled:opacity-50">
|
||||
<BarChart3 size={12} /> Run Benchmarks ({unevaluated.length} available)
|
||||
</button>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="bg-surface-800/50 rounded-lg p-3 space-y-2">
|
||||
<div className="flex items-center justify-between">
|
||||
<span className="text-xs font-medium text-surface-300">Run Evaluation</span>
|
||||
<button onClick={() => setShowEval(false)} className="text-xs text-surface-500 hover:text-surface-300">Close</button>
|
||||
</div>
|
||||
<div className="flex flex-wrap gap-1">
|
||||
{availableBenchmarks.map(bench => {
|
||||
const alreadyDone = evaluatedIds.has(bench.id);
|
||||
const selected = selectedBenchmarks.includes(bench.id);
|
||||
return (
|
||||
<button key={bench.id}
|
||||
disabled={alreadyDone}
|
||||
onClick={() => setSelectedBenchmarks(prev =>
|
||||
prev.includes(bench.id) ? prev.filter(id => id !== bench.id) : [...prev, bench.id]
|
||||
)}
|
||||
className={`px-2 py-0.5 rounded text-[10px] border ${
|
||||
alreadyDone ? 'bg-success/10 border-success/30 text-success cursor-default' :
|
||||
selected ? 'bg-blue-500/20 border-blue-500 text-blue-300' :
|
||||
'bg-surface-800 border-surface-600 text-surface-400'
|
||||
}`}
|
||||
title={bench.description}
|
||||
>
|
||||
{bench.name} {alreadyDone ? `(${existingResults.find(r => r.benchmarkId === bench.id)?.score.toFixed(0)})` : ''}
|
||||
</button>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
{selectedBenchmarks.length > 0 && (
|
||||
<div className="flex items-center justify-between">
|
||||
<span className="text-[10px] text-surface-500">
|
||||
{selectedBenchmarks.length} benchmark{selectedBenchmarks.length > 1 ? 's' : ''} · ~{availableBenchmarks.filter(b => selectedBenchmarks.includes(b.id)).reduce((s, b) => s + b.ticksToRun, 0)} ticks
|
||||
</span>
|
||||
<button onClick={() => { onStartEval(modelId, selectedBenchmarks); setShowEval(false); }}
|
||||
disabled={isEvaluating}
|
||||
className="bg-blue-600 hover:bg-blue-700 text-white rounded px-3 py-1 text-xs disabled:opacity-50">
|
||||
Evaluate
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function VariantCard({ variant, familyId, benchmarkResults, availableBenchmarks, evalJobs, onDeploy, onStartEval }: {
|
||||
function VariantCard({ variant, familyId, onDeploy }: {
|
||||
variant: ModelVariant;
|
||||
familyId: string;
|
||||
benchmarkResults: BenchmarkResult[];
|
||||
availableBenchmarks: typeof BENCHMARKS;
|
||||
evalJobs: { id: string; modelId: string; status: string }[];
|
||||
onDeploy: () => void;
|
||||
onStartEval: (modelId: string, benchmarkIds: string[]) => void;
|
||||
}) {
|
||||
const [isExpanded, setIsExpanded] = useState(false);
|
||||
const variantResults = benchmarkResults.filter(r => r.modelId === variant.id);
|
||||
|
||||
return (
|
||||
<div className="bg-surface-800/50 rounded-lg p-3 ml-4 border-l-2 border-surface-600">
|
||||
@@ -1106,108 +959,12 @@ function VariantCard({ variant, familyId, benchmarkResults, availableBenchmarks,
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{variantResults.length > 0 && (
|
||||
<div className="grid grid-cols-3 gap-2">
|
||||
{variantResults.map(r => {
|
||||
const bench = BENCHMARKS.find(b => b.id === r.benchmarkId);
|
||||
return (
|
||||
<div key={r.benchmarkId} className="bg-surface-800 rounded p-1.5 text-xs">
|
||||
<span className="text-surface-400 text-[10px]">{bench?.name ?? r.benchmarkId}</span>
|
||||
<div className="font-mono text-accent-light text-[11px]">{r.score.toFixed(1)}</div>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
|
||||
<BenchmarkEvaluator
|
||||
modelId={variant.id}
|
||||
modelName={variant.name}
|
||||
availableBenchmarks={availableBenchmarks}
|
||||
benchmarkResults={benchmarkResults}
|
||||
evalJobs={evalJobs}
|
||||
onStartEval={onStartEval}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function BenchmarkLeaderboard({ benchmarkResults, baseModels, families, availableBenchmarks }: {
|
||||
benchmarkResults: BenchmarkResult[];
|
||||
baseModels: BaseModel[];
|
||||
families: { id: string; name: string; variants: ModelVariant[] }[];
|
||||
availableBenchmarks: typeof BENCHMARKS;
|
||||
}) {
|
||||
const allModels: (BaseModel | ModelVariant)[] = [
|
||||
...baseModels,
|
||||
...families.flatMap(f => f.variants),
|
||||
];
|
||||
|
||||
const modelNames = new Map(allModels.map(m => [m.id, m.name]));
|
||||
const benchmarksWithResults = availableBenchmarks.filter(b =>
|
||||
benchmarkResults.some(r => r.benchmarkId === b.id),
|
||||
);
|
||||
|
||||
if (benchmarksWithResults.length === 0) return null;
|
||||
|
||||
const modelIds = [...new Set(benchmarkResults.map(r => r.modelId))];
|
||||
|
||||
return (
|
||||
<div className="bg-surface-900 border border-surface-700 rounded-xl p-4">
|
||||
<h3 className="font-semibold mb-3 flex items-center gap-2">
|
||||
<BarChart3 size={16} /> Benchmark Leaderboard
|
||||
</h3>
|
||||
<div className="overflow-x-auto">
|
||||
<table className="w-full text-xs">
|
||||
<thead>
|
||||
<tr className="border-b border-surface-700">
|
||||
<th className="text-left py-1.5 pr-3 text-surface-400 font-medium">Model</th>
|
||||
{benchmarksWithResults.map(b => (
|
||||
<th key={b.id} className="text-center py-1.5 px-2 text-surface-400 font-medium">{b.name}</th>
|
||||
))}
|
||||
<th className="text-center py-1.5 px-2 text-surface-400 font-medium">Avg</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{modelIds.map(modelId => {
|
||||
const results = benchmarkResults.filter(r => r.modelId === modelId);
|
||||
const scores = benchmarksWithResults.map(b => {
|
||||
const r = results.find(r => r.benchmarkId === b.id);
|
||||
return r?.score ?? null;
|
||||
});
|
||||
const validScores = scores.filter((s): s is number => s !== null);
|
||||
const avg = validScores.length > 0 ? validScores.reduce((a, b) => a + b, 0) / validScores.length : 0;
|
||||
|
||||
return (
|
||||
<tr key={modelId} className="border-b border-surface-800">
|
||||
<td className="py-1.5 pr-3 font-medium">{modelNames.get(modelId) ?? 'Unknown'}</td>
|
||||
{scores.map((score, i) => (
|
||||
<td key={i} className="text-center py-1.5 px-2 font-mono">
|
||||
{score !== null ? (
|
||||
<span className={score >= 80 ? 'text-success' : score >= 50 ? 'text-accent-light' : 'text-surface-400'}>
|
||||
{score.toFixed(1)}
|
||||
</span>
|
||||
) : (
|
||||
<span className="text-surface-600">—</span>
|
||||
)}
|
||||
</td>
|
||||
))}
|
||||
<td className="text-center py-1.5 px-2 font-mono font-medium text-accent-light">
|
||||
{avg > 0 ? avg.toFixed(1) : '—'}
|
||||
</td>
|
||||
</tr>
|
||||
);
|
||||
})}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function StageBar({ label, active, complete, progress }: {
|
||||
label: string; active: boolean; complete: boolean; progress: number;
|
||||
}) {
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
import { FlaskConical, Lock, Check, Play } from 'lucide-react';
|
||||
import { FlaskConical, Lock, Check, Play, ListOrdered, X } from 'lucide-react';
|
||||
import { TutorialHint } from '@/components/game/TutorialHint';
|
||||
import { useGameStore } from '@/store';
|
||||
import { formatDuration, formatPercent, formatNumber } from '@ai-tycoon/shared';
|
||||
import { TECH_TREE, getAvailableResearch } from '@ai-tycoon/game-engine';
|
||||
import type { ResearchNode } from '@ai-tycoon/shared';
|
||||
import { formatDuration, formatPercent, formatNumber, formatMoney } from '@token-empire/shared';
|
||||
import { TECH_TREE, getAvailableResearch } from '@token-empire/game-engine';
|
||||
import type { ResearchNode } from '@token-empire/shared';
|
||||
|
||||
const CATEGORY_COLORS: Record<string, string> = {
|
||||
generation: 'border-purple-500/50 bg-purple-500/10',
|
||||
@@ -24,13 +24,17 @@ const CATEGORY_LABELS: Record<string, string> = {
|
||||
export function ResearchPage() {
|
||||
const completedResearch = useGameStore((s) => s.research.completedResearch);
|
||||
const activeResearch = useGameStore((s) => s.research.activeResearch);
|
||||
const researchQueue = useGameStore((s) => s.research.researchQueue);
|
||||
const researchPoints = useGameStore((s) => s.research.researchPoints);
|
||||
const startResearch = useGameStore((s) => s.startResearch);
|
||||
const queueResearch = useGameStore((s) => s.queueResearch);
|
||||
const removeFromResearchQueue = useGameStore((s) => s.removeFromResearchQueue);
|
||||
const era = useGameStore((s) => s.meta.currentEra);
|
||||
|
||||
const state = useGameStore.getState();
|
||||
const available = getAvailableResearch(state);
|
||||
const availableIds = new Set(available.map(n => n.id));
|
||||
const queuedIds = new Set(researchQueue);
|
||||
|
||||
const handleStart = (node: ResearchNode) => {
|
||||
if (activeResearch) return;
|
||||
@@ -40,9 +44,14 @@ export function ResearchPage() {
|
||||
totalTicks: node.cost.ticks,
|
||||
allocatedResearchers: state.talent.departments.research.headcount,
|
||||
allocatedCompute: node.cost.compute,
|
||||
moneySpent: 0,
|
||||
});
|
||||
};
|
||||
|
||||
const handleQueue = (node: ResearchNode) => {
|
||||
queueResearch(node.id);
|
||||
};
|
||||
|
||||
const categories = [...new Set(TECH_TREE.map(n => n.category))];
|
||||
|
||||
return (
|
||||
@@ -60,7 +69,7 @@ export function ResearchPage() {
|
||||
</div>
|
||||
|
||||
<TutorialHint id="research-intro">
|
||||
Only one research project can run at a time. Complete prerequisites to unlock advanced technologies that improve your models and infrastructure.
|
||||
Queue up multiple research projects to run in sequence. Complete prerequisites to unlock advanced technologies that improve your models and infrastructure.
|
||||
</TutorialHint>
|
||||
|
||||
{activeResearch && (
|
||||
@@ -88,6 +97,36 @@ export function ResearchPage() {
|
||||
</div>
|
||||
)}
|
||||
|
||||
{researchQueue.length > 0 && (
|
||||
<div className="bg-surface-900 border border-surface-700 rounded-xl p-4">
|
||||
<div className="flex items-center gap-2 mb-3">
|
||||
<ListOrdered size={16} className="text-surface-400" />
|
||||
<span className="text-sm font-medium text-surface-300">Queue ({researchQueue.length})</span>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
{researchQueue.map((id, idx) => {
|
||||
const node = TECH_TREE.find(n => n.id === id);
|
||||
if (!node) return null;
|
||||
return (
|
||||
<div key={id} className="flex items-center justify-between bg-surface-800 rounded-lg px-3 py-2">
|
||||
<div className="flex items-center gap-3">
|
||||
<span className="text-xs text-surface-500 font-mono w-5">{idx + 1}.</span>
|
||||
<span className="text-sm">{node.name}</span>
|
||||
<span className="text-xs text-surface-500">{formatDuration(node.cost.ticks)}</span>
|
||||
</div>
|
||||
<button
|
||||
onClick={() => removeFromResearchQueue(id)}
|
||||
className="text-surface-500 hover:text-red-400 transition-colors p-1"
|
||||
>
|
||||
<X size={14} />
|
||||
</button>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{categories.map(category => {
|
||||
const nodes = TECH_TREE.filter(n => n.category === category);
|
||||
return (
|
||||
@@ -99,43 +138,63 @@ export function ResearchPage() {
|
||||
{nodes.map(node => {
|
||||
const isCompleted = completedResearch.includes(node.id);
|
||||
const isActive = activeResearch?.researchId === node.id;
|
||||
const isQueued = queuedIds.has(node.id);
|
||||
const isAvailable = availableIds.has(node.id);
|
||||
const isLocked = !isCompleted && !isActive && !isAvailable;
|
||||
const isLocked = !isCompleted && !isActive && !isAvailable && !isQueued;
|
||||
const canStart = isAvailable && !activeResearch;
|
||||
const canQueue = isAvailable && !!activeResearch;
|
||||
const queuePosition = isQueued ? researchQueue.indexOf(node.id) + 1 : -1;
|
||||
|
||||
return (
|
||||
<div
|
||||
key={node.id}
|
||||
onClick={() => isAvailable && !activeResearch && handleStart(node)}
|
||||
onClick={() => canStart ? handleStart(node) : canQueue ? handleQueue(node) : undefined}
|
||||
className={`rounded-xl border p-4 transition-all ${
|
||||
isCompleted ? 'border-success/50 bg-success/5 opacity-70' :
|
||||
isActive ? 'border-accent/50 bg-accent/5' :
|
||||
isAvailable && !activeResearch ? `${CATEGORY_COLORS[category]} hover:brightness-110 cursor-pointer ring-1 ring-transparent hover:ring-accent/30` :
|
||||
isAvailable ? `${CATEGORY_COLORS[category]}` :
|
||||
isQueued ? 'border-amber-500/50 bg-amber-500/5' :
|
||||
(canStart || canQueue) ? `${CATEGORY_COLORS[category]} hover:brightness-110 cursor-pointer ring-1 ring-transparent hover:ring-accent/30` :
|
||||
'border-surface-700 bg-surface-900 opacity-50'
|
||||
}`}
|
||||
>
|
||||
<div className="flex items-start justify-between mb-2">
|
||||
<h4 className="font-medium text-sm">{node.name}</h4>
|
||||
{isCompleted && <Check size={16} className="text-success flex-shrink-0" />}
|
||||
{isQueued && <span className="text-xs text-amber-400 font-mono flex-shrink-0">#{queuePosition}</span>}
|
||||
{isLocked && <Lock size={14} className="text-surface-500 flex-shrink-0" />}
|
||||
</div>
|
||||
<p className="text-xs text-surface-400 mb-3">{node.description}</p>
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="text-xs text-surface-500">
|
||||
{formatDuration(node.cost.ticks)} · {formatNumber(node.cost.compute)} compute
|
||||
{formatMoney(node.cost.money)} · {formatDuration(node.cost.ticks)} · {formatNumber(node.cost.compute)} compute
|
||||
{node.cost.researchPoints > 0 && ` · ${node.cost.researchPoints} RP`}
|
||||
</div>
|
||||
{isAvailable && !activeResearch && (
|
||||
{canStart && (
|
||||
<button
|
||||
onClick={() => handleStart(node)}
|
||||
onClick={(e) => { e.stopPropagation(); handleStart(node); }}
|
||||
className="flex items-center gap-1 bg-accent hover:bg-accent-dark text-white rounded px-2 py-1 text-xs"
|
||||
>
|
||||
<Play size={12} />
|
||||
Start
|
||||
</button>
|
||||
)}
|
||||
{isAvailable && activeResearch && (
|
||||
<span className="text-xs text-surface-500 italic">Queue after current</span>
|
||||
{canQueue && (
|
||||
<button
|
||||
onClick={(e) => { e.stopPropagation(); handleQueue(node); }}
|
||||
className="flex items-center gap-1 bg-amber-600 hover:bg-amber-700 text-white rounded px-2 py-1 text-xs"
|
||||
>
|
||||
<ListOrdered size={12} />
|
||||
Queue
|
||||
</button>
|
||||
)}
|
||||
{isQueued && (
|
||||
<button
|
||||
onClick={(e) => { e.stopPropagation(); removeFromResearchQueue(node.id); }}
|
||||
className="flex items-center gap-1 bg-surface-700 hover:bg-red-900 text-surface-300 hover:text-red-300 rounded px-2 py-1 text-xs transition-colors"
|
||||
>
|
||||
<X size={12} />
|
||||
Remove
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
{node.prerequisites.length > 0 && isLocked && (
|
||||
|
||||
@@ -3,7 +3,7 @@ import {
|
||||
formatNumber, formatPercent,
|
||||
type TrafficPriority, type OverflowBehavior, type RoutingStrategy,
|
||||
TRAFFIC_PRIORITIES,
|
||||
} from '@ai-tycoon/shared';
|
||||
} from '@token-empire/shared';
|
||||
import {
|
||||
Activity, Shield, Clock, CheckCircle, XCircle, Layers,
|
||||
AlertTriangle, Zap, Server, ArrowRight,
|
||||
|
||||
@@ -1,6 +1,10 @@
|
||||
import { useRef, useState } from 'react';
|
||||
import { Pencil, Check, X, LogOut, Cloud, Loader2 } from 'lucide-react';
|
||||
import { useGameStore } from '@/store';
|
||||
import { ConfirmModal } from '@/components/common/ConfirmModal';
|
||||
import { CloudSaveList } from '@/components/game/CloudSaveList';
|
||||
import { api, setAuthToken, getTokenPayload, isRegistered, isAdmin, clearAuthToken } from '@/lib/api';
|
||||
import { performCloudSave, useCloudSaveStore } from '@/hooks/useCloudSave';
|
||||
|
||||
export function SettingsPage() {
|
||||
const settings = useGameStore((s) => s.meta.settings);
|
||||
@@ -11,6 +15,60 @@ export function SettingsPage() {
|
||||
const [showResetConfirm, setShowResetConfirm] = useState(false);
|
||||
const [importData, setImportData] = useState<{ data: unknown; name: string } | null>(null);
|
||||
|
||||
const [editingUsername, setEditingUsername] = useState(false);
|
||||
const [usernameValue, setUsernameValue] = useState('');
|
||||
const [usernameError, setUsernameError] = useState('');
|
||||
const [usernameSaving, setUsernameSaving] = useState(false);
|
||||
|
||||
const [showLogoutConfirm, setShowLogoutConfirm] = useState(false);
|
||||
|
||||
const [editingEmail, setEditingEmail] = useState(false);
|
||||
const [emailValue, setEmailValue] = useState('');
|
||||
const [emailPassword, setEmailPassword] = useState('');
|
||||
const [emailError, setEmailError] = useState('');
|
||||
const [emailSaving, setEmailSaving] = useState(false);
|
||||
|
||||
async function handleSaveUsername() {
|
||||
setUsernameError('');
|
||||
if (!usernameValue || usernameValue.length < 2) {
|
||||
setUsernameError('Username must be at least 2 characters');
|
||||
return;
|
||||
}
|
||||
setUsernameSaving(true);
|
||||
try {
|
||||
const result = await api.auth.changeUsername(usernameValue);
|
||||
setAuthToken(result.token);
|
||||
setEditingUsername(false);
|
||||
} catch (e) {
|
||||
setUsernameError(e instanceof Error ? e.message : 'Failed to change username');
|
||||
} finally {
|
||||
setUsernameSaving(false);
|
||||
}
|
||||
}
|
||||
|
||||
async function handleSaveEmail() {
|
||||
setEmailError('');
|
||||
if (!emailValue || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(emailValue)) {
|
||||
setEmailError('Valid email required');
|
||||
return;
|
||||
}
|
||||
if (!emailPassword) {
|
||||
setEmailError('Current password required');
|
||||
return;
|
||||
}
|
||||
setEmailSaving(true);
|
||||
try {
|
||||
const result = await api.auth.changeEmail(emailValue, emailPassword);
|
||||
setAuthToken(result.token);
|
||||
setEditingEmail(false);
|
||||
setEmailPassword('');
|
||||
} catch (e) {
|
||||
setEmailError(e instanceof Error ? e.message : 'Failed to change email');
|
||||
} finally {
|
||||
setEmailSaving(false);
|
||||
}
|
||||
}
|
||||
|
||||
const toggleSound = () => {
|
||||
updateState({ meta: { ...useGameStore.getState().meta, settings: { ...settings, soundEnabled: !settings.soundEnabled } } });
|
||||
};
|
||||
@@ -19,8 +77,12 @@ export function SettingsPage() {
|
||||
updateState({ meta: { ...useGameStore.getState().meta, settings: { ...settings, musicVolume: v } } });
|
||||
};
|
||||
|
||||
const setSfxVolume = (v: number) => {
|
||||
updateState({ meta: { ...useGameStore.getState().meta, settings: { ...settings, sfxVolume: v } } });
|
||||
};
|
||||
|
||||
const handleReset = () => {
|
||||
localStorage.removeItem('ai-tycoon-save');
|
||||
localStorage.removeItem('token-empire-save');
|
||||
window.location.reload();
|
||||
};
|
||||
|
||||
@@ -31,7 +93,7 @@ export function SettingsPage() {
|
||||
const url = URL.createObjectURL(blob);
|
||||
const a = document.createElement('a');
|
||||
a.href = url;
|
||||
a.download = `ai-tycoon-${companyName.replace(/\s+/g, '-').toLowerCase()}.json`;
|
||||
a.download = `token-empire-${companyName.replace(/\s+/g, '-').toLowerCase()}.json`;
|
||||
a.click();
|
||||
URL.revokeObjectURL(url);
|
||||
};
|
||||
@@ -50,7 +112,7 @@ export function SettingsPage() {
|
||||
}
|
||||
setImportData({ data, name: data.meta.companyName });
|
||||
} catch {
|
||||
addNotification({ title: 'Import Failed', message: 'Could not read save file. Make sure it is a valid AI Tycoon export.', type: 'danger', tick: useGameStore.getState().meta.tickCount });
|
||||
addNotification({ title: 'Import Failed', message: 'Could not read save file. Make sure it is a valid Token Empire export.', type: 'danger', tick: useGameStore.getState().meta.tickCount });
|
||||
}
|
||||
};
|
||||
reader.readAsText(file);
|
||||
@@ -59,14 +121,112 @@ export function SettingsPage() {
|
||||
|
||||
const confirmImport = () => {
|
||||
if (!importData) return;
|
||||
localStorage.setItem('ai-tycoon-save', JSON.stringify({ state: importData.data }));
|
||||
localStorage.setItem('token-empire-save', JSON.stringify({ state: importData.data }));
|
||||
window.location.reload();
|
||||
};
|
||||
|
||||
const payload = getTokenPayload();
|
||||
const registered = isRegistered();
|
||||
const admin = isAdmin();
|
||||
|
||||
return (
|
||||
<div className="space-y-6 max-w-2xl">
|
||||
<h2 className="text-2xl font-bold">Settings</h2>
|
||||
|
||||
<div className="bg-surface-900 border border-surface-700 rounded-xl p-4 space-y-4">
|
||||
<h3 className="font-semibold">Account</h3>
|
||||
{registered ? (
|
||||
<div className="space-y-3">
|
||||
{payload?.email != null && (
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex-1">
|
||||
<div className="text-sm">Email</div>
|
||||
{editingEmail ? (
|
||||
<div className="mt-1 space-y-2">
|
||||
<div className="flex items-center gap-2">
|
||||
<input
|
||||
type="email"
|
||||
value={emailValue}
|
||||
onChange={(e) => setEmailValue(e.target.value)}
|
||||
className="bg-surface-800 border border-surface-600 rounded px-2 py-1 text-sm w-56"
|
||||
placeholder="New email"
|
||||
autoFocus
|
||||
/>
|
||||
<button onClick={handleSaveEmail} disabled={emailSaving}
|
||||
className="text-accent hover:text-accent-light disabled:opacity-50"><Check size={16} /></button>
|
||||
<button onClick={() => { setEditingEmail(false); setEmailError(''); setEmailPassword(''); }}
|
||||
className="text-surface-400 hover:text-surface-200"><X size={16} /></button>
|
||||
</div>
|
||||
<input
|
||||
type="password"
|
||||
value={emailPassword}
|
||||
onChange={(e) => setEmailPassword(e.target.value)}
|
||||
className="bg-surface-800 border border-surface-600 rounded px-2 py-1 text-sm w-56"
|
||||
placeholder="Current password"
|
||||
/>
|
||||
{emailError && <p className="text-xs text-danger">{emailError}</p>}
|
||||
</div>
|
||||
) : (
|
||||
<div className="text-xs text-surface-400">{payload.email}</div>
|
||||
)}
|
||||
</div>
|
||||
{!editingEmail && (
|
||||
<button onClick={() => { setEmailValue(payload.email ?? ''); setEditingEmail(true); }}
|
||||
className="text-surface-400 hover:text-surface-200"><Pencil size={14} /></button>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex-1">
|
||||
<div className="text-sm">Username</div>
|
||||
{editingUsername ? (
|
||||
<div className="mt-1 space-y-1">
|
||||
<div className="flex items-center gap-2">
|
||||
<input
|
||||
type="text"
|
||||
value={usernameValue}
|
||||
onChange={(e) => setUsernameValue(e.target.value)}
|
||||
className="bg-surface-800 border border-surface-600 rounded px-2 py-1 text-sm w-48"
|
||||
placeholder="Username"
|
||||
autoFocus
|
||||
/>
|
||||
<button onClick={handleSaveUsername} disabled={usernameSaving}
|
||||
className="text-accent hover:text-accent-light disabled:opacity-50"><Check size={16} /></button>
|
||||
<button onClick={() => { setEditingUsername(false); setUsernameError(''); }}
|
||||
className="text-surface-400 hover:text-surface-200"><X size={16} /></button>
|
||||
</div>
|
||||
{usernameError && <p className="text-xs text-danger">{usernameError}</p>}
|
||||
</div>
|
||||
) : (
|
||||
<div className="text-xs text-surface-400">{payload?.username ?? 'Not set'}</div>
|
||||
)}
|
||||
</div>
|
||||
{!editingUsername && (
|
||||
<button onClick={() => { setUsernameValue(payload?.username ?? ''); setEditingUsername(true); }}
|
||||
className="text-surface-400 hover:text-surface-200"><Pencil size={14} /></button>
|
||||
)}
|
||||
</div>
|
||||
{admin && (
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="text-xs px-2 py-0.5 rounded-full bg-accent/20 text-accent font-medium">Admin</span>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
) : (
|
||||
<div className="text-sm text-surface-400">Playing as guest.</div>
|
||||
)}
|
||||
|
||||
<div className="pt-2 border-t border-surface-700">
|
||||
<button
|
||||
onClick={() => setShowLogoutConfirm(true)}
|
||||
className="inline-flex items-center gap-2 px-4 py-2 rounded bg-surface-800 hover:bg-surface-700 border border-surface-600 text-sm text-surface-300 hover:text-surface-100 transition-colors"
|
||||
>
|
||||
<LogOut size={14} />
|
||||
{registered ? 'Log Out' : 'Sign Out'}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-surface-900 border border-surface-700 rounded-xl p-4 space-y-4">
|
||||
<h3 className="font-semibold">Game</h3>
|
||||
|
||||
@@ -78,7 +238,26 @@ export function SettingsPage() {
|
||||
<ToggleSwitch checked={settings.soundEnabled} onChange={toggleSound} />
|
||||
</div>
|
||||
|
||||
<div className="flex items-center justify-between">
|
||||
<div className={`flex items-center justify-between ${!settings.soundEnabled ? 'opacity-40' : ''}`}>
|
||||
<div>
|
||||
<div className="text-sm">SFX Volume</div>
|
||||
<div className="text-xs text-surface-400">Sound effects level</div>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<input
|
||||
type="range"
|
||||
min={0}
|
||||
max={100}
|
||||
value={(settings.sfxVolume ?? 0.5) * 100}
|
||||
onChange={(e) => setSfxVolume(Number(e.target.value) / 100)}
|
||||
disabled={!settings.soundEnabled}
|
||||
className="w-32 accent-accent"
|
||||
/>
|
||||
<span className="text-sm font-mono text-surface-400 w-8 text-right">{Math.round((settings.sfxVolume ?? 0.5) * 100)}%</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className={`flex items-center justify-between ${!settings.soundEnabled ? 'opacity-40' : ''}`}>
|
||||
<div>
|
||||
<div className="text-sm">Music Volume</div>
|
||||
<div className="text-xs text-surface-400">Background music level</div>
|
||||
@@ -90,6 +269,7 @@ export function SettingsPage() {
|
||||
max={100}
|
||||
value={settings.musicVolume * 100}
|
||||
onChange={(e) => setMusicVolume(Number(e.target.value) / 100)}
|
||||
disabled={!settings.soundEnabled}
|
||||
className="w-32 accent-accent"
|
||||
/>
|
||||
<span className="text-sm font-mono text-surface-400 w-8 text-right">{Math.round(settings.musicVolume * 100)}%</span>
|
||||
@@ -99,7 +279,8 @@ export function SettingsPage() {
|
||||
|
||||
<div className="bg-surface-900 border border-surface-700 rounded-xl p-4 space-y-4">
|
||||
<h3 className="font-semibold">Save Data</h3>
|
||||
<div className="flex gap-3">
|
||||
<div className="flex flex-wrap gap-3">
|
||||
{registered && <SaveToCloudButton />}
|
||||
<button
|
||||
onClick={handleExport}
|
||||
className="px-4 py-2 rounded bg-surface-800 hover:bg-surface-700 border border-surface-600 text-sm"
|
||||
@@ -128,6 +309,13 @@ export function SettingsPage() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{registered && (
|
||||
<div className="bg-surface-900 border border-surface-700 rounded-xl p-4 space-y-4">
|
||||
<h3 className="font-semibold">Cloud Saves</h3>
|
||||
<CloudSaveList />
|
||||
</div>
|
||||
)}
|
||||
|
||||
{showResetConfirm && (
|
||||
<ConfirmModal
|
||||
title="Reset All Progress"
|
||||
@@ -148,6 +336,70 @@ export function SettingsPage() {
|
||||
onCancel={() => setImportData(null)}
|
||||
/>
|
||||
)}
|
||||
|
||||
{showLogoutConfirm && (
|
||||
<ConfirmModal
|
||||
title={registered ? 'Log Out' : 'Sign Out'}
|
||||
message={registered
|
||||
? 'You will be logged out. Your game progress is saved to the cloud and will be available when you log back in.'
|
||||
: 'You will be signed out. As a guest, your local progress will be lost. Consider registering first to save your progress.'}
|
||||
confirmLabel={registered ? 'Log Out' : 'Sign Out'}
|
||||
danger={!registered}
|
||||
onConfirm={async () => {
|
||||
if (registered) {
|
||||
try {
|
||||
const state = useGameStore.getState();
|
||||
const { activePage, notifications, infraNav, modelsTab, ...gameState } = state;
|
||||
await api.saves.put({
|
||||
companyName: state.meta.companyName,
|
||||
saveVersion: state.meta.saveVersion,
|
||||
gameData: gameState,
|
||||
tickCount: state.meta.tickCount,
|
||||
era: state.meta.currentEra,
|
||||
});
|
||||
} catch {}
|
||||
}
|
||||
try { await api.auth.logout(); } catch {}
|
||||
clearAuthToken();
|
||||
if (!registered) {
|
||||
localStorage.removeItem('token-empire-save');
|
||||
}
|
||||
window.location.reload();
|
||||
}}
|
||||
onCancel={() => setShowLogoutConfirm(false)}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function SaveToCloudButton() {
|
||||
const status = useCloudSaveStore((s) => s.status);
|
||||
const lastSaveTime = useCloudSaveStore((s) => s.lastSaveTime);
|
||||
const [saving, setSaving] = useState(false);
|
||||
|
||||
const handleSave = async () => {
|
||||
setSaving(true);
|
||||
await performCloudSave();
|
||||
setSaving(false);
|
||||
};
|
||||
|
||||
const isBusy = saving || status === 'saving';
|
||||
const timeLabel = lastSaveTime
|
||||
? `Last saved ${Math.floor((Date.now() - lastSaveTime) / 60000)}m ago`
|
||||
: null;
|
||||
|
||||
return (
|
||||
<div className="flex items-center gap-2">
|
||||
<button
|
||||
onClick={handleSave}
|
||||
disabled={isBusy}
|
||||
className="inline-flex items-center gap-2 px-4 py-2 rounded bg-accent/20 hover:bg-accent/30 border border-accent/50 text-accent text-sm disabled:opacity-50 transition-colors"
|
||||
>
|
||||
{isBusy ? <Loader2 size={14} className="animate-spin" /> : <Cloud size={14} />}
|
||||
Save to Cloud
|
||||
</button>
|
||||
{timeLabel && <span className="text-xs text-surface-500">{timeLabel}</span>}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
import { useState } from 'react';
|
||||
import { Users, Plus, Star, Briefcase } from 'lucide-react';
|
||||
import { useGameStore } from '@/store';
|
||||
import { formatMoney } from '@ai-tycoon/shared';
|
||||
import { KEY_HIRE_POOL } from '@ai-tycoon/game-engine';
|
||||
import type { DepartmentId } from '@ai-tycoon/shared';
|
||||
import { formatMoney } from '@token-empire/shared';
|
||||
import { KEY_HIRE_POOL } from '@token-empire/game-engine';
|
||||
import type { DepartmentId } from '@token-empire/shared';
|
||||
|
||||
const DEPT_LABELS: Record<string, string> = {
|
||||
research: 'Research',
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { useState, useEffect, useRef, useCallback } from 'react';
|
||||
import { useGameStore } from '@/store';
|
||||
import { formatNumber, formatMoney, formatPercent } from '@ai-tycoon/shared';
|
||||
import type { ApiTierId } from '@ai-tycoon/shared';
|
||||
import { formatNumber, formatMoney, formatPercent } from '@token-empire/shared';
|
||||
import type { ApiTierId } from '@token-empire/shared';
|
||||
import { Code, Check } from 'lucide-react';
|
||||
|
||||
const TIER_ORDER: ApiTierId[] = ['free', 'payg', 'scale', 'enterprise-api'];
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { useState, useEffect, useRef, useCallback } from 'react';
|
||||
import { useGameStore } from '@/store';
|
||||
import { formatNumber, formatMoney, formatPercent } from '@ai-tycoon/shared';
|
||||
import type { ConsumerTierId } from '@ai-tycoon/shared';
|
||||
import { formatNumber, formatMoney, formatPercent } from '@token-empire/shared';
|
||||
import type { ConsumerTierId } from '@token-empire/shared';
|
||||
import { Users, Check } from 'lucide-react';
|
||||
|
||||
const TIER_ORDER: ConsumerTierId[] = ['free', 'plus', 'pro', 'team'];
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { useState, useEffect, useRef, useCallback } from 'react';
|
||||
import { useGameStore } from '@/store';
|
||||
import { formatNumber, formatMoney, formatPercent } from '@ai-tycoon/shared';
|
||||
import { formatNumber, formatMoney, formatPercent } from '@token-empire/shared';
|
||||
import { Boxes, Check } from 'lucide-react';
|
||||
|
||||
function useAppliedFeedback() {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { useGameStore } from '@/store';
|
||||
import { formatNumber, formatMoney, formatPercent } from '@ai-tycoon/shared';
|
||||
import type { EnterprisePipelineStage, EnterpriseSegment } from '@ai-tycoon/shared';
|
||||
import { formatNumber, formatMoney, formatPercent } from '@token-empire/shared';
|
||||
import type { EnterprisePipelineStage, EnterpriseSegment } from '@token-empire/shared';
|
||||
import { Building2, AlertTriangle } from 'lucide-react';
|
||||
|
||||
const STAGE_ORDER: EnterprisePipelineStage[] = ['lead', 'qualification', 'poc', 'negotiation'];
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { useGameStore } from '@/store';
|
||||
import { formatNumber, formatPercent } from '@ai-tycoon/shared';
|
||||
import type { TAMSegmentId } from '@ai-tycoon/shared';
|
||||
import { formatNumber, formatPercent } from '@token-empire/shared';
|
||||
import type { TAMSegmentId } from '@token-empire/shared';
|
||||
import { Globe, TrendingUp, Clock, Thermometer } from 'lucide-react';
|
||||
|
||||
const SEGMENT_LABELS: Record<TAMSegmentId, string> = {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { useState, useEffect, useRef, useCallback } from 'react';
|
||||
import { useGameStore } from '@/store';
|
||||
import { formatNumber, formatMoney, formatPercent } from '@ai-tycoon/shared';
|
||||
import { formatNumber, formatMoney, formatPercent } from '@token-empire/shared';
|
||||
import { Wrench, Bot, Check, Lock } from 'lucide-react';
|
||||
|
||||
function useAppliedFeedback() {
|
||||
|
||||
+63
-70
@@ -1,5 +1,6 @@
|
||||
import { create } from 'zustand';
|
||||
import { persist } from 'zustand/middleware';
|
||||
import { triggerNotificationSound } from '@/audio/sounds';
|
||||
import type {
|
||||
GameState, Era, GameSpeed, GameSettings,
|
||||
EconomyState, InfrastructureState, ComputeState,
|
||||
@@ -15,9 +16,8 @@ import type {
|
||||
TrainingPipeline, ModelFamily, DataMixAllocation,
|
||||
ModelArchitecture, AlignmentMethod, SizeTier,
|
||||
SFTSpecialization, QuantizationLevel, VariantCreationJob,
|
||||
EvalJob,
|
||||
ConsumerTierId, ApiTierId,
|
||||
} from '@ai-tycoon/shared';
|
||||
} from '@token-empire/shared';
|
||||
import {
|
||||
INITIAL_SETTINGS, SAVE_VERSION,
|
||||
INITIAL_ECONOMY, INITIAL_INFRASTRUCTURE, INITIAL_COMPUTE,
|
||||
@@ -40,43 +40,15 @@ import {
|
||||
SFT_TIME_FRACTION, ALIGNMENT_TIME_FRACTION,
|
||||
SIZE_TIER_MAP, SIZE_TIER_LABELS,
|
||||
POINT_RELEASE_TIME_FRACTION, POINT_RELEASE_MAX_VERSION,
|
||||
} from '@ai-tycoon/shared';
|
||||
} from '@token-empire/shared';
|
||||
import {
|
||||
emptyDCNetworkSummary, emptyCampusNetworkSummary, emptyClusterNetworkSummary,
|
||||
BENCHMARKS, TECH_TREE, onModelDeployed,
|
||||
} from '@ai-tycoon/game-engine';
|
||||
import { INITIAL_RIVALS } from '@ai-tycoon/game-engine';
|
||||
TECH_TREE, onModelDeployed,
|
||||
} from '@token-empire/game-engine';
|
||||
import { INITIAL_RIVALS } from '@token-empire/game-engine';
|
||||
import type { ActivePage, InfraNav, ModelsTab, UIState, GameNotification } from './types';
|
||||
|
||||
export type ActivePage = 'dashboard' | 'infrastructure' | 'research' | 'models'
|
||||
| 'market' | 'serving' | 'talent' | 'data' | 'competitors' | 'finance' | 'achievements' | 'leaderboard' | 'settings';
|
||||
|
||||
export type InfraNavLevel = 'clusters' | 'cluster' | 'campus' | 'datacenter';
|
||||
|
||||
export interface InfraNav {
|
||||
level: InfraNavLevel;
|
||||
clusterId?: string;
|
||||
campusId?: string;
|
||||
datacenterId?: string;
|
||||
}
|
||||
|
||||
type ModelsTab = 'overview' | 'train' | 'models' | 'benchmarks' | 'products';
|
||||
|
||||
interface UIState {
|
||||
activePage: ActivePage;
|
||||
notifications: GameNotification[];
|
||||
infraNav: InfraNav;
|
||||
modelsTab: ModelsTab;
|
||||
}
|
||||
|
||||
export interface GameNotification {
|
||||
id: string;
|
||||
title: string;
|
||||
message: string;
|
||||
type: 'info' | 'success' | 'warning' | 'danger';
|
||||
tick: number;
|
||||
read: boolean;
|
||||
action?: { label: string; page?: ActivePage; modelsTab?: ModelsTab };
|
||||
}
|
||||
export type { ActivePage, InfraNavLevel, InfraNav, ModelsTab, UIState, GameNotification } from './types';
|
||||
|
||||
function emptyDC(): Pick<DataCenter, 'networkSummary' | 'effectiveComputeRacks' | 'usedSlots' | 'usedPowerKW' | 'energyCostPerTick' | 'maintenanceCostPerTick' | 'currentUptime'> {
|
||||
return {
|
||||
@@ -132,12 +104,13 @@ interface Actions {
|
||||
}) => void;
|
||||
startPointRelease: (baseModelId: string) => void;
|
||||
createQuantization: (baseModelId: string, level: QuantizationLevel, variantName: string) => void;
|
||||
startEvaluation: (modelId: string, benchmarkIds: string[]) => void;
|
||||
deployModel: (modelId: string) => void;
|
||||
deployVariant: (familyId: string, variantId: string) => void;
|
||||
setProductPricing: (productLineId: string, field: string, value: number) => void;
|
||||
toggleProductLine: (productLineId: string) => void;
|
||||
startResearch: (research: ActiveResearch) => void;
|
||||
queueResearch: (researchId: string) => void;
|
||||
removeFromResearchQueue: (researchId: string) => void;
|
||||
hireDepartment: (departmentId: string, count: number) => void;
|
||||
purchaseDataset: (dataset: OwnedDataset, cost: number) => void;
|
||||
raiseFunding: (roundType: FundingRoundType) => void;
|
||||
@@ -313,12 +286,15 @@ export const useGameStore = create<Store>()(
|
||||
|
||||
setModelsTab: (tab) => set({ modelsTab: tab }),
|
||||
|
||||
addNotification: (n) => set((s) => ({
|
||||
notifications: [
|
||||
{ ...n, id: uuid(), read: false },
|
||||
...s.notifications.slice(0, 49),
|
||||
],
|
||||
})),
|
||||
addNotification: (n) => {
|
||||
set((s) => ({
|
||||
notifications: [
|
||||
{ ...n, id: uuid(), read: false },
|
||||
...s.notifications.slice(0, 49),
|
||||
],
|
||||
}));
|
||||
triggerNotificationSound(n);
|
||||
},
|
||||
|
||||
dismissNotification: (id) => set((s) => ({
|
||||
notifications: s.notifications.map(n =>
|
||||
@@ -1074,32 +1050,6 @@ export const useGameStore = create<Store>()(
|
||||
}
|
||||
},
|
||||
|
||||
startEvaluation: (modelId, benchmarkIds) => {
|
||||
let created = false;
|
||||
set((s) => {
|
||||
const benchmarks = BENCHMARKS.filter(b => benchmarkIds.includes(b.id));
|
||||
if (benchmarks.length === 0) return s;
|
||||
created = true;
|
||||
const totalTicks = benchmarks.reduce((sum, b) => sum + b.ticksToRun, 0);
|
||||
const computeCost = benchmarks.reduce((sum, b) => sum + b.computeCost, 0);
|
||||
const job: EvalJob = {
|
||||
id: uuid(),
|
||||
modelId,
|
||||
benchmarkIds,
|
||||
progressTicks: 0,
|
||||
totalTicks,
|
||||
computeAllocated: computeCost,
|
||||
status: 'active',
|
||||
results: [],
|
||||
};
|
||||
return { models: { ...s.models, evalJobs: [...s.models.evalJobs, job] } };
|
||||
});
|
||||
if (created) {
|
||||
get().addNotification({ title: 'Evaluation Started', message: `${benchmarkIds.length} benchmark${benchmarkIds.length > 1 ? 's' : ''} queued.`, type: 'info', tick: get().meta.tickCount });
|
||||
set({ modelsTab: 'overview' as ModelsTab });
|
||||
}
|
||||
},
|
||||
|
||||
deployModel: (modelId) => {
|
||||
const modelName = get().models.baseModels.find(m => m.id === modelId)?.name ?? 'Model';
|
||||
set((s) => ({
|
||||
@@ -1111,6 +1061,7 @@ export const useGameStore = create<Store>()(
|
||||
productLines: s.models.productLines.map(pl => ({
|
||||
...pl, modelId, isActive: true,
|
||||
})),
|
||||
deploymentVersion: s.models.deploymentVersion + 1,
|
||||
},
|
||||
market: {
|
||||
...s.market,
|
||||
@@ -1130,6 +1081,7 @@ export const useGameStore = create<Store>()(
|
||||
? { ...f, variants: f.variants.map(v => v.id === variantId ? { ...v, isDeployed: true } : v) }
|
||||
: f,
|
||||
),
|
||||
deploymentVersion: s.models.deploymentVersion + 1,
|
||||
},
|
||||
}));
|
||||
get().addNotification({ title: 'Variant Deployed', message: 'Variant is now live.', type: 'success', tick: get().meta.tickCount });
|
||||
@@ -1170,6 +1122,35 @@ export const useGameStore = create<Store>()(
|
||||
};
|
||||
}),
|
||||
|
||||
queueResearch: (researchId) => set((s) => {
|
||||
if (s.research.researchQueue.includes(researchId)) return s;
|
||||
const node = TECH_TREE.find(n => n.id === researchId);
|
||||
if (!node) return s;
|
||||
const rpCost = node.cost.researchPoints ?? 0;
|
||||
if (rpCost > s.research.researchPoints) return s;
|
||||
return {
|
||||
research: {
|
||||
...s.research,
|
||||
researchQueue: [...s.research.researchQueue, researchId],
|
||||
researchPoints: s.research.researchPoints - rpCost,
|
||||
},
|
||||
};
|
||||
}),
|
||||
|
||||
removeFromResearchQueue: (researchId) => set((s) => {
|
||||
const idx = s.research.researchQueue.indexOf(researchId);
|
||||
if (idx === -1) return s;
|
||||
const node = TECH_TREE.find(n => n.id === researchId);
|
||||
const rpRefund = node?.cost.researchPoints ?? 0;
|
||||
return {
|
||||
research: {
|
||||
...s.research,
|
||||
researchQueue: s.research.researchQueue.filter(id => id !== researchId),
|
||||
researchPoints: s.research.researchPoints + rpRefund,
|
||||
},
|
||||
};
|
||||
}),
|
||||
|
||||
hireDepartment: (departmentId, count) => set((s) => {
|
||||
const costPerHire = 2000;
|
||||
const totalCost = costPerHire * count;
|
||||
@@ -1423,7 +1404,7 @@ export const useGameStore = create<Store>()(
|
||||
}),
|
||||
}),
|
||||
{
|
||||
name: 'ai-tycoon-save',
|
||||
name: 'token-empire-save',
|
||||
version: SAVE_VERSION,
|
||||
partialize: (state) => {
|
||||
const { activePage, notifications, infraNav, modelsTab, ...rest } = state;
|
||||
@@ -1452,6 +1433,18 @@ export const useGameStore = create<Store>()(
|
||||
}
|
||||
return _persisted as Store;
|
||||
},
|
||||
merge: (persisted, current) => {
|
||||
const p = persisted as Record<string, unknown>;
|
||||
const c = current as unknown as Record<string, unknown>;
|
||||
const merged = { ...c, ...p };
|
||||
for (const key of Object.keys(c)) {
|
||||
if (p[key] != null && typeof p[key] === 'object' && !Array.isArray(p[key])
|
||||
&& typeof c[key] === 'object' && !Array.isArray(c[key])) {
|
||||
merged[key] = { ...c[key] as Record<string, unknown>, ...p[key] as Record<string, unknown> };
|
||||
}
|
||||
}
|
||||
return merged as unknown as Store;
|
||||
},
|
||||
},
|
||||
),
|
||||
);
|
||||
|
||||
@@ -0,0 +1,30 @@
|
||||
export type ActivePage = 'dashboard' | 'infrastructure' | 'research' | 'models'
|
||||
| 'market' | 'serving' | 'talent' | 'data' | 'competitors' | 'finance' | 'achievements' | 'leaderboard' | 'invitations' | 'settings';
|
||||
|
||||
export type InfraNavLevel = 'clusters' | 'cluster' | 'campus' | 'datacenter';
|
||||
|
||||
export interface InfraNav {
|
||||
level: InfraNavLevel;
|
||||
clusterId?: string;
|
||||
campusId?: string;
|
||||
datacenterId?: string;
|
||||
}
|
||||
|
||||
export type ModelsTab = 'overview' | 'train' | 'models' | 'products';
|
||||
|
||||
export interface UIState {
|
||||
activePage: ActivePage;
|
||||
notifications: GameNotification[];
|
||||
infraNav: InfraNav;
|
||||
modelsTab: ModelsTab;
|
||||
}
|
||||
|
||||
export interface GameNotification {
|
||||
id: string;
|
||||
title: string;
|
||||
message: string;
|
||||
type: 'info' | 'success' | 'warning' | 'danger';
|
||||
tick: number;
|
||||
read: boolean;
|
||||
action?: { label: string; page?: ActivePage; modelsTab?: ModelsTab };
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"extends": "@ai-tycoon/tsconfig/react.json",
|
||||
"extends": "@token-empire/tsconfig/react.json",
|
||||
"compilerOptions": {
|
||||
"baseUrl": ".",
|
||||
"paths": {
|
||||
|
||||
+10
-7
@@ -1,6 +1,6 @@
|
||||
services:
|
||||
web:
|
||||
image: gitea.thewrightserver.net/josh/aihostingtycoon/web:latest
|
||||
image: gitea.thewrightserver.net/josh/tokenempire/web:latest
|
||||
ports:
|
||||
- "80:80"
|
||||
depends_on:
|
||||
@@ -8,13 +8,16 @@ services:
|
||||
restart: unless-stopped
|
||||
|
||||
server:
|
||||
image: gitea.thewrightserver.net/josh/aihostingtycoon/server:latest
|
||||
image: gitea.thewrightserver.net/josh/tokenempire/server:latest
|
||||
ports:
|
||||
- "3001:3001"
|
||||
environment:
|
||||
- DATABASE_URL=postgresql://aitycoon:aitycoon@db:5432/aitycoon
|
||||
- DATABASE_URL=postgresql://tokenempire:tokenempire@db:5432/tokenempire
|
||||
- PORT=3001
|
||||
- CORS_ORIGIN=*
|
||||
- JWT_SECRET=change-me-to-a-random-secret
|
||||
- REQUIRE_INVITE=true
|
||||
- USER_INVITATIONS=0
|
||||
depends_on:
|
||||
db:
|
||||
condition: service_healthy
|
||||
@@ -23,13 +26,13 @@ services:
|
||||
db:
|
||||
image: postgres:17-alpine
|
||||
environment:
|
||||
- POSTGRES_USER=aitycoon
|
||||
- POSTGRES_PASSWORD=aitycoon
|
||||
- POSTGRES_DB=aitycoon
|
||||
- POSTGRES_USER=tokenempire
|
||||
- POSTGRES_PASSWORD=tokenempire
|
||||
- POSTGRES_DB=tokenempire
|
||||
volumes:
|
||||
- pgdata:/var/lib/postgresql/data
|
||||
healthcheck:
|
||||
test: ["CMD-SHELL", "pg_isready -U aitycoon"]
|
||||
test: ["CMD-SHELL", "pg_isready -U tokenempire"]
|
||||
interval: 5s
|
||||
timeout: 5s
|
||||
retries: 5
|
||||
|
||||
@@ -17,7 +17,7 @@ The game engine and simulation core have no React dependency. They can run ident
|
||||
## Monorepo Layout
|
||||
|
||||
```
|
||||
ai-tycoon/
|
||||
token-empire/
|
||||
├── turbo.json # Turborepo task config
|
||||
├── pnpm-workspace.yaml # Workspace definition
|
||||
│
|
||||
@@ -122,7 +122,7 @@ The store uses a slice pattern with 14 slices, each owning a portion of the game
|
||||
|
||||
### Persistence
|
||||
|
||||
- **localStorage**: Auto-save every 60 ticks under key `ai-tycoon-save`. The Zustand `persist` middleware handles serialization.
|
||||
- **localStorage**: Auto-save every 60 ticks under key `token-empire-save`. The Zustand `persist` middleware handles serialization.
|
||||
- **Cloud saves**: Optional. POST to `/api/saves` every 5 minutes when authenticated. Requires the Hono backend + PostgreSQL.
|
||||
- **Save format versioning**: A `version` field in meta enables migration functions for breaking state changes.
|
||||
|
||||
|
||||
@@ -0,0 +1,18 @@
|
||||
import eslint from '@eslint/js';
|
||||
import tseslint from 'typescript-eslint';
|
||||
|
||||
export default tseslint.config(
|
||||
eslint.configs.recommended,
|
||||
...tseslint.configs.recommended,
|
||||
{
|
||||
ignores: ['**/dist/**', '**/node_modules/**', '**/*.js', '**/*.mjs', '**/drizzle/**'],
|
||||
},
|
||||
{
|
||||
rules: {
|
||||
'@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
|
||||
'@typescript-eslint/no-explicit-any': 'warn',
|
||||
'no-empty': ['error', { allowEmptyCatch: true }],
|
||||
'preserve-caught-error': 'off',
|
||||
},
|
||||
},
|
||||
);
|
||||
+14
-6
@@ -1,21 +1,29 @@
|
||||
{
|
||||
"name": "ai-tycoon",
|
||||
"name": "token-empire",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "turbo dev",
|
||||
"build": "turbo build",
|
||||
"typecheck": "turbo typecheck",
|
||||
"lint": "turbo lint",
|
||||
"lint": "eslint .",
|
||||
"test": "vitest run",
|
||||
"test:watch": "vitest",
|
||||
"clean": "turbo clean",
|
||||
"simulate": "turbo simulate --filter=@ai-tycoon/game-simulation",
|
||||
"simulate:ci": "pnpm --filter @ai-tycoon/game-simulation simulate:ci"
|
||||
"simulate": "turbo simulate --filter=@token-empire/game-simulation",
|
||||
"simulate:ci": "pnpm --filter @token-empire/game-simulation simulate:ci"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@eslint/js": "^10.0.1",
|
||||
"eslint": "^10.2.1",
|
||||
"turbo": "^2.5.0",
|
||||
"typescript": "^5.8.0"
|
||||
"typescript": "^5.8.0",
|
||||
"typescript-eslint": "^8.59.1",
|
||||
"vitest": "^4.1.5"
|
||||
},
|
||||
"packageManager": "pnpm@10.33.0",
|
||||
"pnpm": {
|
||||
"onlyBuiltDependencies": ["esbuild"]
|
||||
"onlyBuiltDependencies": [
|
||||
"esbuild"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "@ai-tycoon/game-engine",
|
||||
"name": "@token-empire/game-engine",
|
||||
"private": true,
|
||||
"version": "0.0.1",
|
||||
"type": "module",
|
||||
@@ -7,13 +7,14 @@
|
||||
"types": "./src/index.ts",
|
||||
"scripts": {
|
||||
"build": "tsc",
|
||||
"typecheck": "tsc --noEmit"
|
||||
"typecheck": "tsc --noEmit",
|
||||
"test": "vitest run"
|
||||
},
|
||||
"dependencies": {
|
||||
"@ai-tycoon/shared": "workspace:*"
|
||||
"@token-empire/shared": "workspace:*"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@ai-tycoon/tsconfig": "workspace:*",
|
||||
"@token-empire/tsconfig": "workspace:*",
|
||||
"typescript": "^5.8.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,202 @@
|
||||
import type {
|
||||
Cluster, Campus, DataCenter, DeploymentCohort,
|
||||
DCNetworkSummary, CampusNetworkSummary, ClusterNetworkSummary,
|
||||
TrainingPipeline, BaseModel, ModelFamily,
|
||||
} from '@token-empire/shared';
|
||||
import { uuid } from '@token-empire/shared';
|
||||
import type { DeepPartial } from './createTestState';
|
||||
|
||||
function emptyDCNetwork(): DCNetworkSummary {
|
||||
return {
|
||||
totalByTier: {},
|
||||
healthyByTier: {},
|
||||
repairBatches: [],
|
||||
networkRackCount: 0,
|
||||
racksDisconnected: 0,
|
||||
racksDegraded: 0,
|
||||
averageBandwidth: 1,
|
||||
effectiveFlopsFraction: 1,
|
||||
};
|
||||
}
|
||||
|
||||
function emptyCampusNetwork(): CampusNetworkSummary {
|
||||
return { totalT4: 0, healthyT4: 0, crossDCBandwidth: 1 };
|
||||
}
|
||||
|
||||
function emptyClusterNetwork(): ClusterNetworkSummary {
|
||||
return { totalT5: 0, healthyT5: 0, crossCampusBandwidth: 1 };
|
||||
}
|
||||
|
||||
export function createTestDataCenter(overrides?: DeepPartial<DataCenter>): DataCenter {
|
||||
const base: DataCenter = {
|
||||
id: uuid(),
|
||||
name: 'Test DC',
|
||||
campusId: '',
|
||||
tier: 'small',
|
||||
status: 'operational',
|
||||
constructionProgress: 0,
|
||||
constructionTotal: 0,
|
||||
rackSkuId: 't4-x4',
|
||||
computeRacksOnline: 4,
|
||||
computeRacksFailed: 0,
|
||||
networkSummary: emptyDCNetwork(),
|
||||
deploymentCohorts: [],
|
||||
retrofitState: null,
|
||||
coolingLevel: 0,
|
||||
redundancyLevel: 0,
|
||||
coolingType: 'air',
|
||||
networkFabric: 'ethernet-100g',
|
||||
effectiveComputeRacks: 4,
|
||||
usedSlots: 4,
|
||||
usedPowerKW: 20,
|
||||
energyCostPerTick: 5,
|
||||
maintenanceCostPerTick: 2,
|
||||
currentUptime: 1,
|
||||
dcTrainingFlops: 1e12,
|
||||
dcInferenceFlops: 1e12,
|
||||
dcTotalVramGB: 64,
|
||||
};
|
||||
return overrides ? { ...base, ...overrides } as DataCenter : base;
|
||||
}
|
||||
|
||||
export function createTestCampus(overrides?: DeepPartial<Campus>): Campus {
|
||||
const dc = createTestDataCenter();
|
||||
const campusId = uuid();
|
||||
dc.campusId = campusId;
|
||||
const base: Campus = {
|
||||
id: campusId,
|
||||
name: 'Test Campus',
|
||||
clusterId: '',
|
||||
dcTier: 'small',
|
||||
dataCenters: [dc],
|
||||
status: 'operational',
|
||||
constructionProgress: 0,
|
||||
constructionTotal: 0,
|
||||
retrofitQueue: null,
|
||||
networkSummary: emptyCampusNetwork(),
|
||||
};
|
||||
return overrides ? { ...base, ...overrides } as Campus : base;
|
||||
}
|
||||
|
||||
export function createTestCluster(overrides?: DeepPartial<Cluster>): Cluster {
|
||||
const campus = createTestCampus();
|
||||
const clusterId = uuid();
|
||||
campus.clusterId = clusterId;
|
||||
campus.dataCenters[0].campusId = campus.id;
|
||||
const base: Cluster = {
|
||||
id: clusterId,
|
||||
name: 'Test Cluster',
|
||||
locationId: 'us-east',
|
||||
campuses: [campus],
|
||||
status: 'operational',
|
||||
constructionProgress: 0,
|
||||
constructionTotal: 0,
|
||||
networkSummary: emptyClusterNetwork(),
|
||||
};
|
||||
return overrides ? { ...base, ...overrides } as Cluster : base;
|
||||
}
|
||||
|
||||
export function createTestTrainingPipeline(overrides?: DeepPartial<TrainingPipeline>): TrainingPipeline {
|
||||
const base: TrainingPipeline = {
|
||||
id: uuid(),
|
||||
familyId: 'test-family',
|
||||
modelName: 'Test Model',
|
||||
architecture: {
|
||||
type: 'dense',
|
||||
totalParameters: 7e9,
|
||||
activeParameters: 7e9,
|
||||
contextWindow: 8192,
|
||||
vocabularySize: 32000,
|
||||
},
|
||||
dataMix: { web: 0.4, code: 0.2, books: 0.15, academic: 0.1, conversational: 0.1, specialized: 0.05 },
|
||||
currentStage: 'pretraining',
|
||||
stages: {
|
||||
pretraining: {
|
||||
targetTokens: 1e12,
|
||||
processedTokens: 0,
|
||||
computeAllocated: 0,
|
||||
progressTicks: 0,
|
||||
totalTicks: 1000,
|
||||
lossValue: 4.0,
|
||||
chinchillaRatio: 1.0,
|
||||
isComplete: false,
|
||||
},
|
||||
sft: {
|
||||
specializations: ['general'],
|
||||
progressTicks: 0,
|
||||
totalTicks: 100,
|
||||
isComplete: false,
|
||||
},
|
||||
alignment: {
|
||||
method: 'rlhf',
|
||||
safetyWeight: 0.5,
|
||||
helpfulnessWeight: 0.5,
|
||||
progressTicks: 0,
|
||||
totalTicks: 80,
|
||||
isComplete: false,
|
||||
},
|
||||
},
|
||||
status: 'active',
|
||||
allocatedComputeFraction: 1.0,
|
||||
events: [],
|
||||
startedAtTick: 0,
|
||||
sizeTier: 'small',
|
||||
isPointRelease: false,
|
||||
sourceModelId: null,
|
||||
};
|
||||
return overrides ? { ...base, ...overrides } as TrainingPipeline : base;
|
||||
}
|
||||
|
||||
export function createTestBaseModel(overrides?: Partial<BaseModel>): BaseModel {
|
||||
const base: BaseModel = {
|
||||
id: uuid(),
|
||||
familyId: 'test-family',
|
||||
name: 'Test Model v1',
|
||||
architecture: {
|
||||
type: 'dense',
|
||||
totalParameters: 7e9,
|
||||
activeParameters: 7e9,
|
||||
contextWindow: 8192,
|
||||
vocabularySize: 32000,
|
||||
},
|
||||
rawCapability: 40,
|
||||
capabilityScore: 40,
|
||||
safetyScore: 50,
|
||||
qualityScore: 40,
|
||||
sftSpecializations: ['general'],
|
||||
alignmentMethod: 'rlhf',
|
||||
completedAtTick: 100,
|
||||
isDeployed: true,
|
||||
isOpenSourced: false,
|
||||
sizeTier: 'small',
|
||||
isPointRelease: false,
|
||||
sourceModelId: null,
|
||||
dataMix: { web: 0.4, code: 0.2, books: 0.15, academic: 0.1, conversational: 0.1, specialized: 0.05 },
|
||||
};
|
||||
return overrides ? { ...base, ...overrides } : base;
|
||||
}
|
||||
|
||||
export function createTestModelFamily(overrides?: Partial<ModelFamily>): ModelFamily {
|
||||
const base: ModelFamily = {
|
||||
id: uuid(),
|
||||
name: 'Test Family',
|
||||
generation: 1,
|
||||
baseModelIds: [],
|
||||
variants: [],
|
||||
createdAtTick: 0,
|
||||
};
|
||||
return overrides ? { ...base, ...overrides } : base;
|
||||
}
|
||||
|
||||
export function createTestDeploymentCohort(overrides?: Partial<DeploymentCohort>): DeploymentCohort {
|
||||
const base: DeploymentCohort = {
|
||||
id: uuid(),
|
||||
count: 4,
|
||||
skuId: 't4-x4',
|
||||
stage: 'production' as any,
|
||||
stageProgress: 0,
|
||||
stageTotal: 0,
|
||||
repairCount: 0,
|
||||
};
|
||||
return overrides ? { ...base, ...overrides } : base;
|
||||
}
|
||||
@@ -0,0 +1,68 @@
|
||||
import type { GameState } from '@token-empire/shared';
|
||||
import {
|
||||
INITIAL_SETTINGS, SAVE_VERSION,
|
||||
INITIAL_ECONOMY, INITIAL_INFRASTRUCTURE, INITIAL_COMPUTE,
|
||||
INITIAL_RESEARCH, INITIAL_MODELS, INITIAL_MARKET,
|
||||
INITIAL_COMPETITORS, INITIAL_TALENT, INITIAL_DATA,
|
||||
INITIAL_REPUTATION, INITIAL_ACHIEVEMENTS,
|
||||
} from '@token-empire/shared';
|
||||
|
||||
export type DeepPartial<T> = T extends object
|
||||
? { [K in keyof T]?: DeepPartial<T[K]> }
|
||||
: T;
|
||||
|
||||
function deepMerge<T>(target: T, source: DeepPartial<T>): T {
|
||||
if (source === undefined || source === null) return target;
|
||||
if (typeof target !== 'object' || target === null) return source as T;
|
||||
if (Array.isArray(source)) return source as unknown as T;
|
||||
|
||||
const result = { ...target };
|
||||
for (const key of Object.keys(source) as (keyof T)[]) {
|
||||
const srcVal = source[key];
|
||||
if (srcVal === undefined) continue;
|
||||
const tgtVal = result[key];
|
||||
if (
|
||||
typeof tgtVal === 'object' && tgtVal !== null && !Array.isArray(tgtVal) &&
|
||||
typeof srcVal === 'object' && srcVal !== null && !Array.isArray(srcVal)
|
||||
) {
|
||||
result[key] = deepMerge(tgtVal, srcVal as DeepPartial<typeof tgtVal>);
|
||||
} else {
|
||||
result[key] = srcVal as T[keyof T];
|
||||
}
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
function baseState(): GameState {
|
||||
return {
|
||||
meta: {
|
||||
saveVersion: SAVE_VERSION,
|
||||
companyName: 'TestCorp',
|
||||
currentEra: 'startup',
|
||||
tickCount: 0,
|
||||
lastTickTimestamp: Date.now(),
|
||||
gameSpeed: 1,
|
||||
isPaused: false,
|
||||
createdAt: Date.now(),
|
||||
totalPlayTime: 0,
|
||||
settings: { ...INITIAL_SETTINGS },
|
||||
},
|
||||
economy: structuredClone(INITIAL_ECONOMY),
|
||||
infrastructure: structuredClone(INITIAL_INFRASTRUCTURE),
|
||||
compute: structuredClone(INITIAL_COMPUTE),
|
||||
research: structuredClone(INITIAL_RESEARCH),
|
||||
models: structuredClone(INITIAL_MODELS),
|
||||
market: structuredClone(INITIAL_MARKET),
|
||||
competitors: structuredClone(INITIAL_COMPETITORS),
|
||||
talent: structuredClone(INITIAL_TALENT),
|
||||
data: structuredClone(INITIAL_DATA),
|
||||
reputation: structuredClone(INITIAL_REPUTATION),
|
||||
achievements: structuredClone(INITIAL_ACHIEVEMENTS),
|
||||
};
|
||||
}
|
||||
|
||||
export function createTestState(overrides?: DeepPartial<GameState>): GameState {
|
||||
const state = baseState();
|
||||
if (!overrides) return state;
|
||||
return deepMerge(state, overrides);
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
export { createTestState, type DeepPartial } from './createTestState';
|
||||
export {
|
||||
createTestCluster,
|
||||
createTestCampus,
|
||||
createTestDataCenter,
|
||||
createTestTrainingPipeline,
|
||||
createTestBaseModel,
|
||||
createTestModelFamily,
|
||||
createTestDeploymentCohort,
|
||||
} from './builders';
|
||||
export { createSeededRNG, type SeededRNG } from './seededRandom';
|
||||
@@ -0,0 +1,23 @@
|
||||
export interface SeededRNG {
|
||||
random(): number;
|
||||
install(): void;
|
||||
uninstall(): void;
|
||||
}
|
||||
|
||||
export function createSeededRNG(seed: number): SeededRNG {
|
||||
let state = seed | 0;
|
||||
const originalRandom = Math.random;
|
||||
|
||||
function random(): number {
|
||||
state = (state + 0x6D2B79F5) | 0;
|
||||
let t = Math.imul(state ^ (state >>> 15), 1 | state);
|
||||
t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;
|
||||
return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
|
||||
}
|
||||
|
||||
return {
|
||||
random,
|
||||
install() { Math.random = random; },
|
||||
uninstall() { Math.random = originalRandom; },
|
||||
};
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
import type { AchievementDefinition } from '@ai-tycoon/shared';
|
||||
import type { AchievementDefinition } from '@token-empire/shared';
|
||||
|
||||
export const ACHIEVEMENT_DEFINITIONS: AchievementDefinition[] = [
|
||||
{
|
||||
|
||||
@@ -1,111 +0,0 @@
|
||||
import type { BenchmarkDefinition } from '@ai-tycoon/shared';
|
||||
|
||||
export const BENCHMARKS: BenchmarkDefinition[] = [
|
||||
{
|
||||
id: 'arc-challenge',
|
||||
name: 'ARC Challenge',
|
||||
category: 'reasoning',
|
||||
description: 'Advanced reasoning and comprehension tasks requiring multi-step inference.',
|
||||
primaryCapability: 'reasoning',
|
||||
secondaryCapability: 'knowledge',
|
||||
computeCost: 0.001,
|
||||
ticksToRun: 8,
|
||||
unlockedAtEra: 'startup',
|
||||
marketRelevance: { consumer: 0.3, enterprise: 0.5, developer: 0.4, research: 0.8 },
|
||||
},
|
||||
{
|
||||
id: 'codeforce',
|
||||
name: 'CodeForce',
|
||||
category: 'coding',
|
||||
description: 'Competitive programming and software engineering benchmarks.',
|
||||
primaryCapability: 'coding',
|
||||
secondaryCapability: 'reasoning',
|
||||
computeCost: 0.001,
|
||||
ticksToRun: 8,
|
||||
unlockedAtEra: 'startup',
|
||||
marketRelevance: { consumer: 0.2, enterprise: 0.7, developer: 0.9, research: 0.5 },
|
||||
},
|
||||
{
|
||||
id: 'mathquest',
|
||||
name: 'MathQuest',
|
||||
category: 'math',
|
||||
description: 'Mathematical problem-solving from algebra to graduate-level proofs.',
|
||||
primaryCapability: 'math',
|
||||
secondaryCapability: 'reasoning',
|
||||
computeCost: 0.001,
|
||||
ticksToRun: 8,
|
||||
unlockedAtEra: 'startup',
|
||||
marketRelevance: { consumer: 0.1, enterprise: 0.6, developer: 0.5, research: 0.9 },
|
||||
},
|
||||
{
|
||||
id: 'worldfacts',
|
||||
name: 'WorldFacts',
|
||||
category: 'knowledge',
|
||||
description: 'Broad factual knowledge across science, history, culture, and current events.',
|
||||
primaryCapability: 'knowledge',
|
||||
secondaryCapability: 'reasoning',
|
||||
computeCost: 0.001,
|
||||
ticksToRun: 6,
|
||||
unlockedAtEra: 'startup',
|
||||
marketRelevance: { consumer: 0.5, enterprise: 0.4, developer: 0.3, research: 0.6 },
|
||||
},
|
||||
{
|
||||
id: 'chatrank',
|
||||
name: 'ChatRank',
|
||||
category: 'chat',
|
||||
description: 'Human preference evaluation of conversational quality, helpfulness, and creativity.',
|
||||
primaryCapability: 'creative',
|
||||
secondaryCapability: 'knowledge',
|
||||
computeCost: 0.002,
|
||||
ticksToRun: 10,
|
||||
unlockedAtEra: 'startup',
|
||||
marketRelevance: { consumer: 0.9, enterprise: 0.3, developer: 0.2, research: 0.2 },
|
||||
},
|
||||
{
|
||||
id: 'harmguard',
|
||||
name: 'HarmGuard',
|
||||
category: 'safety',
|
||||
description: 'Safety evaluation measuring harm avoidance, truthfulness, and responsible behavior.',
|
||||
primaryCapability: 'reasoning',
|
||||
computeCost: 0.001,
|
||||
ticksToRun: 8,
|
||||
unlockedAtEra: 'startup',
|
||||
marketRelevance: { consumer: 0.4, enterprise: 0.9, developer: 0.3, research: 0.7 },
|
||||
},
|
||||
{
|
||||
id: 'visionbench',
|
||||
name: 'VisionBench',
|
||||
category: 'multimodal',
|
||||
description: 'Image understanding, visual reasoning, and multimodal comprehension.',
|
||||
primaryCapability: 'multimodal',
|
||||
secondaryCapability: 'reasoning',
|
||||
computeCost: 0.003,
|
||||
ticksToRun: 12,
|
||||
unlockedAtEra: 'scaleup',
|
||||
marketRelevance: { consumer: 0.5, enterprise: 0.6, developer: 0.6, research: 0.7 },
|
||||
},
|
||||
{
|
||||
id: 'agentarena',
|
||||
name: 'AgentArena',
|
||||
category: 'agents',
|
||||
description: 'Autonomous agent tasks: tool use, multi-step planning, and environment interaction.',
|
||||
primaryCapability: 'agents',
|
||||
secondaryCapability: 'coding',
|
||||
computeCost: 0.005,
|
||||
ticksToRun: 15,
|
||||
unlockedAtEra: 'bigtech',
|
||||
marketRelevance: { consumer: 0.3, enterprise: 0.8, developer: 0.7, research: 0.6 },
|
||||
},
|
||||
{
|
||||
id: 'frontier-eval',
|
||||
name: 'Frontier Eval',
|
||||
category: 'reasoning',
|
||||
description: 'Cutting-edge capability evaluation at the frontier of AI research.',
|
||||
primaryCapability: 'reasoning',
|
||||
secondaryCapability: 'math',
|
||||
computeCost: 0.01,
|
||||
ticksToRun: 20,
|
||||
unlockedAtEra: 'agi',
|
||||
marketRelevance: { consumer: 0.2, enterprise: 0.5, developer: 0.5, research: 1.0 },
|
||||
},
|
||||
];
|
||||
@@ -1,4 +1,4 @@
|
||||
import type { Competitor } from '@ai-tycoon/shared';
|
||||
import type { Competitor } from '@token-empire/shared';
|
||||
|
||||
export const INITIAL_RIVALS: Competitor[] = [
|
||||
{
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import type { EnterpriseSegment } from '@ai-tycoon/shared';
|
||||
import type { EnterpriseSegment } from '@token-empire/shared';
|
||||
|
||||
export const ENTERPRISE_NAMES: Record<EnterpriseSegment, string[]> = {
|
||||
startup: [
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import type { DepartmentId } from '@ai-tycoon/shared';
|
||||
import type { DepartmentId } from '@token-empire/shared';
|
||||
|
||||
/**
|
||||
* A recruitable key hire as it appears in the available pool.
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import type { ResearchNode } from '@ai-tycoon/shared';
|
||||
import type { ResearchNode } from '@token-empire/shared';
|
||||
|
||||
export const TECH_TREE: ResearchNode[] = [
|
||||
// === COMPUTE / INFRASTRUCTURE ===
|
||||
@@ -9,7 +9,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'startup',
|
||||
category: 'infrastructure',
|
||||
prerequisites: [],
|
||||
cost: { researchPoints: 0, compute: 5, ticks: 60 },
|
||||
cost: { researchPoints: 0, compute: 5, ticks: 150, money: 2250 },
|
||||
effects: [{ type: 'cost_reduction', target: 'energy', value: 0.25 }],
|
||||
},
|
||||
{
|
||||
@@ -19,7 +19,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'startup',
|
||||
category: 'infrastructure',
|
||||
prerequisites: [],
|
||||
cost: { researchPoints: 0, compute: 5, ticks: 60 },
|
||||
cost: { researchPoints: 0, compute: 5, ticks: 150, money: 2250 },
|
||||
effects: [{ type: 'cost_reduction', target: 'failure_rate', value: 0.5 }],
|
||||
},
|
||||
{
|
||||
@@ -29,7 +29,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'startup',
|
||||
category: 'infrastructure',
|
||||
prerequisites: [],
|
||||
cost: { researchPoints: 0, compute: 10, ticks: 90 },
|
||||
cost: { researchPoints: 0, compute: 10, ticks: 225, money: 3375 },
|
||||
effects: [{ type: 'unlock_rack', target: 'a100', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -39,7 +39,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'scaleup',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['advanced-gpu-arch'],
|
||||
cost: { researchPoints: 2, compute: 40, ticks: 240 },
|
||||
cost: { researchPoints: 2, compute: 40, ticks: 600, money: 30000 },
|
||||
effects: [{ type: 'unlock_rack', target: 'h100', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -49,7 +49,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'bigtech',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['next-gen-gpu'],
|
||||
cost: { researchPoints: 5, compute: 200, ticks: 480 },
|
||||
cost: { researchPoints: 5, compute: 200, ticks: 1200, money: 240000 },
|
||||
effects: [{ type: 'unlock_rack', target: 'b200', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -59,7 +59,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'agi',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['frontier-compute'],
|
||||
cost: { researchPoints: 10, compute: 500, ticks: 900 },
|
||||
cost: { researchPoints: 10, compute: 500, ticks: 2250, money: 1125000 },
|
||||
effects: [{ type: 'unlock_rack', target: 'custom', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -69,7 +69,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'scaleup',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['advanced-gpu-arch'],
|
||||
cost: { researchPoints: 2, compute: 30, ticks: 200 },
|
||||
cost: { researchPoints: 2, compute: 30, ticks: 500, money: 25000 },
|
||||
effects: [{ type: 'unlock_rack', target: 'amd', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -79,7 +79,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'scaleup',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['quantization'],
|
||||
cost: { researchPoints: 2, compute: 20, ticks: 150 },
|
||||
cost: { researchPoints: 2, compute: 20, ticks: 375, money: 18750 },
|
||||
effects: [{ type: 'unlock_rack', target: 'inference', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -89,7 +89,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'agi',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['frontier-compute'],
|
||||
cost: { researchPoints: 8, compute: 400, ticks: 720 },
|
||||
cost: { researchPoints: 8, compute: 400, ticks: 1800, money: 900000 },
|
||||
effects: [{ type: 'unlock_rack', target: 'gb200-nvl72', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -99,7 +99,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'scaleup',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['advanced-cooling'],
|
||||
cost: { researchPoints: 2, compute: 25, ticks: 180 },
|
||||
cost: { researchPoints: 2, compute: 25, ticks: 450, money: 22500 },
|
||||
effects: [{ type: 'unlock_feature', target: 'liquid-cooling', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -109,7 +109,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'bigtech',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['liquid-cooling-tech'],
|
||||
cost: { researchPoints: 5, compute: 100, ticks: 400 },
|
||||
cost: { researchPoints: 5, compute: 100, ticks: 1000, money: 200000 },
|
||||
effects: [{ type: 'unlock_feature', target: 'immersion-cooling', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -119,7 +119,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'scaleup',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['network-engineering-i'],
|
||||
cost: { researchPoints: 3, compute: 40, ticks: 240 },
|
||||
cost: { researchPoints: 3, compute: 40, ticks: 600, money: 30000 },
|
||||
effects: [{ type: 'unlock_feature', target: 'infiniband', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -129,7 +129,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'startup',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['advanced-cooling'],
|
||||
cost: { researchPoints: 1, compute: 15, ticks: 120 },
|
||||
cost: { researchPoints: 1, compute: 15, ticks: 300, money: 4500 },
|
||||
effects: [{ type: 'unlock_dc_tier', target: 'medium', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -139,7 +139,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'scaleup',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['dc-engineering-ii'],
|
||||
cost: { researchPoints: 3, compute: 60, ticks: 300 },
|
||||
cost: { researchPoints: 3, compute: 60, ticks: 750, money: 37500 },
|
||||
effects: [{ type: 'unlock_dc_tier', target: 'large', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -149,7 +149,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'bigtech',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['dc-engineering-iii'],
|
||||
cost: { researchPoints: 6, compute: 150, ticks: 600 },
|
||||
cost: { researchPoints: 6, compute: 150, ticks: 1500, money: 300000 },
|
||||
effects: [{ type: 'unlock_dc_tier', target: 'mega', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -159,7 +159,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'startup',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['redundancy-protocols'],
|
||||
cost: { researchPoints: 1, compute: 10, ticks: 90 },
|
||||
cost: { researchPoints: 1, compute: 10, ticks: 225, money: 3375 },
|
||||
effects: [{ type: 'cost_reduction', target: 'test_failure_rate', value: 0.25 }],
|
||||
},
|
||||
{
|
||||
@@ -169,7 +169,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'scaleup',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['redundancy-protocols'],
|
||||
cost: { researchPoints: 2, compute: 20, ticks: 150 },
|
||||
cost: { researchPoints: 2, compute: 20, ticks: 375, money: 18750 },
|
||||
effects: [{ type: 'cost_reduction', target: 'network_failure_rate', value: 0.4 }],
|
||||
},
|
||||
{
|
||||
@@ -179,7 +179,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'bigtech',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['network-engineering-i'],
|
||||
cost: { researchPoints: 4, compute: 80, ticks: 360 },
|
||||
cost: { researchPoints: 4, compute: 80, ticks: 900, money: 180000 },
|
||||
effects: [{ type: 'cost_reduction', target: 'network_failure_rate', value: 0.5 }],
|
||||
},
|
||||
{
|
||||
@@ -189,7 +189,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'scaleup',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['network-engineering-i'],
|
||||
cost: { researchPoints: 3, compute: 40, ticks: 240 },
|
||||
cost: { researchPoints: 3, compute: 40, ticks: 600, money: 30000 },
|
||||
effects: [{ type: 'efficiency_boost', target: 'network_uplinks', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -199,7 +199,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'bigtech',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['network-engineering-ii'],
|
||||
cost: { researchPoints: 5, compute: 100, ticks: 400 },
|
||||
cost: { researchPoints: 5, compute: 100, ticks: 1000, money: 200000 },
|
||||
effects: [{ type: 'efficiency_boost', target: 'network_repair_speed', value: 0.4 }],
|
||||
},
|
||||
{
|
||||
@@ -209,7 +209,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'agi',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['network-fast-repair'],
|
||||
cost: { researchPoints: 8, compute: 250, ticks: 600 },
|
||||
cost: { researchPoints: 8, compute: 250, ticks: 1500, money: 750000 },
|
||||
effects: [{ type: 'efficiency_boost', target: 'network_hot_standby', value: 5 }],
|
||||
},
|
||||
{
|
||||
@@ -219,7 +219,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'scaleup',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['dc-engineering-ii'],
|
||||
cost: { researchPoints: 2, compute: 25, ticks: 180 },
|
||||
cost: { researchPoints: 2, compute: 25, ticks: 450, money: 22500 },
|
||||
effects: [{ type: 'efficiency_boost', target: 'pipeline_speed', value: 0.2 }],
|
||||
},
|
||||
{
|
||||
@@ -229,7 +229,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'scaleup',
|
||||
category: 'infrastructure',
|
||||
prerequisites: ['advanced-gpu-arch'],
|
||||
cost: { researchPoints: 2, compute: 30, ticks: 180 },
|
||||
cost: { researchPoints: 2, compute: 30, ticks: 450, money: 22500 },
|
||||
effects: [{ type: 'efficiency_boost', target: 'training_speed', value: 0.2 }],
|
||||
},
|
||||
|
||||
@@ -241,7 +241,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'startup',
|
||||
category: 'efficiency',
|
||||
prerequisites: [],
|
||||
cost: { researchPoints: 0, compute: 8, ticks: 75 },
|
||||
cost: { researchPoints: 0, compute: 8, ticks: 188, money: 2820 },
|
||||
effects: [{ type: 'efficiency_boost', target: 'inference', value: 0.15 }],
|
||||
},
|
||||
{
|
||||
@@ -251,7 +251,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'scaleup',
|
||||
category: 'efficiency',
|
||||
prerequisites: ['quantization'],
|
||||
cost: { researchPoints: 2, compute: 25, ticks: 180 },
|
||||
cost: { researchPoints: 2, compute: 25, ticks: 450, money: 22500 },
|
||||
effects: [{ type: 'capability_boost', target: 'all', value: 5 }],
|
||||
},
|
||||
{
|
||||
@@ -261,7 +261,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'scaleup',
|
||||
category: 'efficiency',
|
||||
prerequisites: ['quantization'],
|
||||
cost: { researchPoints: 2, compute: 20, ticks: 150 },
|
||||
cost: { researchPoints: 2, compute: 20, ticks: 375, money: 18750 },
|
||||
effects: [{ type: 'efficiency_boost', target: 'tokens_per_flop', value: 0.3 }],
|
||||
},
|
||||
|
||||
@@ -273,7 +273,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'startup',
|
||||
category: 'generation',
|
||||
prerequisites: [],
|
||||
cost: { researchPoints: 0, compute: 10, ticks: 90 },
|
||||
cost: { researchPoints: 0, compute: 10, ticks: 225, money: 3375 },
|
||||
effects: [{ type: 'capability_boost', target: 'all', value: 10 }],
|
||||
},
|
||||
{
|
||||
@@ -284,7 +284,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
category: 'specialization',
|
||||
branch: 'reasoning',
|
||||
prerequisites: ['transformer-v2'],
|
||||
cost: { researchPoints: 3, compute: 40, ticks: 240 },
|
||||
cost: { researchPoints: 3, compute: 40, ticks: 720, money: 36000 },
|
||||
effects: [{ type: 'capability_boost', target: 'reasoning', value: 15 }],
|
||||
},
|
||||
{
|
||||
@@ -295,7 +295,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
category: 'specialization',
|
||||
branch: 'coding',
|
||||
prerequisites: ['transformer-v2'],
|
||||
cost: { researchPoints: 3, compute: 35, ticks: 210 },
|
||||
cost: { researchPoints: 3, compute: 35, ticks: 735, money: 36750 },
|
||||
effects: [{ type: 'capability_boost', target: 'coding', value: 15 }],
|
||||
},
|
||||
{
|
||||
@@ -306,7 +306,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
category: 'specialization',
|
||||
branch: 'creative',
|
||||
prerequisites: ['transformer-v2'],
|
||||
cost: { researchPoints: 3, compute: 30, ticks: 210 },
|
||||
cost: { researchPoints: 3, compute: 30, ticks: 735, money: 36750 },
|
||||
effects: [{ type: 'capability_boost', target: 'creative', value: 15 }],
|
||||
},
|
||||
{
|
||||
@@ -317,7 +317,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
category: 'specialization',
|
||||
branch: 'multimodal',
|
||||
prerequisites: ['transformer-v2'],
|
||||
cost: { researchPoints: 4, compute: 50, ticks: 300 },
|
||||
cost: { researchPoints: 4, compute: 50, ticks: 1050, money: 52500 },
|
||||
effects: [
|
||||
{ type: 'capability_boost', target: 'multimodal', value: 20 },
|
||||
{ type: 'unlock_product_line', target: 'image', value: 1 },
|
||||
@@ -331,7 +331,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
category: 'specialization',
|
||||
branch: 'agents',
|
||||
prerequisites: ['reasoning-enhancement', 'code-generation'],
|
||||
cost: { researchPoints: 6, compute: 100, ticks: 480 },
|
||||
cost: { researchPoints: 6, compute: 100, ticks: 1680, money: 336000 },
|
||||
effects: [
|
||||
{ type: 'capability_boost', target: 'agents', value: 20 },
|
||||
{ type: 'unlock_product_line', target: 'agents', value: 1 },
|
||||
@@ -346,7 +346,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'startup',
|
||||
category: 'safety',
|
||||
prerequisites: [],
|
||||
cost: { researchPoints: 0, compute: 8, ticks: 90 },
|
||||
cost: { researchPoints: 0, compute: 8, ticks: 270, money: 4050 },
|
||||
effects: [
|
||||
{ type: 'safety_boost', target: 'models', value: 10 },
|
||||
{ type: 'capability_boost', target: 'reputation', value: 5 },
|
||||
@@ -359,7 +359,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'scaleup',
|
||||
category: 'safety',
|
||||
prerequisites: ['alignment-research'],
|
||||
cost: { researchPoints: 3, compute: 40, ticks: 240 },
|
||||
cost: { researchPoints: 3, compute: 40, ticks: 720, money: 36000 },
|
||||
effects: [
|
||||
{ type: 'safety_boost', target: 'models', value: 10 },
|
||||
{ type: 'capability_boost', target: 'reputation', value: 5 },
|
||||
@@ -372,7 +372,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'bigtech',
|
||||
category: 'safety',
|
||||
prerequisites: ['interpretability'],
|
||||
cost: { researchPoints: 5, compute: 80, ticks: 420 },
|
||||
cost: { researchPoints: 5, compute: 80, ticks: 1260, money: 252000 },
|
||||
effects: [
|
||||
{ type: 'safety_boost', target: 'models', value: 15 },
|
||||
{ type: 'capability_boost', target: 'reputation', value: 10 },
|
||||
@@ -388,7 +388,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
category: 'specialization',
|
||||
branch: 'coding',
|
||||
prerequisites: ['code-generation'],
|
||||
cost: { researchPoints: 2, compute: 20, ticks: 150 },
|
||||
cost: { researchPoints: 2, compute: 20, ticks: 525, money: 26250 },
|
||||
effects: [{ type: 'unlock_product_line', target: 'code-assistant', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -398,7 +398,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'startup',
|
||||
category: 'efficiency',
|
||||
prerequisites: [],
|
||||
cost: { researchPoints: 0, compute: 3, ticks: 45 },
|
||||
cost: { researchPoints: 0, compute: 3, ticks: 158, money: 2370 },
|
||||
effects: [{ type: 'unlock_feature', target: 'developer-relations', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -408,7 +408,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'startup',
|
||||
category: 'efficiency',
|
||||
prerequisites: [],
|
||||
cost: { researchPoints: 0, compute: 3, ticks: 45 },
|
||||
cost: { researchPoints: 0, compute: 3, ticks: 112, money: 1680 },
|
||||
effects: [{ type: 'unlock_feature', target: 'enterprise-sales', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -418,7 +418,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'scaleup',
|
||||
category: 'efficiency',
|
||||
prerequisites: ['developer-relations'],
|
||||
cost: { researchPoints: 2, compute: 15, ticks: 120 },
|
||||
cost: { researchPoints: 2, compute: 15, ticks: 300, money: 15000 },
|
||||
effects: [{ type: 'efficiency_boost', target: 'sdk_coverage', value: 0.3 }],
|
||||
},
|
||||
{
|
||||
@@ -429,7 +429,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
category: 'specialization',
|
||||
branch: 'agents',
|
||||
prerequisites: ['agentic-architecture'],
|
||||
cost: { researchPoints: 4, compute: 60, ticks: 300 },
|
||||
cost: { researchPoints: 4, compute: 60, ticks: 1050, money: 210000 },
|
||||
effects: [{ type: 'unlock_product_line', target: 'agents-platform', value: 1 }],
|
||||
},
|
||||
|
||||
@@ -441,7 +441,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'scaleup',
|
||||
category: 'efficiency',
|
||||
prerequisites: ['inference-optimization'],
|
||||
cost: { researchPoints: 2, compute: 25, ticks: 150 },
|
||||
cost: { researchPoints: 2, compute: 25, ticks: 375, money: 18750 },
|
||||
effects: [{ type: 'unlock_feature', target: 'request-routing', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -451,7 +451,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'scaleup',
|
||||
category: 'efficiency',
|
||||
prerequisites: ['request-routing'],
|
||||
cost: { researchPoints: 3, compute: 30, ticks: 180 },
|
||||
cost: { researchPoints: 3, compute: 30, ticks: 450, money: 22500 },
|
||||
effects: [{ type: 'unlock_feature', target: 'priority-queues', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -461,7 +461,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'scaleup',
|
||||
category: 'efficiency',
|
||||
prerequisites: ['inference-optimization'],
|
||||
cost: { researchPoints: 2, compute: 20, ticks: 120 },
|
||||
cost: { researchPoints: 2, compute: 20, ticks: 300, money: 15000 },
|
||||
effects: [{ type: 'unlock_feature', target: 'request-batching', value: 1 }],
|
||||
},
|
||||
{
|
||||
@@ -471,7 +471,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'bigtech',
|
||||
category: 'efficiency',
|
||||
prerequisites: ['request-routing'],
|
||||
cost: { researchPoints: 4, compute: 60, ticks: 300 },
|
||||
cost: { researchPoints: 4, compute: 60, ticks: 750, money: 150000 },
|
||||
effects: [{ type: 'efficiency_boost', target: 'auto_scaling', value: 0.2 }],
|
||||
},
|
||||
|
||||
@@ -483,7 +483,7 @@ export const TECH_TREE: ResearchNode[] = [
|
||||
era: 'startup',
|
||||
category: 'efficiency',
|
||||
prerequisites: [],
|
||||
cost: { researchPoints: 0, compute: 5, ticks: 60 },
|
||||
cost: { researchPoints: 0, compute: 5, ticks: 150, money: 2250 },
|
||||
effects: [{ type: 'efficiency_boost', target: 'data_quality', value: 0.2 }],
|
||||
},
|
||||
];
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import type { GameState } from '@ai-tycoon/shared';
|
||||
import type { GameState } from '@token-empire/shared';
|
||||
import { processTick } from './tick';
|
||||
|
||||
export interface GameEngineCallbacks {
|
||||
|
||||
@@ -3,6 +3,7 @@ export { processTick, setAchievementDefinitions } from './tick';
|
||||
export type { TickNotification } from './tick';
|
||||
export { getAvailableResearch, getResearchNode } from './systems/researchSystem';
|
||||
export { getResearchBonuses, resetResearchBonusCache } from './systems/researchBonuses';
|
||||
export { resetFleetCache } from './systems/market/servingPipeline';
|
||||
export type { ResearchBonuses } from './systems/researchBonuses';
|
||||
export { emptyDCNetworkSummary, emptyCampusNetworkSummary, emptyClusterNetworkSummary } from './systems/infrastructureSystem';
|
||||
export { onModelDeployed } from './systems/market/obsolescenceSystem';
|
||||
@@ -11,4 +12,3 @@ export { TECH_TREE } from './data/techTree';
|
||||
export { INITIAL_RIVALS } from './data/competitors';
|
||||
export { KEY_HIRE_POOL } from './data/keyHires';
|
||||
export { ACHIEVEMENT_DEFINITIONS } from './data/achievements';
|
||||
export { BENCHMARKS } from './data/benchmarks';
|
||||
|
||||
@@ -0,0 +1,180 @@
|
||||
import { describe, it, expect } from 'vitest';
|
||||
import { processAchievements } from './achievementSystem';
|
||||
import { createTestState } from '../__test-utils__';
|
||||
import type { AchievementDefinition } from '@token-empire/shared';
|
||||
|
||||
function makeDef(overrides: Partial<AchievementDefinition> = {}): AchievementDefinition {
|
||||
return {
|
||||
id: 'ach-1',
|
||||
name: 'First Million',
|
||||
description: 'Earn $1,000',
|
||||
icon: 'money',
|
||||
condition: { field: 'economy.money', operator: 'gte', value: 1000 },
|
||||
...overrides,
|
||||
};
|
||||
}
|
||||
|
||||
describe('processAchievements', () => {
|
||||
it('returns unchanged state when tickCount is not divisible by 10', () => {
|
||||
const state = createTestState({
|
||||
meta: { tickCount: 7 },
|
||||
economy: { money: 999999 },
|
||||
});
|
||||
const defs = [makeDef()];
|
||||
|
||||
const result = processAchievements(state, defs);
|
||||
|
||||
expect(result.newAchievements).toEqual([]);
|
||||
expect(result.achievements).toBe(state.achievements);
|
||||
});
|
||||
|
||||
it('checks achievements when tickCount % 10 === 0', () => {
|
||||
const state = createTestState({
|
||||
meta: { tickCount: 10 },
|
||||
economy: { money: 5000 },
|
||||
});
|
||||
const defs = [makeDef({ condition: { field: 'economy.money', operator: 'gte', value: 1000 } })];
|
||||
|
||||
const result = processAchievements(state, defs);
|
||||
|
||||
expect(result.newAchievements).toEqual(['First Million']);
|
||||
expect(result.achievements.unlocked).toHaveLength(1);
|
||||
expect(result.achievements.unlocked[0]).toMatchObject({ id: 'ach-1', unlockedAtTick: 10 });
|
||||
});
|
||||
|
||||
it('does not unlock when gte condition is not met', () => {
|
||||
const state = createTestState({
|
||||
meta: { tickCount: 10 },
|
||||
economy: { money: 500 },
|
||||
});
|
||||
const defs = [makeDef({ condition: { field: 'economy.money', operator: 'gte', value: 1000 } })];
|
||||
|
||||
const result = processAchievements(state, defs);
|
||||
|
||||
expect(result.newAchievements).toEqual([]);
|
||||
expect(result.achievements.unlocked).toHaveLength(0);
|
||||
});
|
||||
|
||||
it('handles gt operator as strictly greater than', () => {
|
||||
const state = createTestState({
|
||||
meta: { tickCount: 20 },
|
||||
economy: { money: 1000 },
|
||||
});
|
||||
const defs = [makeDef({ condition: { field: 'economy.money', operator: 'gt', value: 1000 } })];
|
||||
|
||||
const result = processAchievements(state, defs);
|
||||
|
||||
expect(result.newAchievements).toEqual([]);
|
||||
|
||||
const state2 = createTestState({
|
||||
meta: { tickCount: 20 },
|
||||
economy: { money: 1001 },
|
||||
});
|
||||
|
||||
const result2 = processAchievements(state2, defs);
|
||||
|
||||
expect(result2.newAchievements).toEqual(['First Million']);
|
||||
});
|
||||
|
||||
it('handles eq operator as exact match', () => {
|
||||
const state = createTestState({
|
||||
meta: { tickCount: 30 },
|
||||
economy: { money: 1000 },
|
||||
});
|
||||
const defs = [makeDef({ condition: { field: 'economy.money', operator: 'eq', value: 1000 } })];
|
||||
|
||||
const result = processAchievements(state, defs);
|
||||
|
||||
expect(result.newAchievements).toEqual(['First Million']);
|
||||
|
||||
const state2 = createTestState({
|
||||
meta: { tickCount: 30 },
|
||||
economy: { money: 1001 },
|
||||
});
|
||||
|
||||
const result2 = processAchievements(state2, defs);
|
||||
|
||||
expect(result2.newAchievements).toEqual([]);
|
||||
});
|
||||
|
||||
it('does not duplicate already-unlocked achievements', () => {
|
||||
const state = createTestState({
|
||||
meta: { tickCount: 20 },
|
||||
economy: { money: 5000 },
|
||||
achievements: {
|
||||
unlocked: [{ id: 'ach-1', unlockedAtTick: 10 }],
|
||||
progress: {},
|
||||
},
|
||||
});
|
||||
const defs = [makeDef()];
|
||||
|
||||
const result = processAchievements(state, defs);
|
||||
|
||||
expect(result.newAchievements).toEqual([]);
|
||||
expect(result.achievements.unlocked).toHaveLength(1);
|
||||
});
|
||||
|
||||
it('can unlock multiple achievements in one tick', () => {
|
||||
const state = createTestState({
|
||||
meta: { tickCount: 10 },
|
||||
economy: { money: 5000 },
|
||||
});
|
||||
const defs = [
|
||||
makeDef({ id: 'ach-1', name: 'First K', condition: { field: 'economy.money', operator: 'gte', value: 1000 } }),
|
||||
makeDef({ id: 'ach-2', name: 'Five K', condition: { field: 'economy.money', operator: 'gte', value: 5000 } }),
|
||||
makeDef({ id: 'ach-3', name: 'Ten K', condition: { field: 'economy.money', operator: 'gte', value: 10000 } }),
|
||||
];
|
||||
|
||||
const result = processAchievements(state, defs);
|
||||
|
||||
expect(result.newAchievements).toEqual(['First K', 'Five K']);
|
||||
expect(result.achievements.unlocked).toHaveLength(2);
|
||||
});
|
||||
|
||||
it('resolves meta._eraIndex for era-based achievements', () => {
|
||||
const state = createTestState({
|
||||
meta: { tickCount: 10, currentEra: 'bigtech' },
|
||||
});
|
||||
const defs = [
|
||||
makeDef({ id: 'era-ach', name: 'Big Tech Era', condition: { field: 'meta._eraIndex', operator: 'gte', value: 2 } }),
|
||||
];
|
||||
|
||||
const result = processAchievements(state, defs);
|
||||
|
||||
expect(result.newAchievements).toEqual(['Big Tech Era']);
|
||||
});
|
||||
|
||||
it('resolves meta._deployedModelCount for deployed model achievements', () => {
|
||||
const state = createTestState({
|
||||
meta: { tickCount: 10 },
|
||||
models: {
|
||||
baseModels: [
|
||||
{ isDeployed: true },
|
||||
{ isDeployed: true },
|
||||
{ isDeployed: false },
|
||||
] as any,
|
||||
},
|
||||
});
|
||||
const defs = [
|
||||
makeDef({ id: 'model-ach', name: 'Two Models', condition: { field: 'meta._deployedModelCount', operator: 'eq', value: 2 } }),
|
||||
];
|
||||
|
||||
const result = processAchievements(state, defs);
|
||||
|
||||
expect(result.newAchievements).toEqual(['Two Models']);
|
||||
});
|
||||
|
||||
it('resolves nested fields like economy.money', () => {
|
||||
const state = createTestState({
|
||||
meta: { tickCount: 0 },
|
||||
economy: { money: 42 },
|
||||
});
|
||||
const defs = [
|
||||
makeDef({ id: 'exact', name: 'Exact 42', condition: { field: 'economy.money', operator: 'eq', value: 42 } }),
|
||||
];
|
||||
|
||||
const result = processAchievements(state, defs);
|
||||
|
||||
expect(result.newAchievements).toEqual(['Exact 42']);
|
||||
});
|
||||
});
|
||||
@@ -1,4 +1,4 @@
|
||||
import type { GameState, AchievementState, AchievementDefinition } from '@ai-tycoon/shared';
|
||||
import type { GameState, AchievementState, AchievementDefinition } from '@token-empire/shared';
|
||||
|
||||
export interface AchievementTickResult {
|
||||
achievements: AchievementState;
|
||||
|
||||
@@ -0,0 +1,215 @@
|
||||
import { describe, it, expect, beforeEach, afterEach } from 'vitest';
|
||||
import { processCompetitors } from './competitorSystem';
|
||||
import { createTestState, createSeededRNG } from '../__test-utils__';
|
||||
import { FRESHNESS_DECAY_RATE } from '@token-empire/shared';
|
||||
import type { Competitor } from '@token-empire/shared';
|
||||
|
||||
const rng = createSeededRNG(42);
|
||||
beforeEach(() => rng.install());
|
||||
afterEach(() => rng.uninstall());
|
||||
|
||||
function makeRival(overrides: Partial<Competitor> = {}): Competitor {
|
||||
return {
|
||||
id: 'rival-1',
|
||||
name: 'TestAI Labs',
|
||||
archetype: 'move-fast',
|
||||
status: 'active' as const,
|
||||
estimatedCapability: 30,
|
||||
estimatedRevenue: 10000,
|
||||
estimatedUsers: 5000,
|
||||
reputation: 50,
|
||||
modelFreshness: 0.8,
|
||||
lastModelReleaseTick: 0,
|
||||
latestModelName: 'TestAI-Gamma',
|
||||
completedMilestones: [],
|
||||
nextMilestoneAtTick: 100,
|
||||
personality: {
|
||||
aggression: 0.5,
|
||||
researchFocus: 0.5,
|
||||
marketingFocus: 0.5,
|
||||
safetyFocus: 0.5,
|
||||
riskTolerance: 0.5,
|
||||
openSourceTendency: 0.3,
|
||||
},
|
||||
pricingStrategy: { aggressiveness: 0.5, premiumPositioning: 0.3 },
|
||||
products: {
|
||||
hasFreeTier: true,
|
||||
chatPrice: 20,
|
||||
apiInputPrice: 1,
|
||||
apiOutputPrice: 3,
|
||||
hasCodeAssistant: false,
|
||||
codeAssistantPrice: 0,
|
||||
hasAgentsPlatform: false,
|
||||
agentsPlatformPrice: 0,
|
||||
},
|
||||
marketShares: { consumer: 0.2, developer: 0.15, enterprise: 0.1, government: 0.05 },
|
||||
developerEcosystemScore: 30,
|
||||
...overrides,
|
||||
};
|
||||
}
|
||||
|
||||
describe('processCompetitors', () => {
|
||||
it('returns empty rivals and player benchmark when no rivals exist', () => {
|
||||
const state = createTestState({
|
||||
competitors: { rivals: [] },
|
||||
models: { bestDeployedModelScore: 25 },
|
||||
});
|
||||
|
||||
const result = processCompetitors(state);
|
||||
|
||||
expect(result.rivals).toEqual([]);
|
||||
expect(result.industryBenchmark).toBe(25);
|
||||
});
|
||||
|
||||
it('sets industryBenchmark to max of player score and active rivals capability', () => {
|
||||
const rival = makeRival({ estimatedCapability: 60 });
|
||||
const state = createTestState({
|
||||
competitors: { rivals: [rival] },
|
||||
models: { bestDeployedModelScore: 40 },
|
||||
});
|
||||
|
||||
const result = processCompetitors(state);
|
||||
|
||||
expect(result.industryBenchmark).toBe(60);
|
||||
});
|
||||
|
||||
it('uses player score as benchmark when it exceeds all rivals', () => {
|
||||
const rival = makeRival({ estimatedCapability: 30 });
|
||||
const state = createTestState({
|
||||
competitors: { rivals: [rival] },
|
||||
models: { bestDeployedModelScore: 80 },
|
||||
});
|
||||
|
||||
const result = processCompetitors(state);
|
||||
|
||||
expect(result.industryBenchmark).toBe(80);
|
||||
});
|
||||
|
||||
it('decays model freshness each tick by FRESHNESS_DECAY_RATE', () => {
|
||||
const rival = makeRival({ modelFreshness: 0.8, nextMilestoneAtTick: 100 });
|
||||
const state = createTestState({
|
||||
meta: { tickCount: 10 },
|
||||
competitors: { rivals: [rival] },
|
||||
});
|
||||
|
||||
const result = processCompetitors(state);
|
||||
|
||||
expect(result.rivals[0].modelFreshness).toBeCloseTo(0.8 - FRESHNESS_DECAY_RATE, 10);
|
||||
});
|
||||
|
||||
it('does not update capability/revenue/users before milestone tick', () => {
|
||||
const rival = makeRival({
|
||||
nextMilestoneAtTick: 100,
|
||||
estimatedCapability: 30,
|
||||
estimatedRevenue: 10000,
|
||||
estimatedUsers: 5000,
|
||||
});
|
||||
const state = createTestState({
|
||||
meta: { tickCount: 50 },
|
||||
competitors: { rivals: [rival] },
|
||||
});
|
||||
|
||||
const result = processCompetitors(state);
|
||||
const updated = result.rivals[0];
|
||||
|
||||
expect(updated.estimatedCapability).toBe(30);
|
||||
expect(updated.estimatedRevenue).toBe(10000);
|
||||
expect(updated.estimatedUsers).toBe(5000);
|
||||
});
|
||||
|
||||
it('still decays freshness even before milestone tick', () => {
|
||||
const rival = makeRival({ modelFreshness: 0.5, nextMilestoneAtTick: 200 });
|
||||
const state = createTestState({
|
||||
meta: { tickCount: 50 },
|
||||
competitors: { rivals: [rival] },
|
||||
});
|
||||
|
||||
const result = processCompetitors(state);
|
||||
|
||||
expect(result.rivals[0].modelFreshness).toBeCloseTo(0.5 - FRESHNESS_DECAY_RATE, 10);
|
||||
});
|
||||
|
||||
it('grows capability, revenue, and users at milestone tick', () => {
|
||||
const rival = makeRival({
|
||||
nextMilestoneAtTick: 100,
|
||||
estimatedCapability: 30,
|
||||
estimatedRevenue: 10000,
|
||||
estimatedUsers: 5000,
|
||||
});
|
||||
const state = createTestState({
|
||||
meta: { tickCount: 100 },
|
||||
competitors: { rivals: [rival] },
|
||||
});
|
||||
|
||||
const result = processCompetitors(state);
|
||||
const updated = result.rivals[0];
|
||||
|
||||
expect(updated.estimatedCapability).toBeGreaterThan(30);
|
||||
expect(updated.estimatedRevenue).toBeGreaterThan(10000);
|
||||
expect(updated.estimatedUsers).toBeGreaterThan(5000);
|
||||
});
|
||||
|
||||
it('resets modelFreshness to 1.0 at milestone tick', () => {
|
||||
const rival = makeRival({ modelFreshness: 0.3, nextMilestoneAtTick: 100 });
|
||||
const state = createTestState({
|
||||
meta: { tickCount: 100 },
|
||||
competitors: { rivals: [rival] },
|
||||
});
|
||||
|
||||
const result = processCompetitors(state);
|
||||
|
||||
expect(result.rivals[0].modelFreshness).toBe(1.0);
|
||||
});
|
||||
|
||||
it('sets nextMilestoneAtTick in the future after a milestone', () => {
|
||||
const rival = makeRival({ nextMilestoneAtTick: 100 });
|
||||
const state = createTestState({
|
||||
meta: { tickCount: 100 },
|
||||
competitors: { rivals: [rival] },
|
||||
});
|
||||
|
||||
const result = processCompetitors(state);
|
||||
|
||||
expect(result.rivals[0].nextMilestoneAtTick).toBeGreaterThan(100);
|
||||
});
|
||||
|
||||
it('leaves acquired rivals completely unchanged', () => {
|
||||
const rival = makeRival({
|
||||
status: 'acquired' as const,
|
||||
modelFreshness: 0.5,
|
||||
estimatedCapability: 30,
|
||||
});
|
||||
const state = createTestState({
|
||||
meta: { tickCount: 200 },
|
||||
competitors: { rivals: [rival] },
|
||||
});
|
||||
|
||||
const result = processCompetitors(state);
|
||||
const updated = result.rivals[0];
|
||||
|
||||
expect(updated.status).toBe('acquired');
|
||||
expect(updated.modelFreshness).toBe(0.5);
|
||||
expect(updated.estimatedCapability).toBe(30);
|
||||
});
|
||||
|
||||
it('ignores acquired rivals for industryBenchmark calculation', () => {
|
||||
const acquired = makeRival({
|
||||
id: 'rival-acquired',
|
||||
status: 'acquired' as const,
|
||||
estimatedCapability: 90,
|
||||
});
|
||||
const active = makeRival({
|
||||
id: 'rival-active',
|
||||
status: 'active' as const,
|
||||
estimatedCapability: 40,
|
||||
});
|
||||
const state = createTestState({
|
||||
competitors: { rivals: [acquired, active] },
|
||||
models: { bestDeployedModelScore: 20 },
|
||||
});
|
||||
|
||||
const result = processCompetitors(state);
|
||||
|
||||
expect(result.industryBenchmark).toBe(40);
|
||||
});
|
||||
});
|
||||
@@ -1,10 +1,10 @@
|
||||
import type { GameState, CompetitorState, Competitor } from '@ai-tycoon/shared';
|
||||
import type { GameState, CompetitorState, Competitor } from '@token-empire/shared';
|
||||
import {
|
||||
COMPETITOR_PRODUCT_THRESHOLDS,
|
||||
COMPETITOR_CATCHUP_SHARE_THRESHOLD,
|
||||
COMPETITOR_CATCHUP_PRICE_CUT,
|
||||
FRESHNESS_DECAY_RATE,
|
||||
} from '@ai-tycoon/shared';
|
||||
} from '@token-empire/shared';
|
||||
|
||||
function updateCompetitorProducts(rival: Competitor): Competitor['products'] {
|
||||
const cap = rival.estimatedCapability;
|
||||
|
||||
@@ -0,0 +1,344 @@
|
||||
import { describe, it, expect } from 'vitest';
|
||||
import { createTestState } from '../__test-utils__';
|
||||
import { computeCapacity, finalizeCompute } from './computeSystem';
|
||||
import type { InfrastructureState } from '@token-empire/shared';
|
||||
import { INITIAL_INFRASTRUCTURE, FLOPS_TO_TOKENS_MULTIPLIER, COMPUTE_SNAPSHOT_INTERVAL, MAX_COMPUTE_HISTORY } from '@token-empire/shared';
|
||||
|
||||
function createInfrastructure(overrides: Partial<InfrastructureState> = {}): InfrastructureState {
|
||||
return { ...INITIAL_INFRASTRUCTURE, ...overrides };
|
||||
}
|
||||
|
||||
describe('computeCapacity', () => {
|
||||
it('splits allocation between training and inference', () => {
|
||||
const state = createTestState({
|
||||
compute: { trainingAllocation: 0.7 },
|
||||
});
|
||||
const infra = createInfrastructure({
|
||||
totalTrainingFlops: 1000,
|
||||
totalInferenceFlops: 500,
|
||||
});
|
||||
|
||||
const result = computeCapacity(state, infra);
|
||||
|
||||
expect(result.trainingAllocation).toBe(0.7);
|
||||
expect(result.inferenceAllocation).toBeCloseTo(0.3);
|
||||
});
|
||||
|
||||
it('calculates effectiveTrainingFlops with cross-hardware contribution', () => {
|
||||
const state = createTestState({
|
||||
compute: { trainingAllocation: 0.6 },
|
||||
});
|
||||
const infra = createInfrastructure({
|
||||
totalTrainingFlops: 1000,
|
||||
totalInferenceFlops: 400,
|
||||
});
|
||||
|
||||
const result = computeCapacity(state, infra);
|
||||
|
||||
// effectiveTraining = 1000 * 0.6 + 400 * 0.6 * 0.3 = 600 + 72 = 672
|
||||
expect(result.effectiveTrainingFlops).toBeCloseTo(672);
|
||||
});
|
||||
|
||||
it('calculates effectiveInferenceFlops with cross-hardware contribution', () => {
|
||||
const state = createTestState({
|
||||
compute: { trainingAllocation: 0.6 },
|
||||
});
|
||||
const infra = createInfrastructure({
|
||||
totalTrainingFlops: 1000,
|
||||
totalInferenceFlops: 400,
|
||||
});
|
||||
|
||||
const result = computeCapacity(state, infra);
|
||||
|
||||
// inferenceAlloc = 0.4
|
||||
// effectiveInference = (400 * 0.4 + 1000 * 0.4 * 0.5) * 1 = (160 + 200) * 1 = 360
|
||||
expect(result.effectiveInferenceFlops).toBeCloseTo(360);
|
||||
});
|
||||
|
||||
it('applies research bonuses to inference calculation', () => {
|
||||
const state = createTestState({
|
||||
compute: { trainingAllocation: 0.5 },
|
||||
});
|
||||
const infra = createInfrastructure({
|
||||
totalTrainingFlops: 1000,
|
||||
totalInferenceFlops: 1000,
|
||||
});
|
||||
const bonuses = {
|
||||
tokensPerFlopBonus: 0.3,
|
||||
inferenceEfficiencyBonus: 0.15,
|
||||
energyCostReduction: 0,
|
||||
pipelineSpeedBonus: 0,
|
||||
trainingSpeedBonus: 0,
|
||||
dataQualityBonus: 0,
|
||||
sdkCoverageBonus: 0,
|
||||
globalCapabilityBonus: 0,
|
||||
reasoningBonus: 0,
|
||||
codingBonus: 0,
|
||||
creativeBonus: 0,
|
||||
multimodalBonus: 0,
|
||||
agentsBonus: 0,
|
||||
reputationBonus: 0,
|
||||
safetyBonus: 0,
|
||||
autoScalingBonus: 0,
|
||||
};
|
||||
|
||||
const result = computeCapacity(state, infra, bonuses);
|
||||
|
||||
// inferenceBoost = 1 + 0.3 + 0.15 = 1.45
|
||||
// effectiveInference = (1000 * 0.5 + 1000 * 0.5 * 0.5) * 1.45 = (500 + 250) * 1.45 = 1087.5
|
||||
expect(result.effectiveInferenceFlops).toBeCloseTo(1087.5);
|
||||
});
|
||||
|
||||
it('does not apply research bonuses to training calculation', () => {
|
||||
const state = createTestState({
|
||||
compute: { trainingAllocation: 0.5 },
|
||||
});
|
||||
const infra = createInfrastructure({
|
||||
totalTrainingFlops: 1000,
|
||||
totalInferenceFlops: 1000,
|
||||
});
|
||||
const bonuses = {
|
||||
tokensPerFlopBonus: 0.5,
|
||||
inferenceEfficiencyBonus: 0.5,
|
||||
energyCostReduction: 0,
|
||||
pipelineSpeedBonus: 0,
|
||||
trainingSpeedBonus: 0,
|
||||
dataQualityBonus: 0,
|
||||
sdkCoverageBonus: 0,
|
||||
globalCapabilityBonus: 0,
|
||||
reasoningBonus: 0,
|
||||
codingBonus: 0,
|
||||
creativeBonus: 0,
|
||||
multimodalBonus: 0,
|
||||
agentsBonus: 0,
|
||||
reputationBonus: 0,
|
||||
safetyBonus: 0,
|
||||
autoScalingBonus: 0,
|
||||
};
|
||||
|
||||
const result = computeCapacity(state, infra, bonuses);
|
||||
|
||||
// effectiveTraining = 1000 * 0.5 + 1000 * 0.5 * 0.3 = 500 + 150 = 650
|
||||
// (same with or without bonuses)
|
||||
expect(result.effectiveTrainingFlops).toBeCloseTo(650);
|
||||
});
|
||||
|
||||
it('calculates tokensPerSecondCapacity from effectiveInferenceFlops', () => {
|
||||
const state = createTestState({
|
||||
compute: { trainingAllocation: 0.0 },
|
||||
});
|
||||
const infra = createInfrastructure({
|
||||
totalTrainingFlops: 0,
|
||||
totalInferenceFlops: 100,
|
||||
});
|
||||
|
||||
const result = computeCapacity(state, infra);
|
||||
|
||||
// inferenceAlloc = 1.0
|
||||
// effectiveInference = (100 * 1.0 + 0 * 1.0 * 0.5) * 1 = 100
|
||||
// tokensPerSecond = 100 * 26 = 2600
|
||||
expect(result.tokensPerSecondCapacity).toBe(100 * FLOPS_TO_TOKENS_MULTIPLIER);
|
||||
});
|
||||
|
||||
it('reports totalFlops as sum of training and inference', () => {
|
||||
const state = createTestState();
|
||||
const infra = createInfrastructure({
|
||||
totalTrainingFlops: 750,
|
||||
totalInferenceFlops: 250,
|
||||
});
|
||||
|
||||
const result = computeCapacity(state, infra);
|
||||
|
||||
expect(result.totalFlops).toBe(1000);
|
||||
});
|
||||
|
||||
it('passes through totalVramGB from infrastructure', () => {
|
||||
const state = createTestState();
|
||||
const infra = createInfrastructure({
|
||||
totalVramGB: 512,
|
||||
});
|
||||
|
||||
const result = computeCapacity(state, infra);
|
||||
|
||||
expect(result.totalVramGB).toBe(512);
|
||||
});
|
||||
|
||||
it('returns all zeros when infrastructure has no hardware', () => {
|
||||
const state = createTestState({
|
||||
compute: { trainingAllocation: 0.5 },
|
||||
});
|
||||
const infra = createInfrastructure({
|
||||
totalTrainingFlops: 0,
|
||||
totalInferenceFlops: 0,
|
||||
totalVramGB: 0,
|
||||
});
|
||||
|
||||
const result = computeCapacity(state, infra);
|
||||
|
||||
expect(result.totalFlops).toBe(0);
|
||||
expect(result.effectiveTrainingFlops).toBe(0);
|
||||
expect(result.effectiveInferenceFlops).toBe(0);
|
||||
expect(result.tokensPerSecondCapacity).toBe(0);
|
||||
});
|
||||
|
||||
it('handles full training allocation (1.0)', () => {
|
||||
const state = createTestState({
|
||||
compute: { trainingAllocation: 1.0 },
|
||||
});
|
||||
const infra = createInfrastructure({
|
||||
totalTrainingFlops: 1000,
|
||||
totalInferenceFlops: 500,
|
||||
});
|
||||
|
||||
const result = computeCapacity(state, infra);
|
||||
|
||||
// effectiveTraining = 1000 * 1.0 + 500 * 1.0 * 0.3 = 1000 + 150 = 1150
|
||||
expect(result.effectiveTrainingFlops).toBeCloseTo(1150);
|
||||
// inferenceAlloc = 0, so effectiveInference = 0
|
||||
expect(result.effectiveInferenceFlops).toBe(0);
|
||||
expect(result.tokensPerSecondCapacity).toBe(0);
|
||||
});
|
||||
});
|
||||
|
||||
describe('finalizeCompute', () => {
|
||||
it('calculates inferenceUtilization as demand / capacity', () => {
|
||||
const capacity = computeCapacity(
|
||||
createTestState({ compute: { trainingAllocation: 0 } }),
|
||||
createInfrastructure({ totalInferenceFlops: 100 }),
|
||||
);
|
||||
// tokensPerSecondCapacity = 100 * 26 = 2600
|
||||
|
||||
const result = finalizeCompute(capacity, 1300, [], 1);
|
||||
|
||||
expect(result.inferenceUtilization).toBeCloseTo(0.5);
|
||||
});
|
||||
|
||||
it('clamps utilization to 1 when demand exceeds capacity', () => {
|
||||
const capacity = computeCapacity(
|
||||
createTestState({ compute: { trainingAllocation: 0 } }),
|
||||
createInfrastructure({ totalInferenceFlops: 100 }),
|
||||
);
|
||||
|
||||
const result = finalizeCompute(capacity, 999999, [], 1);
|
||||
|
||||
expect(result.inferenceUtilization).toBe(1);
|
||||
});
|
||||
|
||||
it('sets utilization to 1 when capacity is 0 but demand > 0', () => {
|
||||
const capacity = computeCapacity(
|
||||
createTestState({ compute: { trainingAllocation: 0.5 } }),
|
||||
createInfrastructure({ totalTrainingFlops: 0, totalInferenceFlops: 0 }),
|
||||
);
|
||||
|
||||
const result = finalizeCompute(capacity, 100, [], 1);
|
||||
|
||||
expect(result.inferenceUtilization).toBe(1);
|
||||
});
|
||||
|
||||
it('sets utilization to 0 when both capacity and demand are 0', () => {
|
||||
const capacity = computeCapacity(
|
||||
createTestState({ compute: { trainingAllocation: 0.5 } }),
|
||||
createInfrastructure({ totalTrainingFlops: 0, totalInferenceFlops: 0 }),
|
||||
);
|
||||
|
||||
const result = finalizeCompute(capacity, 0, [], 1);
|
||||
|
||||
expect(result.inferenceUtilization).toBe(0);
|
||||
});
|
||||
|
||||
it('adds a history snapshot when tickCount is a multiple of COMPUTE_SNAPSHOT_INTERVAL', () => {
|
||||
const capacity = computeCapacity(
|
||||
createTestState({ compute: { trainingAllocation: 0.5 } }),
|
||||
createInfrastructure({ totalTrainingFlops: 500, totalInferenceFlops: 500 }),
|
||||
);
|
||||
|
||||
const tick = COMPUTE_SNAPSHOT_INTERVAL; // 60
|
||||
const result = finalizeCompute(capacity, 200, [], tick);
|
||||
|
||||
expect(result.computeHistory).toHaveLength(1);
|
||||
expect(result.computeHistory[0].tick).toBe(tick);
|
||||
expect(result.computeHistory[0].totalFlops).toBe(capacity.totalFlops);
|
||||
expect(result.computeHistory[0].tokensPerSecondDemand).toBe(200);
|
||||
});
|
||||
|
||||
it('does not add a snapshot when tickCount is not a multiple of COMPUTE_SNAPSHOT_INTERVAL', () => {
|
||||
const capacity = computeCapacity(
|
||||
createTestState({ compute: { trainingAllocation: 0.5 } }),
|
||||
createInfrastructure({ totalTrainingFlops: 500, totalInferenceFlops: 500 }),
|
||||
);
|
||||
|
||||
const result = finalizeCompute(capacity, 200, [], 1);
|
||||
|
||||
expect(result.computeHistory).toHaveLength(0);
|
||||
});
|
||||
|
||||
it('preserves existing history entries', () => {
|
||||
const capacity = computeCapacity(
|
||||
createTestState({ compute: { trainingAllocation: 0.5 } }),
|
||||
createInfrastructure({ totalTrainingFlops: 500, totalInferenceFlops: 500 }),
|
||||
);
|
||||
|
||||
const existingHistory = [
|
||||
{
|
||||
tick: 60,
|
||||
totalFlops: 800,
|
||||
effectiveTrainingFlops: 400,
|
||||
effectiveInferenceFlops: 400,
|
||||
inferenceUtilization: 0.5,
|
||||
tokensPerSecondCapacity: 10400,
|
||||
tokensPerSecondDemand: 5200,
|
||||
},
|
||||
];
|
||||
|
||||
const result = finalizeCompute(capacity, 200, existingHistory, COMPUTE_SNAPSHOT_INTERVAL * 2);
|
||||
|
||||
expect(result.computeHistory).toHaveLength(2);
|
||||
expect(result.computeHistory[0].tick).toBe(60);
|
||||
expect(result.computeHistory[1].tick).toBe(COMPUTE_SNAPSHOT_INTERVAL * 2);
|
||||
});
|
||||
|
||||
it('trims history when it exceeds MAX_COMPUTE_HISTORY', () => {
|
||||
const capacity = computeCapacity(
|
||||
createTestState({ compute: { trainingAllocation: 0.5 } }),
|
||||
createInfrastructure({ totalTrainingFlops: 100, totalInferenceFlops: 100 }),
|
||||
);
|
||||
|
||||
// Create a history that is exactly at the limit
|
||||
const fullHistory = Array.from({ length: MAX_COMPUTE_HISTORY }, (_, i) => ({
|
||||
tick: (i + 1) * COMPUTE_SNAPSHOT_INTERVAL,
|
||||
totalFlops: 200,
|
||||
effectiveTrainingFlops: 100,
|
||||
effectiveInferenceFlops: 100,
|
||||
inferenceUtilization: 0.5,
|
||||
tokensPerSecondCapacity: 2600,
|
||||
tokensPerSecondDemand: 1300,
|
||||
}));
|
||||
|
||||
const nextSnapshotTick = (MAX_COMPUTE_HISTORY + 1) * COMPUTE_SNAPSHOT_INTERVAL;
|
||||
const result = finalizeCompute(capacity, 1300, fullHistory, nextSnapshotTick);
|
||||
|
||||
expect(result.computeHistory).toHaveLength(MAX_COMPUTE_HISTORY);
|
||||
// Oldest entry should have been shifted out
|
||||
expect(result.computeHistory[0].tick).toBe(2 * COMPUTE_SNAPSHOT_INTERVAL);
|
||||
// Newest entry should be our new snapshot
|
||||
expect(result.computeHistory[result.computeHistory.length - 1].tick).toBe(nextSnapshotTick);
|
||||
});
|
||||
|
||||
it('carries capacity fields into the returned ComputeState', () => {
|
||||
const capacity = computeCapacity(
|
||||
createTestState({ compute: { trainingAllocation: 0.3 } }),
|
||||
createInfrastructure({ totalTrainingFlops: 200, totalInferenceFlops: 800, totalVramGB: 256 }),
|
||||
);
|
||||
|
||||
const result = finalizeCompute(capacity, 500, [], 1);
|
||||
|
||||
expect(result.totalFlops).toBe(capacity.totalFlops);
|
||||
expect(result.totalTrainingFlops).toBe(capacity.totalTrainingFlops);
|
||||
expect(result.totalInferenceFlops).toBe(capacity.totalInferenceFlops);
|
||||
expect(result.totalVramGB).toBe(capacity.totalVramGB);
|
||||
expect(result.effectiveTrainingFlops).toBe(capacity.effectiveTrainingFlops);
|
||||
expect(result.effectiveInferenceFlops).toBe(capacity.effectiveInferenceFlops);
|
||||
expect(result.tokensPerSecondCapacity).toBe(capacity.tokensPerSecondCapacity);
|
||||
expect(result.tokensPerSecondDemand).toBe(500);
|
||||
});
|
||||
});
|
||||
@@ -1,5 +1,5 @@
|
||||
import type { GameState, ComputeState, InfrastructureState } from '@ai-tycoon/shared';
|
||||
import { FLOPS_TO_TOKENS_MULTIPLIER, COMPUTE_SNAPSHOT_INTERVAL, MAX_COMPUTE_HISTORY } from '@ai-tycoon/shared';
|
||||
import type { GameState, ComputeState, InfrastructureState } from '@token-empire/shared';
|
||||
import { FLOPS_TO_TOKENS_MULTIPLIER, COMPUTE_SNAPSHOT_INTERVAL, MAX_COMPUTE_HISTORY } from '@token-empire/shared';
|
||||
import type { ResearchBonuses } from './researchBonuses';
|
||||
|
||||
export interface CapacityResult {
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user