rimecms 0.28.10 → 0.30.0

package/dist/fields/toggle/component/props.d.ts

@@ -1,7 +1,7 @@
 import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
-import type { ToggleField } from '../index.js';
+import type { ToggleFieldBuilder } from '../index.js';
 export type ToggleProps = {
     path: string;
-    config: ToggleField;
+    config: ToggleFieldBuilder;
     form: DocumentFormContext;
 };

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

@@ -11,6 +11,7 @@ export declare class ToggleFieldBuilder extends BooleanFieldBuilder<ToggleField>
     compile(): {
         type: "toggle";
         defaultValue?: (boolean | DefaultValueFn<boolean>) | undefined;
+        name: string;
         live?: boolean | undefined;
         condition?: ((doc: any, siblings: any) => boolean) | undefined;
         width?: import("../types.js").FieldWidth | undefined;
@@ -22,7 +23,6 @@ export declare class ToggleFieldBuilder extends BooleanFieldBuilder<ToggleField>
             read: import("../types.js").FieldAccess;
             update: import("../types.js").FieldAccess;
         };
-        name: string;
         hidden?: boolean | undefined;
         validate?: import("../types.js").FieldValidationFunc<any> | undefined;
         required?: boolean | undefined;
@@ -43,6 +43,7 @@ export declare class ToggleFieldBuilder extends BooleanFieldBuilder<ToggleField>
             onChange?: import("../types.js").FieldHookClient[] | undefined;
         } | undefined;
         isEmpty: (value: unknown) => boolean;
+        _root?: boolean | undefined;
     } & {
         component: import("svelte").Component<any>;
         cell?: import("svelte").Component<{

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

@@ -1,4 +1,3 @@
-import type { ToSchema, ToType } from '../index.server.js';
+import type { ToType } from '../index.server.js';
 import type { ToggleFieldBuilder } from './index.js';
-export declare const toSchema: ToSchema<ToggleFieldBuilder>;
 export declare const toType: ToType<ToggleFieldBuilder>;

package/dist/fields/toggle/index.server.js

@@ -1,12 +1,3 @@
-import { templateUniqueRequired } from '../../adapter-sqlite/generate-schema/templates.server.js';
-import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.js';
-export const toSchema = (field, parentPath) => {
-    const { camel, snake } = getSchemaColumnNames({ name: field.name, parentPath });
-    const suffix = templateUniqueRequired(field.raw, typeof field.raw.defaultValue === 'boolean' ? field.raw.defaultValue : false);
-    if (field._generateSchema)
-        return field._generateSchema({ camel, snake, suffix });
-    return `${camel}: integer('${snake}', { mode: 'boolean' })${suffix}`;
-};
 export const toType = (field) => {
-    return `${field.name}${field.raw.required ? '?' : ''}: boolean`;
+    return `${field.name}${field.get.required ? '?' : ''}: boolean`;
 };

package/dist/fields/tree/component/AddItemButton.svelte

@@ -3,7 +3,6 @@
   import { emptyValuesFromFieldConfig, isFormField } from '../../../core/fields/util';
   import type { Field } from '../../types.js';
   import Button from '../../../panel/components/ui/button/button.svelte';
-
   import type { Dic } from '../../../util/types';
   import { Plus } from '@lucide/svelte';
   import type { Snippet } from 'svelte';
@@ -19,7 +18,7 @@
   const { class: className, fields, addItem, size, children }: Props = $props();
 
   const add = () => {
-    const empty = emptyValuesFromFieldConfig(fields.map((f) => f.raw).filter(isFormField));
+    const empty = emptyValuesFromFieldConfig(fields.filter(isFormField));
     addItem(empty);
   };
 </script>

package/dist/fields/tree/component/Tree.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { t__ } from '../../../core/i18n/index.js';
+  import { fieldset } from '../../../panel/components/fields/fieldset.svelte.js';
   import { Field } from '../../../panel/components/fields/index.js';
-  import { root } from '../../../panel/components/fields/root.svelte.js';
   import Button from '../../../panel/components/ui/button/button.svelte';
   import { getLocaleContext } from '../../../panel/context/locale.svelte';
   import type { Dic } from '../../../util/types.js';
@@ -37,7 +37,7 @@
         if (!el.classList.contains('rz-tree-item')) return false;
         const targetDepth = parseInt(to.el.dataset.treeDepth || '0');
         const childrenCount = parseInt(el.dataset.treeChildren || '0');
-        return targetDepth + childrenCount <= config.maxDepth;
+        return targetDepth + childrenCount <= config.get.maxDepth;
       }
     },
     onStart: () => (sorting = true),
@@ -93,7 +93,7 @@
   });
 </script>
 
-<fieldset class="rz-field-tree {config.className}" use:root={field}>
+<fieldset class="rz-field-tree {config.get.className}" use:fieldset={field}>
   <Field.Error error={field.error} />
 
   <Field.Label {config} />
@@ -119,12 +119,12 @@
       addItem={add}
       class="rz-tree__add-button"
       size={nested ? 'sm' : 'default'}
-      fields={config.fields}
+      fields={config.get.fields}
     >
-      {config.addItemLabel}
+      {config.get.addItemLabel}
     </AddItemButton>
 
-    {#if locale && locale.code !== locale.defaultCode && config.localized}
+    {#if locale && locale.code !== locale.defaultCode && config.get.localized}
       <Button size="sm" onclick={field.setValueFromDefaultLocale} variant="secondary">
         {t__('fields.get_data_from')}
         {locale.defaultCode}

package/dist/fields/tree/component/TreeBlock.svelte

@@ -53,23 +53,16 @@
   };
 
   const renderBlockTitle = (position: string) => {
-    if (config.renderTitle) {
+    if (config.get.renderTitle) {
       try {
-        const title = config.renderTitle({ position, values: itemValue || {} });
+        const title = config.get.renderTitle({ position, values: itemValue || {} });
         if (title) return title;
       } catch (err) {
         console.error(`Can't render title in treeBlock`, err);
       }
     }
-    return `${position} - ${config.label || config.name}`;
+    return `${position} - ${config.get.label}`;
   };
-
-  // $effect(() => {
-  // 	if (initialPath !== path) {
-  // 		form.setValue(path, itemValue);
-  // 		initialPath = path;
-  // 	}
-  // });
 </script>
 
 <div
@@ -94,11 +87,11 @@
     </header>
 
     <div class="rz-tree-item__fields" class:rz-tree-item__fields--hidden={!isOpen}>
-      <RenderFields fields={config.fields} {path} {form} />
+      <RenderFields fields={config.get.fields} {path} {form} />
     </div>
   </div>
 
-  {#if depth <= config.maxDepth}
+  {#if depth <= config.get.maxDepth}
     <div data-path={path} data-tree-depth={depth} data-tree-key={treeKey} class="rz-tree__list">
       {#if itemValue && itemValue._children && itemValue._children.length}
         {#each itemValue._children as child, index (child.id)}

package/dist/fields/tree/component/props.d.ts

@@ -1,10 +1,10 @@
 import type { TreeBlock } from '../../../core/types/doc.js';
 import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
 import type { Dic } from '../../../util/types.js';
-import type { TreeField } from '../index.js';
+import type { TreeBuilder } from '../index.js';
 export type TreeProps = {
     path: string;
-    config: TreeField;
+    config: TreeBuilder;
     form: DocumentFormContext;
 };
 export type TreeBlockProps = {
@@ -19,6 +19,6 @@ export type TreeBlockProps = {
         readonly items: TreeBlock[];
     };
     form: DocumentFormContext;
-    config: TreeField;
+    config: TreeBuilder;
     treeKey: string;
 };

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

@@ -19,6 +19,7 @@ export declare class TreeBuilder extends FormFieldBuilder<TreeField> {
     localized(): this;
     compile(): {
         fields: ({
+            name: string;
             type: string;
             live?: boolean | undefined;
             condition?: ((doc: any, siblings: any) => boolean) | undefined;
@@ -37,6 +38,7 @@ export declare class TreeBuilder extends FormFieldBuilder<TreeField> {
                 value: any;
             }> | null;
         })[];
+        name: string;
         type: "tree";
         live?: boolean;
         condition?: (doc: any, siblings: any) => boolean;
@@ -49,7 +51,6 @@ export declare class TreeBuilder extends FormFieldBuilder<TreeField> {
             read: import("../types.js").FieldAccess;
             update: import("../types.js").FieldAccess;
         };
-        name: string;
         hidden?: boolean;
         validate?: import("../types.js").FieldValidationFunc<any>;
         required?: boolean;
@@ -65,6 +66,7 @@ export declare class TreeBuilder extends FormFieldBuilder<TreeField> {
         };
         defaultValue?: import("../types.js").DefaultValueFn<any> | unknown;
         isEmpty: (value: unknown) => boolean;
+        _root?: boolean;
         maxDepth: number;
         renderTitle?: TreeFieldBlockRenderTitle;
         addItemLabel: string;

package/dist/fields/tree/index.js

@@ -46,7 +46,7 @@ export class TreeBuilder extends FormFieldBuilder {
         // Add a locale prop in its fields
         const hasAlreadyLocale = !!this.field.fields
             .filter((field) => field instanceof FormFieldBuilder)
-            .find((field) => field.raw.name === 'locale');
+            .find((field) => field.name === 'locale');
         if (!hasAlreadyLocale) {
             this.field.fields.push(text('locale').hidden());
         }
@@ -55,7 +55,7 @@ export class TreeBuilder extends FormFieldBuilder {
             // If it's a "position" or "path" field do not set as localized
             // as it's a treeBlock property
             if (field instanceof FormFieldBuilder &&
-                ['position', 'path', 'locale'].includes(field.raw.name)) {
+                ['position', 'path', 'locale'].includes(field.name)) {
                 return field;
             }
             // For all others fields set as localized

package/dist/fields/types.d.ts

@@ -1,6 +1,6 @@
 import type { OperationContext } from '../core/operations/hooks/index.server.js';
 import type { DocumentFormContext } from '../panel/index.js';
-import type { Dic, WithRequired } from '../util/types.js';
+import type { Dic } from '../util/types.js';
 import type { IconProps } from '@lucide/svelte';
 import type { RequestEvent } from '@sveltejs/kit';
 import type { Component } from 'svelte';
@@ -26,13 +26,13 @@ export type { TextField } from './text/index.js';
 export type { TextAreaField } from './textarea/index.js';
 export type { TimeField } from './time/index.js';
 export type { ToggleField } from './toggle/index.js';
-export type FieldValidationFunc<TConfig extends FormField, TData extends Dic = Dic> = (value: unknown, metas: {
+export type FieldValidationFunc<TConfig extends FormField = FormField, TData extends Dic = Dic> = (value: unknown, metas: {
     data: Partial<TData>;
     operation: 'create' | 'update' | undefined;
     id: string | undefined;
     user: User | undefined;
     locale: string | undefined;
-    config: TConfig extends FormField ? TConfig : FormField;
+    config: TConfig;
 }) => true | string;
 type FieldAccessParams = {
     id?: string;
@@ -40,6 +40,7 @@ type FieldAccessParams = {
 export type FieldAccess = (user: User | undefined, params?: FieldAccessParams) => boolean;
 export type FieldWidth = '1/3' | '1/2' | '2/3';
 export type Field = {
+    name: string;
     type: string;
     live?: boolean;
     condition?: (doc: any, siblings: any) => boolean;
@@ -54,7 +55,6 @@ export type Field = {
     };
 };
 export type FormField = Field & {
-    name: string;
     hidden?: boolean;
     validate?: FieldValidationFunc<any>;
     required?: boolean;
@@ -65,6 +65,13 @@ export type FormField = Field & {
     hooks?: FieldHooks;
     defaultValue?: DefaultValueFn<any> | unknown;
     isEmpty: (value: unknown) => boolean;
+    /**
+     * Force the field to be on the root table
+     * usefull for fields that should not be versioned
+     * ex: _parent for nested structures should always be on the root table to prevent
+     * different versions to have different parents
+     */
+    _root?: boolean;
 };
 export type DefaultValueFn<T> = ({ event }: {
     event?: RequestEvent;
@@ -113,7 +120,6 @@ export type RelationRef = {
     documentId: string;
 };
 export type RelationValue<T> = T[] | RelationRef[] | string[] | string;
-export type SimplerField<T extends FormField> = WithRequired<Partial<T>, 'name' | 'isEmpty' | 'type'>;
 export type BaseUseFieldReturn = {
     path: string;
     value: any;

package/dist/index.d.ts

@@ -1,6 +1,11 @@
-import handlers from './core/handlers/index.js';
-export { definePlugin } from './core/plugins/index.js';
-export { handlers };
+import i18n, { t__ } from './core/i18n/index.js';
+import { cacheClient } 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 type { Dictionaries, PanelLanguage } from './core/i18n/index.js';
 declare module 'rimecms' {
     interface RegisterCollection {
     }

package/dist/index.js

@@ -1,3 +1,7 @@
-import handlers from './core/handlers/index.js';
-export { definePlugin } from './core/plugins/index.js';
-export { handlers };
+import i18n, { t__ } from './core/i18n/index.js';
+import { cacheClient } 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__ };

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

@@ -1,7 +1,6 @@
 <script lang="ts">
   import { FormFieldBuilder } from '../../../core/fields/builders';
   import type { BaseUseFieldReturn, FieldsPreviewProps, FormField } from '../../../fields/types.js';
-  import { capitalize } from '../../../util/string.js';
   import type { Component } from 'svelte';
 
   type Props = {
@@ -22,16 +21,16 @@
   {:else}
     {#each fields as builder, index (index)}
       {@const field = getField(builder)}
-      {#if !builder.raw.hidden && field.visible}
+      {#if !builder.get.hidden && field.visible}
         <div class="rz-render-fields-preview__row" data-visible={field.visible || null}>
           <div class="rz-render-fields-preview__name">
             <p>
-              {builder.raw.label || capitalize(builder.name)}
+              {builder.get.label}
             </p>
           </div>
           <div class="rz-render-fields-preview__value">
-            {#if builder.raw.table?.cell}
-              {@const ColumnTableCell = builder.raw.table.cell}
+            {#if builder.get.table?.cell}
+              {@const ColumnTableCell = builder.get.table.cell}
               <span><ColumnTableCell value={field.value} /></span>
             {:else if builder.cell}
               {@const Cell = builder.cell}

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

@@ -1,13 +1,14 @@
 <script lang="ts">
-  import type { FormField, SimplerField } from '../../../fields/types.js';
+  import type { FormFieldBuilder } from '../../../fields';
+  import type { FormField } from '../../../fields/types.js';
 
-  type Props = { config: SimplerField<FormField> };
+  type Props = { config: FormFieldBuilder<FormField> };
   const { config }: Props = $props();
 </script>
 
-{#if config.hint}
+{#if config.get.hint}
   <p class="rz-field-hint">
-    {config.hint}
+    {config.get.hint}
   </p>
 {/if}
 

package/dist/panel/components/fields/Hint.svelte.d.ts

@@ -1,6 +1,7 @@
-import type { FormField, SimplerField } from '../../../fields/types.js';
+import type { FormFieldBuilder } from '../../../fields';
+import type { FormField } from '../../../fields/types.js';
 type Props = {
-    config: SimplerField<FormField>;
+    config: FormFieldBuilder<FormField>;
 };
 declare const Hint: import("svelte").Component<Props, {}, "">;
 type Hint = ReturnType<typeof Hint>;

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

@@ -1,25 +1,20 @@
 <script lang="ts">
-  import type { FormField, SimplerField } from '../../../fields/types.js';
+  import type { FormFieldBuilder } from '../../../fields/index.js';
+  import type { FormField } from '../../../fields/types.js';
   import { getLocaleContext } from '../../context/locale.svelte';
-  import { capitalize } from '../../../util/string.js';
   import type { Snippet } from 'svelte';
   import { Label } from '../ui/label/index.js';
 
-  type Props = { config?: SimplerField<FormField>; children?: Snippet; for?: string };
+  type Props = { config: FormFieldBuilder<FormField>; children?: Snippet; for?: string };
   const { config, children, for: forAttribute, ...rest }: Props = $props();
 
   const locale = getLocaleContext();
 </script>
 
-<Label
-  class="rz-field-label"
-  title={config?.label ? config.name : null}
-  for={forAttribute || null}
-  {...rest}
->
+<Label class="rz-field-label" title={config.get.label} for={forAttribute || null} {...rest}>
   {#if config}
-    {config.label || capitalize(config.name)}
-    {#if config.localized}
+    {config.get.label}
+    {#if config.get.localized}
       <sup>{locale.code}</sup>
     {/if}
   {/if}

package/dist/panel/components/fields/Label.svelte.d.ts

@@ -1,8 +1,9 @@
-import type { FormField, SimplerField } from '../../../fields/types.js';
+import type { FormFieldBuilder } from '../../../fields/index.js';
+import type { FormField } from '../../../fields/types.js';
 import type { Snippet } from 'svelte';
 import { Label } from '../ui/label/index.js';
 type Props = {
-    config?: SimplerField<FormField>;
+    config: FormFieldBuilder<FormField>;
     children?: Snippet;
     for?: string;
 };

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

@@ -1,18 +1,18 @@
 <script lang="ts">
+  import type { FormFieldBuilder } from '../../../fields/index.js';
   import type { FormField } from '../../../fields/types.js';
   import { getLocaleContext } from '../../context/locale.svelte.js';
-  import { capitalize } from '../../../util/string.js';
   import { Label } from '../ui/label/index.js';
 
-  type Props = { config: FormField; for: string };
+  type Props = { config: FormFieldBuilder<FormField>; for: string };
   const { config, for: labelFor }: Props = $props();
 
   const locale = getLocaleContext();
 </script>
 
 <Label class="rz-field-label-for" for={labelFor}>
-  {config.label || capitalize(config.name)}
-  {#if config.localized}
+  {config.get.label}
+  {#if config.get.localized}
     <sup>{locale.code}</sup>
   {/if}
 </Label>

package/dist/panel/components/fields/LabelFor.svelte.d.ts

@@ -1,6 +1,7 @@
+import type { FormFieldBuilder } from '../../../fields/index.js';
 import type { FormField } from '../../../fields/types.js';
 type Props = {
-    config: FormField;
+    config: FormFieldBuilder<FormField>;
     for: string;
 };
 declare const LabelFor: import("svelte").Component<Props, {}, "">;

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

@@ -20,12 +20,7 @@
   const user = getUserContext();
 
   const authorizedFields = $derived(
-    fields.filter((field) => {
-      if (field.raw.access && field.raw.access.read) {
-        return field.raw.access.read(user.attributes, { id: form.values.id });
-      }
-      return true;
-    })
+    fields.filter((field) => field.run.canRead(user.attributes, { id: form.values.id }))
   );
 
   const path = $derived(initialPath === '' ? '' : `${initialPath}.`);
@@ -38,31 +33,31 @@
 
 <div class="rz-render-fields">
   {#each authorizedFields as field, index (index)}
-    {#if !form.isLive || (form.isLive && isLiveField(field.raw))}
+    {#if !form.isLive || (form.isLive && isLiveField(field.get))}
       {#if field instanceof ComponentFieldBuilder}
-        {@const FieldComponent = field.raw.component}
+        {@const FieldComponent = field.get.component}
         <div data-type={field.type} class="rz-render-fields__field rz-render-fields__field--full">
-          <FieldComponent {path} config={field.raw} {form} />
+          <FieldComponent {path} config={field} {form} />
         </div>
-      {:else if isPresentative(field.raw)}
+      {:else if isPresentative(field.get)}
         {@const Separator = field.component}
         <div data-type={field.type} class="rz-render-fields__field rz-render-fields__field--full">
           <Separator />
         </div>
-      {:else if isTabsField(field.raw)}
+      {:else if isTabsField(field.get)}
         {@const Tabs = field.component}
         <div data-type="tabs" class="rz-render-fields__field rz-render-fields__field--full">
-          <Tabs config={field.raw} {path} {form} />
+          <Tabs config={field} {path} {form} />
         </div>
-      {:else if isFormField(field.raw) && isNotHidden(field.raw)}
-        {@const isCompact = 'layout' in field && field.layout === 'compact'}
+      {:else if isFormField(field) && isNotHidden(field)}
+        {@const isCompact = 'layout' in field.get && field.get.layout === 'compact'}
         {@const FieldComponent = field.component}
         <div
-          class="rz-render-fields__field {widthClassModifier(field.raw)}"
+          class="rz-render-fields__field {widthClassModifier(field.get)}"
           data-type={field.type}
           data-compact={isCompact ? '' : null}
         >
-          <FieldComponent path={path + field.raw.name} config={field.raw} {form} />
+          <FieldComponent path={path + field.name} config={field} {form} />
         </div>
       {/if}
     {/if}

package/dist/panel/components/fields/{root.svelte.d.ts → fieldset.svelte.d.ts}

@@ -5,5 +5,5 @@ type FieldState = {
     readonly visible: boolean;
     readonly error: string | false;
 };
-export declare function root(node: HTMLElement, field: FieldState): void;
+export declare function fieldset(node: HTMLElement, field: FieldState): void;
 export {};

package/dist/panel/components/fields/{root.svelte.js → fieldset.svelte.js}

@@ -1,4 +1,4 @@
-export function root(node, field) {
+export function fieldset(node, field) {
     node.classList.add('rz-field-root');
     node.setAttribute('style', 'position: relative; container: rz-field-root / inline-size');
     node.setAttribute('data-path', field.path);

package/dist/panel/components/fields/index.d.ts

@@ -1,19 +1,19 @@
-import { root } from './root.svelte.js';
+import { fieldset } from './fieldset.svelte.js';
 export declare const Field: {
     Label: import("svelte").Component<{
-        config?: import("../../../types").SimplerField<import("../../../types").FormField>;
+        config: import("../../../fields").FormFieldBuilder<import("../../../types").FormField>;
         children?: import("svelte").Snippet;
         for?: string;
     }, {}, "">;
     Hint: import("svelte").Component<{
-        config: import("../../../types").SimplerField<import("../../../types").FormField>;
+        config: import("../../../fields").FormFieldBuilder<import("../../../types").FormField>;
     }, {}, "">;
     LabelFor: import("svelte").Component<{
-        config: import("../../../types").FormField;
+        config: import("../../../fields").FormFieldBuilder<import("../../../types").FormField>;
         for: string;
     }, {}, "">;
     Error: import("svelte").Component<{
         error: string | false;
     }, {}, "">;
-    fieldset: typeof root;
+    fieldset: typeof fieldset;
 };

package/dist/panel/components/fields/index.js

@@ -2,11 +2,11 @@ import Error from './Error.svelte';
 import Hint from './Hint.svelte';
 import Label from './Label.svelte';
 import LabelFor from './LabelFor.svelte';
-import { root } from './root.svelte.js';
+import { fieldset } from './fieldset.svelte.js';
 export const Field = {
     Label,
     Hint,
     LabelFor,
     Error,
-    fieldset: root
+    fieldset
 };

package/dist/panel/components/sections/collection/folder/FolderWithActions.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
   import { goto, invalidateAll } from '$app/navigation';
-  import { apiUrl } from '../../../../../core/api/index.js';
   import type { Directory } from '../../../../../core/collections/upload/upload.js';
   import type { BuiltCollectionClient } from '../../../../../core/config/types.js';
   import { PARAMS } from '../../../../../core/constant.js';
@@ -13,6 +12,7 @@
   import { getAPIProxyContext } from '../../../../context/api-proxy.svelte.js';
   import { panelUrl } from '../../../../util/url.js';
   import { trycatchFetch } from '../../../../../util/function.js';
+  import { apiUrl } from '../../../../../util/index.js';
   import { Pencil, Trash2 } from '@lucide/svelte';
   import { toast } from 'svelte-sonner';
   import { t__ } from '../../../../../core/i18n/index.js';

package/dist/panel/components/sections/document/AuthFooter.svelte

@@ -61,13 +61,8 @@
   <div class="rz-document-auth">
     {#if operation === 'create'}
       {#if isAuthConfig(collection) && collection.auth.type === 'password'}
-        <Text {form} type="password" config={passwordConfig.compile()} path="password" />
-        <Text
-          {form}
-          type="password"
-          config={confirmPasswordConfig.compile()}
-          path="confirmPassword"
-        />
+        <Text {form} type="password" config={passwordConfig} path="password" />
+        <Text {form} type="password" config={confirmPasswordConfig} path="confirmPassword" />
       {/if}
     {:else if user.attributes.isStaff && page.data?.hasMailer}
       {#if isAuthConfig(collection) && collection.auth.type === 'password'}

package/dist/panel/components/sections/document/ButtonStatus.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
   import { invalidateAll } from '$app/navigation';
-  import { apiUrl } from '../../../../core/api/index.js';
   import { PARAMS, VERSIONS_STATUS } from '../../../../core/constant.js';
   import * as Dialog from '../../ui/dialog/index.js';
   import * as Radio from '../../ui/radio-group/index.js';
   import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
+  import { apiUrl } from '../../../../util/index.js';
   import { toKebabCase } from '../../../../util/string';
   import { toast } from 'svelte-sonner';
   import { t__ } from '../../../../core/i18n/index.js';

package/dist/panel/components/sections/document/CurrentlyEdited.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { apiUrl } from '../../../../core/api/index.js';
   import type { User } from '../../../../core/collections/auth/types.js';
   import type { GenericDoc } from '../../../../core/types/doc.js';
+  import { apiUrl } from '../../../../util/index.js';
   import { toKebabCase } from '../../../../util/string.js';
   import { onMount } from 'svelte';
   import { Button } from '../../ui/button/index.js';