ClintchizandClaude Opus 5
949cf78636
DataTable replaces the 20-line Table scaffold entirely: columns, sorting, filtering, pagination, selection, bulk actions, comparison layout, sticky first column, custom HTML cells, and a remote source driven by a `request` output rather than a function prop (props travel as HTML attributes, so a function arrives as its own source text). Toaster replaces the hand-rolled status div: tone icons, actions, hover pause/resume and a progress bar. Overlays audit -- Modal and Drawer declared aria-modal="true" but nothing ever moved focus into the panel, so the @keydown handler on their root never ran and closeOnEscape did nothing. Focus, focus restore, a Tab trap and a body scroll lock now live in the reactive runtime, shared by both. ContextMenu placed pointer menus by subtracting a guessed 340x420 from the viewport, which pushed every menu that was not that size away from the pointer; it now positions at the pointer and lets the anchored clamp pull it back once it can be measured. The reactive runtime size budget moves 150k -> 175k to cover anchored overlays, dialog behaviour, the toaster and the DataTable client half. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
43 lines
1.4 KiB
TypeScript
43 lines
1.4 KiB
TypeScript
/**
|
|
* `wrnexus eject <name...>` — copy a Wire UI component's `.wrn` source into the
|
|
* app's `app/components/`, so you fully own and can edit it. The auto-discovered
|
|
* library version is shadowed by the app copy (same name → app wins).
|
|
*/
|
|
|
|
import { copyFileSync, existsSync, mkdirSync } from "node:fs";
|
|
import { join, resolve } from "node:path";
|
|
import { uiComponentNames, uiComponentPath } from "@wrnexus/ui/registry";
|
|
|
|
export function runEject(appRoot: string, names: string[]): void {
|
|
const root = resolve(appRoot);
|
|
const dest = join(root, "app", "components");
|
|
const available = uiComponentNames();
|
|
|
|
if (names.length === 0) {
|
|
console.log("Usage: wrnexus eject <name...>\n\nAvailable components:");
|
|
console.log(" " + available.join(", "));
|
|
return;
|
|
}
|
|
|
|
mkdirSync(dest, { recursive: true });
|
|
for (const requestedName of names) {
|
|
const name = available.find(
|
|
(componentName) => componentName.toLowerCase() === requestedName.toLowerCase(),
|
|
);
|
|
|
|
if (!name) {
|
|
console.error(`✗ Unknown component "${requestedName}". Available: ${available.join(", ")}`);
|
|
continue;
|
|
}
|
|
|
|
const src = uiComponentPath(name);
|
|
const out = join(dest, `${name}.wrn`);
|
|
if (existsSync(out)) {
|
|
console.error(`✗ ${name}: app/components/${name}.wrn already exists — skipped`);
|
|
continue;
|
|
}
|
|
copyFileSync(src, out);
|
|
console.log(`✓ Ejected ${name} -> app/components/${name}.wrn`);
|
|
}
|
|
}
|