rimecms 0.31.5 → 0.32.0

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

@@ -1,13 +1,15 @@
 <script lang="ts">
   import { invalidateAll } from '$app/navigation';
   import type { BuiltArea, BuiltCollection } from '../../../../core/config/types';
-  import { PARAMS } from '../../../../core/constant';
+  import { PARAMS } from '../../../../core/constants';
   import { t__ } from '../../../../core/i18n/index.js';
   import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
+  import { getLocaleContext } from '../../../context/locale.svelte.js';
   import { ExternalLink, PencilRuler, X } from '@lucide/svelte';
   import { Button } from '../../ui/button';
   import LanguageSwitcher from '../../ui/language-switcher/LanguageSwitcher.svelte';
   import PageHeader from '../../ui/page-header/PageHeader.svelte';
+  import SpinLoader from '../../ui/spin-loader/SpinLoader.svelte';
   import ButtonSave from './ButtonSave.svelte';
   import ButtonStatus from './ButtonStatus.svelte';
   import Settings from './Settings.svelte';
@@ -17,11 +19,25 @@
     onClose?: any;
     form: DocumentFormContext;
     config: BuiltArea | BuiltCollection;
+    /** What a locale pick does; the document settles its unsaved changes before reloading. */
+    onLocaleSwitch?: () => unknown;
   };
-  const { form, onClose, config }: Props = $props();
+  const { form, onClose, config, onLocaleSwitch = invalidateAll }: Props = $props();
 
   const onCloseIsDefined = $derived(!!onClose);
   const buttonLabel = $derived(form.values.id ? t__('common.save') : t__('common.create'));
+  const locale = getLocaleContext();
+
+  /**
+   * A word on the auto-save, beside the buttons: a spinner while one is on its way, the reason
+   * when one failed, else when the row on screen was auto-saved — this session's last one, or the
+   * row's own time when it was resumed.
+   */
+  const showAutoSave = $derived(
+    form.isAutoSave &&
+      (form.autoSaveState === 'saving' || form.autoSaveState === 'paused' || form.values.isAutoSave)
+  );
+  const autoSavedAt = $derived(form.lastAutoSavedAt ?? form.values.updatedAt);
 
   function buildDocumentURL() {
     let url = form.values.url;
@@ -43,6 +59,21 @@
   {/snippet}
 
   {#snippet bottomRight()}
+    {#if showAutoSave}
+      <span class="rz-auto-save-state" data-auto-save-state={form.autoSaveState}>
+        {#if form.autoSaveState === 'saving'}
+          <SpinLoader />
+        {:else if form.autoSaveState === 'paused'}
+          {t__('common.auto_save_paused', form.autoSaveReason ?? '')}
+        {:else if autoSavedAt}
+          {t__(
+            'common.auto_saved_at',
+            locale.dateFormat(autoSavedAt, { short: true, withTime: true })
+          )}
+        {/if}
+      </span>
+    {/if}
+
     {#if form.values.url}
       <Button
         icon={ExternalLink}
@@ -78,13 +109,13 @@
         processing={form.processing}
       />
     {:else if form.config.versions && !form.config.versions.draft}
-      <!-- scenario 2: versions without draft -->
+      <!-- scenario 2: versions without draft, a version per save -->
       <ButtonSave
         size="sm"
         label={buttonLabel}
         disabled={!form.canSubmit}
         processing={form.processing}
-        data-draft
+        data-fork
         data-submit
       />
     {:else if form.config.versions && form.config.versions.draft && form.values.status === 'published'}
@@ -119,6 +150,19 @@
   {/snippet}
 
   {#snippet topRight()}
-    <LanguageSwitcher onLocalClick={invalidateAll} />
+    <LanguageSwitcher onLocalClick={onLocaleSwitch} />
   {/snippet}
 </PageHeader>
+
+<style>
+  .rz-auto-save-state {
+    display: inline-flex;
+    align-items: center;
+    font-size: var(--rz-text-xs);
+    color: hsl(var(--rz-gray-10));
+    white-space: nowrap;
+  }
+  .rz-auto-save-state[data-auto-save-state='paused'] {
+    color: hsl(var(--rz-color-warn));
+  }
+</style>

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

@@ -4,6 +4,8 @@ type Props = {
     onClose?: any;
     form: DocumentFormContext;
     config: BuiltArea | BuiltCollection;
+    /** What a locale pick does; the document settles its unsaved changes before reloading. */
+    onLocaleSwitch?: () => unknown;
 };
 declare const Header: import("svelte").Component<Props, {}, "">;
 type Header = ReturnType<typeof Header>;

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

@@ -1,55 +1,84 @@
 <script lang="ts">
   import { goto } from '$app/navigation';
-  import { page } from '$app/state';
-  import { PARAMS, VERSIONS_STATUS } from '../../../../core/constant.js';
+  import { resolve } from '$app/paths';
+  import { PARAMS } from '../../../../core/constants.js';
+  import { VERSIONS_STATUS } from '../../../../core/prototype/shared/versions/constant.js';
+  import { apiUrl, panelPath } from '../../../../core/routes/util.js';
   import * as Dialog from '../../ui/dialog/index.js';
   import * as DropdownMenu from '../../ui/dropdown-menu/index.js';
+  import { getAPIProxyContext } from '../../../context/api-proxy.svelte.js';
   import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
   import { getLocaleContext } from '../../../context/locale.svelte.js';
-  import { panelUrl } from '../../../util/url.js';
+  import { getVersionsContext } from '../../../context/versions.svelte.js';
   import type { GenericDoc } from '../../../../types.js';
   import { trycatchFetch } from '../../../../util/function.js';
-  import { apiUrl } from '../../../../util/index.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';
+  import { versionsApiUrl, versionsListUrl } from './versions-list.js';
 
   type Props = { form: DocumentFormContext<GenericDoc> };
 
   const { form }: Props = $props();
 
   let deleteConfirmOpen = $state(false);
+  let deleteVersionConfirmOpen = $state(false);
   let dupplicateConfirmOpen = $state(false);
   const isCollection = $derived(form.config.type === 'collection');
   const allowDuplicate = $derived(
     form.config.type === 'collection' && !form.config.auth && !form.config.upload
   );
   const locale = getLocaleContext();
+  const APIProxy = getAPIProxyContext();
+
+  const documentPath = $derived(
+    isCollection ? panelPath(form.config.kebab, form.values.id) : panelPath(form.config.kebab)
+  );
+
+  /**
+   * How many versions the document has, off the same list the history shows. A document keeps at
+   * least one, so its last version cannot be deleted.
+   */
+  const versionsResource = $derived(
+    form.config.versions && form.values.id
+      ? APIProxy.getRessource<{ docs: unknown[] }>(versionsListUrl(form.values))
+      : null
+  );
+  const canDeleteVersion = $derived((versionsResource?.data?.docs.length ?? 0) > 1);
+
+  /** One version goes; the document and its other versions stay. */
+  async function handleDeleteVersion() {
+    const response = await fetch(`${versionsApiUrl(form.config.slug)}/${form.values.versionId}`, {
+      method: 'DELETE'
+    });
+    deleteVersionConfirmOpen = false;
+    if (!response.ok) {
+      toast.error(t__('error.generic'));
+      return;
+    }
+    toast.success(t__('common.version_deleted'));
+    APIProxy.invalidate(form.config.slug);
+    await goto(resolve(documentPath));
+  }
 
   function handleNewDraft() {
     if (form.readOnly || !form.element) return;
     const saveButton = form.element.querySelector('button[data-submit]') as HTMLButtonElement;
-    const initialSaveButtonDataDraft = saveButton.dataset.draft;
+    const initialFork = saveButton.dataset.fork;
     if (saveButton) {
-      saveButton.dataset.draft = 'true';
+      saveButton.dataset.fork = 'true';
       saveButton.dataset.status = VERSIONS_STATUS.DRAFT;
       form.element.requestSubmit(saveButton as HTMLButtonElement);
     } else {
       // Fallback to default submit if no specific button found
       form.element.requestSubmit();
     }
-    saveButton.dataset.draft = initialSaveButtonDataDraft;
+    saveButton.dataset.fork = initialFork;
   }
 
-  const isVersionPage = $derived(page.url.pathname.includes('/versions'));
-
-  function handleViewVersion() {
-    const basUrl = isCollection
-      ? panelUrl(form.config.kebab, form.values.id)
-      : panelUrl(form.config.kebab);
-    return goto(`${basUrl}/versions?${PARAMS.VERSION_ID}=${form.values.versionId}`);
-  }
+  /** The history lives on the document page; `undefined` where a document is shown without one. */
+  const history = getVersionsContext();
 
   async function handleDuplicate() {
     if (Object.keys(form.changes).length) {
@@ -65,16 +94,18 @@
     }).then((response) => {
       if (response.ok) {
         toast.success(t__('common.doc_deleted'));
-        goto(panelUrl(form.config.kebab));
+        goto(resolve(panelPath(form.config.kebab)));
       } else {
         toast.error(t__('error.generic'));
       }
     });
   }
 
+  /** Copies the row on screen, an auto-saved one included. */
   async function duplicate() {
     form.reset();
-    const url = `${apiUrl(form.config.kebab, form.values.id)}/duplicate`;
+    const versionId = form.values.versionId;
+    const url = `${apiUrl(form.config.kebab, form.values.id)}/duplicate${versionId ? `?${PARAMS.VERSION_ID}=${versionId}` : ''}`;
 
     const [error, success] = await trycatchFetch(url, {
       method: 'POST'
@@ -86,7 +117,7 @@
     }
     const { id } = await success.json();
     toast.success(t__('common.duplicate_success'));
-    await goto(panelUrl(form.config.kebab, id));
+    await goto(resolve(panelPath(form.config.kebab, id)));
   }
 
   const shouldShowSettings = $derived.by(() => {
@@ -106,8 +137,8 @@
 
     <DropdownMenu.Portal>
       <DropdownMenu.Content align="end">
-        {#if form.config.versions}
-          <DropdownMenu.Item disabled={isVersionPage} onclick={() => handleViewVersion()}>
+        {#if form.config.versions && history}
+          <DropdownMenu.Item onclick={() => (history.open = true)}>
             <History size="12" />
             {t__('common.versions_history')}
           </DropdownMenu.Item>
@@ -136,10 +167,20 @@
           </DropdownMenu.Item>
         {/if}
 
+        {#if form.config.versions && form.values.versionId}
+          <DropdownMenu.Item
+            disabled={!canDeleteVersion}
+            onclick={() => (deleteVersionConfirmOpen = true)}
+          >
+            <Trash2 size="12" />
+            {t__('common.delete_version')}
+          </DropdownMenu.Item>
+        {/if}
+
         {#if form.config.type === 'collection'}
           <DropdownMenu.Item onclick={() => (deleteConfirmOpen = true)}>
             <Trash2 size="12" />
-            {t__('common.delete')}
+            {t__('common.delete_document')}
           </DropdownMenu.Item>
         {/if}
       </DropdownMenu.Content>
@@ -159,6 +200,21 @@
     </Dialog.Content>
   </Dialog.Root>
 
+  <Dialog.Root bind:open={deleteVersionConfirmOpen}>
+    <Dialog.Content>
+      <Dialog.Header>
+        {t__('common.delete_version_dialog_title')}
+      </Dialog.Header>
+      <p>{t__('common.delete_version_dialog_text')}</p>
+      <Dialog.Footer --rz-justify-content="space-between">
+        <Button onclick={handleDeleteVersion}>Delete</Button>
+        <Button onclick={() => (deleteVersionConfirmOpen = false)} variant="secondary">
+          Cancel
+        </Button>
+      </Dialog.Footer>
+    </Dialog.Content>
+  </Dialog.Root>
+
   <Dialog.Root bind:open={dupplicateConfirmOpen}>
     <Dialog.Content>
       <Dialog.Header>

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

@@ -1,71 +1,137 @@
 <script lang="ts">
-  import type { VersionsStatus } from '../../../../core/constant.js';
-  import type { GenericDoc } from '../../../../core/types/doc.js';
+  import { goto, invalidateAll } from '$app/navigation';
+  import { resolve } from '$app/paths';
+  import { PARAMS } from '../../../../core/constants.js';
+  import type { GenericDoc } from '../../../../core/prototype/types.js';
+  import { panelPath } from '../../../../core/routes/util.js';
+  import * as Sheet from '../../ui/sheet/index.js';
+  import { getAPIProxyContext } from '../../../context/api-proxy.svelte.js';
+  import { getConfigContext } from '../../../context/config.svelte.js';
   import { getLocaleContext } from '../../../context/locale.svelte.js';
-  import { panelUrl } from '../../../util/url.js';
+  import { getUserContext } from '../../../context/user.svelte.js';
+  import type { DocVersion } from '../../../index.js';
   import { toKebabCase } from '../../../../util/string.js';
-  import { X } from '@lucide/svelte';
+  import { Trash2, X } from '@lucide/svelte';
+  import { toast } from 'svelte-sonner';
   import { t__ } from '../../../../core/i18n/index.js';
   import Button from '../../ui/button/button.svelte';
   import ScrollArea from '../../ui/scroll-area/scroll-area.svelte';
   import StatusDot from '../collection/StatusDot.svelte';
+  import { versionsApiUrl, versionsListUrl } from './versions-list.js';
 
-  type Props = {
-    doc: GenericDoc;
-    versions: { id: string; updatedAt: Date; status: VersionsStatus }[];
-  };
-  const { doc, versions }: Props = $props();
+  /**
+   * The document's version history, opened from the settings menu.
+   *
+   * `doc` is the row on screen: its `versionId` marks the active entry, and picking another entry
+   * loads that row into the same page by `?versionId=`. The list comes from the API proxy, so an
+   * auto-save or a save in the form re-reads it.
+   */
+  type Props = { doc: GenericDoc; open?: boolean; versionId?: string };
+  let { doc, open = $bindable(false), versionId }: Props = $props();
+
+  /** The row on screen: the form's when it says, the loaded document's otherwise. */
+  const activeId = $derived(versionId ?? doc.versionId);
 
   const locale = getLocaleContext();
+  const user = getUserContext();
+  const APIProxy = getAPIProxyContext();
+  const config = getConfigContext();
 
-  const makeVersionUrl = (version: Props['versions'][number]) => {
-    const kebabSlug = toKebabCase(doc._type);
-    if (doc._prototype === 'collection') {
-      return `${panelUrl(kebabSlug, doc.id)}/versions?versionId=${version.id}`;
-    } else {
-      return `${panelUrl(kebabSlug)}/versions?versionId=${version.id}`;
-    }
+  const Icon = $derived(
+    config.getDocumentConfig({ prototype: doc._prototype, slug: doc._type }).icon
+  );
+
+  const resource = $derived(APIProxy.getRessource<{ docs: DocVersion[] }>(versionsListUrl(doc)));
+  const list = $derived(resource.data?.docs ?? []);
+
+  const documentPath = (versionId?: string) => {
+    const kebab = toKebabCase(doc._type);
+    const base = doc._prototype === 'collection' ? panelPath(kebab, doc.id) : panelPath(kebab);
+    return versionId ? `${base}?${PARAMS.VERSION_ID}=${versionId}` : base;
   };
 
-  const returnUrl = $derived.by(() => {
-    const kebabSlug = toKebabCase(doc._type);
-    if (doc._prototype === 'collection') {
-      return `${panelUrl(kebabSlug, doc.id)}?versionId=${doc.versionId}`;
-    } else {
-      return `${panelUrl(kebabSlug)}?versionId=${doc.versionId}`;
+  const isOwn = (version: DocVersion) => version.updatedBy?.id === user.attributes.id;
+
+  /** An auto-saved row is labelled by whose typing it is; a version by its status. */
+  const autoSaveLabel = (version: DocVersion) =>
+    isOwn(version)
+      ? t__('common.your_auto_save')
+      : t__(
+          'common.auto_save_by',
+          version.updatedBy?.name || version.updatedBy?.email || t__('common.someone')
+        );
+
+  /** The owner drops their own auto-save. Off the row on screen, the page lands on the newest. */
+  async function discard(version: DocVersion) {
+    const response = await fetch(`${versionsApiUrl(doc._type)}/${version.id}`, {
+      method: 'DELETE'
+    });
+    if (!response.ok) {
+      toast.error(t__('error.generic'));
+      return;
     }
-  });
+    APIProxy.invalidate(versionsApiUrl(doc._type));
+    if (activeId === version.id) await goto(resolve(documentPath()));
+    else await invalidateAll();
+  }
 </script>
 
-<section class="rz-document-versions">
-  <ScrollArea>
-    <div class="rz-document-versions__header">
-      <Button href={returnUrl} size="icon-sm" variant="ghost" icon={X}></Button>
-      <h2>{t__('common.versions_history')}</h2>
-    </div>
-
-    <div class="rz-document-versions__list">
-      {#each versions as version (version.id)}
-        <a
-          class="rz-document-versions__list-item"
-          class:rz-document-versions__list--active={doc.versionId === version.id}
-          href={makeVersionUrl(version)}
-        >
-          <span>{locale.dateFormat(version.updatedAt!, { short: true, withTime: true })}</span>
-          <StatusDot --rz-dot-size="0.5rem" status={version.status} />
-        </a>
-      {/each}
-    </div>
-  </ScrollArea>
-</section>
+<Sheet.Root bind:open>
+  <Sheet.Content side="right" showCloseButton={false}>
+    <aside class="rz-document-versions">
+      <ScrollArea>
+        <div class="rz-document-versions__header">
+          <Button
+            size="icon-sm"
+            variant="ghost"
+            icon={X}
+            aria-label={t__('common.close')}
+            onclick={() => (open = false)}
+          ></Button>
+          <h2>{t__('common.versions_history')}</h2>
+        </div>
+
+        <div class="rz-document-versions__list">
+          {#each list as version (version.id)}
+            <div
+              class="rz-document-versions__list-item"
+              class:rz-document-versions__list-item--active={activeId === version.id}
+              class:rz-document-versions__list-item--auto-save={version.isAutoSave}
+              data-version-auto-save={version.isAutoSave
+                ? isOwn(version)
+                  ? 'own'
+                  : 'other'
+                : undefined}
+            >
+              <a onclick={() => (open = false)} href={resolve(documentPath(version.id))}>
+                <Icon size="11" />
+                <span>{locale.dateFormat(version.updatedAt!, { short: true, withTime: true })}</span
+                >
+                {#if version.isAutoSave}
+                  <span class="rz-document-versions__label">{autoSaveLabel(version)}</span>
+                {/if}
+              </a>
+              {#if version.isAutoSave && isOwn(version)}
+                <Button
+                  size="icon-sm"
+                  variant="ghost"
+                  icon={Trash2}
+                  aria-label={t__('common.auto_save_discard')}
+                  onclick={() => discard(version)}
+                ></Button>
+              {:else}
+                <StatusDot --rz-dot-size="0.5rem" status={version.status} />
+              {/if}
+            </div>
+          {/each}
+        </div>
+      </ScrollArea>
+    </aside>
+  </Sheet.Content>
+</Sheet.Root>
 
 <style>
   .rz-document-versions {
-    position: sticky;
-    top: 0;
-    height: 100vh;
-    border-left: var(--rz-border);
-
     .rz-document-versions__list {
       padding: var(--rz-size-5);
       margin-top: var(--rz-size-4);
@@ -83,14 +149,37 @@
     display: flex;
     border-radius: var(--rz-radius-lg);
     align-items: center;
-    background-color: light-dark(hsl(var(--rz-gray-19)), hsl(var(--rz-gray-4)));
+    background-color: light-dark(hsl(var(--rz-gray-19)), hsl(var(--rz-gray-3)));
     justify-content: space-between;
+    &.rz-document-versions__list-item--active {
+      background-color: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-4)));
+    }
+  }
+
+  .rz-document-versions__list-item a {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    gap: var(--rz-size-3);
+    min-width: 0;
   }
 
-  .rz-document-versions__list--active {
+  .rz-document-versions__list-item--active a {
     text-decoration: underline;
   }
 
+  .rz-document-versions__list-item--auto-save {
+    opacity: 0.7;
+    padding-right: var(--rz-size-3);
+  }
+
+  .rz-document-versions__label {
+    font-size: var(--rz-text-xs);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
   .rz-document-versions__header {
     display: flex;
     gap: var(--rz-size-2);

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

@@ -1,13 +1,16 @@
-import type { VersionsStatus } from '../../../../core/constant.js';
-import type { GenericDoc } from '../../../../core/types/doc.js';
+import type { GenericDoc } from '../../../../core/prototype/types.js';
+/**
+ * The document's version history, opened from the settings menu.
+ *
+ * `doc` is the row on screen: its `versionId` marks the active entry, and picking another entry
+ * loads that row into the same page by `?versionId=`. The list comes from the API proxy, so an
+ * auto-save or a save in the form re-reads it.
+ */
 type Props = {
     doc: GenericDoc;
-    versions: {
-        id: string;
-        updatedAt: Date;
-        status: VersionsStatus;
-    }[];
+    open?: boolean;
+    versionId?: string;
 };
-declare const Versions: import("svelte").Component<Props, {}, "">;
+declare const Versions: import("svelte").Component<Props, {}, "open">;
 type Versions = ReturnType<typeof Versions>;
 export default Versions;

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

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { WithUpload } from '../../../../../core/collections/upload/util/config';
+  import type { WithUpload } from '../../../../../core/prototype/collection/upload/util/config';
   import type { BuiltCollection } from '../../../../../core/config/types';
   import Button from '../../../ui/button/button.svelte';
   import { type DocumentFormContext } from '../../../../context/documentForm.svelte.js';
@@ -87,7 +87,9 @@
         {#each ['filename', 'filesize', 'mimeType'] as key, index (index)}
           <h4>{capitalize(key)}</h4>
           {#if !create && key === 'filename'}
-            <a target="_blank" href="/medias/{form.values[key]}">{form.values[key]}</a>
+            <a target="_blank" rel="external" href="/medias/{form.values[key]}">
+              {form.values[key]}
+            </a>
           {:else}
             <p>{form.values[key]}</p>
           {/if}

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

@@ -1,4 +1,4 @@
-import type { WithUpload } from '../../../../../core/collections/upload/util/config';
+import type { WithUpload } from '../../../../../core/prototype/collection/upload/util/config';
 import type { BuiltCollection } from '../../../../../core/config/types';
 import { type DocumentFormContext } from '../../../../context/documentForm.svelte.js';
 type Props = {

package/dist/panel/components/sections/document/upload-header/drop-zone/DropZone.svelte

@@ -4,7 +4,7 @@
   import type { BuiltCollection } from '../../../../../../types.js';
   import { toast } from 'svelte-sonner';
 
-  import type { WithUpload } from '../../../../../../core/collections/upload/util/config';
+  import type { WithUpload } from '../../../../../../core/prototype/collection/upload/util/config';
   import type { ChangeEventHandler } from 'svelte/elements';
 
   type Props = {

package/dist/panel/components/sections/document/upload-header/drop-zone/DropZone.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { BuiltCollection } from '../../../../../../types.js';
-import type { WithUpload } from '../../../../../../core/collections/upload/util/config';
+import type { WithUpload } from '../../../../../../core/prototype/collection/upload/util/config';
 type Props = {
     accept: WithUpload<BuiltCollection>['upload']['accept'] | undefined;
     preview: string | null;
@@ -7,6 +7,6 @@ type Props = {
     onGeneratingPreviewStart: () => void;
     onGeneratingPreviewEnd: () => void;
 };
-declare const DropZone: import("svelte").Component<Props, {}, "file" | "preview">;
+declare const DropZone: import("svelte").Component<Props, {}, "preview" | "file">;
 type DropZone = ReturnType<typeof DropZone>;
 export default DropZone;

package/dist/panel/components/sections/document/versions-list.d.ts

@@ -0,0 +1,10 @@
+/** The versions collection's endpoint behind a document type: `/api/news--versions`. */
+export declare const versionsApiUrl: (type: string) => string;
+/**
+ * One document's history, as the sidebar and the settings menu read it. One URL, so the API
+ * proxy serves both from the same cache and one invalidation refreshes both.
+ */
+export declare const versionsListUrl: (doc: {
+    _type: string;
+    id: string;
+}) => string;

package/dist/panel/components/sections/document/versions-list.js

@@ -0,0 +1,10 @@
+import { prototypeKebab } from '../../../../core/prototype/naming.js';
+import { withVersionsSuffix } from '../../../../core/prototype/shared/versions/naming.js';
+import { apiUrl } from '../../../../core/routes/util.js';
+/** The versions collection's endpoint behind a document type: `/api/news--versions`. */
+export const versionsApiUrl = (type) => apiUrl(prototypeKebab(withVersionsSuffix(type)));
+/**
+ * One document's history, as the sidebar and the settings menu read it. One URL, so the API
+ * proxy serves both from the same cache and one invalidation refreshes both.
+ */
+export const versionsListUrl = (doc) => `${versionsApiUrl(doc._type)}?where[ownerId][equals]=${doc.id}&sort=-updatedAt&select=updatedAt,status,isAutoSave,updatedBy`;

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

@@ -1,6 +1,6 @@
 <script lang="ts" generics="T">
   import { getLiveContext } from '../../../context/live.svelte.js';
-  import type { WithRelationPopulated } from '../../../../util/types';
+  import type { WithRelationPopulated } from '../../../../core/fields/types.js';
   import type { Snippet } from 'svelte';
 
   let { child, data } = $props<{

package/dist/panel/components/sections/live/Consumer.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { WithRelationPopulated } from '../../../../util/types';
+import type { WithRelationPopulated } from '../../../../core/fields/types.js';
 import type { Snippet } from 'svelte';
 declare function $$render<T>(): {
     props: {

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

@@ -2,7 +2,7 @@
   import { browser } from '$app/environment';
   import { page } from '$app/state';
   import { getLiveContext } from '../../../context/live.svelte.js';
-  import { normalizeFieldPath } from '../../../../util/doc.js';
+  import { normalizeFieldPath } from '../../../../util/path.js';
   import { onDestroy, type Snippet } from 'svelte';
 
   type Props = {