runeforge 0.0.1

package/dist/components/common/Header.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import Breadcrumbs from '../navigation/Breadcrumbs.svelte';
+  import type { BreadcrumbItem } from '../../types/breadcrumb.js';
+
+  let {
+    title,
+    breadcrumbs = [],
+    buttons,
+    admin = false,
+  }: {
+    title: string;
+    breadcrumbs?: BreadcrumbItem[];
+    buttons?: Snippet;
+    admin?: boolean;
+  } = $props();
+</script>
+
+<div class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
+  <div class="flex flex-col gap-1">
+    <h1>{title}</h1>
+    <Breadcrumbs items={breadcrumbs} {admin} />
+  </div>
+
+  {#if buttons}
+    <div class="flex items-center gap-2 pt-1">
+      {@render buttons()}
+    </div>
+  {/if}
+</div>

package/dist/components/common/Header.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+import type { BreadcrumbItem } from '../../types/breadcrumb.js';
+type $$ComponentProps = {
+    title: string;
+    breadcrumbs?: BreadcrumbItem[];
+    buttons?: Snippet;
+    admin?: boolean;
+};
+declare const Header: import("svelte").Component<$$ComponentProps, {}, "">;
+type Header = ReturnType<typeof Header>;
+export default Header;

package/dist/components/crud/Field.svelte

@@ -0,0 +1,159 @@
+<script lang="ts" generics="T extends object = Record<string, unknown>">
+  import Avatar from '../Avatar.svelte';
+  import Label from '../form/Label.svelte';
+  import Select from '../form/Select.svelte';
+  import { fieldLabel, initials } from './utils/misc.js';
+  import type { FieldDefinition } from '../../types/crud.js';
+  import { getStrings } from '../../i18n/context.js';
+
+  const strings = getStrings();
+
+  let {
+    field,
+    record = $bindable({} as Record<string, unknown>),
+    error = '',
+    readonly = false,
+  }: {
+    field: FieldDefinition<T>;
+    record?: Record<string, unknown>;
+    error?: string;
+    readonly?: boolean;
+  } = $props();
+
+  const name = $derived(readonly ? undefined : field.attribute);
+  const labelText = $derived(fieldLabel(field));
+  let filePreview = $state<string | null>(null);
+
+  function onFileChange(e: Event & { currentTarget: HTMLInputElement }) {
+    const file = e.currentTarget.files?.[0];
+    if (filePreview) URL.revokeObjectURL(filePreview);
+    filePreview = file && file.type.startsWith('image/') ? URL.createObjectURL(file) : null;
+  }
+
+  $effect(() => () => {
+    if (filePreview) URL.revokeObjectURL(filePreview);
+  });
+
+  const saved = $derived(record[field.attribute]);
+  const preview = $derived(filePreview ?? (typeof saved === 'string' && saved ? saved : null));
+  const avatarInitials = $derived(initials(record.firstName as string, record.lastName as string));
+  const displayValue = $derived(saved == null ? '' : String(saved));
+</script>
+
+<div class="flex flex-col gap-1">
+  {#if field.type === 'file'}
+    <div class="flex justify-center">
+      <Avatar src={preview} text={avatarInitials} alt={labelText} class="w-32 rounded-full" textClass="text-3xl" />
+    </div>
+  {/if}
+
+  <Label
+    text={labelText}
+    for={field.attribute}
+    capitalize={true}
+    required={field.required && !readonly}
+  />
+
+  {#if field.type === 'boolean'}
+    <input
+      type="checkbox"
+      id={field.attribute}
+      {name}
+      class="toggle"
+      checked={!!saved}
+      disabled={readonly}
+    />
+  {:else if field.type === 'file'}
+    {#if !readonly}
+      <fieldset class="fieldset w-full p-0">
+        <input
+          type="file"
+          id={field.attribute}
+          {name}
+          class="file-input w-full"
+          class:file-input-error={!!error}
+          onchange={onFileChange}
+        />
+        {#if field.placeholder}
+          <Label text={field.placeholder} for={field.attribute} class="label" />
+        {/if}
+      </fieldset>
+    {/if}
+    <!-- read-only file value is shown as the avatar above -->
+  {:else if field.type === 'select'}
+    {#if readonly}
+      <input
+        type="text"
+        id={field.attribute}
+        class="input input-bordered w-full"
+        value={field.options?.find((o) => o.value === String(saved))?.label ?? displayValue}
+        disabled
+      />
+    {:else}
+      <Select
+        name={field.attribute}
+        bind:value={record[field.attribute] as string}
+        options={field.options ?? []}
+        placeholder={field.placeholder}
+        {error}
+      />
+    {/if}
+  {:else if field.type === 'datetime'}
+    {#if readonly}
+      <input
+        type="text"
+        id={field.attribute}
+        class="input input-bordered w-full"
+        value={displayValue}
+        disabled
+      />
+    {:else}
+      <input type="hidden" {name} value={String(record[field.attribute] ?? '')} />
+      <calendar-date
+        class="cally rounded-box border border-base-300 bg-base-100 shadow-sm"
+        value={String(record[field.attribute] ?? '')}
+        onchange={(e: Event) => { record[field.attribute] = (e as Event & { detail: { value: string } }).detail.value; }}
+      >
+        <svg aria-label={strings.previous} class="fill-current size-4" {...{"slot": "previous"}} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M15.75 19.5 8.25 12l7.5-7.5"/></svg>
+        <svg aria-label={strings.next} class="fill-current size-4" {...{"slot": "next"}} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="m8.25 4.5 7.5 7.5-7.5 7.5"/></svg>
+        <calendar-month></calendar-month>
+      </calendar-date>
+    {/if}
+  {:else if field.type === 'textarea'}
+    {#if readonly}
+      <textarea id={field.attribute} class="textarea textarea-bordered w-full" value={displayValue} disabled></textarea>
+    {:else}
+      <textarea
+        id={field.attribute}
+        {name}
+        placeholder={field.placeholder ?? ''}
+        bind:value={record[field.attribute]}
+        class="textarea textarea-bordered w-full"
+        class:textarea-error={!!error}
+      ></textarea>
+    {/if}
+  {:else if readonly}
+    <input
+      type={field.type ?? 'text'}
+      id={field.attribute}
+      class="input input-bordered w-full"
+      value={displayValue}
+      disabled
+    />
+  {:else}
+    <input
+      type={field.type ?? 'text'}
+      id={field.attribute}
+      {name}
+      placeholder={field.placeholder ?? ''}
+      bind:value={record[field.attribute]}
+      autocomplete={field.autocomplete}
+      class="input input-bordered w-full"
+      class:input-error={!!error}
+    />
+  {/if}
+
+  {#if error}
+    <span class="text-error text-xs">{error}</span>
+  {/if}
+</div>

package/dist/components/crud/Field.svelte.d.ts

@@ -0,0 +1,30 @@
+import type { FieldDefinition } from '../../types/crud.js';
+declare function $$render<T extends object = Record<string, unknown>>(): {
+    props: {
+        field: FieldDefinition<T>;
+        record?: Record<string, unknown>;
+        error?: string;
+        readonly?: boolean;
+    };
+    exports: {};
+    bindings: "record";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends object = Record<string, unknown>> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "record";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends object = Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends object = Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Field: $$IsomorphicComponent;
+type Field<T extends object = Record<string, unknown>> = InstanceType<typeof Field<T>>;
+export default Field;

package/dist/components/crud/GenericCRUD.svelte

@@ -0,0 +1,236 @@
+<script lang="ts" generics="T extends object = Record<string, unknown>">
+  import { page } from '$app/state';
+  import { goto } from '$app/navigation';
+  import List from './views/List.svelte';
+  import Read from './views/Read.svelte';
+  import Create from './views/Create.svelte';
+  import Update from './views/Update.svelte';
+  import { AUTO_EXCLUDED } from './utils/constants.js';
+  import { resolveOptions, resolveFormatter, inferType } from './utils/resolution.js';
+  import type { AttributeMetadata } from '../../types/attribute.js';
+  import type {
+    ActionConfiguration,
+    ColumnDefinition,
+    CustomAction,
+    FieldDefinition,
+  } from '../../types/crud.js';
+
+  let {
+    data = undefined as Record<string, unknown> | undefined,
+    dataKey = undefined as string | undefined,
+    labelOne = '',
+    labelMany = '',
+    icon,
+    pageSize = 10,
+    creation = {} as ActionConfiguration<T>,
+    update = {} as ActionConfiguration<T>,
+    read = {} as ActionConfiguration<T>,
+    deletion = {} as ActionConfiguration<T>,
+    actions = [] as CustomAction<T>[],
+    columns = undefined as ColumnDefinition<T>[] | undefined,
+    fields = undefined as FieldDefinition<T>[] | undefined,
+    meta = undefined as Partial<Record<string, AttributeMetadata>> | undefined,
+    form = null as { error?: string } | null,
+  }: {
+    data?: Record<string, unknown>;
+    dataKey?: string;
+    labelOne?: string;
+    labelMany?: string;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    icon?: any;
+    pageSize?: number;
+    creation?: ActionConfiguration<T>;
+    update?: ActionConfiguration<T>;
+    read?: ActionConfiguration<T>;
+    deletion?: ActionConfiguration<T>;
+    actions?: CustomAction<T>[];
+    columns?: ColumnDefinition<T>[];
+    fields?: FieldDefinition<T>[];
+    meta?: Partial<Record<string, AttributeMetadata>>;
+    form?: { error?: string } | null;
+  } = $props();
+
+  const entityData = $derived<T[]>(
+    data && dataKey ? (data[dataKey] as T[] ?? []) : []
+  );
+
+  const viewParam = $derived(page.url.searchParams.get('view'));
+  const idParam   = $derived(page.url.searchParams.get('id'));
+
+  const creating = $derived(viewParam === 'create');
+  const reading  = $derived(idParam !== null && viewParam === null);
+  const editing  = $derived(idParam !== null && viewParam === 'edit');
+
+  const singleInstance = $derived<T | undefined>(
+    (Object.values(page.data as Record<string, unknown>).find(
+      (v) => v !== null && typeof v === 'object' && !Array.isArray(v) && '_id' in (v as object)
+    ) as T | undefined)
+  );
+
+  let activeAction = $state<{ action: CustomAction<T>; item: T } | null>(null);
+
+  async function navList()      { await goto('?'); }
+  async function navCreate()    { await goto('?view=create'); }
+  async function navRead(item: T) {
+    await goto(`?id=${encodeURIComponent(String((item as Record<string, unknown>)._id ?? ''))}`);
+  }
+  async function navEdit(item: T) {
+    await goto(`?id=${encodeURIComponent(String((item as Record<string, unknown>)._id ?? ''))}&view=edit`);
+  }
+
+  const resolvedColumns: ColumnDefinition<T>[] = $derived(
+    columns ?? (meta
+      ? (Object.entries(meta) as [string, AttributeMetadata][])
+          .filter(([, m]) => !m.excludedFromList)
+          .map(([k, m]) => ({
+            attribute: k as keyof T & string,
+            title: m.label ?? k,
+            type: m.type,
+            formatter: resolveFormatter(m, data),
+            component: m.component,
+            sortable: m.sortable,
+            filterable: m.filterable,
+          }))
+      : entityData.length > 0
+        ? (Object.keys(entityData[0]) as (keyof T & string)[])
+            .filter((k) => k !== '_id')
+            .map((k) => ({ attribute: k, title: k }))
+        : [])
+  );
+
+  const resolvedFields: FieldDefinition<T>[] = $derived(
+    fields ?? (meta
+      ? (Object.entries(meta) as [string, AttributeMetadata][])
+          .filter(([k, m]) => !AUTO_EXCLUDED.has(k) && !m.excludedFromCreate)
+          .map(([k, m]) => ({
+            attribute: k as keyof T & string,
+            title: m.label,
+            type: m.type ?? inferType(k, undefined),
+            required: m.required,
+            autocomplete: m.autocomplete,
+            placeholder: m.placeholder,
+            default: m.default,
+            options: resolveOptions(m, data),
+          }))
+      : entityData.length > 0
+        ? (Object.entries(entityData[0]) as [string, unknown][])
+            .filter(([k]) => !AUTO_EXCLUDED.has(k))
+            .map(([k, v]) => ({ attribute: k as keyof T & string, type: inferType(k, v) }))
+        : [])
+  );
+
+  const resolvedReadFields: FieldDefinition<T>[] = $derived(
+    fields ?? (meta
+      ? (Object.entries(meta) as [string, AttributeMetadata][])
+          .filter(([k, m]) => !AUTO_EXCLUDED.has(k) && !m.excludedFromRead)
+          .map(([k, m]) => ({
+            attribute: k as keyof T & string,
+            title: m.label,
+            type: m.type ?? inferType(k, undefined),
+            required: m.required,
+            autocomplete: m.autocomplete,
+            placeholder: m.placeholder,
+            default: m.default,
+            options: resolveOptions(m, data),
+          }))
+      : entityData.length > 0
+        ? (Object.entries(entityData[0]) as [string, unknown][])
+            .filter(([k]) => !AUTO_EXCLUDED.has(k))
+            .map(([k, v]) => ({ attribute: k as keyof T & string, type: inferType(k, v) }))
+        : [])
+  );
+
+  const resolvedUpdateFields: FieldDefinition<T>[] = $derived(
+    fields ?? (meta
+      ? (Object.entries(meta) as [string, AttributeMetadata][])
+          .filter(([k, m]) => !AUTO_EXCLUDED.has(k) && !m.excludedFromUpdate)
+          .map(([k, m]) => ({
+            attribute: k as keyof T & string,
+            title: m.label,
+            type: m.type ?? inferType(k, undefined),
+            required: m.required,
+            autocomplete: m.autocomplete,
+            placeholder: m.placeholder,
+            default: m.default,
+            options: resolveOptions(m, data),
+          }))
+      : entityData.length > 0
+        ? (Object.entries(entityData[0]) as [string, unknown][])
+            .filter(([k]) => !AUTO_EXCLUDED.has(k))
+            .map(([k, v]) => ({ attribute: k as keyof T & string, type: inferType(k, v) }))
+        : [])
+  );
+
+  const serverError = $derived(
+    creating || reading || editing || activeAction !== null
+      ? (form?.error ?? '')
+      : ''
+  );
+</script>
+
+{#if creating}
+  <Create
+    {labelOne}
+    {labelMany}
+    {icon}
+    fields={resolvedFields}
+    {creation}
+    {serverError}
+    onCancel={navList}
+    onSuccess={navList}
+  />
+{:else if reading}
+  <Read
+    {labelOne}
+    {labelMany}
+    {icon}
+    fields={resolvedReadFields}
+    instance={singleInstance ?? {} as T}
+    {read}
+    onCancel={navList}
+  />
+{:else if editing}
+  <Update
+    {labelOne}
+    {labelMany}
+    {icon}
+    fields={resolvedUpdateFields}
+    instance={singleInstance ?? {} as T}
+    {update}
+    {serverError}
+    onCancel={navList}
+    onSuccess={navList}
+  />
+{:else}
+  <List
+    data={entityData}
+    {labelOne}
+    {labelMany}
+    {icon}
+    {pageSize}
+    {creation}
+    {update}
+    {read}
+    {deletion}
+    {actions}
+    columns={resolvedColumns}
+    onCreate={navCreate}
+    onEdit={navEdit}
+    onView={navRead}
+    onAction={(action, item) => {
+      if (action.condition?.(item) ?? true) activeAction = { action, item };
+    }}
+  />
+{/if}
+
+{#if activeAction !== null}
+  {@const ActionView = activeAction.action.view}
+  <ActionView
+    instance={activeAction.item}
+    label={activeAction.action.label}
+    endpoint={activeAction.action.endpoint}
+    {serverError}
+    onCancel={() => (activeAction = null)}
+    onSuccess={() => (activeAction = null)}
+  />
+{/if}

package/dist/components/crud/GenericCRUD.svelte.d.ts

@@ -0,0 +1,44 @@
+import type { AttributeMetadata } from '../../types/attribute.js';
+import type { ActionConfiguration, ColumnDefinition, CustomAction, FieldDefinition } from '../../types/crud.js';
+declare function $$render<T extends object = Record<string, unknown>>(): {
+    props: {
+        data?: Record<string, unknown>;
+        dataKey?: string;
+        labelOne?: string;
+        labelMany?: string;
+        icon?: any;
+        pageSize?: number;
+        creation?: ActionConfiguration<T>;
+        update?: ActionConfiguration<T>;
+        read?: ActionConfiguration<T>;
+        deletion?: ActionConfiguration<T>;
+        actions?: CustomAction<T>[];
+        columns?: ColumnDefinition<T>[];
+        fields?: FieldDefinition<T>[];
+        meta?: Partial<Record<string, AttributeMetadata>>;
+        form?: {
+            error?: string;
+        } | null;
+    };
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends object = Record<string, unknown>> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends object = Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends object = Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const GenericCRUD: $$IsomorphicComponent;
+type GenericCRUD<T extends object = Record<string, unknown>> = InstanceType<typeof GenericCRUD<T>>;
+export default GenericCRUD;

package/dist/components/crud/columns/Avatar.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import AvatarComponent from '../../Avatar.svelte';
+  import { initials } from '../utils/misc.js';
+  import type { CellProps } from '../../../types/table.js';
+
+  type AvatarRow = { firstName?: string; lastName?: string; email?: string };
+
+  let { value, row }: CellProps<AvatarRow, string | null | undefined> = $props();
+</script>
+
+<AvatarComponent
+  src={value ?? null}
+  text={initials(row.firstName, row.lastName)}
+  alt={row.email ?? ''}
+/>

package/dist/components/crud/columns/Avatar.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { CellProps } from '../../../types/table.js';
+declare const Avatar: import("svelte").Component<CellProps<{
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+}, string | null | undefined>, {}, "">;
+type Avatar = ReturnType<typeof Avatar>;
+export default Avatar;

package/dist/components/crud/columns/Icon.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import IconRenderer from '../../IconRenderer.svelte';
+  import type { CellProps } from '../../../types/table.js';
+
+  let { value }: CellProps<Record<string, unknown>, string> = $props();
+</script>
+
+<IconRenderer name={String(value ?? '')} />

package/dist/components/crud/columns/Icon.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { CellProps } from '../../../types/table.js';
+declare const Icon: import("svelte").Component<CellProps<Record<string, unknown>, string>, {}, "">;
+type Icon = ReturnType<typeof Icon>;
+export default Icon;

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

@@ -0,0 +1 @@
+export declare const AUTO_EXCLUDED: Set<string>;

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

@@ -0,0 +1,6 @@
+export const AUTO_EXCLUDED = new Set([
+    '_id',
+    'createdAt',
+    'updatedAt',
+    '__v',
+]);

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

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

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

@@ -0,0 +1,42 @@
+export const formatBoolean = (trueLabel = 'Sí', falseLabel = 'No') => () => (value) => (value ? trueLabel : falseLabel);
+// Supported tokens: dd · mm · YYYY · HH · MM · ss
+const TOKENS = {
+    dd: (d) => String(d.getDate()).padStart(2, '0'),
+    mm: (d) => String(d.getMonth() + 1).padStart(2, '0'),
+    YYYY: (d) => String(d.getFullYear()),
+    HH: (d) => String(d.getHours()).padStart(2, '0'),
+    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') => {
+    const fmt = (value) => {
+        const d = new Date(value);
+        if (isNaN(d.getTime()))
+            return '';
+        return format.replace(/dd|mm|YYYY|HH|MM|ss/g, (token) => TOKENS[token](d));
+    };
+    return () => fmt;
+};
+export function formatTruncateTextUpTo(maxLength) {
+    return () => (value) => {
+        const str = String(value ?? '');
+        return str.length > maxLength ? str.slice(0, maxLength) + '…' : str;
+    };
+}
+function escapeHtml(str) {
+    return str
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;');
+}
+export function formatInstance(attribute, instances, urlPath) {
+    const map = new Map(instances.map((i) => [i._id, i]));
+    return (value) => {
+        const id = String(value ?? '');
+        const instance = map.get(id);
+        const label = instance ? String(instance[attribute] ?? id) : id;
+        const href = `${urlPath}?id=${encodeURIComponent(id)}`;
+        return `<a href="${href}" class="link link-primary">${escapeHtml(label)}</a>`;
+    };
+}

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

@@ -0,0 +1,5 @@
+export declare function fieldLabel(field: {
+    attribute: string;
+    title?: string;
+}): string;
+export declare function initials(firstName?: string, lastName?: string): string;

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

@@ -0,0 +1,8 @@
+export function fieldLabel(field) {
+    return (field.title ?? field.attribute).replace(/_/g, ' ');
+}
+export function initials(firstName, lastName) {
+    const a = (firstName ?? '').trim().charAt(0);
+    const b = (lastName ?? '').trim().charAt(0);
+    return (a + b).toUpperCase() || '?';
+}

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

@@ -0,0 +1,4 @@
+import type { AttributeMetadata, AttributeType, SelectOption } from '../../../types/attribute.js';
+export declare function resolveOptions(m: AttributeMetadata, d: unknown): SelectOption[] | undefined;
+export declare function resolveFormatter(m: AttributeMetadata, d: unknown): import("../../../index.ts").CellFormatter<any, any> | undefined;
+export declare function inferType(key: string, value: unknown): AttributeType;

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

@@ -0,0 +1,22 @@
+export function resolveOptions(m, d) {
+    if (!m.options)
+        return undefined;
+    return typeof m.options === 'function' ? m.options(d) : m.options;
+}
+export function resolveFormatter(m, d) {
+    return m.formatter?.(d);
+}
+export function inferType(key, value) {
+    if (typeof value === 'boolean')
+        return 'boolean';
+    if (typeof value === 'number')
+        return 'number';
+    const k = key.toLowerCase();
+    if (k.includes('email'))
+        return 'email';
+    if (k.includes('password') || k.includes('hash'))
+        return 'password';
+    if (k.includes('description') || k.includes('bio') || k.includes('notes') || k.includes('content'))
+        return 'textarea';
+    return 'text';
+}