La ville du code

Quartier d'entrée, place de la table de routage, tour de l'arbre d'état, couche de requêtes et cache à deux niveaux : chaque bâtiment ouvre une note de conception, et la tour liste ses dépendants.

Essayer Kimi Build Découvrir les avantages de l’abonnement

Codebase City

github.com/acme/console

39 — files
11,330 — lines
65 — dependencies

src/ — 142
main.ts — 142
src/app/ — 748
shell.ts — 388
router.ts — 264
routes.ts — 96
src/core/ — 1538
store.ts — 512
event.ts — 186
log.ts — 124
http.ts — 342
retry.ts — 98
cache.ts — 276
src/render/ — 2022
scene.ts — 820
shader.ts — 604
uniforms.ts — 188
camera.ts — 246
picking.ts — 164
src/ui/ — 1720
layout.ts — 298
tokens.ts — 132
table.ts — 466
chart.ts — 534
dialog.ts — 178
toast.ts — 112
src/views/ — 996
home.ts — 352
detail.ts — 428
settings.ts — 216
server/ — 2050
index.ts — 186
routes.ts — 396
handlers.ts — 612
auth.ts — 288
db.ts — 344
schema.ts — 224
workers/ — 826
ingest.ts — 412
report.ts — 266
cleanup.ts — 148
tests/ — 960
store.test.ts — 284
http.test.ts — 198
render.test.ts — 156
api.test.ts — 322
docs/ — 328
architecture.md — 186
runbook.md — 142

REPO / OVERVIEW

src/

server/

workers/

tests/

docs/

Building height = lines of code · moving points = import direction

Height = LOCHeight = dependents

Dependency flowHatchingOrbit

−100%＋

Reset

WebGL is unavailable on this device.
The repository tree and file details remain available.

Loading preview...

Commencer avec ce prompt

Une visite guidée qui représente un dépôt de code comme une ville : point d'entrée, table de routage, arbre d'état, couche de requêtes et cache, avec une annotation sur chaque bâtiment.

Ajouter les trajectoires des dépendances

L'ouverture de la tour de l'arbre d'état affiche désormais, par-dessus la liste des dépendants, des trajectoires aériennes en provenance de chaque bâtiment appelant, afin de voir d'un coup d'œil qui s'appuie sur la tour.

Essayer Kimi Build

Créez une page de visite guidée intitulée La ville du code, qui représente un dépôt de code sous la forme d'un plan de ville. Le quartier d'entrée ne fait que trois choses : il crée la structure de l'application et enregistre un routeur minimal. La place de la table de routage est le seul endroit où ajouter de nouvelles pages. La plus haute tour de la ligne d'horizon est le module dont dépend le plus grand nombre d'éléments dans tout le dépôt : un arbre d'état auquel on peut s'abonner ; un clic dessus affiche la liste de ses dépendants. Autour de la tour se trouvent un petit kiosque de publication-abonnement, une tour de journalisation structurée, un immeuble dédié à la couche de requêtes qui gère les délais d'attente, les nouvelles tentatives et les annulations avec reprise exponentielle et gigue, ainsi qu'un quartier de cache à deux niveaux combinant mémoire et persistance avec invalidation par balises. Chaque bâtiment de la carte peut être ouvert pour lire une courte annotation expliquant les choix de conception, afin que l'intention de chaque quartier soit inscrite directement sur le dessin. Donnez à toute la ville un style de plan technique d'ingénierie épuré. Page statique dans un seul fichier.

Passer en vue nocturne

Toute la carte de la ville passe à un plan nocturne sombre, et les fenêtres du quartier d'entrée, de la tour de l'arbre d'état et des autres bâtiments s'illuminent d'une lumière de code.

Essayer Kimi Build

Créez une page de visite guidée intitulée La ville du code, qui représente un dépôt de code sous la forme d'un plan de ville. Le quartier d'entrée ne fait que trois choses : il crée la structure de l'application et enregistre un routeur minimal. La place de la table de routage est le seul endroit où ajouter de nouvelles pages. La plus haute tour de la ligne d'horizon est le module dont dépend le plus grand nombre d'éléments dans tout le dépôt : un arbre d'état auquel on peut s'abonner ; un clic dessus affiche la liste de ses dépendants. Autour de la tour se trouvent un petit kiosque de publication-abonnement, une tour de journalisation structurée, un immeuble dédié à la couche de requêtes qui gère les délais d'attente, les nouvelles tentatives et les annulations avec reprise exponentielle et gigue, ainsi qu'un quartier de cache à deux niveaux combinant mémoire et persistance avec invalidation par balises. Chaque bâtiment de la carte peut être ouvert pour lire une courte annotation expliquant les choix de conception, afin que l'intention de chaque quartier soit inscrite directement sur le dessin. Donnez à toute la ville un style de plan technique d'ingénierie épuré, comme un plan technique. Page statique dans un seul fichier.

Ajouter une visite pour les nouveaux arrivants

Au-delà des annotations de chaque bâtiment, un parcours de visite de dix minutes, dans l'ordre d'intégration, guide les nouveaux arrivants depuis le quartier d'entrée à travers toute la ville du code.

Essayer Kimi Build

Créez une page de visite guidée intitulée La ville du code, qui représente un dépôt de code sous la forme d'un plan de ville. Le quartier d'entrée ne fait que trois choses : il crée la structure de l'application et enregistre un routeur minimal. La place de la table de routage est le seul endroit où ajouter de nouvelles pages. La plus haute tour de la ligne d'horizon est le module dont dépend le plus grand nombre d'éléments dans tout le dépôt : un arbre d'état auquel on peut s'abonner ; un clic dessus affiche la liste de ses dépendants. Autour de la tour se trouvent un petit kiosque de publication-abonnement, une tour de journalisation structurée, un immeuble dédié à la couche de requêtes qui gère les délais d'attente, les nouvelles tentatives et les annulations avec reprise exponentielle et gigue, ainsi qu'un quartier de cache à deux niveaux combinant mémoire et persistance avec invalidation par balises. Chaque bâtiment de la carte peut être ouvert pour lire une courte annotation expliquant les choix de conception, afin que l'intention de chaque quartier soit inscrite directement sur le dessin. Donnez à toute la ville un style de plan technique d'ingénierie épuré, comme un plan technique. Page statique dans un seul fichier.