@cosmicdrift/kumiko-renderer 0.34.1 → 0.34.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-renderer",
-  "version": "0.34.1",
+  "version": "0.34.2",
   "description": "Platform-agnostic React renderer for Kumiko screens. Contains the shared logic — primitives-contract, hooks, KumikoScreen, navigation & SSE abstractions — that any platform-specific renderer (web, native) composes. No DOM, no EventSource, no react-dom.",
   "license": "BUSL-1.1",
   "author": "Marc Frost <marc@cosmicdriftgamestudio.com>",

package/src/app/extension-sections.tsx

@@ -29,6 +29,11 @@ export function extensionSectionName(component: PlatformComponent): string | und
 export type ExtensionSectionProps = {
   readonly entityName: string;
   readonly entityId: string | null;
+  /** Bereits gespeicherte Extension-Werte der Entity (aus der geladenen
+   *  detail-row durchgereicht). `undefined` im Create-Mode oder wenn der
+   *  Host-Screen keine Werte liefert. Erlaubt der Section, den Bestand
+   *  beim Edit anzuzeigen statt write-only zu sein. */
+  readonly initialValues?: Readonly<Record<string, unknown>>;
 };
 
 export type ExtensionSectionComponent = ComponentType<ExtensionSectionProps>;

package/src/app/kumiko-screen.tsx

@@ -421,6 +421,15 @@ function EntityEditUpdateForm({
     return out as FormValues;
   }, [entity.fields, record]);
 
+  // Extension-Werte (z.B. customFields-jsonb) an extension-sections geben,
+  // damit sie beim Edit den Bestand zeigen statt write-only zu sein.
+  const extensionInitialValues = useMemo((): Readonly<Record<string, unknown>> | undefined => {
+    const cf = record["customFields"];
+    return cf !== null && typeof cf === "object" && !Array.isArray(cf)
+      ? (cf as Record<string, unknown>)
+      : undefined;
+  }, [record]);
+
   const writeCommand = entityWriteCommand(schema.featureName, screen.entity, "update");
   const deleteCommand = entityWriteCommand(schema.featureName, screen.entity, "delete");
   const buildPayload = useMemo(
@@ -456,6 +465,9 @@ function EntityEditUpdateForm({
       // Update-Form lässt `id` bewusst aus den Form-values, daher braucht
       // die Section die id explizit — sonst create-mode trotz Edit.
       entityId={entityId}
+      // customFields-Bestand an die extension-section, damit sie beim Edit
+      // die gespeicherten Werte zeigt (nicht write-only).
+      extensionInitialValues={extensionInitialValues}
       writeCommand={writeCommand}
       payloadMode="changes"
       buildPayload={buildPayload}

package/src/components/render-edit.tsx

@@ -42,6 +42,10 @@ export type RenderEditProps<TValues extends FormValues, TCtx = unknown> = {
    *  die Section bliebe dann fälschlich im create-mode. Weglassen
    *  (undefined) = create-mode / kein extension-Kontext (vm.id-Fallback). */
   readonly entityId?: string | null;
+  /** Bereits gespeicherte Extension-Werte (z.B. `record.customFields`) für
+   *  extension-section-Mounts. Erlaubt der Section, den Bestand beim Edit
+   *  anzuzeigen. Nur der Update-Body liefert das. */
+  readonly extensionInitialValues?: Readonly<Record<string, unknown>>;
   /** Standard single-write Submit-Pfad. Ignoriert wenn `customSubmit`
    *  gesetzt ist (configEdit-Screens dispatchen mehrere Writes pro
    *  Submit, da macht writeCommand keinen Sinn). */
@@ -118,10 +122,12 @@ function ExtensionSectionMount({
   section,
   entityName,
   entityId,
+  initialValues,
 }: {
   readonly section: EditExtensionSectionViewModel;
   readonly entityName: string;
   readonly entityId: string | null;
+  readonly initialValues?: Readonly<Record<string, unknown>>;
 }): ReactNode {
   const { Banner, Section, Text } = usePrimitives();
   const name = extensionSectionName(section.component);
@@ -145,7 +151,7 @@ function ExtensionSectionMount({
   }
   return (
     <Section title={section.title} testId={`section-extension-${section.title}`}>
-      <Component entityName={entityName} entityId={entityId} />
+      <Component entityName={entityName} entityId={entityId} initialValues={initialValues} />
     </Section>
   );
 }
@@ -171,6 +177,7 @@ export function RenderEdit<TValues extends FormValues, TCtx = unknown>(
     submitLabel,
     fieldAppendix,
     entityId: entityIdProp,
+    extensionInitialValues,
   } = props;
   const { customSubmit } = props;
   // Translate-Fallback: wenn der Caller keine Translate-Fn übergibt,
@@ -331,6 +338,7 @@ export function RenderEdit<TValues extends FormValues, TCtx = unknown>(
               section={section}
               entityName={vm.entityName}
               entityId={entityIdProp !== undefined ? entityIdProp : vm.id}
+              initialValues={extensionInitialValues}
             />
           );
         }