initial commit

This commit is contained in:
azykov@mail.ru 2026-02-13 14:31:24 +03:00
commit 03d4948f64
47 changed files with 6326 additions and 0 deletions

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
node_modules

14
engine/package.json Normal file
View File

@ -0,0 +1,14 @@
{
"name": "@idle-economy/engine",
"version": "1.0.0",
"description": "",
"main": "src/index.ts",
"scripts": {},
"keywords": [],
"author": "",
"license": "ISC",
"type": "commonjs",
"dependencies": {
"break_eternity.js": "^2.1.3"
}
}

View File

@ -0,0 +1,17 @@
import { GameSnapshot } from '../types';
export abstract class Action {
public time: number = 0;
public gameAfter: GameSnapshot = { resources: { RED: 0 }, generators: [] };
constructor(
public readonly name: string
) {
}
public toString(): string {
return `${this.name} (${this.toStringDescription()})`;
}
protected abstract toStringDescription(): string;
}

View File

@ -0,0 +1,9 @@
import { Action } from "./Action";
export abstract class GameAction extends Action {
constructor(
name: string,
) {
super(name);
}
}

View File

@ -0,0 +1,2 @@
export * from './Action';
export * from './GameAction';

34
engine/src/game/Game.ts Normal file
View File

@ -0,0 +1,34 @@
import { Action, GameAction } from "../actions";
import { type GameRules } from "../rules";
import { ResourceGenerator } from "./ResourceGenerator";
import { ResourceSet } from "./ResourceSet";
export class Game {
public readonly rules: GameRules;
public readonly resources = new ResourceSet();
public readonly generators: ResourceGenerator[] = [];
constructor(
rules: GameRules,
) {
this.rules = rules;
this.initGenerators();
}
private initGenerators(): void {
this.generators.splice(0);
this.generators.push(...this.rules.generators.map((rule) => new ResourceGenerator(this, rule)));
}
public *tick(time: number): Generator<Action, void, unknown> {
yield* this.runResourceGenerators(time);
}
private *runResourceGenerators(time: number): Generator<GameAction, void, unknown> {
for (const gen of this.generators)
gen.tick(time);
}
}

View File

@ -0,0 +1,92 @@
import type { ResourceGeneratorRule } from "../rules";
import type { ResourceGeneratorSnapshot } from "../types";
import { Game } from "./Game";
import { ResourceSet } from "./ResourceSet";
export class ResourceGenerator {
private _level: number;
private _progress: number;
public readonly game: Game;
public readonly rule: ResourceGeneratorRule;
public get level() { return this._level };
public get progress() { return this._progress };
constructor(
game: Game,
rule: ResourceGeneratorRule,
) {
this.game = game;
this.rule = rule;
this._level = this.rule.startingLevel;
this._progress = 0;
}
public tick(time: number): void {
if (this.period === 0) {
this._progress = 0;
return;
}
this._progress = (this._progress + time) % this.period;
this.game.resources.add(this.generation.times(time / this.period));
}
public upgrade(): boolean {
if (this.isOpen && this.canAffordUpgrade) {
this.game.resources.remove(this.upgradePrice);
this.increaseLevel();
if (this.rule.resetProgressOnUpgrade)
this._progress = 0;
return true;
}
return false;
}
private increaseLevel() {
this._level++;
}
public get period(): number {
return this.rule.period(this.level);
}
public get generation(): ResourceSet {
return ResourceSet.from(this.rule.generation(this.level));
}
public get visibilityPrice(): ResourceSet {
return ResourceSet.from(this.rule.visibilityPrice(this.level));
}
public get openPrice(): ResourceSet {
return ResourceSet.from(this.rule.openPrice(this.level));
}
public get upgradePrice(): ResourceSet {
return ResourceSet.from(this.rule.upgradePrice(this.level));
}
public get isVisible(): boolean {
return this.game.resources.gte(this.visibilityPrice);
}
public get isOpen(): boolean {
return this.game.resources.gte(this.openPrice);
}
public get canAffordUpgrade(): boolean {
return this.game.resources.gte(this.upgradePrice);
}
public snapshot(): ResourceGeneratorSnapshot {
return {
name: this.rule.name,
level: this.level,
}
}
}

View File

@ -0,0 +1,64 @@
import { ResourceNames, type PartialResources, type Resource } from "../types";
export class ResourceSet {
private items = new Map<Resource, number>();
public static from(source: PartialResources): ResourceSet {
const inst = new ResourceSet();
inst.items = new Map<Resource, number>(Object.entries(source) as [Resource, number][]);
return inst;
}
public clone(): ResourceSet {
return ResourceSet.from(this.toObject());
}
public get(key: Resource): number {
return this.items.get(key) ?? 0;
}
public set(key: Resource, value: number): void {
this.items.set(key, value);
}
public predicate(predicate: (res: Resource) => boolean): boolean {
return ResourceNames.every((res) => predicate(res));
}
public gte(arg: ResourceSet): boolean {
return this.predicate((res) => this.get(res) >= arg.get(res));
}
public static transform(target: ResourceSet, predicate: (res: Resource) => number): void {
for (const res of ResourceNames)
target.set(res, predicate(res));
}
public sum(arg: ResourceSet): ResourceSet {
const inst = new ResourceSet();
ResourceSet.transform(inst, (res) => this.get(res) + arg.get(res));
return inst;
}
public add(arg: ResourceSet): void {
ResourceSet.transform(this, (res) => this.get(res) + arg.get(res));
}
public remove(arg: ResourceSet): void {
ResourceSet.transform(this, (res) => this.get(res) - arg.get(res));
}
public times(factor: number): ResourceSet {
const inst = new ResourceSet();
ResourceSet.transform(inst, (res) => this.get(res) * factor);
return inst;
}
public toString(): string {
return Array.from(this.items).map(([k, v]) => `${v} ${k}`).join(', ');
}
public toObject(): PartialResources {
return Object.fromEntries(this.items) as PartialResources;
}
}

3
engine/src/game/index.ts Normal file
View File

@ -0,0 +1,3 @@
export * from './ResourceSet';
export * from './Game';
export * from './ResourceGenerator';

135
engine/src/index.ts Normal file
View File

@ -0,0 +1,135 @@
import { Game } from './game';
import type { ResourceGeneratorRule } from './rules';
import type { PartialResources, Resource } from './types';
export * from './types';
export * from './rules';
export * from './game';
export * from './actions';
type ResourceGenParams = {
offset?: number,
power?: number,
factor?: number,
}
type SimpleResGenParams = {
name: string,
startingLevel?: number,
period: number,
generation: Partial<Record<Resource, ResourceGenParams>>,
visibilityPrice?: Partial<Record<Resource, ResourceGenParams>>,
openPrice: Partial<Record<Resource, ResourceGenParams>>,
upgradePrice?: Partial<Record<Resource, ResourceGenParams>>,
}
function simpleResGen(params: SimpleResGenParams): ResourceGeneratorRule {
function resourceGen(p?: Partial<Record<Resource, ResourceGenParams>>): (lvl: number) => PartialResources {
if (!p)
return () => ({});
return (lvl) => Object.fromEntries(
Object.entries(p)
.map(([res, rp]) => [
res,
(rp.offset ?? 0) + Math.pow(lvl, rp.power ?? 1) * (rp.factor ?? 0),
])
);
}
return {
name: params.name,
startingLevel: params.startingLevel ?? 0,
resetProgressOnUpgrade: true,
period: (level) => level ? params.period : 0,
generation: resourceGen(params.generation),
visibilityPrice: resourceGen(params.visibilityPrice),
openPrice: resourceGen(params.openPrice),
upgradePrice: resourceGen(params.upgradePrice),
}
}
export function makeGame(): Game {
return new Game({
generators: [
simpleResGen({
name: 'red',
startingLevel: 1,
period: 1,
generation: { RED: { offset: 3, power: 1.5, factor: 1 } },
openPrice: { RED: { offset: 10, power: 2.1, factor: 10 } }
}),
...['orange', 'yellow', 'green', 'cyan', 'blue', 'violet', ...Array(20)]
.map((color, idx) => simpleResGen({
name: color,
period: idx + 2,
generation: { RED: { power: 1.5, factor: (idx + 2) ** 2 } },
// visibilityPrice: { RED: { offset: 5 * 10 ** (idx + 1) } },
openPrice: { RED: { offset: 10 ** (idx + 2), power: 2.1, factor: 10 * 5 ** (idx + 1) } }
})),
// simpleResGen({
// name: 'blue',
// period: 2,
// generation: { RED: { factor: 4 } },
// visibilityPrice: { RED: { offset: 50 } },
// openPrice: { RED: { offset: 100, power: 2.1, factor: 50 } }
// }),
// simpleResGen({
// name: 'green',
// period: 3,
// generation: { RED: { factor: 9 } },
// visibilityPrice: { RED: { offset: 500 } },
// openPrice: { RED: { offset: 1000, power: 2.1, factor: 250 } }
// }),
// {
// name: "red",
// startingLevel: 1,
// period: (level) => level ? 1 : 0,
// resetProgressOnUpgrade: true,
// generation: (level) => {
// return { RED: level + 3 };
// },
// visibilityPrice: (level) => { return {} },
// openPrice: (level) => {
// return { RED: 10 + Math.pow(level, 2.1) * 10 };
// },
// upgradePrice: (level) => {
// return {};
// },
// },
// {
// name: "blue",
// startingLevel: 0,
// period: (level) => level ? 2 : 0,
// resetProgressOnUpgrade: true,
// generation: (level) => {
// return { RED: level * 4 };
// },
// visibilityPrice: (level) => { return { RED: 50 } },
// openPrice: (level) => {
// return { RED: 100 + Math.pow(level, 2.1) * 50 };
// },
// upgradePrice: (level) => {
// return {};
// },
// },
// {
// name: "green",
// startingLevel: 0,
// period: (level) => level ? 3 : 0,
// resetProgressOnUpgrade: true,
// generation: (level) => {
// return { RED: level * 9 };
// },
// visibilityPrice: (level) => { return { RED: 500 } },
// openPrice: (level) => {
// return { RED: 1000 + Math.pow(level, 2.1) * 250 };
// },
// upgradePrice: (level) => {
// return {};
// },
// },
],
})
};

View File

@ -0,0 +1,5 @@
import type { ResourceGeneratorRule } from "./ResourceGeneratorRule";
export type GameRules = {
generators: ResourceGeneratorRule[],
}

View File

@ -0,0 +1,12 @@
import type { PartialResources } from "../types";
export type ResourceGeneratorRule = {
name: string,
startingLevel: number, // usually zero
period: (level: number) => number,
generation: (level: number) => PartialResources, // per period
visibilityPrice: (level: number) => PartialResources;
openPrice: (level: number) => PartialResources;
upgradePrice: (level: number) => PartialResources;
resetProgressOnUpgrade: boolean;
};

View File

@ -0,0 +1,2 @@
export * from './GameRules';
export * from './ResourceGeneratorRule';

View File

@ -0,0 +1,5 @@
export const ResourceNames = ['RED'] as const;
export type Resource = (typeof ResourceNames)[number];
export type Resources = Record<Resource, number>;
export type PartialResources = Partial<Record<Resource, number>>;

View File

@ -0,0 +1,2 @@
export * from './Resource';
export * from './snapshots';

View File

@ -0,0 +1,8 @@
import { Resources } from '../Resource';
import { ResourceGeneratorSnapshot } from './ResourceGeneratorSnapshot';
export type GameSnapshot = {
resources: Partial<Resources>;
generators: ResourceGeneratorSnapshot[];
};

View File

@ -0,0 +1,4 @@
export type ResourceGeneratorSnapshot = {
name: string;
level: number;
};

View File

@ -0,0 +1,2 @@
export * from './GameSnapshot';
export * from './ResourceGeneratorSnapshot';

4505
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

15
package.json Normal file
View File

@ -0,0 +1,15 @@
{
"name": "idle-economy",
"workspaces": [
"engine",
"web",
"simulator"
],
"devDependencies": {
"@types/node": "^24.10.0",
"tsx": "^4.21.0"
},
"dependencies": {
"break_eternity.js": "^2.1.3"
}
}

633
simulator/package-lock.json generated Normal file
View File

@ -0,0 +1,633 @@
{
"name": "idle-economy",
"version": "1.0.0",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "idle-economy",
"version": "1.0.0",
"license": "ISC",
"dependencies": {
"@formatjs/intl-durationformat": "^0.10.1"
},
"devDependencies": {
"@types/node": "^25.2.3",
"tsx": "^4.21.0"
}
},
"node_modules/@esbuild/aix-ppc64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.3.tgz",
"integrity": "sha512-9fJMTNFTWZMh5qwrBItuziu834eOCUcEqymSH7pY+zoMVEZg3gcPuBNxH1EvfVYe9h0x/Ptw8KBzv7qxb7l8dg==",
"cpu": [
"ppc64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"aix"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/android-arm": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.3.tgz",
"integrity": "sha512-i5D1hPY7GIQmXlXhs2w8AWHhenb00+GxjxRncS2ZM7YNVGNfaMxgzSGuO8o8SJzRc/oZwU2bcScvVERk03QhzA==",
"cpu": [
"arm"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"android"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/android-arm64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.3.tgz",
"integrity": "sha512-YdghPYUmj/FX2SYKJ0OZxf+iaKgMsKHVPF1MAq/P8WirnSpCStzKJFjOjzsW0QQ7oIAiccHdcqjbHmJxRb/dmg==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"android"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/android-x64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.3.tgz",
"integrity": "sha512-IN/0BNTkHtk8lkOM8JWAYFg4ORxBkZQf9zXiEOfERX/CzxW3Vg1ewAhU7QSWQpVIzTW+b8Xy+lGzdYXV6UZObQ==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"android"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/darwin-arm64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.3.tgz",
"integrity": "sha512-Re491k7ByTVRy0t3EKWajdLIr0gz2kKKfzafkth4Q8A5n1xTHrkqZgLLjFEHVD+AXdUGgQMq+Godfq45mGpCKg==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/darwin-x64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.3.tgz",
"integrity": "sha512-vHk/hA7/1AckjGzRqi6wbo+jaShzRowYip6rt6q7VYEDX4LEy1pZfDpdxCBnGtl+A5zq8iXDcyuxwtv3hNtHFg==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/freebsd-arm64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.3.tgz",
"integrity": "sha512-ipTYM2fjt3kQAYOvo6vcxJx3nBYAzPjgTCk7QEgZG8AUO3ydUhvelmhrbOheMnGOlaSFUoHXB6un+A7q4ygY9w==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"freebsd"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/freebsd-x64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.3.tgz",
"integrity": "sha512-dDk0X87T7mI6U3K9VjWtHOXqwAMJBNN2r7bejDsc+j03SEjtD9HrOl8gVFByeM0aJksoUuUVU9TBaZa2rgj0oA==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"freebsd"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/linux-arm": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.3.tgz",
"integrity": "sha512-s6nPv2QkSupJwLYyfS+gwdirm0ukyTFNl3KTgZEAiJDd+iHZcbTPPcWCcRYH+WlNbwChgH2QkE9NSlNrMT8Gfw==",
"cpu": [
"arm"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/linux-arm64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.3.tgz",
"integrity": "sha512-sZOuFz/xWnZ4KH3YfFrKCf1WyPZHakVzTiqji3WDc0BCl2kBwiJLCXpzLzUBLgmp4veFZdvN5ChW4Eq/8Fc2Fg==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/linux-ia32": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.3.tgz",
"integrity": "sha512-yGlQYjdxtLdh0a3jHjuwOrxQjOZYD/C9PfdbgJJF3TIZWnm/tMd/RcNiLngiu4iwcBAOezdnSLAwQDPqTmtTYg==",
"cpu": [
"ia32"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/linux-loong64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.3.tgz",
"integrity": "sha512-WO60Sn8ly3gtzhyjATDgieJNet/KqsDlX5nRC5Y3oTFcS1l0KWba+SEa9Ja1GfDqSF1z6hif/SkpQJbL63cgOA==",
"cpu": [
"loong64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/linux-mips64el": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.3.tgz",
"integrity": "sha512-APsymYA6sGcZ4pD6k+UxbDjOFSvPWyZhjaiPyl/f79xKxwTnrn5QUnXR5prvetuaSMsb4jgeHewIDCIWljrSxw==",
"cpu": [
"mips64el"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/linux-ppc64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.3.tgz",
"integrity": "sha512-eizBnTeBefojtDb9nSh4vvVQ3V9Qf9Df01PfawPcRzJH4gFSgrObw+LveUyDoKU3kxi5+9RJTCWlj4FjYXVPEA==",
"cpu": [
"ppc64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/linux-riscv64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.3.tgz",
"integrity": "sha512-3Emwh0r5wmfm3ssTWRQSyVhbOHvqegUDRd0WhmXKX2mkHJe1SFCMJhagUleMq+Uci34wLSipf8Lagt4LlpRFWQ==",
"cpu": [
"riscv64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/linux-s390x": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.3.tgz",
"integrity": "sha512-pBHUx9LzXWBc7MFIEEL0yD/ZVtNgLytvx60gES28GcWMqil8ElCYR4kvbV2BDqsHOvVDRrOxGySBM9Fcv744hw==",
"cpu": [
"s390x"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/linux-x64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.3.tgz",
"integrity": "sha512-Czi8yzXUWIQYAtL/2y6vogER8pvcsOsk5cpwL4Gk5nJqH5UZiVByIY8Eorm5R13gq+DQKYg0+JyQoytLQas4dA==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/netbsd-arm64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.3.tgz",
"integrity": "sha512-sDpk0RgmTCR/5HguIZa9n9u+HVKf40fbEUt+iTzSnCaGvY9kFP0YKBWZtJaraonFnqef5SlJ8/TiPAxzyS+UoA==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"netbsd"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/netbsd-x64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.3.tgz",
"integrity": "sha512-P14lFKJl/DdaE00LItAukUdZO5iqNH7+PjoBm+fLQjtxfcfFE20Xf5CrLsmZdq5LFFZzb5JMZ9grUwvtVYzjiA==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"netbsd"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/openbsd-arm64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.3.tgz",
"integrity": "sha512-AIcMP77AvirGbRl/UZFTq5hjXK+2wC7qFRGoHSDrZ5v5b8DK/GYpXW3CPRL53NkvDqb9D+alBiC/dV0Fb7eJcw==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"openbsd"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/openbsd-x64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.3.tgz",
"integrity": "sha512-DnW2sRrBzA+YnE70LKqnM3P+z8vehfJWHXECbwBmH/CU51z6FiqTQTHFenPlHmo3a8UgpLyH3PT+87OViOh1AQ==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"openbsd"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/openharmony-arm64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.3.tgz",
"integrity": "sha512-NinAEgr/etERPTsZJ7aEZQvvg/A6IsZG/LgZy+81wON2huV7SrK3e63dU0XhyZP4RKGyTm7aOgmQk0bGp0fy2g==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"openharmony"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/sunos-x64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.3.tgz",
"integrity": "sha512-PanZ+nEz+eWoBJ8/f8HKxTTD172SKwdXebZ0ndd953gt1HRBbhMsaNqjTyYLGLPdoWHy4zLU7bDVJztF5f3BHA==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"sunos"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/win32-arm64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.3.tgz",
"integrity": "sha512-B2t59lWWYrbRDw/tjiWOuzSsFh1Y/E95ofKz7rIVYSQkUYBjfSgf6oeYPNWHToFRr2zx52JKApIcAS/D5TUBnA==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/win32-ia32": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.3.tgz",
"integrity": "sha512-QLKSFeXNS8+tHW7tZpMtjlNb7HKau0QDpwm49u0vUp9y1WOF+PEzkU84y9GqYaAVW8aH8f3GcBck26jh54cX4Q==",
"cpu": [
"ia32"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@esbuild/win32-x64": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.3.tgz",
"integrity": "sha512-4uJGhsxuptu3OcpVAzli+/gWusVGwZZHTlS63hh++ehExkVT8SgiEf7/uC/PclrPPkLhZqGgCTjd0VWLo6xMqA==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">=18"
}
},
"node_modules/@formatjs/ecma402-abstract": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-3.1.1.tgz",
"integrity": "sha512-jhZbTwda+2tcNrs4kKvxrPLPjx8QsBCLCUgrrJ/S+G9YrGHWLhAyFMMBHJBnBoOwuLHd7L14FgYudviKaxkO2Q==",
"license": "MIT",
"dependencies": {
"@formatjs/fast-memoize": "3.1.0",
"@formatjs/intl-localematcher": "0.8.1",
"decimal.js": "^10.6.0",
"tslib": "^2.8.1"
}
},
"node_modules/@formatjs/fast-memoize": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-3.1.0.tgz",
"integrity": "sha512-b5mvSWCI+XVKiz5WhnBCY3RJ4ZwfjAidU0yVlKa3d3MSgKmH1hC3tBGEAtYyN5mqL7N0G5x0BOUYyO8CEupWgg==",
"license": "MIT",
"dependencies": {
"tslib": "^2.8.1"
}
},
"node_modules/@formatjs/intl-durationformat": {
"version": "0.10.1",
"resolved": "https://registry.npmjs.org/@formatjs/intl-durationformat/-/intl-durationformat-0.10.1.tgz",
"integrity": "sha512-Rgc/ftDN8d8reSuhUFZ4t20t0KUidQCI1bKYZuZ4Uqt1xzBDVsogQuzDJujRf9YP3HXtvsV3xffGFHNNsklp8w==",
"license": "MIT",
"dependencies": {
"@formatjs/ecma402-abstract": "3.1.1",
"@formatjs/intl-localematcher": "0.8.1",
"tslib": "^2.8.1"
}
},
"node_modules/@formatjs/intl-localematcher": {
"version": "0.8.1",
"resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.8.1.tgz",
"integrity": "sha512-xwEuwQFdtSq1UKtQnyTZWC+eHdv7Uygoa+H2k/9uzBVQjDyp9r20LNDNKedWXll7FssT3GRHvqsdJGYSUWqYFA==",
"license": "MIT",
"dependencies": {
"@formatjs/fast-memoize": "3.1.0",
"tslib": "^2.8.1"
}
},
"node_modules/@types/node": {
"version": "25.2.3",
"resolved": "https://registry.npmjs.org/@types/node/-/node-25.2.3.tgz",
"integrity": "sha512-m0jEgYlYz+mDJZ2+F4v8D1AyQb+QzsNqRuI7xg1VQX/KlKS0qT9r1Mo16yo5F/MtifXFgaofIFsdFMox2SxIbQ==",
"dev": true,
"license": "MIT",
"dependencies": {
"undici-types": "~7.16.0"
}
},
"node_modules/decimal.js": {
"version": "10.6.0",
"resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
"integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
"license": "MIT"
},
"node_modules/esbuild": {
"version": "0.27.3",
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.3.tgz",
"integrity": "sha512-8VwMnyGCONIs6cWue2IdpHxHnAjzxnw2Zr7MkVxB2vjmQ2ivqGFb4LEG3SMnv0Gb2F/G/2yA8zUaiL1gywDCCg==",
"dev": true,
"hasInstallScript": true,
"license": "MIT",
"bin": {
"esbuild": "bin/esbuild"
},
"engines": {
"node": ">=18"
},
"optionalDependencies": {
"@esbuild/aix-ppc64": "0.27.3",
"@esbuild/android-arm": "0.27.3",
"@esbuild/android-arm64": "0.27.3",
"@esbuild/android-x64": "0.27.3",
"@esbuild/darwin-arm64": "0.27.3",
"@esbuild/darwin-x64": "0.27.3",
"@esbuild/freebsd-arm64": "0.27.3",
"@esbuild/freebsd-x64": "0.27.3",
"@esbuild/linux-arm": "0.27.3",
"@esbuild/linux-arm64": "0.27.3",
"@esbuild/linux-ia32": "0.27.3",
"@esbuild/linux-loong64": "0.27.3",
"@esbuild/linux-mips64el": "0.27.3",
"@esbuild/linux-ppc64": "0.27.3",
"@esbuild/linux-riscv64": "0.27.3",
"@esbuild/linux-s390x": "0.27.3",
"@esbuild/linux-x64": "0.27.3",
"@esbuild/netbsd-arm64": "0.27.3",
"@esbuild/netbsd-x64": "0.27.3",
"@esbuild/openbsd-arm64": "0.27.3",
"@esbuild/openbsd-x64": "0.27.3",
"@esbuild/openharmony-arm64": "0.27.3",
"@esbuild/sunos-x64": "0.27.3",
"@esbuild/win32-arm64": "0.27.3",
"@esbuild/win32-ia32": "0.27.3",
"@esbuild/win32-x64": "0.27.3"
}
},
"node_modules/fsevents": {
"version": "2.3.3",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
"dev": true,
"hasInstallScript": true,
"license": "MIT",
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
}
},
"node_modules/get-tsconfig": {
"version": "4.13.6",
"resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.13.6.tgz",
"integrity": "sha512-shZT/QMiSHc/YBLxxOkMtgSid5HFoauqCE3/exfsEcwg1WkeqjG+V40yBbBrsD+jW2HDXcs28xOfcbm2jI8Ddw==",
"dev": true,
"license": "MIT",
"dependencies": {
"resolve-pkg-maps": "^1.0.0"
},
"funding": {
"url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
}
},
"node_modules/resolve-pkg-maps": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
"integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
"dev": true,
"license": "MIT",
"funding": {
"url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
}
},
"node_modules/tslib": {
"version": "2.8.1",
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
"integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
"license": "0BSD"
},
"node_modules/tsx": {
"version": "4.21.0",
"resolved": "https://registry.npmjs.org/tsx/-/tsx-4.21.0.tgz",
"integrity": "sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==",
"dev": true,
"license": "MIT",
"dependencies": {
"esbuild": "~0.27.0",
"get-tsconfig": "^4.7.5"
},
"bin": {
"tsx": "dist/cli.mjs"
},
"engines": {
"node": ">=18.0.0"
},
"optionalDependencies": {
"fsevents": "~2.3.3"
}
},
"node_modules/undici-types": {
"version": "7.16.0",
"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
"integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
"dev": true,
"license": "MIT"
}
}
}

18
simulator/package.json Normal file
View File

@ -0,0 +1,18 @@
{
"name": "@idle-economy/simulator",
"version": "1.0.0",
"description": "",
"main": "dist/index.js",
"scripts": {
"start": "tsx ./src/index.ts",
"dev": "tsx watch --include './src/**/*' --include '../engine/src/**/*' ./src/index.ts"
},
"keywords": [],
"author": "",
"license": "ISC",
"type": "commonjs",
"dependencies": {
"@idle-economy/engine": "*",
"@formatjs/intl-durationformat": "^0.10.1"
}
}

100
simulator/src/Simulator.ts Normal file
View File

@ -0,0 +1,100 @@
import { DurationFormat } from '@formatjs/intl-durationformat'
import { Action, Game, ResourceSet, GameSnapshot } from '@idle-economy/engine';
import { Player } from './player/Player';
const durationFormat = new DurationFormat("en", { style: "short" });
export type SimulationStats = {
actions: Action[],
finalSnapshot: GameSnapshot,
}
export class Simulator {
constructor(
public readonly player: Player,
) {
}
public get game(): Game {
return this.player.game;
}
public simulate(duration: number) {
const stats: SimulationStats = {
actions: [],
finalSnapshot: { resources: {}, generators: [] },
};
let time = 0;
let lastSecond = -1;
this.log(time, "start");
while (time < duration) {
const deltaTime = 1 / 60;
const tickActions = Array.from(this.tick(deltaTime));
if (tickActions.length) {
const snapshot: GameSnapshot = this.makeGameSnapshot();
tickActions.forEach((action) => {
action.time = time;
action.gameAfter = snapshot;
});
stats.actions.push(...tickActions);
}
// for (const tickAction of tickActions)
// this.logAction(time, tickAction);
// this.logResources(time, this.game.resources);
time += deltaTime;
}
stats.finalSnapshot = this.makeGameSnapshot();
this.log(time, "done");
this.logStats(stats);
}
private makeGameSnapshot(): GameSnapshot {
return {
resources: this.game.resources.toObject(),
generators: this.game.generators.map((gen) => gen.snapshot()),
}
}
private *tick(time: number): Generator<Action, void, unknown> {
yield* this.player.tick(time);
yield* this.game.tick(time);
}
private log(time: number, data: string): void {
console.log(`${Simulator.formatTime(time)}: ${data}`);
}
private logStats(stats: SimulationStats): void {
let lastTime = 0;
let maxDeltaTime = 0;
for (const action of stats.actions) {
const deltaTime = action.time - lastTime;
this.logAction(action, deltaTime);
lastTime = action.time;
maxDeltaTime = Math.max(maxDeltaTime, deltaTime);
}
this.log(0, `max action wait fime is ${maxDeltaTime}`)
this.log(0, `final data:: ${JSON.stringify(stats.finalSnapshot, undefined, 2)}`);
}
private logResources(time: number, resources: ResourceSet): void {
this.log(time, `RESOURCES ${resources.toString()} `);
}
private logAction(action: Action, deltaTime: number): void {
this.log(action.time, `ACTION ${action.toString()}, time since last action: ${Simulator.formatTime(deltaTime)} `);
}
private static formatTime(time: number): string {
return durationFormat.format({ milliseconds: Math.round(time * 1000) });
}
}

View File

@ -0,0 +1,9 @@
import { Action } from "@idle-economy/engine";
export abstract class PlayerAction extends Action {
constructor(
name: string,
) {
super(name);
}
}

View File

@ -0,0 +1,15 @@
import { ResourceGeneratorSnapshot } from '@idle-economy/engine';
import { PlayerAction } from "./PlayerAction";
export class ResourceGeneratorUpgradeAction extends PlayerAction {
constructor(
public readonly generator: ResourceGeneratorSnapshot,
) {
super("resource generator upgrade");
}
override toStringDescription(): string {
return `${this.generator.name.toLocaleUpperCase()} to level ${this.generator.level}`;
}
}

16
simulator/src/index.ts Normal file
View File

@ -0,0 +1,16 @@
import { makeGame } from '@idle-economy/engine';
import { Simulator } from './Simulator'
import { Player } from './player/Player';
process.on('SIGTERM', () => {
// Clean up resources and exit
process.exit(0);
});
const game = makeGame();
const player = new Player(game);
const simulator = new Simulator(player);
simulator.simulate(3600);

View File

@ -0,0 +1,26 @@
import { Game, ResourceSet, ResourceGenerator } from '@idle-economy/engine';
import { PlayerAction } from "../actions/PlayerAction";
import { ResourceGeneratorUpgradeAction } from "../actions/ResourceGeneratorUpgradeAction";
export class Player {
constructor(
public readonly game: Game,
) {
}
public *tick(_time: number): Generator<PlayerAction, void, unknown> {
yield* this.tryUpgradeResourceGenerators();
}
private *tryUpgradeResourceGenerators(): Generator<ResourceGeneratorUpgradeAction, void, unknown> {
for (const gen of this.game.generators)
yield* this.tryUpgradeResourceGenerator(gen);
}
private *tryUpgradeResourceGenerator(generator: ResourceGenerator): Generator<ResourceGeneratorUpgradeAction, void, unknown> {
if (generator.upgrade()) {
yield new ResourceGeneratorUpgradeAction(generator.snapshot());
}
}
}

24
web/.gitignore vendored Normal file
View File

@ -0,0 +1,24 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*
node_modules
dist
dist-ssr
*.local
# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

73
web/README.md Normal file
View File

@ -0,0 +1,73 @@
# React + TypeScript + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
## React Compiler
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
## Expanding the ESLint configuration
If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
```js
export default defineConfig([
globalIgnores(['dist']),
{
files: ['**/*.{ts,tsx}'],
extends: [
// Other configs...
// Remove tseslint.configs.recommended and replace with this
tseslint.configs.recommendedTypeChecked,
// Alternatively, use this for stricter rules
tseslint.configs.strictTypeChecked,
// Optionally, add this for stylistic rules
tseslint.configs.stylisticTypeChecked,
// Other configs...
],
languageOptions: {
parserOptions: {
project: ['./tsconfig.node.json', './tsconfig.app.json'],
tsconfigRootDir: import.meta.dirname,
},
// other options...
},
},
])
```
You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
```js
// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'
export default defineConfig([
globalIgnores(['dist']),
{
files: ['**/*.{ts,tsx}'],
extends: [
// Other configs...
// Enable lint rules for React
reactX.configs['recommended-typescript'],
// Enable lint rules for React DOM
reactDom.configs.recommended,
],
languageOptions: {
parserOptions: {
project: ['./tsconfig.node.json', './tsconfig.app.json'],
tsconfigRootDir: import.meta.dirname,
},
// other options...
},
},
])
```

23
web/eslint.config.js Normal file
View File

@ -0,0 +1,23 @@
import js from '@eslint/js'
import globals from 'globals'
import reactHooks from 'eslint-plugin-react-hooks'
import reactRefresh from 'eslint-plugin-react-refresh'
import tseslint from 'typescript-eslint'
import { defineConfig, globalIgnores } from 'eslint/config'
export default defineConfig([
globalIgnores(['dist']),
{
files: ['**/*.{ts,tsx}'],
extends: [
js.configs.recommended,
tseslint.configs.recommended,
reactHooks.configs.flat.recommended,
reactRefresh.configs.vite,
],
languageOptions: {
ecmaVersion: 2020,
globals: globals.browser,
},
},
])

13
web/index.html Normal file
View File

@ -0,0 +1,13 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>web</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>

37
web/package.json Normal file
View File

@ -0,0 +1,37 @@
{
"name": "@idle-economy/web",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "tsc -b && vite build",
"lint": "eslint .",
"preview": "vite preview"
},
"dependencies": {
"@idle-economy/engine": "*",
"mobx": "^6.15.0",
"mobx-react-lite": "^4.1.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"sass": "^1.97.3"
},
"devDependencies": {
"@eslint/js": "^9.39.1",
"@types/node": "^24.10.1",
"@types/react": "^19.2.7",
"@types/react-dom": "^19.2.3",
"@vitejs/plugin-react": "^5.1.1",
"eslint": "^9.39.1",
"eslint-plugin-react-hooks": "^7.0.1",
"eslint-plugin-react-refresh": "^0.4.24",
"globals": "^16.5.0",
"typescript": "~5.9.3",
"typescript-eslint": "^8.48.0",
"vite": "^8.0.0-beta.14"
},
"overrides": {
"vite": "^8.0.0-beta.14"
}
}

1
web/public/vite.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

42
web/src/App.scss Normal file
View File

@ -0,0 +1,42 @@
// #root {
// max-width: 1280px;
// margin: 0 auto;
// padding: 2rem;
// text-align: center;
// }
// .logo {
// height: 6em;
// padding: 1.5em;
// will-change: filter;
// transition: filter 300ms;
// }
// .logo:hover {
// filter: drop-shadow(0 0 2em #646cffaa);
// }
// .logo.react:hover {
// filter: drop-shadow(0 0 2em #61dafbaa);
// }
// @keyframes logo-spin {
// from {
// transform: rotate(0deg);
// }
// to {
// transform: rotate(360deg);
// }
// }
// @media (prefers-reduced-motion: no-preference) {
// a:nth-of-type(2) .logo {
// animation: logo-spin infinite 20s linear;
// }
// }
// .card {
// padding: 2em;
// }
// .read-the-docs {
// color: #888;
// }

49
web/src/App.tsx Normal file
View File

@ -0,0 +1,49 @@
import { observer } from 'mobx-react-lite';
import { root } from './state/Root';
import { Page } from './Page';
import './App.scss'
function now(): number {
return (performance.now() + performance.timeOrigin) / 1000;
}
const gameLoop = function () {
let lastTime = now();
function loop() {
const nowTime = now();
const deltaTime = nowTime - lastTime;
lastTime = now();
// console.log('loop tick ' + deltaTime);
root.tick(deltaTime);
requestAnimationFrame(loop);
}
requestAnimationFrame(loop);
}
gameLoop();
export const App = observer(function () {
function handleTickClick(): void {
root.tick(1/60);
}
// useEffect(() => {
// gameLoop();
// }, []);
return (
<>
<Page />
{/* <button onClick={handleTickClick}>tick</button> */}
</>
)
});

35
web/src/Page.tsx Normal file
View File

@ -0,0 +1,35 @@
import { type ResourceGenerator } from "@idle-economy/engine";
import { observer } from "mobx-react-lite";
import { root } from "./state/Root";
import { ResourcesView } from "./ResourcesView";
import { ProgressView } from "./ProgressView";
export const Page = observer(function () {
function handleGeneratorUpgradeClick(generator: ResourceGenerator): void {
generator.upgrade();
}
return (<>
<div>Resources: <ResourcesView resources={root.resources.toObject()} /></div>
<div>
{
root.generators.filter((gen) => gen.isVisible).map((gen) => (<button className={`generator ${gen.rule.name}`} key={gen.rule.name} disabled={!gen.isOpen} onClick={() => handleGeneratorUpgradeClick(gen)}>
<div className="name">{gen.rule.name}</div>
<div>LEVEL {gen.level}</div>
<div>+<ResourcesView resources={gen.generation.toObject()} /></div>
{/* <div>+<ResourcesView resources={gen.generation.toObject()} /> / {gen.period} sec</div> */}
<div><ProgressView period={gen.period} progress={gen.progress} /></div>
{
true
? <div>{gen.level} {gen.level + 1} for <ResourcesView resources={gen.openPrice.toObject()} /></div>
: <></>
}
</button>))
}
</div>
</>)
});

26
web/src/ProgressView.tsx Normal file
View File

@ -0,0 +1,26 @@
import { observer } from "mobx-react-lite";
type Props = {
progress: number,
period: number,
}
export const ProgressView = observer(function (props: Props) {
return (
<>
{/* <div>{formatNumber(props.progress)} / {formatNumber(props.period)}</div> */}
<div
className="progressBar"
style={{
backgroundColor: '#ffffff',
width: `${props.period === 0 ? 0 : props.progress / props.period * 100}%`,
fontSize: '0.1px',
margin: '8px 0px',
minHeight: '0.25rem',
borderRadius: '4px',
boxSizing: 'border-box',
}}
>&nbsp;</div>
</>
);
});

18
web/src/ResourcesView.tsx Normal file
View File

@ -0,0 +1,18 @@
import type { PartialResources } from "@idle-economy/engine";
import { formatNumber } from "./tools/format";
type Props = {
resources: PartialResources,
}
export const ResourcesView = function (props: Props) {
return (
<>
<span className="resources">
{
Object.entries(props.resources).map(([res, value]) => <span style={{ color: res }}>{formatNumber(value)}</span>)
}
</span>
</>
);
};

1
web/src/assets/react.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

126
web/src/index.scss Normal file
View File

@ -0,0 +1,126 @@
:root {
font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5;
font-weight: 400;
font-size: 14pt;
color-scheme: light dark;
color: rgba(255, 255, 255, 0.87);
background-color: #242424;
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*
a {
font-weight: 500;
color: #646cff;
text-decoration: inherit;
}
a:hover {
color: #535bf2;
}
body {
margin: 0;
display: flex;
place-items: center;
min-width: 320px;
min-height: 100vh;
}
h1 {
font-size: 3.2em;
line-height: 1.1;
}
button {
border-radius: 8px;
border: 1px solid transparent;
padding: 0.6em 1.2em;
font-size: 1em;
font-weight: 500;
font-family: inherit;
background-color: #1a1a1a;
cursor: pointer;
transition: border-color 0.25s;
}
button:hover {
border-color: #646cff;
}
button:focus,
button:focus-visible {
outline: 4px auto -webkit-focus-ring-color;
}
@media (prefers-color-scheme: light) {
:root {
color: #213547;
background-color: #ffffff;
}
a:hover {
color: #747bff;
}
button {
background-color: #f9f9f9;
}
} */
.generator {
margin: 1rem;
padding: 0.5rem 1rem;
background-color: #1a1a1a;
border: 1px solid transparent;
border-radius: 4px;
& .name {
display: none;
}
&:disabled {
opacity: 0.5;
}
&:hover {
box-shadow: 0px 0px 8px #ffffff40;
// border-width: 1px;
}
&.red {
background-color: #ff000030;
border-color: #ff000040;
}
&.orange {
background-color: #ff600030;
border-color: #ff600040;
}
&.yellow {
background-color: #ffff0030;
border-color: #ffff0040;
}
&.blue {
background-color: #0000ff30;
border-color: #0000ffa0;
}
&.green {
background-color: #00800030;
border-color: #00800080;
}
&.cyan {
background-color: #00808030;
border-color: #00808080;
}
&.violet {
background-color: #ff00ff30;
border-color: #ff00ff80;
}
}

11
web/src/main.tsx Normal file
View File

@ -0,0 +1,11 @@
import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { App } from './App.tsx'
import './index.scss'
createRoot(document.getElementById('root')!).render(
<StrictMode>
<App />
</StrictMode>,
)

28
web/src/state/Root.ts Normal file
View File

@ -0,0 +1,28 @@
import { makeGame, ResourceGenerator, ResourceSet } from "@idle-economy/engine";
import { makeAutoObservable } from "mobx";
export class Root {
private readonly game = makeGame();
public resources: ResourceSet = new ResourceSet();
public generators: ResourceGenerator[] = [];
constructor() {
this.copyGame();
makeAutoObservable(this);
}
public tick(deltaTime: number): void {
Array.from(this.game.tick(deltaTime));
this.copyGame();
}
private copyGame(): void {
this.resources = this.game.resources;
this.generators = this.game.generators;
}
}
export const root = new Root();

3
web/src/tools/format.ts Normal file
View File

@ -0,0 +1,3 @@
export function formatNumber(value: number): string {
return (Math.round(value * 10 ** 2) / 10 ** 2).toPrecision(2);
}

28
web/tsconfig.app.json Normal file
View File

@ -0,0 +1,28 @@
{
"compilerOptions": {
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
"target": "ES2022",
"useDefineForClassFields": true,
"lib": ["ES2022", "DOM", "DOM.Iterable"],
"module": "ESNext",
"types": ["vite/client"],
"skipLibCheck": true,
/* Bundler mode */
"moduleResolution": "bundler",
"allowImportingTsExtensions": true,
"verbatimModuleSyntax": true,
"moduleDetection": "force",
"noEmit": true,
"jsx": "react-jsx",
/* Linting */
"strict": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"erasableSyntaxOnly": true,
"noFallthroughCasesInSwitch": true,
"noUncheckedSideEffectImports": true
},
"include": ["src"]
}

7
web/tsconfig.json Normal file
View File

@ -0,0 +1,7 @@
{
"files": [],
"references": [
{ "path": "./tsconfig.app.json" },
{ "path": "./tsconfig.node.json" }
]
}

26
web/tsconfig.node.json Normal file
View File

@ -0,0 +1,26 @@
{
"compilerOptions": {
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
"target": "ES2023",
"lib": ["ES2023"],
"module": "ESNext",
"types": ["node"],
"skipLibCheck": true,
/* Bundler mode */
"moduleResolution": "bundler",
"allowImportingTsExtensions": true,
"verbatimModuleSyntax": true,
"moduleDetection": "force",
"noEmit": true,
/* Linting */
"strict": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"erasableSyntaxOnly": true,
"noFallthroughCasesInSwitch": true,
"noUncheckedSideEffectImports": true
},
"include": ["vite.config.ts"]
}

7
web/vite.config.ts Normal file
View File

@ -0,0 +1,7 @@
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
// https://vite.dev/config/
export default defineConfig({
plugins: [react()],
})