@cosmicdrift/kumiko-renderer-web 0.40.1 → 0.42.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cosmicdrift/kumiko-renderer-web",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.42.0",
|
|
4
4
|
"description": "Web-platform bindings for @cosmicdrift/kumiko-renderer. HTML default-primitives, browser history-based navigation, EventSource-backed live events, and a one-call createKumikoApp that mounts the whole stack via react-dom.",
|
|
5
5
|
"license": "BUSL-1.1",
|
|
6
6
|
"author": "Marc Frost <marc@cosmicdriftgamestudio.com>",
|
|
@@ -16,9 +16,9 @@
|
|
|
16
16
|
"./styles.css": "./src/styles.css"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@cosmicdrift/kumiko-dispatcher-live": "0.
|
|
20
|
-
"@cosmicdrift/kumiko-headless": "0.
|
|
21
|
-
"@cosmicdrift/kumiko-renderer": "0.
|
|
19
|
+
"@cosmicdrift/kumiko-dispatcher-live": "0.40.1",
|
|
20
|
+
"@cosmicdrift/kumiko-headless": "0.40.1",
|
|
21
|
+
"@cosmicdrift/kumiko-renderer": "0.40.1",
|
|
22
22
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
23
23
|
"@radix-ui/react-dropdown-menu": "^2.1.16",
|
|
24
24
|
"@radix-ui/react-label": "^2.1.8",
|
|
@@ -1553,3 +1553,126 @@ describe("KumikoScreen", () => {
|
|
|
1553
1553
|
expect(navigateCalls[0]).toEqual({ screenId: "task-edit" });
|
|
1554
1554
|
});
|
|
1555
1555
|
});
|
|
1556
|
+
|
|
1557
|
+
// --- update-only entityEdit (allowCreate / allowDelete, Wave J) ---
|
|
1558
|
+
// Lifecycle-Entities (incident: Create über incident:open, kein CRUD-delete)
|
|
1559
|
+
// brauchen einen Edit-Screen OHNE die CRUD-Annahmen — sonst rendert die
|
|
1560
|
+
// Liste einen „+ Neu"-Button in einen Create-Branch, dessen Submit gegen
|
|
1561
|
+
// einen nicht registrierten <entity>:create-Handler liefe, und das
|
|
1562
|
+
// Update-Form einen Delete-Button gegen einen fehlenden delete-Handler.
|
|
1563
|
+
describe("KumikoScreen: update-only entityEdit (allowCreate/allowDelete)", () => {
|
|
1564
|
+
const updateOnlyEdit: EntityEditScreenDefinition = {
|
|
1565
|
+
id: "task-edit",
|
|
1566
|
+
type: "entityEdit",
|
|
1567
|
+
entity: "task",
|
|
1568
|
+
allowCreate: false,
|
|
1569
|
+
allowDelete: false,
|
|
1570
|
+
layout: { sections: [{ title: "Basics", fields: ["title"] }] },
|
|
1571
|
+
};
|
|
1572
|
+
const updateOnlySchema: FeatureSchema = {
|
|
1573
|
+
featureName: "tasks",
|
|
1574
|
+
entities: { task: taskEntity },
|
|
1575
|
+
screens: [updateOnlyEdit, listScreen],
|
|
1576
|
+
};
|
|
1577
|
+
|
|
1578
|
+
test("allowDelete:false → update-mode rendert keinen Delete-Button", async () => {
|
|
1579
|
+
const dispatcher = makeDispatcher({
|
|
1580
|
+
query: (async () => ({
|
|
1581
|
+
isSuccess: true,
|
|
1582
|
+
data: { id: "task-1", version: 3, title: "loaded", count: 0, done: false },
|
|
1583
|
+
})) as unknown as Dispatcher["query"],
|
|
1584
|
+
});
|
|
1585
|
+
render(
|
|
1586
|
+
<DispatcherProvider dispatcher={dispatcher}>
|
|
1587
|
+
<KumikoScreen schema={updateOnlySchema} qn="tasks:screen:task-edit" entityId="task-1" />
|
|
1588
|
+
</DispatcherProvider>,
|
|
1589
|
+
);
|
|
1590
|
+
await waitFor(() => expect(screen.queryByTestId("kumiko-screen-loading")).toBeNull());
|
|
1591
|
+
expect(screen.getByTestId("render-edit-form")).toBeTruthy();
|
|
1592
|
+
expect(screen.queryByTestId("render-edit-delete")).toBeNull();
|
|
1593
|
+
});
|
|
1594
|
+
|
|
1595
|
+
test("allowCreate:false → entityList rendert keinen automatischen + Neu-Button", async () => {
|
|
1596
|
+
const dispatcher = makeDispatcher({
|
|
1597
|
+
query: (async () => ({
|
|
1598
|
+
isSuccess: true,
|
|
1599
|
+
data: { rows: [], nextCursor: null },
|
|
1600
|
+
})) as unknown as Dispatcher["query"],
|
|
1601
|
+
});
|
|
1602
|
+
render(
|
|
1603
|
+
<DispatcherProvider dispatcher={dispatcher}>
|
|
1604
|
+
<KumikoScreen schema={updateOnlySchema} qn="tasks:screen:task-list" />
|
|
1605
|
+
</DispatcherProvider>,
|
|
1606
|
+
);
|
|
1607
|
+
await waitFor(() => expect(screen.queryByTestId("kumiko-screen-loading")).toBeNull());
|
|
1608
|
+
expect(screen.queryByTestId("render-list-create")).toBeNull();
|
|
1609
|
+
});
|
|
1610
|
+
|
|
1611
|
+
test("allowCreate:false → Aufruf ohne entityId zeigt Fehler-Banner statt Create-Form", () => {
|
|
1612
|
+
render(
|
|
1613
|
+
<DispatcherProvider dispatcher={makeDispatcher()}>
|
|
1614
|
+
<KumikoScreen schema={updateOnlySchema} qn="tasks:screen:task-edit" />
|
|
1615
|
+
</DispatcherProvider>,
|
|
1616
|
+
);
|
|
1617
|
+
expect(screen.getByTestId("kumiko-screen-create-disabled")).toBeTruthy();
|
|
1618
|
+
expect(screen.queryByTestId("render-edit-form")).toBeNull();
|
|
1619
|
+
});
|
|
1620
|
+
});
|
|
1621
|
+
|
|
1622
|
+
// --- actionForm extension-section (Wave J: Incident-Update-Timeline) ---
|
|
1623
|
+
// actionForm hat keinen record — Extension-Sections bekommen stattdessen
|
|
1624
|
+
// die initialen Form-Values (inkl. searchParams-Prefill) als initialValues.
|
|
1625
|
+
// Ohne den Durchgriff bliebe eine Kontext-Section (z.B. Update-Timeline,
|
|
1626
|
+
// die ?incidentId liest) blind.
|
|
1627
|
+
describe("KumikoScreen: actionForm extension-section", () => {
|
|
1628
|
+
test("extension-section erhält initialValues inkl. searchParams-Prefill", async () => {
|
|
1629
|
+
const actionScreen: ActionFormScreenDefinition = {
|
|
1630
|
+
id: "post-update",
|
|
1631
|
+
type: "actionForm",
|
|
1632
|
+
handler: "tasks:write:task:post-update",
|
|
1633
|
+
fields: {
|
|
1634
|
+
incidentId: { type: "text", required: true },
|
|
1635
|
+
body: { type: "text", required: true },
|
|
1636
|
+
},
|
|
1637
|
+
layout: {
|
|
1638
|
+
sections: [
|
|
1639
|
+
{
|
|
1640
|
+
kind: "extension",
|
|
1641
|
+
title: "Timeline",
|
|
1642
|
+
component: { react: { __component: "UpdateTimeline" } },
|
|
1643
|
+
},
|
|
1644
|
+
{ title: "Update", fields: ["incidentId", "body"] },
|
|
1645
|
+
],
|
|
1646
|
+
},
|
|
1647
|
+
};
|
|
1648
|
+
const UpdateTimeline = ({
|
|
1649
|
+
initialValues,
|
|
1650
|
+
}: {
|
|
1651
|
+
initialValues?: Readonly<Record<string, unknown>>;
|
|
1652
|
+
}) => (
|
|
1653
|
+
<div data-testid="update-timeline">{String(initialValues?.["incidentId"] ?? "(none)")}</div>
|
|
1654
|
+
);
|
|
1655
|
+
const memoryNav = {
|
|
1656
|
+
route: { screenId: "post-update" },
|
|
1657
|
+
navigate: () => undefined,
|
|
1658
|
+
replace: () => undefined,
|
|
1659
|
+
hrefFor: (t: { screenId: string }) => `/${t.screenId}`,
|
|
1660
|
+
searchParams: { incidentId: "inc-7" },
|
|
1661
|
+
setSearchParams: () => undefined,
|
|
1662
|
+
};
|
|
1663
|
+
const { NavProvider } = await import("@cosmicdrift/kumiko-renderer");
|
|
1664
|
+
render(
|
|
1665
|
+
<NavProvider value={memoryNav}>
|
|
1666
|
+
<DispatcherProvider dispatcher={makeDispatcher()}>
|
|
1667
|
+
<ExtensionSectionsProvider value={{ UpdateTimeline }}>
|
|
1668
|
+
<KumikoScreen
|
|
1669
|
+
schema={{ ...schema, screens: [actionScreen] }}
|
|
1670
|
+
qn="tasks:screen:post-update"
|
|
1671
|
+
/>
|
|
1672
|
+
</ExtensionSectionsProvider>
|
|
1673
|
+
</DispatcherProvider>
|
|
1674
|
+
</NavProvider>,
|
|
1675
|
+
);
|
|
1676
|
+
expect(screen.getByTestId("update-timeline").textContent).toBe("inc-7");
|
|
1677
|
+
});
|
|
1678
|
+
});
|