@wssto2/vue-core 0.17.0 → 0.19.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## 0.19.0 — 2026-11-06
+
+A code editor for forms, for the templates, components and page code a site is built from.
+
+### New
+- **form:** `CodeField` (CodeMirror 6, optional peers loaded when the first one shows): `v-model` string, `language: "liquid" | "html" | "css" | "javascript"`, `readonly`, `lineNumbers`, `height` (resizable), `markers: CodeMarker[]` (`{ line, column?, severity, message }` from the server's linter, drawn in the gutter and as underlines), `@save` on Ctrl/Cmd+S, a `#preview` slot that puts the app's preview beside the editor (behind a button on narrow screens). Tab indents, Esc then Tab leaves the editor. Liquid is the official `@codemirror/lang-liquid`. New types `CodeLanguage`, `CodeMarker`; new texts `core.form.code.*`. Recipe: `docs/recipes/code-field.md`.
+- **peers:** optional `@codemirror/{state,view,commands,language,lint,lang-liquid,lang-html,lang-css,lang-javascript}` and `@lezer/highlight`.
+- **check:consumer:** fails when the packed output imports quill or CodeMirror statically.
+
+## 0.18.0 — 2026-11-06
+
+Forms and lists built from a schema at run time, for content whose fields are data (site-builder's content types). The `Dynamic*` pair generates fields and columns from a typed schema; it is not a page renderer.
+
+### New
+- **form:** `DynamicForm` (a form from a `FormSchema`: each field kind mapped to the existing field, `visible_when` hiding, `localeMode: "perField" | "form"`, go-core's 422 field messages), `RepeatField` (repeatable group of fields, reordered with buttons), `ResourceField` (one or several ids picked through `PickerModal` over an app-supplied `list`), `RichTextField` (Quill 2, optional peer `quill`, loaded on first mount; HTML string, no sanitising in the browser), `evaluateVisibility(rule, values)` and `isEmptyValue`, `buildValidator(schema, { zod })`, and the schema types (`FormSchema`, `SchemaField`, `FieldKind`, `VisibilityRule`, `VisibilityCondition`, `ResourceSource`). New texts `core.form.dynamic.*` in the five locales. Recipe: `docs/recipes/content-forms.md`.
+- **collection:** `DynamicCollection`: columns, sort and filters from a schema, on `defineCollection`/`CollectionPage`.
+- **test-data:** `test-data/content/visibility.json`, the `visible_when` cases shared with servers that evaluate the same rule (copy it, do not edit the copy).
+
+### Fixed
+- **collection:** `RowOf`, `SortOf`, `FilterOf` and `ViewOf` were `never` for every definition; they now infer from the definition, and runtime keys (`Row = Record<string, unknown>`) type-check.
+
 ## 0.17.0 — 2026-11-04
 
 What every app built on vue-core wrote again: the phase and to-do components, date values in the date fields' own shape, a lazy locale loader, the author of a list row, "today at 14:35", typed access, two architecture rules as data, and the Playwright and vitest setup. Breaking only in that `Platform.access` is now typed by the registered permissions (see Changed).

package/README.md

@@ -336,6 +336,8 @@ The library's own texts are under the `core` namespace in English, Croatian, Bos
 - [Shell](docs/recipes/shell.md): the default shell, contributions from features, keyboard shortcuts and their help, running inside a frame, a custom shell
 - [App setup](docs/recipes/app-setup.md): config, session, effects, locales and flags, permissions in the UI, error sentences, startup errors
 - [Forms](docs/recipes/forms.md): form state, fields, a record edited in group sheets, a long form, commands
+- [Forms and lists from a schema](docs/recipes/content-forms.md): `DynamicForm`, `RepeatField`, `ResourceField`, `RichTextField`, `buildValidator`, `DynamicCollection`, `visible_when`
+- [A code editor](docs/recipes/code-field.md): `CodeField` (CodeMirror 6): Liquid / HTML / CSS / JavaScript, linter markers, a preview beside it, the keyboard
 - [Typed routes](docs/recipes/typed-routes.md): generated routes, `client.request`, a list from a route
 - [Sign-in](docs/recipes/sign-in.md): go-core's identity module: the sign-in page, the session wiring, the language, the module's committed types, the dev server
 - [Users and profile](docs/recipes/users.md): the users list and a person's record, "my profile" with the e-mail change by code, opting out, extra sections, refusals

package/dist/collection/DynamicCollection.vue.d.ts

@@ -0,0 +1,69 @@
+import type { RouteLocationRaw } from "vue-router";
+import type { IconName } from "../icon";
+import type { PageAction } from "../page";
+import type { FormSchema } from "../form/dynamic/schema";
+import type { RowAction } from "./columns";
+import type { CollectionLoader, CollectionStateSource } from "./types";
+type Row = Record<string, unknown>;
+/**
+ * A list page generated from a typed schema: a column per listable field, sort on the fields the backend can order by, and a
+ * filter per select, boolean and date field, all from the same schema. It is `defineCollection` + `useCollection` +
+ * `CollectionPage` with `Row = Record<string, unknown>`; the loader is yours (it receives the query with those sort and filter keys).
+ *
+ *   <DynamicCollection id="content.news" :schema="schema" :load="api.entries" title="News" :record-route="(row) => `/news/${row.id}`" thumbnail="/media/{id}/thumb" />
+ *
+ * Cells: text, number, date and datetime as the standard kinds; boolean as a yes / no badge; select as a badge with the option's label;
+ * translated text in the current language; image as a picture from `thumbnail`. The first text field (or `titleField`) is the
+ * record's name and links to it. A `#cell-<key>` slot replaces any cell. The schema is read once, when the page is set up: key the
+ * component by the type to show another.
+ *
+ * Filters: a select offers its options, a boolean "yes" / "no" (the values `"true"` and `"false"`), a date the date presets.
+ */
+type __VLS_Props = {
+    schema: FormSchema;
+    /** The list's identity (saved views and logs use it). */
+    id: string;
+    load: CollectionLoader<Row, string, string, string>;
+    title: string;
+    description?: string;
+    icon?: IconName;
+    actions?: readonly PageAction[];
+    /** Where a row's record lives. */
+    recordRoute?: (row: Row) => RouteLocationRaw;
+    rowActions?: (row: Row) => RowAction[];
+    /** Default: the URL's query under `q`. */
+    state?: CollectionStateSource;
+    /** The field that names the record and links to it. Default: the first text field. */
+    titleField?: string;
+    /** The columns to show, in order. Default: every listable field of the schema. */
+    columns?: readonly string[];
+    /** A URL with `{id}` for the pictures of image fields. */
+    thumbnail?: string;
+    /** The language of translated text. Default: the interface's. */
+    locale?: string;
+};
+declare var __VLS_6: string, __VLS_7: {
+    [x: string]: unknown;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    icon: IconName;
+    state: CollectionStateSource;
+    locale: string;
+    description: string;
+    actions: readonly PageAction[];
+    columns: readonly string[];
+    thumbnail: string;
+    rowActions: (row: Row) => RowAction[];
+    recordRoute: (row: Row) => RouteLocationRaw;
+    titleField: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/collection/RecordIdentity.vue.d.ts

@@ -26,8 +26,8 @@ type __VLS_Props = {
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     to: RouteLocationRaw | null;
     subtitle: string | null;
-    subtitleSelectable: boolean;
     highlight: string | null;
+    subtitleSelectable: boolean;
     spread: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/collection/definition.d.ts

@@ -81,7 +81,7 @@ export interface CollectionDefinition<Row, Sort extends string = string, Filter
  */
 export declare function defineCollection<Row, Sort extends string = string, Filter extends string = string, View extends string = string, Meta extends ListMeta = ListMeta>(input: CollectionDefinitionInput<Row, Sort, Filter, View, Meta>): CollectionDefinition<Row, Sort, Filter, View, Meta>;
 /** The row, sort keys, filter keys and views of a definition, for typing code written against it. */
-export type RowOf<D> = D extends CollectionDefinition<infer Row, string, string, string> ? Row : never;
-export type SortOf<D> = D extends CollectionDefinition<never, infer Sort, string, string> ? Sort : never;
-export type FilterOf<D> = D extends CollectionDefinition<never, string, infer Filter, string> ? Filter : never;
-export type ViewOf<D> = D extends CollectionDefinition<never, string, string, infer View> ? View : never;
+export type RowOf<D> = D extends CollectionDefinition<infer Row, infer _S, infer _F, infer _V, infer _M> ? Row : never;
+export type SortOf<D> = D extends CollectionDefinition<infer _R, infer Sort, infer _F, infer _V, infer _M> ? Sort : never;
+export type FilterOf<D> = D extends CollectionDefinition<infer _R, infer _S, infer Filter, infer _V, infer _M> ? Filter : never;
+export type ViewOf<D> = D extends CollectionDefinition<infer _R, infer _S, infer _F, infer View, infer _M> ? View : never;

package/dist/collection/dynamicColumns.d.ts

@@ -0,0 +1,13 @@
+import type { FormSchema, SchemaField } from "../form/dynamic/schema";
+import type { FilterDescriptor } from "./filters";
+/** The fields shown as columns: `only` (in its order), else every listable field of the schema. */
+export declare function listedFields(schema: FormSchema, only?: readonly string[]): SchemaField[];
+export declare const isSortable: (field: SchemaField) => boolean;
+export declare const isFilterable: (field: SchemaField) => boolean;
+/** The text of a cell value: a translated text (`{ hr, en }`) in `locale`, else the first language written; anything else as it is. */
+export declare function textOf(value: unknown, locale: string): string;
+/** What a select-like filter offers for a field; a boolean offers yes and no as "true" and "false". */
+export declare function optionsOf(field: SchemaField, labels: {
+    yes: string;
+    no: string;
+}): FilterDescriptor["options"];

package/dist/collection/index.d.ts

@@ -28,3 +28,4 @@ export type { CellSlots, CollectionSlots, RowsSlots } from "./slots";
 export { createPicker } from "./picker";
 export type { Picker, PickerOptions } from "./picker";
 export { default as PickerModal } from "./PickerModal.vue";
+export { default as DynamicCollection } from "./DynamicCollection.vue";

package/dist/collection/index.js

@@ -1,192 +1,241 @@
-import { D as Q, d as W, h as Y, l as ee, a as te, r as se, b as oe } from "../http-D6qOS6xs.js";
-import { _ as ae, a as ne, u as le } from "../CollectionPage.vue_vue_type_script_setup_true_lang-Dr6nFNBB.js";
-import { L as ce } from "../state-z1iPF1DT.js";
-import { a as ue, u as fe } from "../neighbors-Dg_LU9ry.js";
-import { r as p } from "../route-goWMxDUN.js";
-import { b as me, a as ve } from "../rowLayout-PIuD7MGo.js";
-import { _ as be } from "../DataTable.vue_vue_type_script_setup_true_lang-D372wlxR.js";
-import { defineComponent as x, openBlock as c, createElementBlock as u, Fragment as P, renderList as E, createBlock as w, unref as d, withCtx as y, normalizeClass as v, createVNode as _, createCommentVNode as g, shallowRef as S, useTemplateRef as T, watch as L, renderSlot as A } from "vue";
-import { _ as b } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
-import { _ as D } from "../Tooltip.vue_vue_type_script_setup_true_lang-C1C1qeBj.js";
-import { D as he, u as xe } from "../datePresets-DB13HHHd.js";
-import { _ as ye, h as ge } from "../Highlight.vue_vue_type_script_setup_true_lang-DZGBmwcX.js";
-import { useI18n as R } from "vue-i18n";
-import { _ as z } from "../Modal.vue_vue_type_script_setup_true_lang-CZ7WrDwu.js";
-function j(a, e) {
-  const i = a?.authors;
-  return e == null || !Array.isArray(i) ? null : i.find((s) => s.id === e) ?? null;
+import { d as H } from "../http-D6qOS6xs.js";
+import { D as Fe, h as $e, l as Ie, a as je, r as Ne, b as ze } from "../http-D6qOS6xs.js";
+import { u as J, _ as K } from "../CollectionPage.vue_vue_type_script_setup_true_lang-Dr6nFNBB.js";
+import { a as Ve } from "../CollectionPage.vue_vue_type_script_setup_true_lang-Dr6nFNBB.js";
+import { L as Be } from "../state-z1iPF1DT.js";
+import { a as Ge, u as He } from "../neighbors-Dg_LU9ry.js";
+import { r as x } from "../route-goWMxDUN.js";
+import { b as Ke, a as Xe } from "../rowLayout-PIuD7MGo.js";
+import { _ as Qe } from "../DataTable.vue_vue_type_script_setup_true_lang-D372wlxR.js";
+import { defineComponent as z, openBlock as c, createElementBlock as m, Fragment as S, renderList as g, createBlock as M, unref as k, withCtx as C, normalizeClass as O, createVNode as P, createCommentVNode as X, computed as v, useSlots as Z, createSlots as Q, renderSlot as W, normalizeProps as Y, guardReactiveProps as ee, toDisplayString as _ } from "vue";
+import { _ as R } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
+import { _ as te } from "../Tooltip.vue_vue_type_script_setup_true_lang-C1C1qeBj.js";
+import { u as ne } from "../datePresets-DB13HHHd.js";
+import { D as Ye } from "../datePresets-DB13HHHd.js";
+import { _ as tt, h as nt } from "../Highlight.vue_vue_type_script_setup_true_lang-DZGBmwcX.js";
+import { t as oe } from "../resources-BZLlAtoS.js";
+import { _ as st, c as at } from "../resources-BZLlAtoS.js";
+import { useI18n as se } from "vue-i18n";
+function Ae(o, t) {
+  const s = o?.authors;
+  return t == null || !Array.isArray(s) ? null : s.find((a) => a.id === t) ?? null;
 }
-const m = {
-  index: p("GET", "/v1/saved-views"),
-  store: p("POST", "/v1/saved-views"),
-  delete: p("DELETE", "/v1/saved-views/:id")
-}, k = ({ id: a, name: e, state: i }) => ({ id: a, name: e, state: i });
-function G(a) {
+const w = {
+  index: x("GET", "/v1/saved-views"),
+  store: x("POST", "/v1/saved-views"),
+  delete: x("DELETE", "/v1/saved-views/:id")
+}, F = ({ id: o, name: t, state: s }) => ({ id: o, name: t, state: s });
+function Te(o) {
   return {
-    async list(e, { signal: i }) {
-      return (await a.request(m.index, { list: e }, { signal: i })).data.map(k);
+    async list(t, { signal: s }) {
+      return (await o.request(w.index, { list: t }, { signal: s })).data.map(F);
     },
-    async save(e, i, s) {
-      const o = JSON.stringify({ ...s, view: s.view || void 0 });
-      return k((await a.request(m.store, { list_key: e, name: i, state: o })).data);
+    async save(t, s, a) {
+      const r = JSON.stringify({ ...a, view: a.view || void 0 });
+      return F((await o.request(w.store, { list_key: t, name: s, state: r })).data);
     },
-    async remove(e, i) {
-      await a.request(m.delete, { id: Number(i) });
+    async remove(t, s) {
+      await o.request(w.delete, { id: Number(s) });
     }
   };
 }
-function U(a = {}) {
-  const e = new Map(Object.entries(a).map(([o, t]) => [o, [...t]]));
-  let i = 1;
-  const s = (o) => {
-    let t = e.get(o);
-    return t || e.set(o, t = []), t;
+function Le(o = {}) {
+  const t = new Map(Object.entries(o).map(([r, n]) => [r, [...n]]));
+  let s = 1;
+  const a = (r) => {
+    let n = t.get(r);
+    return n || t.set(r, n = []), n;
   };
   return {
-    async list(o) {
-      return [...s(o)];
+    async list(r) {
+      return [...a(r)];
     },
-    async save(o, t, l) {
-      const n = s(o), r = n.findIndex((C) => C.name === t), f = { id: r === -1 ? `view-${i++}` : n[r].id, name: t, state: l };
-      return r === -1 ? n.push(f) : n[r] = f, f;
+    async save(r, n, f) {
+      const u = a(r), y = u.findIndex((h) => h.name === n), b = { id: y === -1 ? `view-${s++}` : u[y].id, name: n, state: f };
+      return y === -1 ? u.push(b) : u[y] = b, b;
     },
-    async remove(o, t) {
-      const l = s(o), n = l.findIndex((r) => r.id === t);
-      n !== -1 && l.splice(n, 1);
+    async remove(r, n) {
+      const f = a(r), u = f.findIndex((y) => y.id === n);
+      u !== -1 && f.splice(u, 1);
     }
   };
 }
-const $ = {
+const ae = {
   key: 0,
   class: "flex items-center justify-center gap-1",
   "data-test": "row-actions"
-}, I = ["href", "target", "rel", "aria-label", "data-action"], N = ["aria-label", "data-action", "disabled", "onClick"], h = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", H = /* @__PURE__ */ x({
+}, re = ["href", "target", "rel", "aria-label", "data-action"], ie = ["aria-label", "data-action", "disabled", "onClick"], $ = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", De = /* @__PURE__ */ z({
   __name: "RowActions",
   props: {
     actions: {},
     disabled: { type: Boolean, default: !1 }
   },
-  setup(a) {
-    const e = a, i = (s) => s.tone === "critical" ? "text-status-danger-content hover:bg-status-danger-surface" : "text-content-link hover:bg-tint-soft";
-    return (s, o) => e.actions.length > 0 ? (c(), u("div", $, [
-      (c(!0), u(P, null, E(e.actions, (t) => (c(), w(d(D), {
-        key: t.key,
-        text: t.label,
+  setup(o) {
+    const t = o, s = (a) => a.tone === "critical" ? "text-status-danger-content hover:bg-status-danger-surface" : "text-content-link hover:bg-tint-soft";
+    return (a, r) => t.actions.length > 0 ? (c(), m("div", ae, [
+      (c(!0), m(S, null, g(t.actions, (n) => (c(), M(k(te), {
+        key: n.key,
+        text: n.label,
         side: "left"
       }, {
-        default: y(() => [
-          t.href && !e.disabled ? (c(), u("a", {
+        default: C(() => [
+          n.href && !t.disabled ? (c(), m("a", {
             key: 0,
-            href: t.href,
-            target: t.external ? "_blank" : void 0,
-            rel: t.external ? "noopener" : void 0,
-            "aria-label": t.label,
-            "data-action": t.key,
-            class: v(["inline-flex rounded-md p-1.5 transition-colors", [i(t), h]])
+            href: n.href,
+            target: n.external ? "_blank" : void 0,
+            rel: n.external ? "noopener" : void 0,
+            "aria-label": n.label,
+            "data-action": n.key,
+            class: O(["inline-flex rounded-md p-1.5 transition-colors", [s(n), $]])
           }, [
-            _(d(b), {
-              name: t.icon,
+            P(k(R), {
+              name: n.icon,
               size: 18
             }, null, 8, ["name"])
-          ], 10, I)) : (c(), u("button", {
+          ], 10, re)) : (c(), m("button", {
             key: 1,
             type: "button",
-            "aria-label": t.label,
-            "data-action": t.key,
-            disabled: e.disabled,
-            class: v(["inline-flex cursor-pointer rounded-md p-1.5 transition-colors disabled:pointer-events-none disabled:opacity-40", [i(t), h]]),
-            onClick: (l) => t.onSelect?.()
+            "aria-label": n.label,
+            "data-action": n.key,
+            disabled: t.disabled,
+            class: O(["inline-flex cursor-pointer rounded-md p-1.5 transition-colors disabled:pointer-events-none disabled:opacity-40", [s(n), $]]),
+            onClick: (f) => n.onSelect?.()
           }, [
-            _(d(b), {
-              name: t.icon,
+            P(k(R), {
+              name: n.icon,
               size: 18
             }, null, 8, ["name"])
-          ], 10, N))
+          ], 10, ie))
         ]),
         _: 2
       }, 1032, ["text"]))), 128))
-    ])) : g("", !0);
+    ])) : X("", !0);
   }
-});
-function J() {
-  const a = S({ open: !1, options: null });
-  let e = null;
-  function i(s) {
-    const o = e;
-    e = null, a.value = { open: !1, options: a.value.options }, o?.(s);
+}), le = ["text", "number", "boolean", "select", "multi_select", "date", "datetime", "image", "document", "gallery"], ce = ["text", "number", "boolean", "select", "date", "datetime"], de = ["select", "boolean", "date", "datetime"];
+function ue(o, t) {
+  return t ? t.flatMap((s) => o.fields.filter((a) => a.key === s)) : o.fields.filter((s) => le.includes(s.kind));
+}
+const I = (o) => ce.includes(o.kind) && !o.translatable, j = (o) => de.includes(o.kind) && !o.translatable;
+function N(o, t) {
+  if (o == null) return "";
+  if (typeof o == "object" && !Array.isArray(o)) {
+    const s = o, a = s[t];
+    return typeof a == "string" && a !== "" ? a : Object.values(s).find((r) => typeof r == "string" && r !== "") ?? "";
   }
-  return {
-    state: a,
-    pick(...[s]) {
-      return e?.(null), new Promise((o) => {
-        e = o, a.value = { open: !0, options: s ?? {} };
-      });
-    },
-    select: (s) => i(s),
-    cancel: () => i(null)
-  };
+  return String(o);
+}
+function me(o, t) {
+  return o.kind === "boolean" ? [{ value: "true", label: t.yes }, { value: "false", label: t.no }] : (o.options ?? []).map((s) => ({ value: s.value, label: s.label }));
 }
-const X = /* @__PURE__ */ x({
-  __name: "PickerModal",
+const ye = { key: 0 }, pe = ["src"], fe = { key: 2 }, ke = { key: 3 }, be = { key: 4 }, Oe = /* @__PURE__ */ z({
+  __name: "DynamicCollection",
   props: {
-    picker: {},
-    title: { default: void 0 },
+    schema: {},
+    id: {},
+    load: {},
+    title: {},
     description: { default: void 0 },
-    size: { default: "lg" }
+    icon: { default: void 0 },
+    actions: { default: () => [] },
+    recordRoute: { type: Function, default: void 0 },
+    rowActions: { type: Function, default: void 0 },
+    state: { default: () => ({ kind: "url", key: "q" }) },
+    titleField: { default: void 0 },
+    columns: { default: void 0 },
+    thumbnail: { default: void 0 },
+    locale: { default: void 0 }
   },
-  setup(a) {
-    const e = a, { t: i } = R(), s = T("modal");
-    let o = !1, t = !1;
-    L(() => e.picker.state.value.open, (n) => {
-      n ? (o = !0, s.value?.present()) : o && (t = !0, s.value?.dismiss());
-    }, { flush: "post" });
-    function l() {
-      o = !1, t ? t = !1 : e.picker.cancel();
-    }
-    return (n, r) => (c(), w(d(z), {
-      ref_key: "modal",
-      ref: s,
-      title: e.picker.state.value.options?.title ?? e.title ?? d(i)("core.collection.pick_label"),
-      subtitle: e.picker.state.value.options?.description ?? e.description,
-      size: e.size,
-      grouped: "",
-      onDismissed: l
-    }, {
-      default: y(() => [
-        e.picker.state.value.options ? A(n.$slots, "default", {
-          options: e.picker.state.value.options,
-          select: e.picker.select
-        }, void 0, void 0, 0) : g("", !0)
-      ]),
-      _: 3
-    }, 8, ["title", "subtitle", "size"]));
+  setup(o) {
+    const t = o, { t: s, locale: a } = se(), r = v(() => t.locale ?? a.value), n = ue(t.schema, t.columns), f = t.titleField ?? n.find((e) => e.kind === "text")?.key, u = v(() => ({ yes: s("core.form.yes"), no: s("core.form.no") })), y = H({
+      id: t.id,
+      stateVersion: 1,
+      load: t.load,
+      key: (e) => e.id,
+      query: { sorts: n.filter(I).map((e) => e.key), filters: n.filter(j).map((e) => e.key) }
+    }), b = new Map(n.filter((e) => e.kind === "date" || e.kind === "datetime").map((e) => [e.key, ne(e.key, e.label)])), h = v(() => n.filter(j).map((e) => b.get(e.key)?.value ?? { key: e.key, label: e.label, type: "select", options: me(e, u.value) })), E = (e, i) => e.options?.find((l) => l.value === i)?.label ?? String(i ?? ""), A = v(() => n.map((e) => {
+      const i = { key: e.key, label: e.label, ...I(e) ? { sort: e.key } : {} };
+      if (e.key === f) return { ...i, kind: "identity", title: (l) => N(l[e.key], r.value) };
+      switch (e.kind) {
+        case "number":
+          return { ...i, kind: "number" };
+        case "date":
+          return { ...i, kind: "timestamp", precision: "date" };
+        case "datetime":
+          return { ...i, kind: "timestamp", precision: "dateTime" };
+        case "boolean":
+          return { ...i, kind: "badge", tone: (l) => l[e.key] === !0 ? "positive" : "neutral", text: (l) => l[e.key] === !0 ? u.value.yes : u.value.no };
+        case "select":
+          return { ...i, kind: "badge", tone: () => "neutral", text: (l) => E(e, l[e.key]) };
+        case "text":
+          return e.translatable ? { ...i, kind: "custom" } : { ...i, kind: "text" };
+        default:
+          return { ...i, kind: "custom" };
+      }
+    })), V = J(y, {
+      columns: A,
+      filters: h,
+      state: t.state,
+      ...t.recordRoute ? { recordRoute: t.recordRoute } : {}
+    }), T = (e) => `cell-${e.replace(/\./g, "_")}`, L = Z(), q = v(() => A.value.filter((e) => e.kind === "custom" && !(T(e.key) in L))), B = () => Object.keys(L), U = (e) => n.find((i) => i.key === e), D = (e) => Array.isArray(e) ? e : [];
+    return (e, i) => (c(), M(K, {
+      collection: k(V),
+      title: t.title,
+      description: t.description,
+      icon: t.icon,
+      actions: t.actions,
+      "row-actions": t.rowActions
+    }, Q({ _: 2 }, [
+      g(B(), (l) => ({
+        name: l,
+        fn: C((p) => [
+          W(e.$slots, l, Y(ee(p ?? {})))
+        ])
+      })),
+      g(q.value, (l) => ({
+        name: T(l.key),
+        fn: C(({ item: p }) => [
+          (c(!0), m(S, null, g([U(l.key)], (d) => (c(), m(S, {
+            key: d.key
+          }, [
+            d.kind === "text" ? (c(), m("span", ye, _(k(N)(p[d.key], r.value)), 1)) : d.kind === "image" && t.thumbnail && p[d.key] != null ? (c(), m("img", {
+              key: 1,
+              src: k(oe)({ thumbnail: t.thumbnail }, p[d.key]),
+              alt: "",
+              class: "size-10 rounded object-cover",
+              loading: "lazy"
+            }, null, 8, pe)) : d.kind === "gallery" ? (c(), m("span", fe, _(D(p[d.key]).length || ""), 1)) : d.kind === "multi_select" ? (c(), m("span", ke, _(D(p[d.key]).map((G) => E(d, G)).join(", ")), 1)) : (c(), m("span", be, _(p[d.key] ?? ""), 1))
+          ], 64))), 128))
+        ])
+      }))
+    ]), 1032, ["collection", "title", "description", "icon", "actions", "row-actions"]));
   }
 });
 export {
-  me as CollectionCell,
-  ae as CollectionPage,
-  ne as CollectionTable,
-  he as DATE_PRESETS,
-  Q as DEFAULT_PAGE_SIZES,
-  be as DataTable,
-  ye as Highlight,
-  ce as LIST_CONTEXT_PARAM,
-  X as PickerModal,
-  ve as RecordIdentity,
-  H as RowActions,
-  j as authorOf,
-  U as createMemorySavedViews,
-  J as createPicker,
-  W as defineCollection,
-  ge as highlightParts,
-  Y as httpList,
-  ee as listLoader,
-  te as listParams,
-  se as readListPage,
-  oe as routeListLoader,
-  G as serverSavedViews,
-  le as useCollection,
-  ue as useCollectionBack,
-  fe as useCollectionNeighbors,
-  xe as useDatePresetFilter
+  Ke as CollectionCell,
+  K as CollectionPage,
+  Ve as CollectionTable,
+  Ye as DATE_PRESETS,
+  Fe as DEFAULT_PAGE_SIZES,
+  Qe as DataTable,
+  Oe as DynamicCollection,
+  tt as Highlight,
+  Be as LIST_CONTEXT_PARAM,
+  st as PickerModal,
+  Xe as RecordIdentity,
+  De as RowActions,
+  Ae as authorOf,
+  Le as createMemorySavedViews,
+  at as createPicker,
+  H as defineCollection,
+  nt as highlightParts,
+  $e as httpList,
+  Ie as listLoader,
+  je as listParams,
+  Ne as readListPage,
+  ze as routeListLoader,
+  Te as serverSavedViews,
+  J as useCollection,
+  Ge as useCollectionBack,
+  He as useCollectionNeighbors,
+  ne as useDatePresetFilter
 };

package/dist/form/CodeField.vue.d.ts

@@ -0,0 +1,62 @@
+import { type CodeLanguage, type CodeMarker } from "./codeEditor";
+import { type FieldProps, type FieldSlots } from "./field";
+/**
+ * Source code: Liquid templates, HTML, CSS or JavaScript, with highlighting, line numbers and the findings of a linter. The value
+ * is the text ("" when empty). The editor is CodeMirror 6, optional peer dependencies loaded when the field first shows
+ * (see `loadCodeEditor`); an application that never shows this field never loads them.
+ *
+ * `markers` come from the server's linter (the browser checks nothing): each is drawn in the gutter and as an underline on its
+ * line, with the message on hover. `@save` fires on Ctrl/Cmd+S. Tab indents; Esc, then Tab, moves on to the next control.
+ * Give the `preview` slot (an iframe of the rendered page) and the editor sits beside it, below it on narrow screens behind a button.
+ *
+ *   <CodeField v-model="form.body" language="liquid" :markers="lint" label="Template" @save="save">
+ *     <template #preview><iframe :src="previewUrl" title="Preview" class="size-full" /></template>
+ *   </CodeField>
+ */
+type __VLS_Props = FieldProps & {
+    modelValue?: string;
+    language?: CodeLanguage;
+    /** Visible and selectable, not editable (a read-only viewer of a published version). */
+    readonly?: boolean;
+    lineNumbers?: boolean;
+    /** The height of the editor; the user can drag it taller (any CSS length). */
+    height?: string;
+    markers?: readonly CodeMarker[];
+};
+type __VLS_Slots = FieldSlots & {
+    /** The app's preview of the code; the editor goes beside it. */
+    preview?: () => unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    focus: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    save: () => any;
+    "update:modelValue": (source: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSave?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((source: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    name: string;
+    label: string;
+    error: string;
+    required: boolean;
+    height: string;
+    presentation: "control" | "value";
+    modelValue: string;
+    labelHidden: boolean;
+    hint: string;
+    editable: boolean;
+    lockedReason: string;
+    readonly: boolean;
+    language: CodeLanguage;
+    lineNumbers: boolean;
+    markers: readonly CodeMarker[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};