rimecms 0.26.9 → 0.27.1

package/README.md

@@ -3,12 +3,13 @@
 
 Headless CMS powered by SvelteKit.
 
-> [!NOTE]
-> Not ready for production
+![NPM Version](https://img.shields.io/npm/v/rimecms)
+![NPM Downloads](https://img.shields.io/npm/dm/rimecms)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/bienbiendev/rime/blob/main/LICENSE)
 
 ![alt backend capture](https://github.com/bienbiendev/rime/blob/main/assets/preview.png?raw=true)
 
-[Documentation (in progress)](https://github.com/bienbiendev/rime-doc/tree/master/docs)
+[Documentation](https://github.com/bienbiendev/rime-doc/tree/master/docs)
 
 ## Features
 
@@ -85,7 +86,7 @@ import { sveltekit } from '@sveltejs/kit/vite';
 import { rime } from 'rimecms/vite';
 
 export default defineConfig({
-	plugins: [rime(), sveltekit()]
+  plugins: [rime(), sveltekit()]
 });
 ```
 
@@ -200,21 +201,21 @@ export default rime({
 
 ```ts
 export const load = async (event: LayoutServerLoadEvent) => {
-	const { rime } = event.locals;
-	// Get an Area document
-	const menu = await rime.area('menu').find();
-	// Get all pages documents
-	const pages = await rime.collection('pages').findAll({ locale: 'en' });
-	// Get a page byId
-	const home = await rime.collection('pages').findById({ locale: 'en', id: 'some-id' });
-	// Get a user with a query
-	const [user] = await rime.collection('users').find({
-		query: `where[email][equals]=some@email.com` // qs query or ParsedQsQuery
-	});
-	// Get some config values
-	const languages = rime.config.getLocalesCodes();
-	const collections = rime.config.collections;
-	//...
+  const { rime } = event.locals;
+  // Get an Area document
+  const menu = await rime.area('menu').find();
+  // Get all pages documents
+  const pages = await rime.collection('pages').findAll({ locale: 'en' });
+  // Get a page byId
+  const home = await rime.collection('pages').findById({ locale: 'en', id: 'some-id' });
+  // Get a user with a query
+  const [user] = await rime.collection('users').find({
+    query: `where[email][equals]=some@email.com` // qs query or ParsedQsQuery
+  });
+  // Get some config values
+  const languages = rime.config.getLocalesCodes();
+  const collections = rime.config.collections;
+  //...
 };
 ```
 
@@ -223,13 +224,13 @@ export const load = async (event: LayoutServerLoadEvent) => {
 ```ts
 const { docs } = await fetch('http://localhost:5173/api/pages').then((r) => r.json());
 const { docs } = await fetch('http://localhost:5173/api/pages?sort=title&limit=1').then((r) =>
-	r.json()
+  r.json()
 );
 const { docs } = await fetch(
-	'http://localhost:5173/api/pages?where[author][equals]=some-id&locale=en`;'
+  'http://localhost:5173/api/pages?where[author][equals]=some-id&locale=en`;'
 ).then((r) => r.json());
 const { docs } = await fetch(
-	'http://localhost:5173/api/pages?where[author.email][equals]=some@email.com&locale=en`;'
+  'http://localhost:5173/api/pages?where[author.email][equals]=some@email.com&locale=en`;'
 ).then((r) => r.json());
 ```
 
@@ -260,10 +261,11 @@ It's doing bascically `vite build` under the hood and create the polka server fi
 - [x] more better-auth integration
 - [x] Handle relation poperties in queries
 - [~] Documentation
-- [ ] Live Edit system in practice
+- [ ] configurable files storage adapter (local, s3, etc)
+- [ ] other storage adapter (postgress, turso, etc)
 - [ ] auto-saved draft
+- [ ] Live Edit system in practice
 - [ ] Put bin commands in a separate package ex: @rime/kit
-- [ ] configurable medias/config path
 
 ## Acknowledgments
 

package/dist/core/collections/auth/fields.d.ts

@@ -3,7 +3,7 @@ declare const emailField: {
     layout(layout: "compact" | "default"): /*elided*/ any;
     readonly component: import("svelte").Component<import("../../../fields/email/component/props").EmailFieldProps, {}, "">;
     unique(bool?: boolean): /*elided*/ any;
-    defaultValue(value: string | import("../../../fields/types").DefaultValueFn<string>): /*elided*/ any;
+    defaultValue(value: string | import("../../../types").DefaultValueFn<string>): /*elided*/ any;
     isTitle(): /*elided*/ any;
     _generateSchema: null | ((args: {
         camel: string;
@@ -14,17 +14,17 @@ declare const emailField: {
     label(label: string): /*elided*/ any;
     hidden(): /*elided*/ any;
     localized(): /*elided*/ any;
-    validate(validateFunction: import("../../../fields/types").FieldValidationFunc<import("../../../fields/email/index.js").EmailField>): /*elided*/ any;
+    validate(validateFunction: import("../../../types").FieldValidationFunc<import("../../../fields/email/index.js").EmailField>): /*elided*/ any;
     condition(conditionFunction: (doc: import("../../../util/types").Dic, siblings: import("../../../util/types").Dic) => boolean): /*elided*/ any;
     table(params?: import("../../../types").FieldPanelTableConfig | number): /*elided*/ any;
-    width(value: import("../../../fields/types").FieldWidth): /*elided*/ any;
+    width(value: import("../../../types").FieldWidth): /*elided*/ any;
     required(bool?: boolean): /*elided*/ any;
     access(access: {
-        create?: import("../../../fields/types").FieldAccess;
-        read?: import("../../../fields/types").FieldAccess;
-        update?: import("../../../fields/types").FieldAccess;
+        create?: import("../../../types").FieldAccess;
+        read?: import("../../../types").FieldAccess;
+        update?: import("../../../types").FieldAccess;
     }): /*elided*/ any;
-    onChange(hook: import("../../../fields/types").FieldHookClient): /*elided*/ any;
+    onChange(hook: import("../../../types").FieldHookClient): /*elided*/ any;
     hint(hint: string): /*elided*/ any;
     clone(): /*elided*/ any;
     $generateSchema(fn: (args: {
@@ -32,27 +32,27 @@ declare const emailField: {
         snake: string;
         suffix: string;
     }) => string): /*elided*/ any;
-    $beforeRead(hook: import("../../../fields/types").FieldHook<import("../../../fields/email/index.js").EmailField>): /*elided*/ any;
-    $beforeSave(hook: import("../../../fields/types").FieldHook<import("../../../fields/email/index.js").EmailField>): /*elided*/ any;
-    beforeValidate(hook: import("../../../fields/types").FieldHookShared): /*elided*/ any;
+    $beforeRead(hook: import("../../../types").FieldHook<import("../../../fields/email/index.js").EmailField>): /*elided*/ any;
+    $beforeSave(hook: import("../../../types").FieldHook<import("../../../fields/email/index.js").EmailField>): /*elided*/ any;
+    beforeValidate(hook: import("../../../types").FieldHookShared): /*elided*/ any;
     field: import("../../../fields/email/index.js").EmailField;
     className(str: string): /*elided*/ any;
     compile(): {
         type: "email";
         live?: boolean | undefined;
         condition?: ((doc: any, siblings: any) => boolean) | undefined;
-        width?: import("../../../fields/types").FieldWidth | undefined;
+        width?: import("../../../types").FieldWidth | undefined;
         className?: string | undefined;
         component: import("svelte").Component<any>;
         cell: import("svelte").Component<any> | undefined;
         access: {
-            create: import("../../../fields/types").FieldAccess;
-            read: import("../../../fields/types").FieldAccess;
-            update: import("../../../fields/types").FieldAccess;
+            create: import("../../../types").FieldAccess;
+            read: import("../../../types").FieldAccess;
+            update: import("../../../types").FieldAccess;
         };
         name: string;
         hidden?: boolean | undefined;
-        validate?: import("../../../fields/types").FieldValidationFunc<any> | undefined;
+        validate?: import("../../../types").FieldValidationFunc<any> | undefined;
         required?: boolean | undefined;
         localized?: boolean | undefined;
         label?: string | undefined;
@@ -65,12 +65,12 @@ declare const emailField: {
             position: number;
         } | undefined;
         hooks?: {
-            beforeRead?: import("../../../fields/types").FieldHook<any>[] | undefined;
-            beforeSave?: import("../../../fields/types").FieldHook<any>[] | undefined;
-            beforeValidate?: import("../../../fields/types").FieldHookShared<any>[] | undefined;
-            onChange?: import("../../../fields/types").FieldHookClient[] | undefined;
+            beforeRead?: import("../../../types").FieldHook<any>[] | undefined;
+            beforeSave?: import("../../../types").FieldHook<any>[] | undefined;
+            beforeValidate?: import("../../../types").FieldHookShared<any>[] | undefined;
+            onChange?: import("../../../types").FieldHookClient[] | undefined;
         } | undefined;
-        defaultValue?: string | import("../../../fields/types").DefaultValueFn<string> | undefined;
+        defaultValue?: string | import("../../../types").DefaultValueFn<string> | undefined;
         isEmpty: (value: unknown) => boolean;
         placeholder?: string | undefined;
         layout?: "compact" | "default" | undefined;
@@ -99,7 +99,7 @@ export declare const usersFields: {
         layout(layout: "compact" | "default"): /*elided*/ any;
         readonly component: import("svelte").Component<import("../../../fields/email/component/props").EmailFieldProps, {}, "">;
         unique(bool?: boolean): /*elided*/ any;
-        defaultValue(value: string | import("../../../fields/types").DefaultValueFn<string>): /*elided*/ any;
+        defaultValue(value: string | import("../../../types").DefaultValueFn<string>): /*elided*/ any;
         isTitle(): /*elided*/ any;
         _generateSchema: null | ((args: {
             camel: string;
@@ -110,17 +110,17 @@ export declare const usersFields: {
         label(label: string): /*elided*/ any;
         hidden(): /*elided*/ any;
         localized(): /*elided*/ any;
-        validate(validateFunction: import("../../../fields/types").FieldValidationFunc<import("../../../fields/email/index.js").EmailField>): /*elided*/ any;
+        validate(validateFunction: import("../../../types").FieldValidationFunc<import("../../../fields/email/index.js").EmailField>): /*elided*/ any;
         condition(conditionFunction: (doc: import("../../../util/types").Dic, siblings: import("../../../util/types").Dic) => boolean): /*elided*/ any;
         table(params?: import("../../../types").FieldPanelTableConfig | number): /*elided*/ any;
-        width(value: import("../../../fields/types").FieldWidth): /*elided*/ any;
+        width(value: import("../../../types").FieldWidth): /*elided*/ any;
         required(bool?: boolean): /*elided*/ any;
         access(access: {
-            create?: import("../../../fields/types").FieldAccess;
-            read?: import("../../../fields/types").FieldAccess;
-            update?: import("../../../fields/types").FieldAccess;
+            create?: import("../../../types").FieldAccess;
+            read?: import("../../../types").FieldAccess;
+            update?: import("../../../types").FieldAccess;
         }): /*elided*/ any;
-        onChange(hook: import("../../../fields/types").FieldHookClient): /*elided*/ any;
+        onChange(hook: import("../../../types").FieldHookClient): /*elided*/ any;
         hint(hint: string): /*elided*/ any;
         clone(): /*elided*/ any;
         $generateSchema(fn: (args: {
@@ -128,27 +128,27 @@ export declare const usersFields: {
             snake: string;
             suffix: string;
         }) => string): /*elided*/ any;
-        $beforeRead(hook: import("../../../fields/types").FieldHook<import("../../../fields/email/index.js").EmailField>): /*elided*/ any;
-        $beforeSave(hook: import("../../../fields/types").FieldHook<import("../../../fields/email/index.js").EmailField>): /*elided*/ any;
-        beforeValidate(hook: import("../../../fields/types").FieldHookShared): /*elided*/ any;
+        $beforeRead(hook: import("../../../types").FieldHook<import("../../../fields/email/index.js").EmailField>): /*elided*/ any;
+        $beforeSave(hook: import("../../../types").FieldHook<import("../../../fields/email/index.js").EmailField>): /*elided*/ any;
+        beforeValidate(hook: import("../../../types").FieldHookShared): /*elided*/ any;
         field: import("../../../fields/email/index.js").EmailField;
         className(str: string): /*elided*/ any;
         compile(): {
             type: "email";
             live?: boolean | undefined;
             condition?: ((doc: any, siblings: any) => boolean) | undefined;
-            width?: import("../../../fields/types").FieldWidth | undefined;
+            width?: import("../../../types").FieldWidth | undefined;
             className?: string | undefined;
             component: import("svelte").Component<any>;
             cell: import("svelte").Component<any> | undefined;
             access: {
-                create: import("../../../fields/types").FieldAccess;
-                read: import("../../../fields/types").FieldAccess;
-                update: import("../../../fields/types").FieldAccess;
+                create: import("../../../types").FieldAccess;
+                read: import("../../../types").FieldAccess;
+                update: import("../../../types").FieldAccess;
             };
             name: string;
             hidden?: boolean | undefined;
-            validate?: import("../../../fields/types").FieldValidationFunc<any> | undefined;
+            validate?: import("../../../types").FieldValidationFunc<any> | undefined;
             required?: boolean | undefined;
             localized?: boolean | undefined;
             label?: string | undefined;
@@ -161,12 +161,12 @@ export declare const usersFields: {
                 position: number;
             } | undefined;
             hooks?: {
-                beforeRead?: import("../../../fields/types").FieldHook<any>[] | undefined;
-                beforeSave?: import("../../../fields/types").FieldHook<any>[] | undefined;
-                beforeValidate?: import("../../../fields/types").FieldHookShared<any>[] | undefined;
-                onChange?: import("../../../fields/types").FieldHookClient[] | undefined;
+                beforeRead?: import("../../../types").FieldHook<any>[] | undefined;
+                beforeSave?: import("../../../types").FieldHook<any>[] | undefined;
+                beforeValidate?: import("../../../types").FieldHookShared<any>[] | undefined;
+                onChange?: import("../../../types").FieldHookClient[] | undefined;
             } | undefined;
-            defaultValue?: string | import("../../../fields/types").DefaultValueFn<string> | undefined;
+            defaultValue?: string | import("../../../types").DefaultValueFn<string> | undefined;
             isEmpty: (value: unknown) => boolean;
             placeholder?: string | undefined;
             layout?: "compact" | "default" | undefined;

package/dist/core/fields/builders/select.js

@@ -31,6 +31,7 @@ class PickFieldBuilder extends FormFieldBuilder {
                 const hasNoLabel = !('label' in option);
                 if (hasNoLabel) {
                     return {
+                        ...option,
                         value: option.value,
                         label: capitalize(option.value)
                     };

package/dist/core/i18n/en/fields.d.ts

@@ -10,5 +10,6 @@ declare namespace _default {
     let get_data_from: string;
     let filter_by_type: string;
     let all_types: string;
+    let select: string;
 }
 export default _default;

package/dist/core/i18n/en/fields.js

@@ -9,5 +9,6 @@ export default {
   generate_from: 'Generate from $1',
   get_data_from: 'Get data from',
   filter_by_type: 'Filter by type',
-  all_types: 'All types'
+  all_types: 'All types',
+  select: 'Select'
 };

package/dist/core/i18n/fr/fields.d.ts

@@ -10,5 +10,6 @@ declare namespace _default {
     let get_data_from: string;
     let filter_by_type: string;
     let all_types: string;
+    let select: string;
 }
 export default _default;

package/dist/core/i18n/fr/fields.js

@@ -9,5 +9,6 @@ export default {
   generate_from: 'Générer à partir du champs $1',
   get_data_from: 'Importer les données',
   filter_by_type: 'Filtrer par type',
-  all_types: 'Tous les types'
+  all_types: 'Tous les types',
+  select: 'Sélectionner'
 };

package/dist/core/operations/hooks/before-read/set-document-thumbnail.server.js

@@ -6,7 +6,7 @@ export const setDocumentThumbnail = Hooks.beforeRead(async (args) => {
     const config = args.config;
     let doc = args.doc;
     const hasThumbnail = (c) => {
-        return config.type === 'collection' && !!config.asThumbnail;
+        return c.type === 'collection' && !!c.asThumbnail;
     };
     const paramSelect = args.context.params.select;
     const hasSelect = Array.isArray(paramSelect) && paramSelect.length;
@@ -15,7 +15,7 @@ export const setDocumentThumbnail = Hooks.beforeRead(async (args) => {
         (!hasSelect || (hasSelect && paramSelect.includes('_thumbnail')));
     if (shouldSetThumbnail) {
         const relationValue = getValueAtPath(config.asThumbnail, doc);
-        if (!relationValue)
+        if (!relationValue || (Array.isArray(relationValue) && relationValue.length === 0))
             return args;
         const unwraped = Array.isArray(relationValue) ? relationValue[0] : relationValue;
         if (typeof unwraped === 'string')

package/dist/core/operations/hooks/before-read/sort-document-props.server.js

@@ -16,8 +16,10 @@ function sortDocumentKeys(obj) {
         '_prototype',
         '_live',
         '_children',
+        '_path',
         '_parent',
-        '_position'
+        '_position',
+        '_thumbnail'
     ];
     function sortObjectKeys(obj) {
         // If not an object or is null, return the value as-is

package/dist/fields/group/component/Group.svelte

@@ -79,6 +79,7 @@
   {#if !groupOpen}
     <FieldsPreviewTrigger onclick={handleClick}>
       <FieldsPreview
+        preview={config.preview}
         fields={previewFields}
         getField={(field) => form.useField(basePath + field.name)}
       />

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

@@ -1,10 +1,11 @@
 import type { FieldBuilder } from '../../core/fields/builders/field-builder.js';
 import { FormFieldBuilder } from '../../core/fields/builders/form-field-builder.js';
-import type { Field, FormField } from '../types.js';
+import type { Field, FieldsPreviewProps, FormField } from '../types.js';
+import type { Component } from 'svelte';
 export declare class GroupFieldBuilder extends FormFieldBuilder<GroupField> {
     _metaUrl: string;
     constructor(name: string);
-    get component(): import("svelte").Component<{
+    get component(): Component<{
         path: string;
         config: GroupField;
         form: import("../../panel").DocumentFormContext<import("../../types").GenericDoc>;
@@ -12,6 +13,7 @@ export declare class GroupFieldBuilder extends FormFieldBuilder<GroupField> {
     label(label: string): this;
     fields(...fields: FieldBuilder<Field>[]): this;
     localized(): this;
+    preview(component: Component<FieldsPreviewProps>): this;
     compile(): {
         fields: ({
             type: string;
@@ -19,16 +21,16 @@ export declare class GroupFieldBuilder extends FormFieldBuilder<GroupField> {
             condition?: ((doc: any, siblings: any) => boolean) | undefined;
             width?: import("../types.js").FieldWidth | undefined;
             className?: string | undefined;
-            component: import("svelte").Component<any>;
-            cell: import("svelte").Component<any> | undefined;
+            component: Component<any>;
+            cell: Component<any> | undefined;
             access: {
                 create: import("../types.js").FieldAccess;
                 read: import("../types.js").FieldAccess;
                 update: import("../types.js").FieldAccess;
             };
         } & {
-            component: import("svelte").Component<any>;
-            cell?: import("svelte").Component<{
+            component: Component<any>;
+            cell?: Component<{
                 value: any;
             }> | null;
         })[];
@@ -37,8 +39,8 @@ export declare class GroupFieldBuilder extends FormFieldBuilder<GroupField> {
         condition?: (doc: any, siblings: any) => boolean;
         width?: import("../types.js").FieldWidth;
         className?: string;
-        component: import("svelte").Component<any>;
-        cell: import("svelte").Component<any> | undefined;
+        component: Component<any>;
+        cell: Component<any> | undefined;
         access: {
             create: import("../types.js").FieldAccess;
             read: import("../types.js").FieldAccess;
@@ -60,6 +62,7 @@ export declare class GroupFieldBuilder extends FormFieldBuilder<GroupField> {
         };
         defaultValue?: import("../types.js").DefaultValueFn<any> | unknown;
         isEmpty: (value: unknown) => boolean;
+        preview?: Component<FieldsPreviewProps>;
     };
 }
 export declare const group: (name: string) => GroupFieldBuilder;
@@ -77,6 +80,7 @@ export type GroupField = FormField & {
     name: string;
     label?: string;
     fields: FieldBuilder<Field>[];
+    preview?: Component<FieldsPreviewProps>;
 };
 export type GroupFieldRaw = FormField & {
     type: 'group';

package/dist/fields/group/index.js

@@ -34,6 +34,10 @@ export class GroupFieldBuilder extends FormFieldBuilder {
         });
         return this;
     }
+    preview(component) {
+        this.field.preview = component;
+        return this;
+    }
     compile() {
         return { ...this.field, fields: this.field.fields.map((f) => f.compile()) };
     }

package/dist/fields/link/component/RessourceInput.svelte

@@ -4,7 +4,7 @@
   import type { GenericDoc } from '../../../core/types/doc.js';
   import * as Command from '../../../panel/components/ui/command/index.js';
   import Tag from '../../../panel/components/ui/tag/tag.svelte';
-  import { API_PROXY, getAPIProxyContext } from '../../../panel/context/api-proxy.svelte.js';
+  import { getAPIProxyContext } from '../../../panel/context/api-proxy.svelte.js';
   import type { PrototypeSlug } from '../../../types';
   import { toKebabCase } from '../../../util/string';
 
@@ -28,7 +28,7 @@
   let resources = $state<Ressource[]>([]);
   let selected = $state<Ressource | null>();
 
-  const APIProxy = getAPIProxyContext(API_PROXY.DOCUMENT);
+  const APIProxy = getAPIProxyContext();
   let resource = $state<any>(null);
 
   function convertDocToResource(doc: GenericDoc) {

package/dist/fields/relation/component/Cell.svelte

@@ -3,7 +3,7 @@
   import { apiUrl } from '../../../core/api/index.js';
   import type { GenericDoc } from '../../../core/types/doc.js';
   import UploadThumbCell from '../../../panel/components/sections/collection/upload-thumb-cell/UploadThumbCell.svelte';
-  import { API_PROXY, getAPIProxyContext } from '../../../panel/context/api-proxy.svelte.js';
+  import { getAPIProxyContext } from '../../../panel/context/api-proxy.svelte.js';
   import { toKebabCase } from '../../../util/string';
 
   type Props = {
@@ -17,7 +17,7 @@
   let { value }: Props = $props();
   let displayCount = $derived(value && value.length > 1);
 
-  const APIProxy = getAPIProxyContext(API_PROXY.ROOT);
+  const APIProxy = getAPIProxyContext();
 
   let APIUrl = $derived.by(() => {
     if (value && value.length && value[0].documentId) {

package/dist/fields/relation/component/Relation.svelte

@@ -7,24 +7,25 @@
   import { getCollectionContext } from '../../../panel/context/collection.svelte.js';
   import { getConfigContext } from '../../../panel/context/config.svelte.js';
   import { type DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
+  import type { FormContext } from '../../../panel/context/form.svelte.js';
   import { getLocaleContext } from '../../../panel/context/locale.svelte';
   import { panelUrl } from '../../../panel/util/url.js';
   import { moveItem } from '../../../util/array.js';
   import { snapshot } from '../../../util/state.js';
-  import { API_PROXY, getAPIProxyContext } from '../../../panel/context/api-proxy.svelte.js';
+  import { getAPIProxyContext } from '../../../panel/context/api-proxy.svelte.js';
   import type { Relation, RelationField } from '../index.js';
   import Default from './default/Default.svelte';
   import type { RelationFieldItem } from './types.js';
   import Upload from './upload/Upload.svelte';
 
   // Props
-  type Props = { path: string; config: RelationField; form: DocumentFormContext };
+  type Props = { path: string; config: RelationField; form: DocumentFormContext | FormContext };
   const { path, config, form }: Props = $props();
 
   // Context
   const { getCollection } = getConfigContext();
   const locale = getLocaleContext();
-  const APIProxy = getAPIProxyContext(API_PROXY.DOCUMENT);
+  const APIProxy = getAPIProxyContext();
   const field = $derived(form.useField(path, config));
   // svelte-ignore state_referenced_locally
   const relationConfig = getCollection(config.relationTo);
@@ -77,7 +78,7 @@
         item.url = doc._thumbnail;
       }
     }
-    if (form.isLive) {
+    if ('isLive' in form && form.isLive) {
       item.livePreview = doc;
     }
     return item;
@@ -88,7 +89,7 @@
     const url = new URL(apiUrl(relationConfig.kebab));
 
     // Add depth parameter if in live context
-    if (form.isLive) {
+    if ('isLive' in form && form.isLive) {
       url.searchParams.append('depth', '1');
     }
 
@@ -109,7 +110,7 @@
         });
       }
     }
-    return url.href + url.search;
+    return url.href;
   }
 
   const ressourceURL = makeRessourceURL();
@@ -166,7 +167,7 @@
       if (config.localized) {
         relation.locale = locale.code;
       }
-      if (form.isLive) {
+      if ('isLive' in form && form.isLive) {
         if (item && item.livePreview) {
           relation.livePreview = snapshot(item.livePreview);
         }
@@ -181,17 +182,23 @@
   // So when user save the nested doc
   // it doesn't save this one
   const onRelationCreation = () => {
-    form.isDisabled = true;
+    if ('isDisabled' in form) {
+      form.isDisabled = true;
+    }
   };
 
   // Enable the form on cancel
   const onRelationCreationCanceled = () => {
-    form.isDisabled = false;
+    if ('isDisabled' in form) {
+      form.isDisabled = false;
+    }
   };
 
   const onRelationCreated = async (doc: GenericDoc) => {
     // Enabled the form
-    form.isDisabled = false;
+    if ('isDisabled' in form) {
+      form.isDisabled = false;
+    }
     // update resssource
     ressource.data?.docs.push(doc);
     // update collection if present
@@ -237,7 +244,7 @@
     {path}
     many={!!config.many}
     hasError={!!field.error}
-    formNestedLevel={form.nestedLevel}
+    formNestedLevel={'nestedLevel' in form ? form.nestedLevel : 0}
     readOnly={form.readOnly}
     {nothingToSelect}
     {onRelationCreated}

package/dist/fields/relation/component/Relation.svelte.d.ts

@@ -1,9 +1,10 @@
 import { type DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
+import type { FormContext } from '../../../panel/context/form.svelte.js';
 import type { Relation, RelationField } from '../index.js';
 type Props = {
     path: string;
     config: RelationField;
-    form: DocumentFormContext;
+    form: DocumentFormContext | FormContext;
 };
 declare const Relation: import("svelte").Component<Props, {}, "">;
 type Relation = ReturnType<typeof Relation>;

package/dist/fields/relation/component/upload/Browse.svelte

@@ -10,7 +10,7 @@
   import * as Dialog from '../../../../panel/components/ui/dialog/index.js';
   import * as DropdownMenu from '../../../../panel/components/ui/dropdown-menu/index.js';
   import Input from '../../../../panel/components/ui/input/input.svelte';
-  import { API_PROXY, getAPIProxyContext } from '../../../../panel/context/api-proxy.svelte.js';
+  import { getAPIProxyContext } from '../../../../panel/context/api-proxy.svelte.js';
   import type { BuiltCollection, UploadDoc } from '../../../../types';
   import { ListFilter, Search } from '@lucide/svelte';
 
@@ -62,7 +62,7 @@
     return `${apiUrl(withDirectoriesSuffix(config.kebab))}?where[parent][equals]=${path}`;
   });
 
-  const APIProxy = getAPIProxyContext(API_PROXY.DOCUMENT);
+  const APIProxy = getAPIProxyContext();
   let files = $derived(APIProxy.getRessource<{ docs: UploadDoc[] }>(filesURL));
   let folders = $derived(APIProxy.getRessource<{ docs: Directory[] }>(foldersURL));
 

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

@@ -10,7 +10,7 @@ export declare class RelationFieldBuilder<Doc extends GenericDoc> extends FormFi
     get component(): import("svelte").Component<{
         path: string;
         config: RelationField;
-        form: import("../../panel").DocumentFormContext;
+        form: import("../../panel").DocumentFormContext | import("../../panel/context/form.svelte").FormContext;
     }, {}, "">;
     get cell(): import("svelte").Component<{
         value: {