rimecms 0.30.2 → 0.31.0

package/dist/fields/rich-text/index.js

@@ -16,8 +16,6 @@ const isEmpty = (value) => {
     return true;
 };
 export class RichTextFieldBuilder extends FormFieldBuilder {
-    //
-    _metaUrl = import.meta.url;
     constructor(name) {
         super(name, 'richText');
         this.field.isEmpty = isEmpty;
@@ -104,6 +102,9 @@ export class RichTextFieldBuilder extends FormFieldBuilder {
     get dataType() {
         return 'json';
     }
+    generateType() {
+        return `${this.name}${this.get.required ? '' : '?'}: import('@tiptap/core').JSONContent`;
+    }
 }
 export const richText = (name) => new RichTextFieldBuilder(name);
 /**

package/dist/fields/select/index.d.ts

@@ -2,9 +2,9 @@ import type { DataType } from '../../core/fields/builders/form-field-builder.js'
 import type { DefaultValueFn, Field, FormField, Option } from '../types.js';
 import { PickManyFieldBuilder } from '../../core/fields/builders/select-builder.js';
 export declare class SelectFieldBuilder extends PickManyFieldBuilder<SelectField> {
-    _metaUrl: string;
     get component(): import("svelte").Component<import("./component/props.js").SelectFieldProps, {}, "">;
     get dataType(): DataType;
+    protected generateType(): string;
 }
 export declare const select: (name: string) => SelectFieldBuilder;
 /**

package/dist/fields/select/index.js

@@ -1,13 +1,16 @@
 import { PickManyFieldBuilder } from '../../core/fields/builders/select-builder.js';
 import Select from './component/Select.svelte';
 export class SelectFieldBuilder extends PickManyFieldBuilder {
-    _metaUrl = import.meta.url;
     get component() {
         return Select;
     }
     get dataType() {
         return this.field.many ? 'json' : 'text';
     }
+    generateType() {
+        const optionsJoinedType = this.get.options.map((o) => `'${o.value}'`).join(' | ');
+        return `${this.name}${this.get.required ? '' : '?'}: (${optionsJoinedType})${this.get.many ? '[]' : ''}`;
+    }
 }
 export const select = (name) => new SelectFieldBuilder(name, 'select');
 /**

package/dist/fields/slug/index.d.ts

@@ -3,7 +3,6 @@ import { FormFieldBuilder } from '../../core/fields/builders/form-field-builder.
 import type { DefaultValueFn, FormField } from '../types.js';
 export declare const slug: (name: string) => SlugFieldBuilder;
 export declare class SlugFieldBuilder extends FormFieldBuilder<SlugField> {
-    _metaUrl: string;
     constructor(name: string);
     get component(): import("svelte").Component<{
         path: string;
@@ -67,6 +66,7 @@ export declare class SlugFieldBuilder extends FormFieldBuilder<SlugField> {
             value: any;
         }> | null;
     };
+    protected generateType(): string;
 }
 /****************************************************/
 export type SlugField = FormField & {

package/dist/fields/slug/index.js

@@ -5,8 +5,6 @@ import Cell from './component/Cell.svelte';
 import Slug from './component/Slug.svelte';
 export const slug = (name) => new SlugFieldBuilder(name);
 export class SlugFieldBuilder extends FormFieldBuilder {
-    //
-    _metaUrl = import.meta.url;
     constructor(name) {
         super(name, 'slug');
         this.field.validate = validate.slug;
@@ -54,4 +52,7 @@ export class SlugFieldBuilder extends FormFieldBuilder {
         }
         return super.compile();
     }
+    generateType() {
+        return `${this.name}${this.get.required ? '' : '?'}: string`;
+    }
 }

package/dist/fields/tabs/index.d.ts

@@ -4,7 +4,6 @@ import type { WithoutBuilders } from '../../util/types.js';
 export declare const tabs: (...tabs: TabBuilder[]) => TabsBuilder;
 export declare const tab: (name: string) => TabBuilder;
 export declare class TabsBuilder extends FieldBuilder<TabsField> {
-    _metaUrl: string;
     constructor(...tabs: TabBuilder[]);
     get component(): import("svelte").Component<{
         config: TabsBuilder;
@@ -38,6 +37,7 @@ export declare class TabsBuilder extends FieldBuilder<TabsField> {
             update: import("../types.js").FieldAccess;
         };
     };
+    protected generateType(): string;
 }
 export declare class TabBuilder {
     #private;

package/dist/fields/tabs/index.js

@@ -4,8 +4,6 @@ import Tabs from './component/Tabs.svelte';
 export const tabs = (...tabs) => new TabsBuilder(...tabs);
 export const tab = (name) => new TabBuilder(name);
 export class TabsBuilder extends FieldBuilder {
-    //
-    _metaUrl = import.meta.url;
     constructor(...tabs) {
         super('tabs');
         this.field.tabs = tabs;
@@ -21,6 +19,16 @@ export class TabsBuilder extends FieldBuilder {
             cell: this.cell || undefined
         };
     }
+    generateType() {
+        const types = [];
+        for (const tab of this.field.tabs) {
+            const fieldsTypes = tab.get.fields.map((field) => field.use.generateType()).filter(Boolean);
+            if (fieldsTypes.length) {
+                types.push(`${tab.name}: {${fieldsTypes.join(',\n\t\t')}}`);
+            }
+        }
+        return types.length ? types.join(',\n\t').replaceAll(',,', ',') : '';
+    }
 }
 export class TabBuilder {
     #tab;

package/dist/fields/text/index.d.ts

@@ -3,7 +3,6 @@ import { FormFieldBuilder } from '../../core/fields/builders/form-field-builder.
 import type { DefaultValueFn, FormField } from '../types.js';
 /****************************************************/
 export declare class TextFieldBuilder extends FormFieldBuilder<TextField> {
-    _metaUrl: string;
     constructor(name: string);
     unique(bool?: boolean): this;
     get component(): import("svelte").Component<import("./component/props").TextFieldProps, {}, "">;
@@ -59,6 +58,7 @@ export declare class TextFieldBuilder extends FormFieldBuilder<TextField> {
             value: any;
         }> | null;
     };
+    protected generateType(): string;
 }
 export declare const text: (name: string) => TextFieldBuilder;
 /****************************************************/

package/dist/fields/text/index.js

@@ -3,8 +3,6 @@ import { capitalize, sanitize } from '../../util/string.js';
 import Text from './component/Text.svelte';
 /****************************************************/
 export class TextFieldBuilder extends FormFieldBuilder {
-    //
-    _metaUrl = import.meta.url;
     constructor(name) {
         super(name, 'text');
         this.field.hooks = {
@@ -51,5 +49,8 @@ export class TextFieldBuilder extends FormFieldBuilder {
         }
         return super.compile();
     }
+    generateType() {
+        return `${this.name}${this.get.required ? '' : '?'}: string`;
+    }
 }
 export const text = (name) => new TextFieldBuilder(name);

package/dist/fields/textarea/index.d.ts

@@ -3,7 +3,6 @@ import { FormFieldBuilder } from '../../core/fields/builders/form-field-builder.
 import type { DefaultValueFn, FormField } from '../types.js';
 export declare const textarea: (name: string) => TextAreaFieldBuilder;
 export declare class TextAreaFieldBuilder extends FormFieldBuilder<TextAreaField> {
-    _metaUrl: string;
     constructor(name: string);
     get component(): import("svelte").Component<import("./component/props").TextAreaFieldProps, {}, "">;
     get cell(): null;
@@ -55,6 +54,7 @@ export declare class TextAreaFieldBuilder extends FormFieldBuilder<TextAreaField
             value: any;
         }> | null;
     };
+    protected generateType(): string;
 }
 /****************************************************/
 export type TextAreaField = FormField & {

package/dist/fields/textarea/index.js

@@ -3,8 +3,6 @@ import { capitalize, sanitize } from '../../util/string.js';
 import TextArea from './component/TextArea.svelte';
 export const textarea = (name) => new TextAreaFieldBuilder(name);
 export class TextAreaFieldBuilder extends FormFieldBuilder {
-    //
-    _metaUrl = import.meta.url;
     constructor(name) {
         super(name, 'textarea');
         this.field.hooks = {
@@ -43,4 +41,7 @@ export class TextAreaFieldBuilder extends FormFieldBuilder {
         }
         return super.compile();
     }
+    generateType() {
+        return `${this.name}${this.get.required ? '' : '?'}: string`;
+    }
 }

package/dist/fields/time/index.d.ts

@@ -3,11 +3,11 @@ import { FormFieldBuilder } from '../../core/fields/builders/form-field-builder.
 import type { DefaultValueFn, FormField } from '../types.js';
 export declare const time: (name: string) => TimeFieldBuilder;
 export declare class TimeFieldBuilder extends FormFieldBuilder<TimeField> {
-    _metaUrl: string;
     constructor(name: string);
     get component(): import("svelte").Component<import("./component/props").TimeFieldProps, {}, "">;
     defaultValue(value: string | DefaultValueFn<string>): this;
     get dataType(): DataType;
+    protected generateType(): string;
 }
 /****************************************************/
 export type TimeField = FormField & {

package/dist/fields/time/index.js

@@ -2,8 +2,6 @@ import { FormFieldBuilder } from '../../core/fields/builders/form-field-builder.
 import TimeComponent from './component/Time.svelte';
 export const time = (name) => new TimeFieldBuilder(name);
 export class TimeFieldBuilder extends FormFieldBuilder {
-    //
-    _metaUrl = import.meta.url;
     constructor(name) {
         super(name, 'time');
         this.field.defaultValue = '08:00';
@@ -24,4 +22,7 @@ export class TimeFieldBuilder extends FormFieldBuilder {
     get dataType() {
         return 'text';
     }
+    generateType() {
+        return `${this.name}${!this.get.required ? '?' : ''}: string`;
+    }
 }

package/dist/fields/toggle/index.d.ts

@@ -1,7 +1,6 @@
 import { BooleanFieldBuilder } from '../../core/fields/builders/boolean-builder.js';
 import type { DefaultValueFn, FormField } from '../types.js';
 export declare class ToggleFieldBuilder extends BooleanFieldBuilder<ToggleField> {
-    _metaUrl: string;
     constructor(name: string);
     get component(): import("svelte").Component<import("./component/props").ToggleProps, {}, "">;
     get cell(): import("svelte").Component<{
@@ -50,6 +49,7 @@ export declare class ToggleFieldBuilder extends BooleanFieldBuilder<ToggleField>
             value: any;
         }> | null;
     };
+    protected generateType(): string;
 }
 export declare const toggle: (name: string) => ToggleFieldBuilder;
 /****************************************************/

package/dist/fields/toggle/index.js

@@ -2,12 +2,9 @@ import { BooleanFieldBuilder } from '../../core/fields/builders/boolean-builder.
 import Cell from './component/Cell.svelte';
 import Toggle from './component/Toggle.svelte';
 export class ToggleFieldBuilder extends BooleanFieldBuilder {
-    //
-    _metaUrl = import.meta.url;
     constructor(name) {
         super(name, 'toggle');
         this.field.isEmpty = (value) => typeof value !== 'boolean';
-        this.field.defaultValue = false;
     }
     get component() {
         return Toggle;
@@ -27,5 +24,8 @@ export class ToggleFieldBuilder extends BooleanFieldBuilder {
         }
         return super.compile();
     }
+    generateType() {
+        return `${this.name}${this.get.required ? '' : '?'}: boolean`;
+    }
 }
 export const toggle = (name) => new ToggleFieldBuilder(name);

package/dist/fields/tree/index.d.ts

@@ -4,7 +4,6 @@ import type { Field, FormField } from '../types.js';
 import type { Dic } from '../../util/types.js';
 export declare const tree: (name: string) => TreeBuilder;
 export declare class TreeBuilder extends FormFieldBuilder<TreeField> {
-    _metaUrl: string;
     constructor(name: string);
     get component(): import("svelte").Component<import("./component/props.js").TreeProps, {}, "">;
     get cell(): import("svelte").Component<{
@@ -71,6 +70,7 @@ export declare class TreeBuilder extends FormFieldBuilder<TreeField> {
         renderTitle?: TreeFieldBlockRenderTitle;
         addItemLabel: string;
     };
+    protected generateType(): string;
 }
 /**
  * Checks if a field is a tree field.

package/dist/fields/tree/index.js

@@ -1,13 +1,12 @@
 import { FieldBuilder } from '../../core/fields/builders/field-builder.js';
 import { FormFieldBuilder } from '../../core/fields/builders/form-field-builder.js';
+import { toPascalCase } from '../../util/string.js';
 import { number } from '../number/index.js';
 import { text } from '../text/index.js';
 import Cell from './component/Cell.svelte';
 import Tree from './component/Tree.svelte';
 export const tree = (name) => new TreeBuilder(name);
 export class TreeBuilder extends FormFieldBuilder {
-    //
-    _metaUrl = import.meta.url;
     constructor(name) {
         super(name, 'tree');
         this.field.defaultValue = [];
@@ -75,6 +74,9 @@ export class TreeBuilder extends FormFieldBuilder {
             fields: this.field.fields.map((f) => f.compile())
         };
     }
+    generateType() {
+        return `${this.name}: Array<Tree${toPascalCase(this.name)}>,`;
+    }
 }
 /**
  * Checks if a field is a tree field.

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 import i18n, { t__ } from './core/i18n/index.js';
-import { cacheClient } from './core/plugins/cache/index.js';
+import { cache } from './core/plugins/cache/index.js';
 import LiveConsumer from './panel/components/sections/live/Consumer.svelte';
 import LiveEdit from './panel/components/sections/live/LiveEdit.svelte';
 import LiveProvider from './panel/components/sections/live/Provider.svelte';
-export { definePlugin, definePluginClient } from './core/plugins/index.js';
-export { cacheClient, i18n, LiveConsumer, LiveEdit, LiveProvider, t__ };
+export { definePlugin } from './core/plugins/index.js';
+export { cache, i18n, LiveConsumer, LiveEdit, LiveProvider, t__ };
 export type { Dictionaries, PanelLanguage } from './core/i18n/index.js';
 declare module 'rimecms' {
     interface RegisterCollection {

package/dist/index.js

@@ -1,7 +1,7 @@
 import i18n, { t__ } from './core/i18n/index.js';
-import { cacheClient } from './core/plugins/cache/index.js';
+import { cache } from './core/plugins/cache/index.js';
 import LiveConsumer from './panel/components/sections/live/Consumer.svelte';
 import LiveEdit from './panel/components/sections/live/LiveEdit.svelte';
 import LiveProvider from './panel/components/sections/live/Provider.svelte';
-export { definePlugin, definePluginClient } from './core/plugins/index.js';
-export { cacheClient, i18n, LiveConsumer, LiveEdit, LiveProvider, t__ };
+export { definePlugin } from './core/plugins/index.js';
+export { cache, i18n, LiveConsumer, LiveEdit, LiveProvider, t__ };

package/dist/panel/components/fields/RenderFields.svelte

@@ -20,7 +20,7 @@
   const user = getUserContext();
 
   const authorizedFields = $derived(
-    fields.filter((field) => field.run.canRead(user.attributes, { id: form.values.id }))
+    fields.filter((field) => field.use.accessRead(user.attributes, { id: form.values.id }))
   );
 
   const path = $derived(initialPath === '' ? '' : `${initialPath}.`);

package/dist/panel/context/collection.svelte.js

@@ -38,9 +38,11 @@ function createCollectionStore(args) {
     const hasVersions = $derived(!!config.versions);
     const hasDraft = $derived(config.versions && config.versions.draft);
     onMount(() => {
+        const storedDisplay = localStorage.getItem(`collection.${config.slug}.display`);
         displayMode =
-            localStorage.getItem(`collection.${config.slug}.display`) ||
-                DISPLAY_MODE.LIST;
+            storedDisplay && (storedDisplay !== DISPLAY_MODE.NESTED || config.nested)
+                ? storedDisplay
+                : DISPLAY_MODE.LIST;
         const localSortBy = localStorage.getItem(`collection.${config.slug}.sortBy`);
         sortingBy = localSortBy || 'updatedAt';
         const localSortOrder = localStorage.getItem(`collection.${config.slug}.sortOrder`);
@@ -246,7 +248,7 @@ function createCollectionStore(args) {
         return displayMode === DISPLAY_MODE.GRID;
     }
     function isNested() {
-        return displayMode === DISPLAY_MODE.NESTED;
+        return displayMode === DISPLAY_MODE.NESTED && !!config.nested;
     }
     function toggleSelectOf(docId) {
         if (selected.includes(docId)) {

package/dist/panel/context/config.svelte.d.ts

@@ -8,7 +8,7 @@ export declare function setConfigContext(initial: BuiltConfigClient): {
     getDocumentConfig: (args: {
         prototype: Prototype;
         slug: PrototypeSlug;
-    }) => BuiltAreaClient | BuiltCollectionClient;
+    }) => import("../../core/config/types.js").BuiltCollection | import("../../core/config/types.js").BuiltArea;
 };
 export declare function getConfigContext(): {
     readonly raw: BuiltConfigClient;
@@ -17,5 +17,5 @@ export declare function getConfigContext(): {
     getDocumentConfig: (args: {
         prototype: Prototype;
         slug: PrototypeSlug;
-    }) => BuiltAreaClient | BuiltCollectionClient;
+    }) => import("../../core/config/types.js").BuiltCollection | import("../../core/config/types.js").BuiltArea;
 };

package/dist/panel/context/documentForm.svelte.d.ts

@@ -60,7 +60,7 @@ export declare function setDocumentFormContext<T extends WithOptional<GenericDoc
         delete(key: string): void;
         deleteAllThatStartWith(path: string): void;
     };
-    readonly config: BuiltCollectionClient;
+    readonly config: import("../../types.js").BuiltCollection;
     readonly title: string | import("../../core/config/types.js").CollectionLabel;
     readonly isLive: boolean;
     reset(): void;
@@ -123,7 +123,7 @@ export declare function getDocumentFormContext<T extends WithOptional<GenericDoc
         delete(key: string): void;
         deleteAllThatStartWith(path: string): void;
     };
-    readonly config: BuiltCollectionClient;
+    readonly config: import("../../types.js").BuiltCollection;
     readonly title: string | import("../../core/config/types.js").CollectionLabel;
     readonly isLive: boolean;
     reset(): void;

package/dist/panel/context/documentForm.svelte.js

@@ -356,11 +356,11 @@ function createDocumentFormState({ initial, config, readOnly, key, onNestedDocum
         path = path ? normalizeFieldPath(path) : config.name;
         const parts = $derived(path.split('.'));
         const validate = (value) => {
-            if (config.get.required && config.run.isEmpty(value)) {
+            if (config.get.required && config.use.isEmpty(value)) {
                 errors.set(path, 'required::required_field');
                 return 'required';
             }
-            const validated = config.run.validate(value, {
+            const validated = config.use.validate(value, {
                 data: doc,
                 locale: locale.code,
                 id: doc.id ?? undefined,
@@ -409,14 +409,14 @@ function createDocumentFormState({ initial, config, readOnly, key, onNestedDocum
             }
         };
         const setFieldValue = async (value) => {
-            value = await config.run.beforeValidate(value, { config, data: doc });
+            value = await config.use.beforeValidate(value, { config, data: doc });
             const valid = validate(value);
-            if (operation === 'update' && !config.run.canUpdate(user.attributes)) {
+            if (operation === 'update' && !config.use.accessUpdate(user.attributes)) {
                 return;
             }
             if (valid) {
                 setValue(path, value);
-                config.run.onChange?.(value, {
+                config.use.onChange?.(value, {
                     siblings: getSiblings(),
                     useField,
                     useBlocks,
@@ -437,26 +437,32 @@ function createDocumentFormState({ initial, config, readOnly, key, onNestedDocum
                 if (readOnly)
                     return false;
                 if (operation === 'create') {
-                    return !!config.run.canCreate?.(user.attributes);
+                    return !!config.use.accessCreate?.(user.attributes);
                 }
                 else {
-                    return !!config.run.canUpdate?.(user.attributes);
+                    return !!config.use.accessUpdate?.(user.attributes);
                 }
             },
             get visible() {
-                if (!config.run.canRead(user.attributes)) {
+                if (!config.use.accessRead(user.attributes)) {
                     return false;
                 }
-                return config.run.condition(doc, getSiblings());
+                return config.use.isVisible(doc, getSiblings());
             },
             get error() {
                 return errors.value[path] || false;
             },
             get isEmpty() {
-                return config.run.isEmpty(getValueAtPath(path, doc));
+                return config.use.isEmpty(getValueAtPath(path, doc));
             }
         };
     }
+    /**
+     * Prepare the form data for submission.
+     * This function collects the changed fields from the document,
+     * applies any beforeSubmit hooks, and constructs a FormData object
+     * to be sent in the request body.
+     */
     const prepareData = async () => {
         let data = {};
         for (const key of Object.keys(changes)) {
@@ -481,6 +487,9 @@ function createDocumentFormState({ initial, config, readOnly, key, onNestedDocum
         }
         return formData;
     };
+    /**
+     * Submit the form data to the server.
+     */
     const submit = async (action) => {
         if (processing)
             return;
@@ -537,29 +546,35 @@ function createDocumentFormState({ initial, config, readOnly, key, onNestedDocum
         }
         processing = false;
     };
+    /**
+     * Enhance the form element to handle submission.
+     * This function attaches a submit event listener to the form element,
+     * which prevents the default submission behavior, sets the status field
+     * if applicable, and calls the submit function with the appropriate action URL.
+     */
     const enhance = (node) => {
         // Assign form element
         formElement = node;
         // Set status field if submitter has a data-status attribute
         const setStatus = (submitter) => {
-            const status = !!submitter?.dataset.status;
-            if (status && documentConfig.versions && documentConfig.versions.draft) {
+            const SUBMITER_HAS_DATA_STATUS = !!submitter?.dataset.status;
+            if (SUBMITER_HAS_DATA_STATUS && documentConfig.versions && documentConfig.versions.draft) {
                 setValue('status', submitter?.dataset.status);
             }
         };
         // Build full action URL with query params based on submitter attributes (draft, versionId)
         const enhanceAction = (submitter) => {
-            let action = buildPanelActionUrl();
-            const draft = !!submitter?.dataset.draft;
-            if (draft) {
-                action += `&draft=true`;
+            let actionUrl = buildPanelActionUrl();
+            const SUBMITER_HAS_DATA_DRAFT = !!submitter?.dataset.draft;
+            const DOC_HAS_VERSION = documentConfig.versions && !!doc.versionId;
+            const { DRAFT, VERSION_ID } = PARAMS;
+            if (SUBMITER_HAS_DATA_DRAFT) {
+                actionUrl += `&${DRAFT}=true`;
             }
-            if (documentConfig.versions) {
-                if (!draft) {
-                    action += `&versionId=${doc.versionId}`;
-                }
+            else if (DOC_HAS_VERSION) {
+                actionUrl += `&${VERSION_ID}=${doc.versionId}`;
             }
-            return action;
+            return actionUrl;
         };
         const listener = async (event) => {
             event.preventDefault();
@@ -573,6 +588,11 @@ function createDocumentFormState({ initial, config, readOnly, key, onNestedDocum
             }
         };
     };
+    /**
+     * Build the action URL for the form submission based on the current operation (create or update),
+     * the document type (collection or area), and any nested form levels.
+     * This function constructs the appropriate URL to which the form data will be submitted.
+     */
     const buildPanelActionUrl = () => {
         // Start with the base URI for the panel
         let panelUri = `/panel/${config.kebab}`;
@@ -581,19 +601,18 @@ function createDocumentFormState({ initial, config, readOnly, key, onNestedDocum
             panelUri += `/${initial.id}`;
         }
         // Determine the appropriate action based on whether we're creating or updating
-        let actionSuffix;
-        if (operation === 'create') {
-            actionSuffix = '/create?/create';
-        }
-        else {
-            actionSuffix = '?/update';
-        }
+        const actionSuffix = operation === 'create' ? '/create?/create' : '?/update';
         // Add a redirect parameter if we're in a nested form ex: relation creation
         // to prevent redirect after creation
         const redirectParam = nestedLevel > 0 ? `&${PARAMS.REDIRECT}=false` : '';
         // Combine all parts to form the final action URL
         return `${panelUri}${actionSuffix}${redirectParam}`;
     };
+    /**
+     * Import data from the default locale for the current document.
+     * This function fetches the document data from the default locale and updates the current document state.
+     * It processes localized fields to ensure they are correctly set for the current locale.
+     */
     const importDataFromDefaultLocale = async () => {
         const BASE_API_URL = `${apiUrl(documentConfig.kebab)}`;
         let fetchURL = BASE_API_URL;

package/dist/panel/context/form.svelte.js

@@ -43,7 +43,7 @@ function createFormStore(initial, key) {
         const validate = (value) => {
             let isEmpty;
             try {
-                isEmpty = config.run.isEmpty(value);
+                isEmpty = config.use.isEmpty(value);
             }
             catch (err) {
                 console.error(err.message);
@@ -53,7 +53,7 @@ function createFormStore(initial, key) {
                 errors.value[path] = 'required::required_field';
                 return false;
             }
-            const validated = config.run.validate(value, {
+            const validated = config.use.validate(value, {
                 data: form,
                 id: undefined,
                 operation: undefined,
@@ -85,7 +85,7 @@ function createFormStore(initial, key) {
                 }
             },
             get visible() {
-                return config.run.condition(form, {});
+                return config.use.isVisible(form, {});
             },
             get error() {
                 return errors.value[path] || false;

package/dist/panel/context/live.svelte.js

@@ -155,7 +155,7 @@ function createStore(href) {
         get documentUpdateURI() {
             const doc = page.data.doc;
             if (!doc)
-                throw new Error('live.doc has not been set before accessing documentAPIUpdateURL');
+                throw new Error('live.doc has not been set before accessing documentAPIUpdateURL, be sure to provide a "doc" property in the page data, or provide an update property to the LiveEdit component.');
             let uri = `/${doc._type}`;
             if (doc._prototype === 'collection')
                 uri += `/${doc.id}`;

package/dist/panel/pages/auth/sign-in/SignIn.svelte

@@ -36,7 +36,12 @@
   {#if context.status !== 429}
     <form method="POST" action="/panel/sign-in" use:enhance={context.enhance}>
       <Email config={emailField} form={context} />
-      <Text type="password" icon={KeyRound} config={passwordField} form={context} />
+      <Text
+        type="password"
+        icon={KeyRound}
+        config={passwordField.clone().layout('compact')}
+        form={context}
+      />
       <Button size="xl" disabled={!context.canSubmit} type="submit">
         {t__('common.signin')}
         {#if context.pending}

package/dist/server.d.ts

@@ -1,7 +1,7 @@
 import handlers from './core/handlers/index.js';
 import { registerTranslation } from './core/i18n/register.server.js';
-import { apiInit } from './core/plugins/api-init/index.server.js';
-import { cache } from './core/plugins/cache/index.server.js';
-import { mailer } from './core/plugins/mailer/index.server.js';
-import { sse } from './core/plugins/sse/index.server.js';
+import { apiInit } from './core/plugins/api-init/index.js';
+import { cache } from './core/plugins/cache/index.js';
+import { mailer } from './core/plugins/mailer/index.js';
+import { sse } from './core/plugins/sse/index.js';
 export { apiInit, cache, handlers, mailer, registerTranslation, sse };