runeforge 0.0.51 → 0.0.52

package/dist/components/crud/GenericCRUD.svelte

@@ -139,10 +139,18 @@
 		activeBulkAction = { action, items };
 	}
 
+	let duplicateSeed = $state<Record<string, unknown> | undefined>(undefined);
+
 	async function navList() {
+		duplicateSeed = undefined;
 		await goto(lastListState.search || '?');
 	}
 	async function navCreate() {
+		duplicateSeed = undefined;
+		await goto('?view=create');
+	}
+	async function navDuplicate(record: Record<string, unknown>) {
+		duplicateSeed = record;
 		await goto('?view=create');
 	}
 	async function navRead(item: T) {
@@ -337,6 +345,7 @@
 		fields={resolvedFields}
 		{creation}
 		{serverError}
+		seed={duplicateSeed}
 		onCancel={navList}
 		onSuccess={navList}
 	/>
@@ -364,6 +373,7 @@
 		onCancel={navList}
 		onSuccess={navList}
 		onContinue={navContinueEdit}
+		onDuplicate={navDuplicate}
 	/>
 {:else}
 	<List

package/dist/components/crud/utils/embedded.d.ts

@@ -1,5 +1,6 @@
 import type { FieldDefinition } from '../../../types/crud.js';
 export declare function seedField<T extends object = Record<string, unknown>>(f: FieldDefinition<T>, raw: unknown): unknown;
 export declare function emptyRecord<T extends object = Record<string, unknown>>(fields: FieldDefinition<T>[]): Record<string, unknown>;
+export declare function seedRecord<T extends object = Record<string, unknown>>(fields: FieldDefinition<T>[], source: Record<string, unknown>): Record<string, unknown>;
 export declare function formatEmbeddedFieldValue<T extends object = Record<string, unknown>>(f: FieldDefinition<T>, raw: unknown): string;
 export declare function defaultItemLabel<T extends object = Record<string, unknown>>(fields: FieldDefinition<T>[], item: Record<string, unknown>): string;

package/dist/components/crud/utils/embedded.js

@@ -26,6 +26,19 @@ export function seedField(f, raw) {
 export function emptyRecord(fields) {
     return Object.fromEntries(fields.map((f) => [f.attribute, seedField(f, f.default)]));
 }
+// Shared by Update.svelte (loading the instance being edited) and Create.svelte
+// (pre-filling a new record from a duplicated instance): builds a draft record
+// from an arbitrary source object, running each field's `seed` resolver
+// (falling back to the source's raw value) through the same seedField
+// normalization as emptyRecord.
+export function seedRecord(fields, source) {
+    const seeded = { ...source };
+    for (const f of fields) {
+        const raw = f.seed ? f.seed(source) : source[f.attribute];
+        seeded[f.attribute] = seedField(f, raw);
+    }
+    return seeded;
+}
 // Shared by defaultItemLabel and the CSV/XLSX export column expansion: renders
 // one sub-field's raw stored value as display text, resolving a select's
 // option label instead of its stored value. Booleans are left to the caller

package/dist/components/crud/views/Create.svelte

@@ -8,7 +8,7 @@
   import { defaultIconSet } from '../../../icons/sets/default.js';
   import { validateAll } from '../utils/validation.js';
   import { groupFields } from '../utils/grouping.js';
-  import { emptyRecord } from '../utils/embedded.js';
+  import { emptyRecord, seedRecord } from '../utils/embedded.js';
   import type { ActionConfiguration, FieldDefinition } from '../../../types/crud.js';
   import { getStrings } from '../../../i18n/context.js';
 
@@ -21,6 +21,7 @@
     fields = [] as FieldDefinition<T>[],
     creation = {} as ActionConfiguration<T>,
     serverError = '',
+    seed = undefined as Record<string, unknown> | undefined,
     onCancel,
     onSuccess,
   }: {
@@ -31,6 +32,9 @@
     fields?: FieldDefinition<T>[];
     creation?: ActionConfiguration<T>;
     serverError?: string;
+    /** Pre-fills the form from another instance's values — used when the
+     * create view is reached via an Update form's "Duplicate" button. */
+    seed?: Record<string, unknown>;
     onCancel?: () => void;
     onSuccess?: () => void;
   } = $props();
@@ -51,7 +55,9 @@
     successTimeout = setTimeout(() => (successMessage = ''), 4000);
   }
 
-  let record = $state<Record<string, unknown>>(untrack(() => emptyRecord(fields)));
+  let record = $state<Record<string, unknown>>(
+    untrack(() => (seed ? seedRecord(fields, seed) : emptyRecord(fields)))
+  );
 
   const groups = $derived(groupFields(fields));
   const hasFileField = $derived(fields.some((f) => f.type === 'file'));

package/dist/components/crud/views/Create.svelte.d.ts

@@ -7,6 +7,9 @@ declare function $$render<T extends object = Record<string, unknown>>(): {
         fields?: FieldDefinition<T>[];
         creation?: ActionConfiguration<T>;
         serverError?: string;
+        /** Pre-fills the form from another instance's values — used when the
+         * create view is reached via an Update form's "Duplicate" button. */
+        seed?: Record<string, unknown>;
         onCancel?: () => void;
         onSuccess?: () => void;
     };

package/dist/components/crud/views/Update.svelte

@@ -8,7 +8,7 @@
   import { defaultIconSet } from '../../../icons/sets/default.js';
   import { validateAll } from '../utils/validation.js';
   import { groupFields } from '../utils/grouping.js';
-  import { seedField } from '../utils/embedded.js';
+  import { seedRecord } from '../utils/embedded.js';
   import type { ActionConfiguration, FieldDefinition } from '../../../types/crud.js';
   import { getStrings } from '../../../i18n/context.js';
 
@@ -26,6 +26,7 @@
     onCancel,
     onSuccess,
     onContinue,
+    onDuplicate,
   }: {
     labelOne?: string;
     labelMany?: string;
@@ -39,6 +40,7 @@
     onCancel?: () => void;
     onSuccess?: () => void;
     onContinue?: () => void;
+    onDuplicate?: (record: Record<string, unknown>) => void;
   } = $props();
 
   const icons = $derived(getIconSet() ?? defaultIconSet);
@@ -47,24 +49,16 @@
   let fieldErrors = $state<Record<string, string>>({});
   let internalError = $state('');
   let continuing = $state(false);
-
-  function seedFromInstance(inst: Record<string, unknown>): Record<string, unknown> {
-    const seeded: Record<string, unknown> = { ...inst };
-    for (const f of fields) {
-      const raw = f.seed ? f.seed(inst) : inst[f.attribute];
-      seeded[f.attribute] = seedField(f, raw);
-    }
-    return seeded;
-  }
+  let duplicating = $state(false);
 
   let record = $state<Record<string, unknown>>(
-    untrack(() => seedFromInstance(instance as Record<string, unknown>))
+    untrack(() => seedRecord(fields, instance as Record<string, unknown>))
   );
 
   $effect(() => {
     const id = (instance as Record<string, unknown>)[idKey];
     if (!id) return;
-    untrack(() => { record = seedFromInstance(instance as Record<string, unknown>); });
+    untrack(() => { record = seedRecord(fields, instance as Record<string, unknown>); });
   });
 
   const groups = $derived(groupFields(fields));
@@ -74,6 +68,10 @@
   const continueLabel = $derived(update.continue?.label ?? strings.saveAndContinue);
   const continueClass = $derived(update.continue?.class ?? '');
 
+  const duplicationEnabled = $derived(update.duplication?.enabled ?? false);
+  const duplicationLabel = $derived(update.duplication?.label ?? strings.duplicate);
+  const duplicationClass = $derived(update.duplication?.class ?? '');
+
   const errorEntries = $derived([
     ...((serverError || internalError) ? [['_global', internalError || serverError] as [string, string]] : []),
     ...Object.entries(fieldErrors),
@@ -123,6 +121,9 @@
           if (continuing) {
             continuing = false;
             onContinue?.();
+          } else if (duplicating) {
+            duplicating = false;
+            onDuplicate?.(record);
           } else {
             onSuccess?.();
           }
@@ -173,17 +174,27 @@
       <Button variant="ghost" onclick={() => onCancel?.()}>
         {strings.cancel}
       </Button>
+      {#if duplicationEnabled}
+        <Button
+          type="submit"
+          variant="warning"
+          class={duplicationClass}
+          onclick={() => { continuing = false; duplicating = true; }}
+        >
+          {duplicationLabel}
+        </Button>
+      {/if}
       {#if continueEnabled}
         <Button
           type="submit"
           variant="secondary"
           class={continueClass}
-          onclick={() => { continuing = true; }}
+          onclick={() => { continuing = true; duplicating = false; }}
         >
           {continueLabel}
         </Button>
       {/if}
-      <Button type="submit" variant="primary" onclick={() => { continuing = false; }}>
+      <Button type="submit" variant="primary" onclick={() => { continuing = false; duplicating = false; }}>
         {strings.save}
       </Button>
     </div>

package/dist/components/crud/views/Update.svelte.d.ts

@@ -12,6 +12,7 @@ declare function $$render<T extends object = Record<string, unknown>>(): {
         onCancel?: () => void;
         onSuccess?: () => void;
         onContinue?: () => void;
+        onDuplicate?: (record: Record<string, unknown>) => void;
     };
     exports: {};
     bindings: "";

package/dist/types/crud.d.ts

@@ -81,11 +81,15 @@ export interface ActionConfiguration<T extends object = Record<string, unknown>>
      *   Falls back to reloading the current instance when there is no next
      *   one. Disabled by default — pass `{ enabled: true }` to show it. */
     continue?: CreateFormButtonConfiguration;
-    /** Create form only: shows a "Duplicate" button alongside Save/Cancel that
-     * submits to the same `endpoint`, but — unlike "Save and continue", which
-     * blanks the form — leaves the just-submitted values in place so the user
-     * can tweak a few fields and save again as a new record. Disabled by
-     * default — pass `{ enabled: true }` to show it. */
+    /** Shows a "Duplicate" button alongside Save/Cancel.
+     * - Create form: submits to the same `endpoint`, but — unlike "Save and
+     *   continue", which blanks the form — leaves the just-submitted values in
+     *   place so the user can tweak a few fields and save again as a new
+     *   record.
+     * - Update form: submits the edit to the same `endpoint`, then opens the
+     *   create form pre-filled with the just-saved instance's values, so a new
+     *   record can be started from it without retyping everything.
+     * Disabled by default — pass `{ enabled: true }` to show it. */
     duplication?: CreateFormButtonConfiguration;
 }
 export interface CustomAction<T extends object = Record<string, unknown>> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "runeforge",
-  "version": "0.0.51",
+  "version": "0.0.52",
   "description": "SvelteKit toolkit for building metadata-driven CRUD interfaces with tables, forms, and actions",
   "license": "MIT",
   "author": "Ezequiel Puerta",