rimecms 0.26.9 → 0.27.1

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

@@ -6,7 +6,7 @@
   import * as Command from '../../../../../panel/components/ui/command/index.js';
   import * as Dialog from '../../../../../panel/components/ui/dialog/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 { X } from '@lucide/svelte';
   import type { NodeViewProps } from '@tiptap/core';
   import { onMount } from 'svelte';
@@ -20,11 +20,12 @@
     url: string | null;
     filename: string | null;
     legend: string;
+    _fresh: boolean;
   };
 
   let { node, updateAttributes, extension }: NodeViewProps = $props();
   let isDialogOpen = $state(false);
-  let selected = $state<Omit<NodeAttributes, 'legend'> | null>();
+  let selected = $state<Omit<NodeAttributes, 'legend' | '_fresh'> | null>();
   let legendElement = $state<HTMLParagraphElement>();
   let legend = $state('');
   let dialogLegendOpen = $state(false);
@@ -52,14 +53,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: UploadDoc[] }>(url);
   let docs = $state<UploadDoc[]>([]);
@@ -101,7 +104,8 @@
       sizes: null,
       mimeType: null,
       filename: null,
-      legend: null
+      legend: null,
+      _fresh: false
     });
   }
 
@@ -116,7 +120,8 @@
       sizes: selected.sizes,
       mimeType: selected.mimeType,
       filename: selected.filename,
-      legend
+      legend,
+      _fresh: false
     } as NodeAttributes);
   }
 </script>
@@ -167,7 +172,7 @@
   </div>
 {/snippet}
 
-{#snippet media(attributes: Omit<NodeAttributes, 'legend'>)}
+{#snippet media(attributes: Omit<NodeAttributes, 'legend' | '_fresh'>)}
   <div class="rz-richtext-media__media">
     {#if attributes.mimeType?.includes('image')}
       <img src={attributes.url} alt="rich text" />
@@ -177,7 +182,7 @@
   </div>
 {/snippet}
 
-<Command.Dialog bind:open={isDialogOpen}>
+<Command.Dialog bind:open={isDialogOpen} preventScroll={false}>
   <Command.Input placeholder="Select an image" />
 
   <Command.List>

package/dist/fields/rich-text/core/svelte/node-view-renderer.svelte.js

@@ -55,11 +55,16 @@ class SvelteNodeView extends NodeView {
             // Focus the editor
             this.editor.view.focus();
         });
-        const svelteComponent = mount(Component, { target, props, context });
-        this.renderer = new SvelteRenderer(svelteComponent, {
-            element: target,
-            props
-        });
+        try {
+            this.renderer = new SvelteRenderer(mount(Component, { target, props, context }), {
+                element: target,
+                props
+            });
+        }
+        catch (e) {
+            console.error('Error mounting Svelte component in NodeView', e);
+            throw e;
+        }
         this.appendContendDom();
         this.updateElementAttributes();
     }

package/dist/fields/rich-text/core/svelte/node-view-wrapper.svelte

@@ -1,3 +1,4 @@
+<!-- based on https://github.com/sibiraj-s/svelte-tiptap/blob/master/src/lib/NodeViewWrapper.svelte -->
 <script lang="ts" generics="T extends keyof SvelteHTMLElements = 'div'">
   import { getContext, onMount, tick } from 'svelte';
   import type { SvelteHTMLElements } from 'svelte/elements';

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

@@ -1,5 +1,5 @@
-import { mount } from 'svelte';
 import type { NodeViewProps } from '@tiptap/core';
+import { mount } from 'svelte';
 interface RendererOptions {
     element: HTMLElement;
     props: NodeViewProps;

package/dist/fields/types.d.ts

@@ -78,16 +78,19 @@ export type FieldHookContext<T extends FormField = FormField> = {
     /** The field config */
     config: T;
 };
+/** Field hook for client/server operations */
 export type FieldHookShared<T extends FormField = any> = (value: any, context: {
     config: T;
     data: Dic;
 }) => any;
+/** Field hook for client-side operations */
 export type FieldHookClient = (value: any, context: {
     siblings: Record<string, any>;
     useField: DocumentFormContext['useField'];
     useBlocks: DocumentFormContext['useBlocks'];
     useTree: DocumentFormContext['useTree'];
 }) => any;
+/** Field hook for server-side operations */
 export type FieldHook<T extends FormField = any> = (value: any, context: FieldHookContext<T>) => any;
 type FieldHooks = {
     beforeRead?: FieldHook[];
@@ -110,3 +113,13 @@ export type RelationValue<T> = T[] | {
     documentId: string;
 }[] | string[] | string;
 export type SimplerField<T extends FormField> = WithRequired<Partial<T>, 'name' | 'isEmpty' | 'type'>;
+export type BaseUseFieldReturn = {
+    path: string;
+    value: any;
+    readonly editable: boolean;
+    readonly visible: boolean;
+    readonly error: string | false;
+};
+export type FieldsPreviewProps = {
+    fields: Record<string, BaseUseFieldReturn>;
+};

package/dist/panel/components/Root.svelte

@@ -5,12 +5,12 @@
   import Nav from './ui/nav/Nav.svelte';
   import { Toaster } from './ui/sonner';
   import { setConfigContext } from '../context/config.svelte.js';
-  import createContext from '../context/createContext.svelte.js';
   import { setLocaleContext } from '../context/locale.svelte.js';
   import { setUserContext } from '../context/user.svelte.js';
   import type { Route } from '../types.js';
   import { onMount, type Snippet } from 'svelte';
-  import { API_PROXY, setAPIProxyContext } from '../context/api-proxy.svelte.js';
+  import { setAPIProxyContext } from '../context/api-proxy.svelte.js';
+  import { setTitleContext } from '../context/title.js';
 
   type Props = {
     routes: Record<string, Route[]>;
@@ -28,8 +28,8 @@
   setConfigContext(config);
   // svelte-ignore state_referenced_locally
   setUserContext(user);
-  createContext('title', '[untitled]');
-  setAPIProxyContext(API_PROXY.ROOT);
+  setTitleContext('[untitled]');
+  setAPIProxyContext();
 
   const locale = $derived(setLocaleContext(initialeLocale));
 

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

@@ -1,42 +1,49 @@
 <script lang="ts">
   import { FormFieldBuilder } from '../../../core/fields/builders';
-  import type { FormField } from '../../../fields/types.js';
+  import type { BaseUseFieldReturn, FieldsPreviewProps, FormField } from '../../../fields/types.js';
   import { capitalize } from '../../../util/string.js';
+  import type { Component } from 'svelte';
 
   type Props = {
     fields: FormFieldBuilder<FormField>[];
-    getField: (field: FormFieldBuilder<FormField>) => { visible: boolean; value: any | null };
+    getField: (field: FormFieldBuilder<FormField>) => BaseUseFieldReturn;
+    preview?: Component<FieldsPreviewProps>;
   };
 
-  const { fields, getField }: Props = $props();
-
-  //
+  const { fields, getField, preview }: Props = $props();
 </script>
 
 <div class="rz-render-fields-preview">
-  {#each fields as builder, index (index)}
-    {@const field = getField(builder)}
-    {#if !builder.raw.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)}
-          </p>
-        </div>
-        <div class="rz-render-fields-preview__value">
-          {#if builder.raw.table?.cell}
-            {@const ColumnTableCell = builder.raw.table.cell}
-            <span><ColumnTableCell value={field.value} /></span>
-          {:else if builder.cell}
-            {@const Cell = builder.cell}
-            <span><Cell value={field.value} /></span>
-          {:else}
-            <span>{field.value}</span>
-          {/if}
+  {#if preview}
+    {@const Preview = preview}
+    <div class="rz-render-fields-preview__custom" data-visible>
+      <Preview fields={Object.fromEntries(fields.map((field) => [field.name, getField(field)]))} />
+    </div>
+  {:else}
+    {#each fields as builder, index (index)}
+      {@const field = getField(builder)}
+      {#if !builder.raw.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)}
+            </p>
+          </div>
+          <div class="rz-render-fields-preview__value">
+            {#if builder.raw.table?.cell}
+              {@const ColumnTableCell = builder.raw.table.cell}
+              <span><ColumnTableCell value={field.value} /></span>
+            {:else if builder.cell}
+              {@const Cell = builder.cell}
+              <span><Cell value={field.value} /></span>
+            {:else}
+              <span>{field.value}</span>
+            {/if}
+          </div>
         </div>
-      </div>
-    {/if}
-  {/each}
+      {/if}
+    {/each}
+  {/if}
 </div>
 
 <style>

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

@@ -1,12 +1,11 @@
 import { FormFieldBuilder } from '../../../core/fields/builders';
-import type { FormField } from '../../../fields/types.js';
+import type { BaseUseFieldReturn, FieldsPreviewProps, FormField } from '../../../fields/types.js';
+import type { Component } from 'svelte';
 type Props = {
     fields: FormFieldBuilder<FormField>[];
-    getField: (field: FormFieldBuilder<FormField>) => {
-        visible: boolean;
-        value: any | null;
-    };
+    getField: (field: FormFieldBuilder<FormField>) => BaseUseFieldReturn;
+    preview?: Component<FieldsPreviewProps>;
 };
-declare const FieldsPreview: import("svelte").Component<Props, {}, "">;
+declare const FieldsPreview: Component<Props, {}, "">;
 type FieldsPreview = ReturnType<typeof FieldsPreview>;
 export default FieldsPreview;

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

@@ -13,7 +13,7 @@
 <style>
   .rz-fields-preview__trigger {
     display: block;
-    background-color: var(--rz-group-preview-bg);
+    background-color: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-3)));
     width: 100%;
     text-align: left;
   }

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

@@ -1,11 +1,11 @@
 export declare const Field: {
     Label: import("svelte").Component<{
-        config?: import("../../../fields/types").SimplerField<import("../../../types").FormField>;
+        config?: import("../../../types").SimplerField<import("../../../types").FormField>;
         children?: import("svelte").Snippet;
         for?: string;
     }, {}, "">;
     Hint: import("svelte").Component<{
-        config: import("../../../fields/types").SimplerField<import("../../../types").FormField>;
+        config: import("../../../types").SimplerField<import("../../../types").FormField>;
     }, {}, "">;
     LabelFor: import("svelte").Component<{
         config: import("../../../types").FormField;

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

@@ -6,7 +6,6 @@
   import RenderFields from '../../../fields/RenderFields.svelte';
   import Button from '../../../ui/button/button.svelte';
   import * as Dialog from '../../../ui/dialog/index.js';
-  import { API_PROXY, setAPIProxyContext } from '../../../../context/api-proxy.svelte.js';
   import { getConfigContext } from '../../../../context/config.svelte.js';
   import { setDocumentFormContext } from '../../../../context/documentForm.svelte.js';
   import { getUserContext } from '../../../../context/user.svelte.js';
@@ -18,7 +17,6 @@
   };
   let { folder, collection, open = $bindable() }: Props = $props();
 
-  setAPIProxyContext(API_PROXY.DOCUMENT);
   let formElement = $state<HTMLFormElement>();
   const user = getUserContext();
   const configCtx = getConfigContext();

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

@@ -10,7 +10,7 @@
   import ContextMenu from '../../../ui/context-menu/ContextMenu.svelte';
   import ContextMenuItem from '../../../ui/context-menu/ContextMenuItem.svelte';
   import * as Dialog from '../../../ui/dialog/index.js';
-  import { API_PROXY, getAPIProxyContext } from '../../../../context/api-proxy.svelte.js';
+  import { getAPIProxyContext } from '../../../../context/api-proxy.svelte.js';
   import { panelUrl } from '../../../../util/url.js';
   import { trycatchFetch } from '../../../../../util/function.js';
   import { Pencil, Trash2 } from '@lucide/svelte';
@@ -42,7 +42,7 @@
   let rootElement = $state<HTMLButtonElement>();
   let isDragging = $state(false);
   const isFolderUpperPath = $derived(folder.name === '...');
-  const APIProxy = getAPIProxyContext(API_PROXY.ROOT);
+  const APIProxy = getAPIProxyContext();
   const childFilesURL = $derived(
     `${apiUrl(collection.kebab)}?where[_path][equals]=${folder.id}&select=id`
   );

package/dist/panel/components/sections/collection/grid/create-directory-dialog/CreateDirectoryDialog.svelte

@@ -5,7 +5,6 @@
   import RenderFields from '../../../../fields/RenderFields.svelte';
   import Button from '../../../../ui/button/button.svelte';
   import * as Dialog from '../../../../ui/dialog/index.js';
-  import { API_PROXY, setAPIProxyContext } from '../../../../../context/api-proxy.svelte.js';
   import type { CollectionContext } from '../../../../../context/collection.svelte.js';
   import { getConfigContext } from '../../../../../context/config.svelte.js';
   import {
@@ -16,7 +15,6 @@
   type Props = { collection: CollectionContext; open: boolean };
   let { collection, open = $bindable() }: Props = $props();
 
-  setAPIProxyContext(API_PROXY.DOCUMENT);
   let formElement = $state<HTMLFormElement>();
   const configCtx = getConfigContext();
   // svelte-ignore state_referenced_locally

package/dist/panel/components/sections/collection/upload-thumb-cell/UploadThumbCell.svelte

@@ -9,9 +9,10 @@
     class?: string;
   };
   const { url, class: className, mimeType }: Props = $props();
+
   const mimeTypeResolved = $derived.by(() => {
     if (mimeType) return mimeType;
-    if (url) return getMimeTypeFromExtension(url) || '';
+    if (url) return getMimeTypeFromExtension(url.split('.').pop() || '') || '';
     return '';
   });
 </script>
@@ -35,7 +36,7 @@
 
 <style>
   :root {
-    --rz-upload-preview-cell-bg: light-dark(hsl(var(--rz-gray-11)), hsl(var(--rz-gray-0)));
+    --rz-upload-preview-cell-bg: light-dark(hsl(var(--rz-gray-15)), hsl(var(--rz-gray-0)));
     --rz-upload-preview-cell-fit: contain;
   }
 

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

@@ -65,6 +65,7 @@
     {/if}
 
     {#if form.values.id}
+      {/* @ts-ignore form doc is GenericDoc as form.values.id is defined */ null}
       <Settings {form} />
     {/if}
 

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

@@ -8,13 +8,14 @@
   import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
   import { getLocaleContext } from '../../../context/locale.svelte.js';
   import { panelUrl } from '../../../util/url.js';
+  import type { GenericDoc } from '../../../../types.js';
   import { trycatchFetch } from '../../../../util/function.js';
   import { Copy, History, Import, Pickaxe, Settings, Trash2 } from '@lucide/svelte';
   import { toast } from 'svelte-sonner';
   import { t__ } from '../../../../core/i18n/index.js';
   import Button from '../../ui/button/button.svelte';
 
-  type Props = { form: DocumentFormContext };
+  type Props = { form: DocumentFormContext<GenericDoc> };
 
   const { form }: Props = $props();
 
@@ -84,7 +85,7 @@
     }
     const { id } = await success.json();
     toast.success(t__('common.duplicate_success'));
-    await goto(panelUrl(form.config.kebab, form.values.id));
+    await goto(panelUrl(form.config.kebab, id));
   }
 
   const shouldShowSettings = $derived.by(() => {

package/dist/panel/components/sections/document/Settings.svelte.d.ts

@@ -1,7 +1,8 @@
 import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
+import type { GenericDoc } from '../../../../types.js';
 import { Settings } from '@lucide/svelte';
 type Props = {
-    form: DocumentFormContext;
+    form: DocumentFormContext<GenericDoc>;
 };
 declare const Settings: import("svelte").Component<Props, {}, "">;
 type Settings = ReturnType<typeof Settings>;

package/dist/panel/components/sections/document/upload-header/UploadHeader.svelte

@@ -26,6 +26,7 @@
   const deleteFile = () => {
     preview = null;
     file = null;
+    form.setValue('url', null);
     form.setValue('file', null);
     form.setValue('filename', null);
     form.setValue('mimeType', null);
@@ -62,12 +63,6 @@
       form.setValue('file', file);
     }
   });
-
-  $effect(() => {
-    if (preview && form.values._thumbnail !== preview) {
-      form.setValue(`_thumbnail`, preview);
-    }
-  });
 </script>
 
 <div class="rz-doc-upload-header">
@@ -77,7 +72,7 @@
         {#if form.values.mimeType.includes('image')}
           <div class="rz-doc-upload-header__prewiew-grid">
             {#key form.values.title}
-              <img src={form.values.url || form.values._thumbnail} alt="preview" />
+              <img src={form.values.url || form.values._thumbnail || preview} alt="preview" />
             {/key}
           </div>
         {:else}

package/dist/panel/components/sections/live/SidePanel.svelte

@@ -3,10 +3,10 @@
   import type { User } from '../../../../core/collections/auth/types.js';
   import type { BuiltConfigClient } from '../../../../core/config/types.js';
   import { Toaster } from '../../ui/sonner';
-  import { API_PROXY, setAPIProxyContext } from '../../../context/api-proxy.svelte.js';
+  import { setAPIProxyContext } from '../../../context/api-proxy.svelte.js';
   import { setConfigContext } from '../../../context/config.svelte.js';
-  import createContext from '../../../context/createContext.svelte.js';
   import { setLocaleContext } from '../../../context/locale.svelte.js';
+  import { setTitleContext } from '../../../context/title';
   import { setUserContext } from '../../../context/user.svelte.js';
   import { toKebabCase } from '../../../../util/string';
   import ScrollArea from '../../ui/scroll-area/scroll-area.svelte';
@@ -22,7 +22,7 @@
     user: User;
   };
 
-  const { doc, config, locale: initialeLocale, user, onDataChange, onFieldFocus }: Props = $props();
+  const { doc, config, locale: initialLocale, user, onDataChange, onFieldFocus }: Props = $props();
 
   function buildPanelURL() {
     // Start with the base URI for the panel
@@ -35,16 +35,14 @@
     return panelUri;
   }
 
-  setAPIProxyContext(API_PROXY.DOCUMENT);
+  setAPIProxyContext();
   // svelte-ignore state_referenced_locally
   setConfigContext(config);
   // svelte-ignore state_referenced_locally
   setUserContext(user);
-  createContext('title', '[untitled]');
-
-  $effect(() => {
-    setLocaleContext(initialeLocale);
-  });
+  // svelte-ignore state_referenced_locally
+  setLocaleContext(initialLocale);
+  setTitleContext('[untitled]');
 </script>
 
 <Toaster />

package/dist/panel/components/ui/breadcrumb/BreadCrumb.svelte

@@ -1,18 +1,18 @@
 <script lang="ts">
   import { page } from '$app/state';
   import { getConfigContext } from '../../../context/config.svelte.js';
+  import { getTitleContext } from '../../../context/title';
   import type { Route } from '../../../../types';
-  import { getContext } from 'svelte';
   import Button from '../button/button.svelte';
 
   const config = getConfigContext();
-  const titleContext = getContext<{ value: string }>('title');
+  const titleContext = getTitleContext();
 
   const aria = $derived<Route[]>(page.data.aria);
 </script>
 
 <div class="rz-aria">
-  {#each aria as route}
+  {#each aria as route, index (index)}
     {@const Icon = config.raw.icons[route.icon]}
     {#if route.url}
       <Button variant="text" icon={Icon} href={route.url}>
@@ -25,8 +25,13 @@
   {/each}
 </div>
 
-<style>
-  .rz-aria {
+<style>/**************************************/
+
+/* Font */
+
+/**************************************/
+
+.rz-aria {
     display: flex;
     align-items: center;
     gap: var(--rz-size-3);
@@ -40,7 +45,8 @@
       opacity: 1;
     }
   }
-  .rz-aria__last {
+
+.rz-aria__last {
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;

package/dist/panel/components/ui/card-document/card-document.svelte

@@ -34,8 +34,8 @@
 <style>
   /** */
   :root {
-    --rz-card-hover-bg: light-dark(hsl(var(--rz-gray-14)), hsl(var(--rz-gray-4)));
-    --rz-card-bg: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-3)));
+    --rz-card-hover-bg: light-dark(hsl(var(--rz-gray-18)), hsl(var(--rz-gray-4)));
+    --rz-card-bg: light-dark(hsl(var(--rz-gray-17)), hsl(var(--rz-gray-3)));
   }
 
   .rz-document-card {

package/dist/panel/components/ui/command/command-dialog.svelte

@@ -13,16 +13,18 @@
     open = $bindable(false),
     ref = $bindable(null),
     value = $bindable(''),
+    preventScroll = true,
     children,
     ...restProps
   }: WithoutChildrenOrChild<DialogPrimitive.RootProps> &
     WithoutChildrenOrChild<CommandPrimitive.RootProps> & {
       children: Snippet;
+      preventScroll?: boolean;
     } = $props();
 </script>
 
 <Dialog.Root bind:open {...restProps}>
-  <Dialog.Content class="rz-command-dialog-content">
+  <Dialog.Content class="rz-command-dialog-content" {preventScroll}>
     <Command
       class="rz-command-dialog-content__command"
       {...restProps}

package/dist/panel/components/ui/command/command-dialog.svelte.d.ts

@@ -3,6 +3,7 @@ import type { Snippet } from 'svelte';
 import './command-dialog.css';
 type $$ComponentProps = WithoutChildrenOrChild<DialogPrimitive.RootProps> & WithoutChildrenOrChild<CommandPrimitive.RootProps> & {
     children: Snippet;
+    preventScroll?: boolean;
 };
 declare const CommandDialog: import("svelte").Component<$$ComponentProps, {}, "value" | "ref" | "open">;
 type CommandDialog = ReturnType<typeof CommandDialog>;

package/dist/panel/context/api-proxy.svelte.d.ts

@@ -1,15 +1,16 @@
 export declare function setAPIProxyContext(key?: symbol): {
     getRessource: <T>(url: string, options?: GetResourcesOptions<T>) => Resource<T>;
     invalidateAll: () => void;
+    invalidate: (pattern: string | RegExp) => void;
     readonly urls: string[];
 };
 export declare function getAPIProxyContext(key?: symbol): {
     getRessource: <T>(url: string, options?: GetResourcesOptions<T>) => Resource<T>;
     invalidateAll: () => void;
+    invalidate: (pattern: string | RegExp) => void;
     readonly urls: string[];
 };
 export declare const API_PROXY: {
-    DOCUMENT: symbol;
     ROOT: symbol;
 };
 export type Resource<T = any> = {

package/dist/panel/context/api-proxy.svelte.js

@@ -63,11 +63,19 @@ function createAPIProxy() {
             resource.refresh();
         });
     }
+    function invalidate(pattern) {
+        resources.forEach((resource, url) => {
+            if (typeof pattern === 'string' ? url.includes(pattern) : pattern.test(url)) {
+                resource.refresh();
+            }
+        });
+    }
     return {
         getRessource,
         invalidateAll,
+        invalidate,
         get urls() {
-            return Array.from(resources.entries()).map(([url, resource]) => url);
+            return Array.from(resources.entries()).map(([url]) => url);
         }
     };
 }
@@ -78,8 +86,6 @@ export function setAPIProxyContext(key = API_PROXY.ROOT) {
 export function getAPIProxyContext(key = API_PROXY.ROOT) {
     return getContext(key);
 }
-// @TODO why multiple APIProxy... ROOT everywhere should work
 export const API_PROXY = {
-    DOCUMENT: Symbol('api-proxy.document'),
     ROOT: Symbol('api-proxy.root')
 };

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

@@ -71,7 +71,7 @@ export declare function setDocumentFormContext<T extends WithOptional<GenericDoc
     readonly isLive: boolean;
     setFocusedField(path: string): void;
 };
-export declare function getDocumentFormContext<T extends WithOptional<GenericDoc, 'id'> = GenericDoc>(key?: string): {
+export declare function getDocumentFormContext<T extends WithOptional<GenericDoc, 'id'> = WithOptional<GenericDoc, 'id'>>(key?: string): {
     key: string;
     setValue: (path: string, value: any) => void;
     getRawValue: <T_1>(path: string) => NonNullable<T_1> | null;
@@ -140,7 +140,7 @@ export declare function getDocumentFormContext<T extends WithOptional<GenericDoc
     readonly isLive: boolean;
     setFocusedField(path: string): void;
 };
-export type DocumentFormContext<T extends WithOptional<GenericDoc, 'id'> = GenericDoc> = ReturnType<typeof setDocumentFormContext<T>>;
+export type DocumentFormContext<T extends WithOptional<GenericDoc, 'id'> = WithOptional<GenericDoc, 'id'>> = ReturnType<typeof setDocumentFormContext<T>>;
 type AddBlock = (block: Omit<GenericBlock, 'id' | 'path'>) => void;
 type MoveBlock = (from: number, to: number) => void;
 export type FormSuccessData = {