@ketvietlab/ketsuite 0.1.1

package/dist/modules/backend/design/client/relation-select-view.d.mts

@@ -0,0 +1,5 @@
+export declare function createRelationSelectView(runtime: any, props: any): {
+    view: () => any;
+    dispose: () => void;
+};
+//# sourceMappingURL=relation-select-view.d.mts.map

package/dist/modules/backend/design/client/relation-select-view.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"relation-select-view.d.mts","sourceRoot":"","sources":["../../../../../../../../packages/ketsuite/src/modules/backend/design/client/relation-select-view.mjs"],"names":[],"mappings":"AAsBA,wBAAgB,wBAAwB,CAAC,OAAO,KAAA,EAAE,KAAK,KAAA;IAuPnD,IAAI;IA2DJ,OAAO;EAMV"}

package/dist/modules/backend/design/client/relation-select-view.mjs

@@ -0,0 +1,335 @@
+// @ts-nocheck Shared dependency-free browser/SSR relational selector.
+const array = (value) => (Array.isArray(value) ? value : [])
+const string = (value) => (value == null ? '' : String(value))
+
+const callApi = async (name, input, requestSignal) => {
+  const response = await fetch(`/_ket/fn/${encodeURIComponent(name)}`, {
+    method: 'POST',
+    credentials: 'same-origin',
+    headers: { 'content-type': 'application/json' },
+    body: JSON.stringify(input),
+    signal: requestSignal,
+  })
+  const payload = await response.json()
+  if (!response.ok || payload.ok === false) {
+    const domainError = array(payload.errors)[0]
+    throw new Error(
+      string(domainError?.message || domainError?.code || payload.message || `HTTP ${response.status}`),
+    )
+  }
+  return payload.value
+}
+
+export function createRelationSelectView(runtime, props) {
+  const { each, html, signal } = runtime
+  const config = props.config ?? {}
+  const labels = config.labels ?? {}
+  const manager = config.manager ?? null
+  const selected = signal(string(config.value))
+  const options = signal(array(config.options))
+  const open = signal(false)
+  const dialog = signal(false)
+  const query = signal('')
+  const rows = signal([])
+  const loading = signal(false)
+  const error = signal('')
+  const editor = signal(null)
+  const pendingRemove = signal('')
+  let activeRequest = null
+  let searchTimer = null
+  let disposed = false
+
+  const rowId = (row) => string(row?.[manager?.idField || 'id'])
+  const rowLabel = (row) => string(row?.[manager?.labelField || 'name']) || labels.noRecords
+  const rowDescription = (row) => string(row?.[manager?.descriptionField || 'ref'])
+  const selectedLabel = () =>
+    options().find((entry) => string(entry.value) === selected())?.label || labels.choose
+
+  const filteredOptions = () => {
+    const needle = query().trim().toLocaleLowerCase()
+    const held = needle
+      ? options().filter((entry) =>
+          `${string(entry.label)} ${string(entry.description)}`.toLocaleLowerCase().includes(needle),
+        )
+      : options()
+    return held.slice(0, 7)
+  }
+
+  const choose = (value, label, description = '') => {
+    selected.set(string(value))
+    if (!options().some((entry) => string(entry.value) === string(value)))
+      options.set([
+        ...options(),
+        { value: string(value), label: string(label), description: string(description) },
+      ])
+    open.set(false)
+    dialog.set(false)
+    query.set('')
+    editor.set(null)
+    pendingRemove.set('')
+  }
+
+  const loadRows = async () => {
+    if (!manager?.listFunction) return
+    activeRequest?.abort()
+    const request = new AbortController()
+    activeRequest = request
+    loading.set(true)
+    error.set('')
+    try {
+      const input = { ...(manager.listInput ?? {}) }
+      input[manager.searchParam || 'search'] = query().trim()
+      input[manager.limitParam || 'limit'] = manager.limit || 80
+      const value = await callApi(manager.listFunction, input, request.signal)
+      const excluded = new Set(array(manager.excludeIds).map(string))
+      rows.set(array(value).filter((row) => !excluded.has(rowId(row))))
+    } catch (caught) {
+      if (disposed || caught?.name === 'AbortError') return
+      error.set(caught instanceof Error ? caught.message : labels.loadError)
+    } finally {
+      if (activeRequest === request) loading.set(false)
+    }
+  }
+
+  const openDialog = async () => {
+    open.set(false)
+    dialog.set(true)
+    editor.set(null)
+    pendingRemove.set('')
+    await loadRows()
+  }
+
+  const closeDialog = () => {
+    dialog.set(false)
+    editor.set(null)
+    pendingRemove.set('')
+    error.set('')
+  }
+
+  const searchManager = (event) => {
+    query.set(event.currentTarget.value)
+    clearTimeout(searchTimer)
+    searchTimer = setTimeout(loadRows, 180)
+  }
+
+  const save = async (event) => {
+    event.preventDefault()
+    if (!manager?.saveFunction) return
+    const editing = editor()
+    const id = editing?.id || crypto.randomUUID()
+    const payload = { ...(manager.saveDefaults ?? {}), id }
+    for (const [name, value] of new FormData(event.currentTarget).entries()) payload[name] = string(value)
+    loading.set(true)
+    error.set('')
+    try {
+      await callApi(manager.saveFunction, payload)
+      const label = string(payload[manager.labelField || 'name'])
+      if (!editing?.id) {
+        choose(id, label)
+        return
+      }
+      options.set(
+        options().map((entry) =>
+          string(entry.value) === id ? { ...entry, label: label || entry.label } : entry,
+        ),
+      )
+      editor.set(null)
+      await loadRows()
+    } catch (caught) {
+      error.set(caught instanceof Error ? caught.message : labels.loadError)
+    } finally {
+      loading.set(false)
+    }
+  }
+
+  const remove = async (row) => {
+    const id = rowId(row)
+    if (pendingRemove() !== id) {
+      pendingRemove.set(id)
+      return
+    }
+    if (!manager?.removeFunction) return
+    loading.set(true)
+    error.set('')
+    try {
+      await callApi(manager.removeFunction, { ...(manager.removeDefaults ?? {}), id })
+      if (selected() === id) selected.set('')
+      options.set(options().filter((entry) => string(entry.value) !== id))
+      pendingRemove.set('')
+      await loadRows()
+    } catch (caught) {
+      error.set(caught instanceof Error ? caught.message : labels.loadError)
+    } finally {
+      loading.set(false)
+    }
+  }
+
+  const editorField = (field) => {
+    const held = editor()?.row ?? manager?.saveDefaults ?? {}
+    const value = string(held?.[field.name])
+    return html`
+      <label data-ui="form-field" data-span="full">
+        <span data-ui="form-label">${field.label}${field.required ? html`<span data-ui="form-required" aria-hidden="true"> *</span>` : ''}</span>
+        ${
+          field.type === 'select'
+            ? html`<select data-ui="form-control" name=${field.name} required=${field.required === true}>
+                ${each(
+                  array(field.options),
+                  (entry) => entry.value,
+                  (entry) =>
+                    html`<option value=${entry.value} selected=${string(entry.value) === value}>${entry.label}</option>`,
+                )}
+              </select>`
+            : html`<input data-ui="form-control" type=${field.type || 'text'} name=${field.name} value=${value} required=${field.required === true}>`
+        }
+      </label>
+    `
+  }
+
+  const editorForm = () => html`
+    <form data-ui="relation-editor" on:submit=${save}>
+      <div data-ui="form-grid">
+        ${each(array(manager?.fields), (field) => field.name, editorField)}
+      </div>
+      <div data-ui="form-actions">
+        <div data-ui="action-group">
+          <button data-ui="action" data-variant="primary" type="submit" disabled=${loading()}>${labels.save}</button>
+          <button data-ui="action" data-variant="tertiary" type="button" on:click=${() => editor.set(null)}>${labels.cancel}</button>
+        </div>
+      </div>
+    </form>
+  `
+
+  const managerRow = (row) => {
+    const id = rowId(row)
+    const description = rowDescription(row)
+    return html`
+      <li data-ui="relation-dialog-row">
+        <button data-ui="relation-dialog-main" type="button" on:click=${() => choose(id, rowLabel(row), description)}>
+          <strong>${rowLabel(row)}</strong>
+          ${description ? html`<small data-ui="relation-dialog-meta">${description}</small>` : ''}
+        </button>
+        <div data-ui="relation-dialog-actions">
+          <button data-ui="action" data-size="compact" data-variant="secondary" type="button" on:click=${() => choose(id, rowLabel(row), description)}>${labels.select}</button>
+          ${
+            manager?.saveFunction
+              ? html`<button data-ui="action" data-size="compact" data-variant="tertiary" type="button" on:click=${() => editor.set({ id, row })}>${labels.edit}</button>`
+              : ''
+          }
+          ${
+            manager?.removeFunction
+              ? html`<button data-ui="action" data-size="compact" data-variant="destructive" type="button" on:click=${() => remove(row)}>${pendingRemove() === id ? labels.confirmRemove : labels.remove}</button>`
+              : ''
+          }
+        </div>
+      </li>
+    `
+  }
+
+  const dialogView = () => html`
+    <div data-ui="modal-layer" data-presentation="dialog">
+      <button data-ui="modal-backdrop" type="button" aria-label=${labels.close} on:click=${closeDialog}><span>${labels.close}</span></button>
+      <section data-ui="modal-sheet" data-size="large" role="dialog" aria-modal="true" aria-labelledby=${`${props.id}-relation-title`}>
+        <header data-ui="modal-head">
+          <h2 data-ui="modal-title" id=${`${props.id}-relation-title`}>${labels.dialogTitle}</h2>
+          <button data-ui="modal-close" type="button" aria-label=${labels.close} title=${labels.close} on:click=${closeDialog}>×</button>
+        </header>
+        <div data-ui="modal-body">
+          <div data-ui="relation-dialog-toolbar">
+            <input data-ui="form-control" type="search" value=${query()} placeholder=${labels.search} aria-label=${labels.search} on:input=${searchManager}>
+            ${manager?.saveFunction ? html`<button data-ui="action" data-variant="primary" type="button" on:click=${() => editor.set({ id: '', row: manager.saveDefaults ?? {} })}>${labels.create}</button>` : ''}
+          </div>
+          ${error() ? html`<aside data-ui="notice" data-tone="danger" role="alert"><div data-ui="notice-copy"><p data-ui="notice-title">${labels.loadError}</p><p data-ui="notice-message">${error()}</p></div><button data-ui="action" data-variant="secondary" type="button" on:click=${loadRows}>${labels.retry}</button></aside>` : ''}
+          ${editor() ? editorForm() : ''}
+          ${loading() ? html`<p data-ui="relation-empty" role="status">${labels.loading}</p>` : ''}
+          ${
+            !loading() && !editor()
+              ? rows().length
+                ? html`<ul data-ui="relation-dialog-list">${each(rows(), rowId, managerRow)}</ul>`
+                : html`<p data-ui="relation-empty">${labels.noRecords}</p>`
+              : ''
+          }
+        </div>
+      </section>
+    </div>
+  `
+
+  const handleKeydown = (event) => {
+    if (event.key !== 'Escape') return
+    open.set(false)
+    closeDialog()
+  }
+
+  const handleInvalid = (event) => {
+    event.preventDefault()
+    open.set(true)
+    event.currentTarget.nextElementSibling?.focus()
+  }
+
+  return {
+    view: () => html`
+      <div data-ui="relation-select" on:keydown=${handleKeydown}>
+        <select
+          data-ui="relation-native"
+          name=${config.name}
+          required=${config.required === true}
+          disabled=${config.disabled === true}
+          tabindex="-1"
+          aria-hidden="true"
+          on:invalid=${handleInvalid}
+        >
+          <option value="" selected=${!selected()}></option>
+          ${each(
+            options().filter((entry) => string(entry.value)),
+            (entry) => entry.value,
+            (entry) =>
+              html`<option value=${entry.value} selected=${string(entry.value) === selected()}>${entry.label}</option>`,
+          )}
+        </select>
+        <button
+          data-ui="relation-trigger"
+          data-empty=${String(!selected())}
+          type="button"
+          aria-haspopup="listbox"
+          aria-label=${config.ariaLabel}
+          aria-expanded=${String(open())}
+          aria-controls=${`${props.id}-relation-menu`}
+          aria-required=${config.required === true ? 'true' : null}
+          disabled=${config.disabled === true}
+          on:click=${() => open.set(!open())}
+        >
+          <span data-ui="relation-value">${selectedLabel()}</span>
+          <span aria-hidden="true">⌄</span>
+        </button>
+        ${
+          open()
+            ? html`<div data-ui="relation-menu" id=${`${props.id}-relation-menu`}>
+                <input data-ui="relation-search" type="search" value=${query()} placeholder=${labels.search} aria-label=${labels.search} on:input=${(event) => query.set(event.currentTarget.value)}>
+                <div data-ui="relation-options" role="listbox">
+                  ${
+                    filteredOptions().length
+                      ? each(
+                          filteredOptions(),
+                          (entry) => entry.value,
+                          (entry) =>
+                            html`<button data-ui="relation-option" type="button" role="option" aria-selected=${String(string(entry.value) === selected())} on:click=${() => choose(entry.value, entry.label, entry.description)}><span>${entry.label}</span>${entry.description ? html`<small>${entry.description}</small>` : ''}</button>`,
+                        )
+                      : html`<p data-ui="relation-empty">${labels.noRecords}</p>`
+                  }
+                </div>
+                <footer data-ui="relation-footer">
+                  <button data-ui="action" data-variant="tertiary" type="button" on:click=${openDialog}>${labels.more}</button>
+                </footer>
+              </div>`
+            : ''
+        }
+        ${dialog() ? dialogView() : ''}
+      </div>
+    `,
+    dispose: () => {
+      disposed = true
+      clearTimeout(searchTimer)
+      activeRequest?.abort()
+    },
+  }
+}

package/dist/modules/backend/design/client/relation-select-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"relation-select-view.mjs","sourceRoot":"","sources":["../../../../../../../../../packages/ketsuite/src/modules/backend/design/client/relation-select-view.mjs"],"names":[],"mappings":"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"}

package/dist/modules/backend/design/client/relation-select.d.mts

@@ -0,0 +1,5 @@
+export declare const relationSelect: (props: any) => {
+    view: () => any;
+    dispose: () => void;
+};
+//# sourceMappingURL=relation-select.d.mts.map

package/dist/modules/backend/design/client/relation-select.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"relation-select.d.mts","sourceRoot":"","sources":["../../../../../../../../packages/ketsuite/src/modules/backend/design/client/relation-select.mjs"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc;;;CAAsD,CAAA"}

package/dist/modules/backend/design/client/relation-select.mjs

@@ -0,0 +1,7 @@
+// @ts-nocheck Generic function-backed relational selector bootstrap.
+// @ts-expect-error Browser import served by the KetJS runtime.
+import { each, html, signal } from '/_ket/view/index.js'
+import { createRelationSelectView } from './relation-select-view.mjs'
+
+const runtime = { each, html, signal }
+export const relationSelect = (props) => createRelationSelectView(runtime, props)

package/dist/modules/backend/design/client/relation-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"relation-select.mjs","sourceRoot":"","sources":["../../../../../../../../../packages/ketsuite/src/modules/backend/design/client/relation-select.mjs"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,+DAA+D;AAC/D,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAErE,MAAM,OAAO,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;AACtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,wBAAwB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA"}

package/dist/modules/backend/design/fixtures/product-back.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" role="img" aria-labelledby="title description">
+  <title id="title">Mặt sau hộp sản phẩm mẫu</title>
+  <desc id="description">Nhãn dữ liệu sản phẩm trên nền trung tính ấm.</desc>
+  <rect width="640" height="640" fill="#f7f5f5"/>
+  <rect x="116" y="92" width="408" height="456" rx="24" fill="#ffffff" stroke="#dddcde" stroke-width="4"/>
+  <rect x="188" y="176" width="264" height="28" rx="8" fill="#5167c4"/>
+  <rect x="188" y="240" width="264" height="12" rx="6" fill="#cccccd"/>
+  <rect x="188" y="272" width="214" height="12" rx="6" fill="#dddcde"/>
+  <rect x="188" y="304" width="240" height="12" rx="6" fill="#dddcde"/>
+  <path d="M188 416h264M200 400v64m20-64v64m32-64v64m16-64v64m36-64v64m20-64v64m28-64v64m16-64v64m36-64v64m20-64v64" fill="none" stroke="#44464a" stroke-width="8"/>
+</svg>

package/dist/modules/backend/design/fixtures/product-front.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" role="img" aria-labelledby="title description">
+  <title id="title">Mặt trước hộp sản phẩm mẫu</title>
+  <desc id="description">Minh họa hình học màu chàm trên nền trung tính ấm.</desc>
+  <rect width="640" height="640" fill="#f7f5f5"/>
+  <rect x="116" y="92" width="408" height="456" rx="24" fill="#ffffff" stroke="#dddcde" stroke-width="4"/>
+  <path d="M204 236 320 170l116 66v142l-116 66-116-66Z" fill="#eef0fb" stroke="#5167c4" stroke-width="8" stroke-linejoin="round"/>
+  <path d="m204 236 116 68 116-68M320 304v140" fill="none" stroke="#5167c4" stroke-width="8" stroke-linejoin="round"/>
+  <rect x="204" y="484" width="232" height="16" rx="8" fill="#dddcde"/>
+</svg>

package/dist/modules/backend/design/tokens.css

@@ -0,0 +1,132 @@
+/* ─────────────────────────────────────────────────────────────────────────────
+   KetSuite backend — enterprise operational tokens.
+
+   The visual language is deliberately dense and quiet: warm-neutral canvas,
+   precise dividers, and indigo reserved for decisions, focus, and selection.
+   Components consume roles from this file; palette values do not leak into rules.
+
+   Cascade order, fixed by the framework:
+       ket.reset  <  ket.theme  <  ket.app  <  ket.user
+   ───────────────────────────────────────────────────────────────────────────── */
+
+@layer ket.app {
+  :root {
+    color-scheme: light;
+
+    /* Core roles */
+    --admin-bg: #f7f5f5;
+    --admin-surface: #ffffff;
+    --admin-surface-subtle: #efedee;
+    --admin-surface-hover: #f7f5f5;
+    --admin-ink: #24262a;
+    --admin-ink-secondary: #5a5c5e;
+    --admin-ink-muted: #717373;
+    --admin-ink-disabled: #9a9ea2;
+    --admin-line: #dddcde;
+    --admin-line-strong: #cccccd;
+
+    /* Brand roles — normal-size white text starts at brand-600 */
+    --admin-accent: #5167c4;
+    --admin-accent-hover: #45579f;
+    --admin-accent-soft: #eef0fb;
+    --admin-accent-line: #c3cdf0;
+    --admin-accent-text: #45579f;
+    --admin-accent-ink: #ffffff;
+    --admin-focus-border: #637ad5;
+    --admin-focus-ring: #dde2f7;
+
+    /* Status roles. Status surfaces stay light in both colour schemes. */
+    --admin-status-fixed-ink: #24262a;
+    --admin-status-fixed-ink-secondary: #44464a;
+    --admin-neutral-soft: #efedee;
+    --admin-neutral: #5a5c5e;
+    --admin-success: #1d5d3b;
+    --admin-success-icon: #2f8a59;
+    --admin-success-soft: #ecf5ef;
+    --admin-warning: #24262a;
+    --admin-warning-icon: #d9892b;
+    --admin-warning-soft: #fbf3e6;
+    --admin-danger: #b42318;
+    --admin-danger-strong: #912018;
+    --admin-danger-soft: #fef3f2;
+    --admin-danger-line: #fecdca;
+
+    /* Type */
+    --admin-font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+    --admin-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
+    --admin-size-xs: 0.6875rem;
+    --admin-size-sm: 0.75rem;
+    --admin-size-base: 0.875rem;
+    --admin-size-md: 1rem;
+    --admin-size-lg: 1.125rem;
+    --admin-size-xl: 1.5rem;
+
+    /* A 4px rhythm, compressed for operational screens */
+    --admin-gap-xs: 0.25rem;
+    --admin-gap-sm: 0.5rem;
+    --admin-gap: 0.75rem;
+    --admin-gap-md: 1rem;
+    --admin-gap-lg: 1.5rem;
+    --admin-gap-xl: 2rem;
+
+    /* Shape and elevation */
+    --admin-radius-xs: 0.1875rem;
+    --admin-radius-sm: 0.25rem;
+    --admin-radius: 0.375rem;
+    --admin-radius-lg: 0.5rem;
+    --admin-shadow-card: 0 1px 2px rgba(24, 24, 27, 0.05);
+    --admin-shadow-float: 0 2px 4px rgba(24, 24, 27, 0.05), 0 6px 16px -4px rgba(24, 24, 27, 0.1);
+
+    /* Shell and controls */
+    --admin-sidebar-width: 14rem;
+    --admin-topbar-height: 2.75rem;
+    --admin-control-height: 1.75rem;
+    --admin-row-height: 2.25rem;
+    --admin-page-max: 100rem;
+    --admin-motion-fast: 140ms ease;
+  }
+
+  :root[data-theme="dark"] {
+    color-scheme: dark;
+    --admin-bg: #24262a;
+    --admin-surface: #2e3034;
+    --admin-surface-subtle: #44464a;
+    --admin-surface-hover: #44464a;
+    --admin-ink: #f7f5f5;
+    --admin-ink-secondary: #cccccd;
+    --admin-ink-muted: #9a9ea2;
+    --admin-ink-disabled: #717373;
+    --admin-line: #44464a;
+    --admin-line-strong: #5a5c5e;
+    --admin-accent-soft: #2f3a5f;
+    --admin-accent-line: #394879;
+    --admin-accent-text: #9faee4;
+    --admin-focus-border: #7e90db;
+    --admin-focus-ring: #45579f;
+    --admin-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.18);
+    --admin-shadow-float: 0 8px 24px rgba(0, 0, 0, 0.28);
+  }
+
+  @media (prefers-color-scheme: dark) {
+    :root:not([data-theme]) {
+      color-scheme: dark;
+      --admin-bg: #24262a;
+      --admin-surface: #2e3034;
+      --admin-surface-subtle: #44464a;
+      --admin-surface-hover: #44464a;
+      --admin-ink: #f7f5f5;
+      --admin-ink-secondary: #cccccd;
+      --admin-ink-muted: #9a9ea2;
+      --admin-ink-disabled: #717373;
+      --admin-line: #44464a;
+      --admin-line-strong: #5a5c5e;
+      --admin-accent-soft: #2f3a5f;
+      --admin-accent-line: #394879;
+      --admin-accent-text: #9faee4;
+      --admin-focus-border: #7e90db;
+      --admin-focus-ring: #45579f;
+      --admin-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.18);
+      --admin-shadow-float: 0 8px 24px rgba(0, 0, 0, 0.28);
+    }
+  }
+}

package/dist/modules/backend/forms.d.ts

@@ -0,0 +1,7 @@
+import type { Route } from '@ketvietlab/ketjs';
+type Req = Parameters<Route>[1];
+export declare const readForm: (req: Req) => Promise<Record<string, string>>;
+export declare const seeOther: (path: string) => import("@ketvietlab/ketjs").RouteResult;
+export declare const errorsOf: (result: unknown) => string[];
+export {};
+//# sourceMappingURL=forms.d.ts.map

package/dist/modules/backend/forms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms.d.ts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/modules/backend/forms.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAE9C,KAAK,GAAG,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;AAE/B,eAAO,MAAM,QAAQ,QAAe,GAAG,KAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAavE,CAAA;AAED,eAAO,MAAM,QAAQ,SAAU,MAAM,4CAA+D,CAAA;AAEpG,eAAO,MAAM,QAAQ,WAAY,OAAO,KAAG,MAAM,EAGhD,CAAA"}

package/dist/modules/backend/forms.js

@@ -0,0 +1,25 @@
+import { text, withHeaders } from '@ketvietlab/ketjs';
+export const readForm = async (req) => {
+    const chunks = [];
+    for await (const chunk of req)
+        chunks.push(chunk);
+    const raw = Buffer.concat(chunks).toString('utf8');
+    if (!raw)
+        return {};
+    const type = String(req.headers['content-type'] ?? '');
+    if (type.includes('form-urlencoded'))
+        return Object.fromEntries(new URLSearchParams(raw));
+    try {
+        const parsed = JSON.parse(raw);
+        return Object.fromEntries(Object.entries(parsed).map(([key, value]) => [key, String(value ?? '')]));
+    }
+    catch {
+        return {};
+    }
+};
+export const seeOther = (path) => withHeaders(text('', { status: 303 }), { location: path });
+export const errorsOf = (result) => {
+    const errors = result?.errors ?? [];
+    return errors.map((error) => `${error.field ? `${error.field}: ` : ''}${error.message ?? 'invalid value'}`);
+};
+//# sourceMappingURL=forms.js.map

package/dist/modules/backend/forms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms.js","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/modules/backend/forms.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAKrD,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,EAAE,GAAQ,EAAmC,EAAE;IAC1E,MAAM,MAAM,GAAa,EAAE,CAAA;IAC3B,IAAI,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG;QAAE,MAAM,CAAC,IAAI,CAAC,KAAe,CAAC,CAAA;IAC3D,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAClD,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,CAAA;IACnB,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC,CAAA;IACtD,IAAI,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC;QAAE,OAAO,MAAM,CAAC,WAAW,CAAC,IAAI,eAAe,CAAC,GAAG,CAAC,CAAC,CAAA;IACzF,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAA4B,CAAA;QACzD,OAAO,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;IACrG,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,EAAE,CAAA;IACX,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;AAEpG,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,MAAe,EAAY,EAAE;IACpD,MAAM,MAAM,GAAI,MAA0E,EAAE,MAAM,IAAI,EAAE,CAAA;IACxG,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,OAAO,IAAI,eAAe,EAAE,CAAC,CAAA;AAC7G,CAAC,CAAA"}

package/dist/modules/backend/index.d.ts

@@ -0,0 +1,24 @@
+declare const _default: import("@ketvietlab/ketjs").KetModule;
+export default _default;
+export { appsScreen, pagesScreen, pageColumns, settingsScreen } from './screens.tsx';
+export type { AppRow, PageRow, Screen } from './screens.tsx';
+export { PAGE_SIZE, colsHref, colsOf, pageOf, pager, searchOf, withParam } from './paging.ts';
+export { joints } from './joints.ts';
+export { menus } from './menus.ts';
+export { CASES, cataloguePage } from './catalogue.ts';
+export { messages } from './messages.ts';
+export { routes, viewerOf, timezoneOf } from './routes.ts';
+export { relationControl, relationLabels } from './relation-select.ts';
+export type { RelationEditorField, RelationManager, RelationOption, RelationSelectConfig, RelationSelectLabels, } from './relation-select.ts';
+export { readForm, seeOther } from './forms.ts';
+/**
+ * The kit, re-exported.
+ *
+ * It is not this module's — it lives in `@ketvietlab/ketsuite/ui` so a module can use a button
+ * without depending on the admin. These are here so an existing caller keeps
+ * working and so `import backend, { badge } from '@ketvietlab/ketsuite/backend'` still reads
+ * naturally on a backend screen.
+ */
+export { backendPage, shell, formatMoney, framed, listChrome, topbarSearch, emptyState, errorState, dataTable, visibleColumns, badge, avatar, person, initials, icon, hasIcon, appCard, card, cardGroups, definitionList, actionButton, code, qrCode, inline, button, linkButton, iconButton, actionGroup, tag, countBadge, notice, loadingState, stack, section, surface, cardGrid, contentCard, metric, kanbanCard, kanbanGrid, recordList, recordWorkspace, recordToggle, breadcrumbs, tabs, mediaPanel, attachmentPanel, modalSheet, recordForm, formCluster, recordActions, datePicker, scheduleBoard, HOOKS, OWNERS, mailContractCases, activityContractCases, calendarContractCases, } from '../../ui/index.ts';
+export type { Cell, Column, DataTable, TableGroup, Tone, Frame, Extras, Facet, ListChrome, Pager, ViewKind, SearchMenu, SearchMenuItem, Indicator, Viewer, CardMeta, ActionVariant, ActionSize, ButtonSpec, LinkButtonSpec, NoticeTone, Breadcrumb, Tab, MediaItem, MediaLabels, RecordFormOptions, MediaPanelProps, FormField, FormOption, DatePickerField, DatePickerOptions, ScheduleDay, ScheduleEvent, ScheduleRow, ScheduleTone, RecordSummaryItem, RecordWorkspaceSlots, } from '../../ui/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/modules/backend/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/modules/backend/index.ts"],"names":[],"mappings":";;AA6CA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACpF,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC7F,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACtE,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAE/C;;;;;;;GAOG;AACH,OAAO,EACL,WAAW,EACX,KAAK,EACL,WAAW,EACX,MAAM,EACN,UAAU,EACV,YAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACT,cAAc,EACd,KAAK,EACL,MAAM,EACN,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,OAAO,EACP,IAAI,EACJ,UAAU,EACV,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,MAAM,EACN,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,EACV,WAAW,EACX,GAAG,EACH,UAAU,EACV,MAAM,EACN,YAAY,EACZ,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,MAAM,EACN,UAAU,EACV,UAAU,EACV,UAAU,EACV,eAAe,EACf,YAAY,EACZ,WAAW,EACX,IAAI,EACJ,UAAU,EACV,eAAe,EACf,UAAU,EACV,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,aAAa,EACb,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,mBAAmB,CAAA;AAC1B,YAAY,EACV,IAAI,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,IAAI,EACJ,KAAK,EACL,MAAM,EACN,KAAK,EACL,UAAU,EACV,KAAK,EACL,QAAQ,EACR,UAAU,EACV,cAAc,EACd,SAAS,EACT,MAAM,EACN,QAAQ,EACR,aAAa,EACb,UAAU,EACV,UAAU,EACV,cAAc,EACd,UAAU,EACV,UAAU,EACV,GAAG,EACH,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,mBAAmB,CAAA"}