runeforge 0.0.50 → 0.0.51

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/package.json

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