rimecms 0.26.9 → 0.27.1

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

@@ -1,25 +1,25 @@
 import type { Level } from '@tiptap/extension-heading';
-import { FieldsFeature } from './core/features/fields/index.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: Parameters<typeof FieldsFeature>[0]) => 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';
@@ -7,6 +8,7 @@ import Typography from '@tiptap/extension-typography';
 import { Dropcursor, Gapcursor, Placeholder, UndoRedo } from '@tiptap/extensions';
 import { API_PROXY, getAPIProxyContext } from '../../../panel/context/api-proxy.svelte.js';
 import { CONFIG_CTX, getConfigContext } from '../../../panel/context/config.svelte.js';
+import { getLocaleContext, LOCALE_CTX } from '../../../panel/context/locale.svelte.js';
 import { getUserContext, USER_CTX } from '../../../panel/context/user.svelte.js';
 import { hasSuggestion } from '../util.js';
 import { CurrentNodeAttribute } from './extensions/current-node/current-node.js';
@@ -60,12 +62,17 @@ export function buildEditorConfig(args) {
             if ('addNodeView' in feature.extension.config) {
                 const originalAddOption = feature.extension.config.addOptions || (() => ({}));
                 const contexts = new Map();
+                const localeContext = getLocaleContext();
                 const configContext = getConfigContext();
-                const apiProxyContext = getAPIProxyContext(API_PROXY.DOCUMENT);
+                const apiProxyContext = getAPIProxyContext();
                 const userContext = getUserContext();
+                const titleContext = getTitleContext();
+                contexts.set(TITLE_CTX, titleContext);
                 contexts.set(CONFIG_CTX, configContext);
-                contexts.set(API_PROXY.DOCUMENT, apiProxyContext);
+                contexts.set(CONFIG_CTX, configContext);
+                contexts.set(API_PROXY.ROOT, apiProxyContext);
                 contexts.set(USER_CTX, userContext);
+                contexts.set(LOCALE_CTX, localeContext);
                 feature.extension.config.addOptions = () => {
                     // @ts-expect-error
                     return { ...originalAddOption(), contexts };

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

@@ -1,10 +1,17 @@
+import type { FieldBuilder } from '../../../../../core/fields/builders';
+import type { FieldsPreviewProps } from '../../../../types';
 import type { Dic } from '../../../../../util/types.js';
 import { Node } from '@tiptap/core';
+import type { Component } from 'svelte';
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        sheet: {
-            insertSheet: (attributes: Dic) => ReturnType;
+        'richt-text-fields': {
+            insertSheet: (attributes?: Dic) => ReturnType;
         };
     }
 }
-export declare const FieldsExtension: Node<any, any>;
+export interface FieldsFeatureExtensionOptions {
+    fields: FieldBuilder[];
+    preview?: Component<FieldsPreviewProps>;
+}
+export declare const FieldsExtension: Node<FieldsFeatureExtensionOptions, any>;

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

@@ -5,13 +5,8 @@ export const FieldsExtension = Node.create({
     name: 'richt-text-fields',
     group: 'block',
     atom: true,
-    draggable: true, // Optional: to make the node draggable
+    draggable: true,
     inline: false,
-    addOptions() {
-        return {
-            fields: null
-        };
-    },
     addAttributes() {
         return ['json'].reduce((acc, key) => {
             acc[key] = { default: null };
@@ -29,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/fields.css

@@ -25,4 +25,8 @@
   .rz-render-fields-preview__row:last-child .rz-render-fields-preview__name {
     border-bottom-left-radius: var(--rz-radius-lg);
   }
+
+  &.rz-rich-text-fields-preview--custom {
+    max-width: unset;
+  }
 }

package/dist/fields/rich-text/core/features/fields/fields.svelte

@@ -1,13 +1,12 @@
 <script lang="ts">
-  import { page } from '$app/state';
   import { FieldBuilder, FormFieldBuilder } from '../../../../../core/fields/builders';
+  import type { FieldsPreviewProps } from '../../../../types';
   import FieldsPreview from '../../../../../panel/components/fields/FieldsPreview.svelte';
   import FieldsPreviewTrigger from '../../../../../panel/components/fields/FieldsPreviewTrigger.svelte';
   import * as Sheet from '../../../../../panel/components/ui/sheet/index.js';
   import { setFormContext } from '../../../../../panel/context/form.svelte';
-  import { setLocaleContext } from '../../../../../panel/context/locale.svelte';
   import type { NodeViewProps } from '@tiptap/core';
-  import { onMount } from 'svelte';
+  import { onMount, type Component } from 'svelte';
   import NodeViewWrapper from '../../svelte/node-view-wrapper.svelte';
   import './fields.css';
 
@@ -15,6 +14,7 @@
     extension: {
       options: {
         fields: FieldBuilder[];
+        preview?: Component<FieldsPreviewProps>;
       };
     };
   };
@@ -22,7 +22,6 @@
   let { node, extension, updateAttributes }: Props = $props();
   let isSheetOpen = $state(false);
 
-  setLocaleContext(page.data.locale || 'en');
   // svelte-ignore state_referenced_locally
   const form = setFormContext(node.attrs.json || {}, 'fields');
 
@@ -43,19 +42,27 @@
   const previewFields = $derived.by(() => {
     return extension.options.fields.filter((field) => field instanceof FormFieldBuilder);
   });
+
+  const classModifiers = $derived(
+    extension.options.preview ? 'rz-rich-text-fields-preview--custom' : ''
+  );
 </script>
 
 <NodeViewWrapper>
-  <FieldsPreviewTrigger class="rz-rich-text-fields-preview" onclick={() => (isSheetOpen = true)}>
+  <FieldsPreviewTrigger
+    class="rz-rich-text-fields-preview {classModifiers}"
+    onclick={() => (isSheetOpen = true)}
+  >
     <FieldsPreview
       fields={previewFields}
       getField={(field) => form.useField(field.name, field.raw)}
+      preview={extension.options.preview}
     />
   </FieldsPreviewTrigger>
 </NodeViewWrapper>
 
 <Sheet.Root bind:open={isSheetOpen}>
-  <Sheet.Content side="right" class="rz-rich-text-sheet">
+  <Sheet.Content preventScroll={false} side="right" class="rz-rich-text-sheet">
     {#each previewFields || [] as field, index (index)}
       {@const FieldComponent = field.component}
       <FieldComponent path={field.raw.name} config={field.raw} {form} />

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

@@ -1,13 +1,16 @@
 import { FieldBuilder } from '../../../../../core/fields/builders';
+import type { FieldsPreviewProps } from '../../../../types';
 import type { NodeViewProps } from '@tiptap/core';
+import { type Component } from 'svelte';
 import './fields.css';
 type Props = Omit<NodeViewProps, 'extension'> & {
     extension: {
         options: {
             fields: FieldBuilder[];
+            preview?: Component<FieldsPreviewProps>;
         };
     };
 };
-declare const Fields: import("svelte").Component<Props, {}, "">;
+declare const Fields: Component<Props, {}, "">;
 type Fields = ReturnType<typeof Fields>;
 export default Fields;

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

@@ -1,9 +1,11 @@
 import type { FieldBuilder } from '../../../../../core/fields/builders/field-builder.js';
+import type { FieldsPreviewProps } from '../../../../types.js';
+import type { Component } from 'svelte';
 import type { RichTextFeature } from '../../../../../types.js';
-type Args = {
+export interface FieldsFeatureOptions {
     name: string;
-    label: string;
+    label?: string;
     fields: FieldBuilder[];
-};
-export declare const FieldsFeature: (args: Args) => RichTextFeature;
-export {};
+    preview?: Component<FieldsPreviewProps>;
+}
+export declare const FieldsFeature: (args: FieldsFeatureOptions) => RichTextFeature;

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

@@ -3,13 +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: {
-        //@ts-expect-error annoying
         command: ({ editor }) => editor.chain().focus().insertSheet().run()
     }
 });
 export const FieldsFeature = (args) => ({
-    extension: FieldsExtension.configure(args),
+    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

@@ -6,11 +6,7 @@
   import Button from '../../../../../../panel/components/ui/button/button.svelte';
   import * as Command from '../../../../../../panel/components/ui/command/index.js';
   import Input from '../../../../../../panel/components/ui/input/input.svelte';
-  import {
-    API_PROXY,
-    getAPIProxyContext,
-    type Resource
-  } from '../../../../../../panel/context/api-proxy.svelte.js';
+  import { getAPIProxyContext, type Resource } from '../../../../../../panel/context/api-proxy.svelte.js';
   import { getLocaleContext } from '../../../../../../panel/context/locale.svelte';
   import validate from '../../../../../../util/validate.js';
   import { CornerDownLeft, ExternalLink, Link2, Newspaper, Trash } from '@lucide/svelte';
@@ -40,18 +36,18 @@
   /**
    * Logic to get internal resources e.g., collections, areas
    */
-  const APIProxy = getAPIProxyContext(API_PROXY.DOCUMENT);
+  const APIProxy = getAPIProxyContext();
   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;
@@ -212,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;

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

@@ -1,6 +1,3 @@
-import type { PrototypeSlug } from '../../../../../types.js';
 import type { RichTextFeature } from '../../types.js';
-export declare const ResourceFeature: (args: {
-    query?: string;
-    slug: PrototypeSlug;
-}) => RichTextFeature;
+import { type ResourceFeatureExtensionOptions } from './resource-extension.js';
+export declare const ResourceFeature: (args: ResourceFeatureExtensionOptions) => RichTextFeature;

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

@@ -1,15 +1,20 @@
 import { Images } from '@lucide/svelte';
 import { Resource } from './resource-extension.js';
-const resourceFeatureNode = {
-    label: 'Resource',
-    icon: Images,
-    isActive: ({ editor }) => editor.isActive('richt-text-resource'),
-    suggestion: {
-        //@ts-expect-error annoying
-        command: ({ editor }) => editor.chain().focus().insertResource().run()
-    }
+export const ResourceFeature = (args) => {
+    const slug = args.source.split('?')[0];
+    return {
+        extension: Resource.configure(args).extend({
+            name: 'richt-text-resource-' + slug
+        }),
+        nodes: [
+            {
+                label: args.label || slug,
+                icon: Images,
+                isActive: ({ editor }) => editor.isActive('richt-text-resource-' + slug),
+                suggestion: {
+                    command: ({ editor }) => editor.chain().focus().insertResource().run()
+                }
+            }
+        ]
+    };
 };
-export const ResourceFeature = (args) => ({
-    extension: Resource.configure(args),
-    nodes: [resourceFeatureNode]
-});

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

@@ -1,10 +1,15 @@
+import type { PrototypeSlug } from '../../../../../core/types/doc';
 import type { Dic } from '../../../../../util/types.js';
 import { Node } from '@tiptap/core';
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         resource: {
-            insertResource: (attributes: Dic) => ReturnType;
+            insertResource: (attributes?: Dic) => ReturnType;
         };
     }
 }
-export declare const Resource: Node<any, any>;
+export interface ResourceFeatureExtensionOptions {
+    label?: string;
+    source: `${PrototypeSlug}${string}`;
+}
+export declare const Resource: Node<ResourceFeatureExtensionOptions, any>;

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

@@ -5,19 +5,15 @@ export const Resource = Node.create({
     name: 'resource',
     group: 'block',
     atom: true,
-    draggable: true, // Optional: to make the node draggable
+    draggable: true,
     inline: false,
-    addOptions() {
-        return {
-            query: null,
-            _type: null
-        };
-    },
     addAttributes() {
         return ['id', 'title', '_type', '_thumbnail'].reduce((acc, key) => {
             acc[key] = { default: null };
             return acc;
-        }, {});
+        }, 
+        // Fresh attributes allowing to show the dialog immediately after insertion
+        { _fresh: { default: true } });
     },
     addCommands() {
         return {
@@ -30,10 +26,10 @@ export const Resource = Node.create({
         };
     },
     parseHTML() {
-        return [{ tag: 'richt-text-resource' }];
+        return [{ tag: this.name }];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['richt-text-resource', mergeAttributes(HTMLAttributes)];
+        return [this.name, mergeAttributes(HTMLAttributes)];
     },
     addNodeView() {
         return SvelteNodeViewRenderer(ResourceComponent);

package/dist/fields/rich-text/core/features/resource/resource.svelte

@@ -4,7 +4,7 @@
   import Button from '../../../../../panel/components/ui/button/button.svelte';
   import CardResource from '../../../../../panel/components/ui/card-resource/card-resource.svelte';
   import * as Command from '../../../../../panel/components/ui/command/index.js';
-  import { API_PROXY, getAPIProxyContext } from '../../../../../panel/context/api-proxy.svelte.js';
+  import { getAPIProxyContext } from '../../../../../panel/context/api-proxy.svelte.js';
   import type { NodeViewProps } from '@tiptap/core';
   import { onMount } from 'svelte';
   import NodeViewWrapper from '../../svelte/node-view-wrapper.svelte';
@@ -35,14 +35,16 @@
     } else {
       selected = null;
     }
+    if (node.attrs._fresh) {
+      // If the resource is fresh, we want to open the dialog to select a resource
+      isDialogOpen = true;
+    }
   });
 
-  const APIProxy = getAPIProxyContext(API_PROXY.DOCUMENT);
+  const APIProxy = getAPIProxyContext();
 
   // svelte-ignore state_referenced_locally
-  const url = extension.options.query
-    ? apiUrl(extension.options.slug, `?${extension.options.query}`)
-    : apiUrl(extension.options.slug);
+  const url = apiUrl(extension.options.source);
 
   const ressource = APIProxy.getRessource<{ docs: GenericDoc[] }>(url);
   let docs = $state<GenericDoc[]>([]);
@@ -50,7 +52,7 @@
   $effect(() => {
     if (ressource.data) {
       docs = ressource.data.docs;
-      // Update atttributes if document title has changed
+      // Update atttributes if document has changed
       if (node.attrs.id) {
         selected = docs.find((doc) => doc.id === node.attrs.id);
       }
@@ -58,27 +60,22 @@
   });
 
   // Handle dialog selection
-  function handleResourceSelection(doc: GenericDoc) {
-    // Close the dialog
+  function handleResourceSelection(doc: RequiredNodeAttributes) {
     isDialogOpen = false;
-
-    // Update the selected resource
     selected = doc;
-
-    // Update node attributes
     updateNodeAttributes();
   }
 
   // Handle removing resource
   function removeResource() {
     selected = null;
-
     // Update node attributes with empty values
     updateAttributes({
       id: null,
       title: null,
-      slug: null,
-      _thumbnail: null
+      _type: null,
+      _thumbnail: null,
+      _fresh: false
     });
   }
 
@@ -89,8 +86,9 @@
     updateAttributes({
       id: selected.id,
       title: selected.title,
-      _type: extension.options.slug,
-      _thumbnail: selected._thumbnail
+      _type: extension.options.source,
+      _thumbnail: selected._thumbnail,
+      _fresh: false
     });
   }
 </script>
@@ -102,16 +100,16 @@
     class:rz-richtext-resource--selected={!!selected}
   >
     {#if !selected}
-      <Button class="rz-richtext-resource__add" variant="outline" size="sm" onclick={handleClick}
-        >Add a resource</Button
-      >
+      <Button class="rz-richtext-resource__add" variant="outline" size="sm" onclick={handleClick}>
+        Add a resource
+      </Button>
     {:else}
       <CardResource resource={selected as RequiredNodeAttributes} onCloseClick={removeResource} />
     {/if}
   </div>
 </NodeViewWrapper>
 
-<Command.Dialog bind:open={isDialogOpen}>
+<Command.Dialog bind:open={isDialogOpen} preventScroll={false}>
   <Command.Input placeholder="Select a resource" />
 
   <Command.List>

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

@@ -1,6 +1,3 @@
-import type { CollectionSlug } from '../../../../../types.js';
 import type { RichTextFeature } from '../../types.js';
-export declare const UploadFeature: (args: {
-    slug: CollectionSlug;
-    query?: string;
-}) => RichTextFeature;
+import { type UploadFeatureExtensionOptions } from './upload-extension.js';
+export declare const UploadFeature: (args: UploadFeatureExtensionOptions) => RichTextFeature;

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

@@ -1,15 +1,18 @@
 import { Images } from '@lucide/svelte';
 import { Upload } from './upload-extension.js';
-const uploadFeatureNode = {
-    label: 'Media',
-    icon: Images,
-    isActive: ({ editor }) => editor.isActive('richt-text-media'),
-    suggestion: {
-        //@ts-expect-error insertMedia is defined by the extension
-        command: ({ editor }) => editor.chain().focus().insertMedia().run()
-    }
+export const UploadFeature = (args) => {
+    const slug = args.source.split('?')[0];
+    return {
+        extension: Upload.configure(args).extend({ name: 'richt-text-upload-' + slug }),
+        nodes: [
+            {
+                label: 'Media',
+                icon: Images,
+                isActive: ({ editor }) => editor.isActive('richt-text-upload-' + slug),
+                suggestion: {
+                    command: ({ editor }) => editor.chain().focus().insertUpload().run()
+                }
+            }
+        ]
+    };
 };
-export const UploadFeature = (args) => ({
-    extension: Upload.configure(args),
-    nodes: [uploadFeatureNode]
-});

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

@@ -1,2 +1,14 @@
+import type { CollectionSlug } from '../../../../../types';
+import type { Dic } from '../../../../../util/types.js';
 import { Node } from '@tiptap/core';
-export declare const Upload: Node<any, any>;
+export interface UploadFeatureExtensionOptions {
+    source: `${CollectionSlug}${string}`;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        upload: {
+            insertUpload: (attributes?: Dic) => ReturnType;
+        };
+    }
+}
+export declare const Upload: Node<UploadFeatureExtensionOptions, any>;

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

@@ -5,25 +5,20 @@ export const Upload = Node.create({
     name: 'upload',
     group: 'block',
     atom: true,
-    draggable: true, // Optional: to make the node draggable
+    draggable: true,
     inline: false,
-    addOptions() {
-        return {
-            query: null
-        };
-    },
     addAttributes() {
         return ['id', 'title', 'sizes', 'mimeType', 'url', 'filename', 'legend'].reduce((acc, key) => {
             acc[key] = { default: null };
             return acc;
-        }, {});
+        }, 
+        // We use this attribute to determine if the resource is fresh or not.
+        // If it's fresh, we want to open the dialog
+        { _fresh: { default: true } });
     },
-    //@ts-expect-error annoying
     addCommands() {
         return {
-            insertMedia: (attributes = {}) => 
-            //@ts-expect-error annoying
-            ({ commands }) => {
+            insertUpload: (attributes = {}) => ({ commands }) => {
                 return commands.insertContent({
                     type: this.name,
                     attrs: attributes