rimecms 0.27.0 → 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/relation/component/Relation.svelte

@@ -7,6 +7,7 @@
   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';
@@ -18,7 +19,7 @@
   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
@@ -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/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: {

package/dist/fields/rich-text/client.d.ts

@@ -1,32 +1,25 @@
-import type { FieldBuilder } from '../../core/fields/builders/index.js';
 import type { Level } from '@tiptap/extension-heading';
-import type { Component } from 'svelte';
-import type { FieldsPreviewProps } from '../types.js';
-import { LinkFeature } from './core/features/link/index.js';
-import { ResourceFeature } from './core/features/resource/index.js';
+import { type FieldsFeatureOptions } from './core/features/fields/index.js';
+import { type LinkFeatureOptions } from './core/features/link/index.js';
+import type { ResourceFeatureExtensionOptions } from './core/features/resource/resource-extension.js';
 import type { RichTextResource } from './core/features/resource/types.js';
-import { UploadFeature } from './core/features/upload/index.js';
+import type { UploadFeatureExtensionOptions } from './core/features/upload/upload-extension.js';
 import RenderRichText from './core/render-rich-text.svelte';
 import SvelteNodeViewRenderer from './core/svelte/node-view-renderer.svelte';
 import NodeViewWrapper from './core/svelte/node-view-wrapper.svelte';
 import type { RichTextNodeRenderer, RichTextNodeRendererProps } from './core/types.js';
 import { richTextJSONToText } from './index.js';
-export declare const fields: (args: {
-    name: string;
-    label: string;
-    fields: FieldBuilder[];
-    preview: Component<FieldsPreviewProps>;
-}) => import("./core/types.js").RichTextFeature;
+export declare const fields: (args: FieldsFeatureOptions) => import("./core/types.js").RichTextFeature;
 export declare const bold: () => import("./core/types.js").RichTextFeature;
 export declare const bulletList: () => import("./core/types.js").RichTextFeature;
 export declare const heading: (...levels: Level[]) => import("./core/types.js").RichTextFeature;
 export declare const hr: () => import("./core/types.js").RichTextFeature;
-export declare const link: (options?: Parameters<typeof LinkFeature>[0]) => import("./core/types.js").RichTextFeature;
+export declare const link: (options?: Partial<LinkFeatureOptions>) => import("./core/types.js").RichTextFeature;
 export declare const paragraph: () => import("./core/types.js").RichTextFeature;
-export declare const orederedList: () => import("./core/types.js").RichTextFeature;
+export declare const orderedList: () => import("./core/types.js").RichTextFeature;
 export declare const blockquote: () => import("./core/types.js").RichTextFeature;
 export declare const italic: () => import("./core/types.js").RichTextFeature;
-export declare const upload: (args: Parameters<typeof UploadFeature>[0]) => import("./core/types.js").RichTextFeature;
-export declare const resource: (args: Parameters<typeof ResourceFeature>[0]) => import("./core/types.js").RichTextFeature;
+export declare const upload: (args: UploadFeatureExtensionOptions) => import("./core/types.js").RichTextFeature;
+export declare const resource: (args: ResourceFeatureExtensionOptions) => import("./core/types.js").RichTextFeature;
 export { NodeViewWrapper, RenderRichText, richTextJSONToText, SvelteNodeViewRenderer };
 export type { RichTextNodeRenderer, RichTextNodeRendererProps, RichTextResource };

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

@@ -21,7 +21,7 @@ export const heading = (...levels) => HeadingFeature(...levels);
 export const hr = () => HorizontalRuleFeature;
 export const link = (options) => LinkFeature(options);
 export const paragraph = () => ParagraphFeature;
-export const orederedList = () => OrderedListFeature;
+export const orderedList = () => OrderedListFeature;
 export const blockquote = () => BlockquoteFeature;
 export const italic = () => ItalicFeature;
 export const upload = (args) => UploadFeature(args);

package/dist/fields/rich-text/component/RichText.svelte

@@ -3,7 +3,7 @@
   import { root } from '../../../panel/components/fields/root.svelte.js';
   import { Editor, type JSONContent } from '@tiptap/core';
   import { onMount } from 'svelte';
-  import { buildEditorConfig } from '../core/config-builders.js';
+  import { buildEditorConfig } from '../core/build-editor-config.js';
   import type { RichTextFeature } from '../core/types';
   import { hasSuggestion } from '../util.js';
   import EditorBubbleMenu from './bubble-menu/bubble-menu.svelte';

package/dist/fields/rich-text/core/{config-builders.js → build-editor-config.js}

@@ -1,4 +1,5 @@
 import { t__ } from '../../../core/i18n/index.js';
+import { getTitleContext, TITLE_CTX } from '../../../panel/context/title.js';
 import Document from '@tiptap/extension-document';
 import HardBreak from '@tiptap/extension-hard-break';
 import { ListItem } from '@tiptap/extension-list';
@@ -65,6 +66,9 @@ export function buildEditorConfig(args) {
                 const configContext = getConfigContext();
                 const apiProxyContext = getAPIProxyContext();
                 const userContext = getUserContext();
+                const titleContext = getTitleContext();
+                contexts.set(TITLE_CTX, titleContext);
+                contexts.set(CONFIG_CTX, configContext);
                 contexts.set(CONFIG_CTX, configContext);
                 contexts.set(API_PROXY.ROOT, apiProxyContext);
                 contexts.set(USER_CTX, userContext);

package/dist/fields/rich-text/core/features/fields/extension.js

@@ -24,10 +24,10 @@ export const FieldsExtension = Node.create({
         };
     },
     parseHTML() {
-        return [{ tag: 'richt-text-fields' }];
+        return [{ tag: this.name }];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['richt-text-fields', mergeAttributes(HTMLAttributes)];
+        return [this.name, mergeAttributes(HTMLAttributes)];
     },
     addNodeView() {
         return SvelteNodeViewRenderer(FieldsComponent);

package/dist/fields/rich-text/core/features/fields/index.d.ts

@@ -4,7 +4,7 @@ import type { Component } from 'svelte';
 import type { RichTextFeature } from '../../../../../types.js';
 export interface FieldsFeatureOptions {
     name: string;
-    label: string;
+    label?: string;
     fields: FieldBuilder[];
     preview?: Component<FieldsPreviewProps>;
 }

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

@@ -3,12 +3,14 @@ import { FieldsExtension } from './extension.js';
 const fieldsFeatureNode = (args) => ({
     label: args.label || args.name,
     icon: SheetIcon,
-    isActive: ({ editor }) => editor.isActive('richt-text-fields'),
+    isActive: ({ editor }) => editor.isActive('richt-text-fields-' + args.name),
     suggestion: {
         command: ({ editor }) => editor.chain().focus().insertSheet().run()
     }
 });
 export const FieldsFeature = (args) => ({
-    extension: FieldsExtension.configure({ fields: args.fields, preview: args.preview }),
+    extension: FieldsExtension.configure({ fields: args.fields, preview: args.preview }).extend({
+        name: 'richt-text-fields-' + args.name
+    }),
     nodes: [fieldsFeatureNode(args)]
 });

package/dist/fields/rich-text/core/features/link/component/link-selector.svelte

@@ -40,14 +40,14 @@
   const locale = getLocaleContext();
   let resources = $state<Resource<LinkResource[]>[]>([]);
   let resourcesFlatMap = $state<LinkResource[]>();
+
   $effect(() => {
-    if (Array.isArray(options?.resources) && !resources.length) {
-      resources = options.resources.map((resourceOption) => {
-        let params = resourceOption.query
-          ? `?${resourceOption.query}&select=title,url`
-          : '?select=title,url';
+    if (Array.isArray(options?.sources) && !resources.length) {
+      resources = options.sources.map((source) => {
+        const [slug, query] = source.split('?');
+        let params = query || '' ? `?${query}&select=title,url` : '?select=title,url';
         params = locale.code ? `${params}&locale=${locale.code}` : params;
-        const url = `${apiUrl(resourceOption.slug)}${params}`;
+        const url = `${apiUrl(slug)}${params}`;
         return APIProxy.getRessource<LinkResource[]>(url, {
           transformData: (data) => {
             return 'docs' in data ? data.docs : 'doc' in data ? [data.doc] : data;
@@ -208,7 +208,7 @@
           />
           <Button size="icon-sm" variant="ghost" icon={Trash} onclick={onDelete} />
         {:else}
-          {#if options?.resources?.length}
+          {#if options?.sources?.length}
             <Button
               onclick={() => (resourceDialogOpen = true)}
               size="icon-sm"

package/dist/fields/rich-text/core/features/link/index.d.ts

@@ -2,9 +2,6 @@ import type { PrototypeSlug } from '../../../../../types.js';
 import { type LinkOptions } from '@tiptap/extension-link';
 import type { RichTextFeature } from '../../types.js';
 export type LinkFeatureOptions = LinkOptions & {
-    resources?: Array<{
-        slug: PrototypeSlug;
-        query?: string;
-    }>;
+    sources?: Array<`${PrototypeSlug}${string}`>;
 };
 export declare const LinkFeature: (options?: Partial<LinkFeatureOptions>) => RichTextFeature;