Same page, two bookmarks
Look up one character on a normal wiki and the sidebar tells you who dies and
who betrays whom. Here you set a bookmark, and every entry after it is under
fog.
| Bookmark at episode 45 | Bookmark at episode 650 |
|---|
| |
A link can set the bookmark too. Add ?ep=650 for an episode, ?s=2&ep=3 for
an episode in a season, or ?ch=1044 for a chapter to a series page. Links on
the root, legal and privacy pages set no bookmark. The link replaces the
bookmark you had, so a link from someone further ahead can open entries you have
not reached.
Hidden entries never reach the browser
The fog is not a blur over the full page. Ask the live site for a character you
have not met yet, with no bookmark set:
curl -s https://zerospoiler.app/one-piece/en/characters/trafalgar-law \
| grep -c 'Trafalgar Law'
# 0
curl -s https://zerospoiler.app/one-piece/en/characters/trafalgar-law \
| grep -o '<title>[^<]*</title>'
# <title>A character under fog | Zero Spoiler</title>
With Cookie: zs_one-piece=650 the title is the name. The server reads the
bookmark before it builds the page. An entry you have not reached is sent as its
kind, two thresholds and an opaque handle, with no name, no id and no text:
flowchart LR
A["Request + zs_one-piece cookie"] --> B["Loader calls a server function"]
B --> C["reveal(bookmark).sees() per record, on the server"]
C --> D["Revealed records, in the route's locale"]
C --> E["Covered records: two thresholds and an opaque handle"]
D --> F["HTML, and a payload with nothing else in it"]
E --> F
The one exception is the landing page for a visitor with no bookmark. It carries
the series’ introduction, East Blue or the Hunter Exam, so its dial can open and
cover those entries in the browser, and nothing past it.
The archive is never compiled into the client bundle, and a build gate fails if
any of it gets there. Search, drawings and links follow the same rule. The full
design is in docs/architecture.md.
What's inside
One Piece has 500+ characters, 120+ devil fruits and about 40 places, from the
first episode to the latest arc. Hunter x Hunter currently covers the road to
the exam and its first two phases, with 15+ characters and six places. Both
series are available in Italian and English. Every entry has its own line
drawing made for this project, and some are redrawn from the episode the story
changes them. There is no official artwork.
| |
|---|
| The landing page: the arc you are in, and what just happened. | Characters: each one with its own crest. |
| Devil fruits: grouped by type, in the order the story names them. | The bookmark dialog: three ways to say where you are. |
Run it
Node 24.21 and npm 12.2, as set in .nvmrc and packageManager.
nvm use
npm install
npm run dev # http://localhost:3000
npm run check # everything CI runs: types, lint, format, tests, build, gates
Contribute
The most useful contributions need no code:
- A wrong episode or chapter. An entry that opens too early is a spoiler,
the one bug this project cannot ship. Open a
content issue
with a source.
- A redrawing. Some characters change during the story, and their drawing
should change with them. Each one is a
good first issue
with a checklist.
- Stories, places and devil fruits that the wiki does not have yet.
CONTRIBUTING.md covers setup, checks, sources and pull
requests, with links to the relevant guides.
Stack
React 19 · TanStack Start (SSR) · StyleX · TypeScript strict · Vite · Vitest ·
Cloudflare Workers. Six runtime dependencies, each pinned to an exact version.
Built with Claude Code
This project was built in agentic sessions with
Claude Code. The checks came first: a
type-aware lint of over a thousand rules, tests that scan every text for names
the reader has not reached, a production build and three blocking gates. Code
from a person or an agent is accepted by those checks, not on trust, and copy
from either follows the same
tone-of-voice skill.
License
MIT © 2026 Cosimo Chellini, for the software and original technical
documentation; LICENSE-SCOPE.md says what it leaves out.
This is an unofficial fan project, not endorsed by the rights holders of One
Piece or Hunter x Hunter. Credits, the rights contact, privacy and sources are
on the legal page.
