adminandClaude Opus 5 fe894c630d Pixel art tools show only useful options and remove any colour (#201) ...

The pixel art side bar showed every tool option all the time, the
palette used only part of the column width and "Remove" could only
drop the last colour. Now each tool shows what it needs, the palette
fills the column and any colour can be removed.

- Options per tool live in toolOptions.ts. Brush shows for pencil,
  eraser, line and unfilled shapes. Filled shapes shows for rectangle
  and ellipse. Contiguous shows for fill. Picker has none.
- All options share one row with a fixed height, so nothing below
  jumps when the tool changes.
- The palette picks its column count from the width and stretches the
  swatches until the row ends flush. At 1280 px that is 11 per row
  instead of 8.
- The colour field takes the space the two buttons leave, so "Remove"
  is no longer cut off.
- "Remove" deletes the selected colour. Pixels of that colour turn
  transparent, later indices move down by one in every image that uses
  the palette, and palette plus images change in one undo step.
  Transparent itself cannot be removed.

Decisions:
- Pixels of a removed colour become transparent, like erasing
  (chosen by the user before the build).

Findings:
- The Filled checkbox slid away under the pointer. The brush button
  sat to its left and vanished when Filled turned on, so the second
  click missed. The brush button now sits to the right, and a check
  clicks the same spot twice.
- One start-up FAIL "debug hook present" came back never in three
  later runs. It is the known start flake.

Tests:
- ./check.sh: 141 files, 2080 tests, exit 0 (before 140 / 2070)
- 10 new unit tests in tests/editor/pixel-palette.test.ts
- GM_STEPS=48 (fresh seed): ALL PASSED, 40 checks, 4 of them new
- Counter-check: indices not shifting and brush always visible make
  4 unit tests and exactly the 2 matching e2e checks fail
- Check total 1282 (1278 + 4) in README and wiki, computed

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

2026-09-22 11:58:31 +02:00

..

annotation-drag.test.ts

Three stores, three importers and three pickers that differ only in their type are one of each (#85)

2026-09-16 17:38:54 +02:00

asset-groups.test.ts

Asset panel grouped by kind with icons: assets are listed under a header per kind (Sprites, Behaviors, ...) with the count on the right, empty groups are not shown, every group starts folded when a project is opened, a click on the header folds and unfolds it, selecting an asset elsewhere unfolds its group and folding the group of the selected asset clears the selection; every asset kind has an SVG icon in src/editor/panels/icons/ drawn before the name, the pure rule for grouping and sorting lives in assetGroups.ts; the same icons replace the kind word in document tabs and the overflow menu (a list icon for the List tab, which also fixes the close x lying over the end of the active tab's text), stand before every entry of the + menu (Button got an icon option) and on the right of scene object rows instead of the type name; the colour swatch next to sprite names is gone from both panels; the SVG loader moved to src/ui/svg.ts for both icon sets; test hook assetRow unfolds the group and scrolls to the row, assetRowShown only reads, new hook menuIcons; e2e 4g and 4h, 14 and 44a check the icons (#176)

2026-09-19 18:36:20 +02:00

asset-menu.test.ts

A search that ignores what a thing is called is no search, so the name wins (#43)

2026-09-15 10:21:20 +02:00

beads.test.ts

Edit the graph during play and watch values and flow run through it

2026-09-11 21:19:07 +02:00

console-log.test.ts

Shaders draw in the sprite's own pass: a Mesh with the graph's fragment, no filter (#77)

2026-09-13 15:31:08 +02:00

documents.test.ts

Tabs are open documents: Scene, Game and Plugins stay as fixed tabs, every other asset opens in its own tab (double click or Enter in the asset panel, on creation, from the list button), several assets of one kind can be open at once, a tab is labelled with its kind dimmed before the name, cut at 160 px and renamed with its asset, closes with its x or a middle click and goes away when its asset is deleted; a tab always shows its own document instead of following the selection, the picker in the tab head is gone, zoom and scroll are kept per document for the session and dropped on close, a double click on a call node stays in the same tab with breadcrumbs per tab; one editor per kind is switched between documents, the placement rules live in the pure module documents.ts, and the test hook showTab stays as a compatibility path; new e2e module 44 documents (#171)

2026-09-19 15:49:54 +02:00

editor-run.test.ts

A game can pause itself and set its own time scale (#167)

2026-09-21 10:27:17 +02:00

font-import.test.ts

Three stores, three importers and three pickers that differ only in their type are one of each (#85)

2026-09-16 17:38:54 +02:00

graph-band-selection.test.ts

A box drawn around a part of the graph is part of it, so a fit frames it and a band catches it (#95)

2026-09-16 14:23:56 +02:00

graph-framing.test.ts

A graph that grew past one screen needs somewhere to say what a part of it is for (#38)

2026-09-16 11:24:34 +02:00

graph-trail.test.ts

Add Get/Set properties nodes and a breadcrumb for opened sub-behaviors

2026-09-11 15:07:07 +02:00

image-grid.test.ts

The tile list in the tilemap section is a palette of pictures: each tile shows its lone tile (the four convex corners for floor and wall, the picture itself for none) with its name below, laid out with the image-picker grid (#139)

2026-09-18 10:15:51 +02:00

list-slot.test.ts

Describe every value kind in one table instead of spreading it over the code

2026-09-12 14:47:17 +02:00

live-variables.test.ts

A shared value belongs to no behavior, so it becomes an asset of its own (#91)

2026-09-14 18:05:36 +02:00

node-selection.test.ts

Pan with the middle button, select several nodes, and fit properly

2026-09-09 14:29:30 +02:00

object-variables.test.ts

A shared value belongs to no behavior, so it becomes an asset of its own (#91)

2026-09-14 18:05:36 +02:00

open-asset.test.ts

Asset panel: double-click opens the tab, single click only selects (#71)

2026-09-13 12:10:21 +02:00

painted-tilemap.test.ts

The tilemap panel gains Fill and Pick: Fill floods the connected cells of the active layer that carry the same tile (edge neighbours only, bounded by the grid) as one undo step, Pick takes the tile of the clicked cell on the active layer, and holding Alt picks while any tool is active (#133)

2026-09-18 12:31:19 +02:00

palette-ranking.test.ts

A search that ignores what a thing is called is no search, so the name wins (#43)

2026-09-15 10:21:20 +02:00

pause.test.ts

Hold a running game, and let the editor run reach into containers

2026-09-09 18:16:28 +02:00

pixel-palette.test.ts

Pixel art tools show only useful options and remove any colour (#201)

2026-09-22 11:58:31 +02:00

plugins.test.ts

Plugins belong to the project, and they load before it: the project file gained the field plugins: ["demo-plugin.js"] (default empty, no formatVersion bump), the Plugins tab's switch writes into it as an ordinary undo step (SetPluginActiveCommand) instead of into a server-wide plugins.json, and the start order is turned around - startPlugins only fetches the list of files, then editor.boot() runs and ProjectStore.load(id, prepare) hands the raw JSON through before it is deserialized, where pluginsOf(raw) reads the list and PluginManager.syncTo() activates exactly those; that is the point of the issue, because what a plugin registers has to stand there before normalizeGraph would throw it away as unknown (#126, #127), a project switch first stops what the new project does not name and then starts what it does, a file the server does not have is passed over silently, and after signing out the manager is dead so a late event cannot start anything in a torn-down session; on the server plugins.json, PluginStore::setActive, isActive, the route PUT ?r=plugins/{file} and the 403 for inactive modules are gone and GET ?r=plugins only answers {file,bytes,updatedAt}, which makes every plugin file fetchable - the consequence accepted in #117, written down in the wiki for #115 and #116; publishPlugins(root) only copies files now, the seeder switches the demo plugin on in the fixture project, and the Plugins tab carries a puzzle piece as its icon while only a plugin's own tab still goes without one (the knob and the socket are cubic curves, not arcs, which Pixi's parser draws as a spike after an L); 3 new e2e checks in module 38 and 5 new unit tests cover the project as the owner of the switch, its undo, the order, pluginsOf against crude input and an unknown file name (#119)

2026-09-20 14:24:27 +02:00

project-settings.test.ts

The topbar is icons only: the leading Project dropdown, the Scene picker and the labelled Play/Pause buttons are gone and in their place stand five icon buttons - menu, undo, redo on the left, play and pause in the middle - while Notice, the save state, fps and the Account menu keep the right side; the Play button swaps its icon for a stop square while the project runs and Pause swaps for a second play sign while it is held (Button.setIcon()), and iconSpace() drops the gap between icon and label when a button has no label, which is what kept a 24 px icon button 3 px off its own centre; the menu carries New project, Open project..., a separator and Project settings..., where the picker (src/editor/OpenProjectDialog.ts) preselects the open project and marks it "open", opens on a double click and puts Delete on the left of Cancel and Open - it closes itself before it asks whether to delete, because two modals on top of each other would have left the question standing over a list it no longer speaks about - and the settings dialog (src/editor/ProjectSettingsDialog.ts) holds the name, the "Play starts" switch (Start scene / Active scene, a preference of this browser and so no command) and the collision layers from #152, which retires CollisionLayersDialog.ts and the "Collision layers..." entry; what Apply actually writes is the pure function settingsChanges(), so renaming and the layers are each their own undo step and each drop out when nothing differs; the Scene dropdown falls away without replacement, the active scene is switched by double clicking it in the Assets panel, which is the way that was there anyway; new module 46 runs last with 9 checks (no label left in the bar, the run buttons in edit mode, the four menu entries, the picker with the open project preselected, Cancel leaving the project standing, the settings dialog on the state of the project, renaming with undo and redo through the icon buttons) and it neither opens nor deletes a project, because that would pull the project out from under every earlier module; modules 8, 18 and 35 and the harness follow the new bar, 6 unit tests cover settingsChanges and 3 the icons (#183)

2026-09-20 16:34:14 +02:00

ring-edit.test.ts

Vector art points have four types and the pen draws whole curves (#195)

2026-09-21 06:51:35 +02:00

saves.test.ts

Variables assets can keep their values from one run to the next (#166)

2026-09-22 10:23:57 +02:00

session-teardown.test.ts

User management: signing in is required before anything is loaded, the sign-in screen is drawn in the same canvas (user name, password as bullets, Enter moves on and submits) and the editor is built only after it; the API gained auth/session, auth/login and auth/logout while every other route answers 401 without a session, projects carry an owner and a foreign one comes back as 404, accounts live in data/users.json with a password hash and sessions as files in data/sessions with a sliding 30 days, so a build under the open tab does not sign anybody out; Logout sits at the far right of the toolbar and, as asked in the issue, does not reload the page: Editor.dispose() takes the editor down while the canvas stays, which is why the autosave, the focus handlers, the window listeners of the tilemap panel, the shortcuts and the plugins all got a way back; the tools sign in as e2e (tools/lib/auth.mjs, password from GAME_MAKER_E2E_PASSWORD or the git-ignored data/e2e-password.txt) and the browser gets the same session by cookie, new e2e module 45 covers the screen, the wrong pair, the bullets, logout without a reload and signing in again, new unit tests for HttpAuthStore and for what a session leaves behind (#177)

2026-09-20 12:50:52 +02:00

shader-preview.test.ts

The shader tab previews the effect on the last picked image (#168)

2026-09-21 08:55:02 +02:00

shape-rows.test.ts

Lists add and delete items right in the list header and rows

2026-09-21 21:18:26 +02:00

sheet-view.test.ts

A frame that keeps its corners can be stretched to any size (#41)

2026-09-16 12:04:09 +02:00

snap-toggle.test.ts

Snap is a magnet button in every graph and vector art tab (#194)

2026-09-21 06:25:56 +02:00

struct-field-edit.test.ts

Shader assets: graph-built shaders, the Shader tab and sprite rows from the graph (#62)

2026-09-12 22:41:14 +02:00

tab-row.test.ts

Tab row: what does not fit goes behind a menu, the active tab always stays (#84)

2026-09-13 22:06:46 +02:00

texture-import.test.ts

Three stores, three importers and three pickers that differ only in their type are one of each (#85)

2026-09-16 17:38:54 +02:00

tile-strip.test.ts

The autotile asset is renamed to tile and gains a plain None (1 × 1) kind, which is now the default; older projects load their autotiles as floor tiles (#131)

2026-09-18 08:01:07 +02:00

tilemap-size-field.test.ts

A placed tilemap grows and shrinks at every edge: the new GRID EDGES block in the inspector adds or removes one column or row at Left, Top, Right or Bottom as one undo step, shifting the cells of all layers and moving the placement through its own matrix so the content stays in place on screen; removed painted cells are kept outside the grid and return when the edge grows again, and the Columns and Rows fields of a placement keep the content in place too (#136)

2026-09-18 13:58:03 +02:00

timeline-view.test.ts

An animation's rows are edited on a timeline: double click sets a key, keys are banded, dragged and deleted, the ruler scrubs (#98)

2026-09-16 20:38:34 +02:00

track-selection.test.ts

An animation's rows are edited on a timeline: double click sets a key, keys are banded, dragged and deleted, the ruler scrubs (#98)

2026-09-16 20:38:34 +02:00

transitions.test.ts

A transition carries a name, so a state needs no visible port (#52)

2026-09-14 14:05:18 +02:00

variable-choices.test.ts

A shared value belongs to no behavior, so it becomes an asset of its own (#91)

2026-09-14 18:05:36 +02:00

variable-rows.test.ts

A shared value belongs to no behavior, so it becomes an asset of its own (#91)

2026-09-14 18:05:36 +02:00