julian.kiedaischandClaude Opus 5.5
eff9433673
Measured first: SheetRun now types into FILIUS' router and home router
panels, records five forwarding tables (holeTabelle) and steps in the
panel's table. Java turns a card address that passes the pattern but not
IP.ipCheck (".0.0.1") into null and the router panel throws; an empty
gateway is marked red yet taken; a refused table cell is stored as null;
a home router's DHCP client leaves its DHCP server running. None of the
nulls is adopted. The core's routeTableRows matches all five tables.
- doc: card addresses (the first card mirrored in the device's settings),
router gateway, RIP, manual routes (a new row once all four cells pass,
a cell, removal); the sheet reads cards with what their cable joins and
the whole table
- editor: Java's tabs (general, each card titled by its address, the
forwarding table greyed out under RIP; general, LAN, WAN on a home
router); the open card's cable drawn active in Java's green
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
30 lines
967 B
TypeScript
30 lines
967 B
TypeScript
// What every part of the device sheet shares: the change of one device by
|
|
// one person, and the device's name.
|
|
|
|
import type * as Y from 'yjs';
|
|
import { renameDevice } from '@mdg-filius/doc';
|
|
import { useTranslate } from '../i18n/i18n.js';
|
|
import { SheetField } from './SheetField.js';
|
|
|
|
export interface Change {
|
|
readonly doc: Y.Doc;
|
|
readonly id: string;
|
|
readonly origin: object;
|
|
/** Runs a change and ends the undo step. */
|
|
readonly run: <T>(change: () => T) => T;
|
|
}
|
|
|
|
export function NameField({ name, change, shown, disabled = false }: { readonly name: string; readonly change: Change; readonly shown?: string; readonly disabled?: boolean }) {
|
|
const t = useTranslate();
|
|
return (
|
|
<SheetField
|
|
name="name"
|
|
label={t('sheet.name')}
|
|
value={shown ?? name}
|
|
rule="name"
|
|
disabled={disabled}
|
|
onCommit={(text) => change.run(() => (renameDevice(change.doc, change.id, text, change.origin), { value: text }))}
|
|
/>
|
|
);
|
|
}
|