Files
feuerwerk/src/ui/widgets/Separator.ts
T
adminandClaude Opus 5 3b039384c4
game-maker / suite (push) Failing after 10m23s
A search that ignores what a thing is called is no search, so the name wins (#43)
Typing "variable" into the node palette landed on `Run behavior`, because the
filter weighed label, type and description alike and then sorted by category.
`searchRank` in `src/ui/search.ts` now ranks a match: exact label or type, then
prefix, then label, then type, and only last a hit that lives in the
description alone. Category and alphabet order within a rank. The searchable
`Menu` uses the same function, so searching means the same thing everywhere.

The `+` menu grew to fifteen entries in declaration order. It is built in two
alphabetical groups now -- the types that go into a scene, then the ones that
stay in the library -- with a separator between them, the split `isPlaceableType`
already draws. `ASSET_TYPES` itself stays untouched: it is also the
serialisation and check order. A search flattens the groups and drops the lines.

Popups were capped at fixed heights (320 menu, 260 palette, 340 pickers) while
the canvas had room to spare. `Popup.roomFor()` measures its own chrome and
takes the window height minus a tenth at each end. Placement clamps
asymmetrically: the bottom margin is enforced, the top is only a budget, so a
menu anchored near the top stays at its button instead of being pushed off it.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-09-15 10:21:20 +02:00

23 lines
608 B
TypeScript

import { Graphics } from 'pixi.js';
import { Theme } from '../Theme';
import { Widget } from '../Widget';
/** A hairline between two groups of entries. Takes no pointer events and answers no search. */
export class Separator extends Widget {
private readonly line = new Graphics();
constructor() {
super();
this.addChild(this.line);
this.minHeight = 5;
this.eventMode = 'none';
}
override redraw(): void {
this.line
.clear()
.rect(Theme.padding, Math.floor(this.h / 2), Math.max(0, this.w - Theme.padding * 2), 1)
.fill({ color: Theme.colors.border });
}
}