runeforge 0.0.50 → 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/utils/formatters.d.ts

@@ -1,4 +1,4 @@
 export declare const formatBoolean: (trueLabel?: string, falseLabel?: string) => () => (value: boolean) => string;
-export declare const formatDatetime: (format?: string) => (() => (value: Date) => string);
+export declare const formatDatetime: (format?: string, timeZone?: string) => (() => (value: Date) => string);
 export declare function formatTruncateTextUpTo(maxLength: number): () => (value: string) => string;
 export declare function formatInstance<T extends Record<string, unknown>>(attribute: keyof T & string, instances: T[], urlPath: string, idKey?: keyof T & string): (value: unknown) => string;

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

@@ -8,7 +8,36 @@ const TOKENS = {
     MM: (d) => String(d.getMinutes()).padStart(2, '0'),
     ss: (d) => String(d.getSeconds()).padStart(2, '0')
 };
-export const formatDatetime = (format = 'dd/mm/YYYY HH:MM') => {
+// Same tokens, read from Intl.DateTimeFormat parts instead of local Date
+// getters, so the result depends only on `timeZone` — never on the
+// environment (SSR host vs. browser) running the code.
+function tokensFor(d, timeZone) {
+    const parts = new Intl.DateTimeFormat('en-US', {
+        timeZone,
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+        hour: '2-digit',
+        minute: '2-digit',
+        second: '2-digit',
+        hourCycle: 'h23'
+    }).formatToParts(d);
+    const get = (type) => parts.find((p) => p.type === type)?.value ?? '';
+    return {
+        dd: get('day'),
+        mm: get('month'),
+        YYYY: get('year'),
+        HH: get('hour'),
+        MM: get('minute'),
+        ss: get('second')
+    };
+}
+// `timeZone` is an IANA zone name (e.g. 'America/Argentina/Buenos_Aires').
+// Omit it to keep formatting in whichever timezone the running environment
+// is in — this differs between SSR (server) and CSR (browser) and will
+// render the same instant differently depending on where it runs, so pass
+// an explicit `timeZone` for any value that must display consistently.
+export const formatDatetime = (format = 'dd/mm/YYYY HH:MM', timeZone) => {
     const fmt = (value) => {
         // `null`/`undefined`/`''` (an unset field) must render blank, not epoch 0
         // — `new Date(null)` is 1970-01-01, a "valid" Date whose getTime() isn't
@@ -18,7 +47,8 @@ export const formatDatetime = (format = 'dd/mm/YYYY HH:MM') => {
         const d = new Date(value);
         if (isNaN(d.getTime()))
             return '';
-        return format.replace(/dd|mm|YYYY|HH|MM|ss/g, (token) => TOKENS[token](d));
+        const tokens = timeZone ? tokensFor(d, timeZone) : null;
+        return format.replace(/dd|mm|YYYY|HH|MM|ss/g, (token) => tokens ? tokens[token] : TOKENS[token](d));
     };
     return () => fmt;
 };

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.50",
+  "version": "0.0.52",
   "description": "SvelteKit toolkit for building metadata-driven CRUD interfaces with tables, forms, and actions",
   "license": "MIT",
   "author": "Ezequiel Puerta",