ClintchizandClaude Opus 5
843db2815f
Three bugs found by driving the dev server rather than reading code: 1. An island used inside a .wrn component still emitted a component mount — only the page and nested-page render paths were covered. 2. Editing an island .tsx never rebuilt in dev. The bundle cache was keyed on source path alone, and page modules are cached after the first request so no compile runs to notice the change. The cache key now includes mtime, and the file watcher rebuilds islands whose .tsx changed. 3. A .wrn cache hit skipped island building entirely, so after a restart with a warm cache no island bundle was ever produced. Island inputs are now persisted beside the other artifacts and rebuilt on a cache hit. The islands manifest is deliberately excluded from the artifact completeness check: only the async compile path writes it, so requiring it made the sync path miss the cache on every call. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
63 lines
2.0 KiB
TypeScript
63 lines
2.0 KiB
TypeScript
import { expect, test } from "bun:test";
|
|
import { parse } from "@wrnexus/syntax";
|
|
import { generate } from "../src/codegen.ts";
|
|
|
|
const SOURCE = `page Home {
|
|
view {
|
|
<Chart title="Revenue" client:visible />
|
|
<Card>plain</Card>
|
|
}
|
|
}`;
|
|
|
|
test("an island tag emits an island marker instead of a component mount", () => {
|
|
const out = generate(parse(SOURCE), { islands: new Set(["Chart"]) });
|
|
|
|
expect(out).toContain("data-wrn-island=");
|
|
expect(out).toContain("Chart");
|
|
expect(out).toContain('data-wrn-island-strategy="visible"');
|
|
// Non-island components still mount the normal way.
|
|
expect(out).toContain('data-component="Card"');
|
|
});
|
|
|
|
test("without the island set the same tag stays a normal component", () => {
|
|
const out = generate(parse(SOURCE));
|
|
|
|
expect(out).not.toContain("data-wrn-island=");
|
|
expect(out).toContain('data-component="Chart"');
|
|
});
|
|
|
|
test("island props are serialized into the marker", () => {
|
|
const out = generate(parse(SOURCE), { islands: new Set(["Chart"]) });
|
|
expect(out).toContain("Revenue");
|
|
});
|
|
|
|
test("numeric and boolean island props keep their types through the marker", () => {
|
|
const source = `page Home {
|
|
view { <Chart start={3} live={true} title="Revenue" /> }
|
|
}`;
|
|
const out = generate(parse(source), { islands: new Set(["Chart"]) });
|
|
|
|
expect(out).toContain(""start":3");
|
|
expect(out).toContain(""live":true");
|
|
expect(out).toContain(""title":"Revenue"");
|
|
});
|
|
|
|
test("a runtime expression prop fails the build with WRN-ISLAND-PROPS", () => {
|
|
const source = `page Home {
|
|
state count = 1
|
|
view { <Chart value={count} /> }
|
|
}`;
|
|
expect(() => generate(parse(source), { islands: new Set(["Chart"]) })).toThrow(
|
|
/WRN-ISLAND-PROPS/,
|
|
);
|
|
});
|
|
|
|
test("an island inside a .wrn component also emits a marker", () => {
|
|
const source = `component Panel {
|
|
view { <Chart start={1} /> }
|
|
}`;
|
|
const out = generate(parse(source), { islands: new Set(["Chart"]) });
|
|
expect(out).toContain("data-wrn-island=");
|
|
expect(out).not.toContain('data-component="Chart"');
|
|
});
|