rimecms 0.26.7 → 0.26.8

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

@@ -1,150 +1,150 @@
 <script lang="ts">
-	import { t__ } from '../../../../../../core/i18n/index.js';
-	import SpinLoader from '../../../../ui/spin-loader/SpinLoader.svelte';
-	import type { BuiltCollection } from '../../../../../../types.js';
-	import { toast } from 'svelte-sonner';
-
-	import type { WithUpload } from '../../../../../../core/collections/upload/util/config';
-	import type { ChangeEventHandler } from 'svelte/elements';
-
-	type Props = {
-		accept: WithUpload<BuiltCollection>['upload']['accept'] | undefined;
-		preview: string | null;
-		file: File | null;
-		onGeneratingPreviewStart: () => void;
-		onGeneratingPreviewEnd: () => void;
-	};
-
-	let {
-		preview = $bindable(),
-		file = $bindable(),
-		accept,
-		onGeneratingPreviewStart,
-		onGeneratingPreviewEnd
-	}: Props = $props();
-
-	let input: HTMLInputElement;
-	let dragOver = $state(false);
-	let processingFile = $state(false);
-
-	const handleDragOver = (event: DragEvent) => {
-		dragOver = true;
-		event.preventDefault();
-	};
-
-	const handleDragLeave = (event: DragEvent) => {
-		dragOver = false;
-		event.preventDefault();
-	};
-
-	const handleChange: ChangeEventHandler<HTMLInputElement> = () => {
-		const files = input.files;
-		if (files && files.length) {
-			processFile(files[0]);
-		}
-	};
-
-	const handleDrop = (event: DragEvent) => {
-		dragOver = false;
-		event.preventDefault();
-
-		if ('dataTransfer' in event && event.dataTransfer && event.dataTransfer.files) {
-			const droppedFiles = Array.from(event.dataTransfer.files);
-			processFile(droppedFiles[0]);
-		}
-	};
-
-	const processFile = (value: File) => {
-		processingFile = true;
-		onGeneratingPreviewStart();
-		const reader = new FileReader();
-
-		reader.onloadend = () => {
-			preview = typeof reader.result === 'string' ? reader.result : null;
-			file = value;
-			processingFile = false;
-			onGeneratingPreviewEnd();
-		};
-
-		reader.onerror = (err) => {
-			processingFile = false;
-			onGeneratingPreviewEnd();
-			toast.error('There was an issue reading the file.');
-			console.error(err);
-		};
-
-		reader.readAsDataURL(value);
-	};
-
-	const dragOverClassModifier = $derived(dragOver ? 'rz-doc-upload-dropzone--dragover' : '');
+  import { t__ } from '../../../../../../core/i18n/index.js';
+  import SpinLoader from '../../../../ui/spin-loader/SpinLoader.svelte';
+  import type { BuiltCollection } from '../../../../../../types.js';
+  import { toast } from 'svelte-sonner';
+
+  import type { WithUpload } from '../../../../../../core/collections/upload/util/config';
+  import type { ChangeEventHandler } from 'svelte/elements';
+
+  type Props = {
+    accept: WithUpload<BuiltCollection>['upload']['accept'] | undefined;
+    preview: string | null;
+    file: File | null;
+    onGeneratingPreviewStart: () => void;
+    onGeneratingPreviewEnd: () => void;
+  };
+
+  let {
+    preview = $bindable(),
+    file = $bindable(),
+    accept,
+    onGeneratingPreviewStart,
+    onGeneratingPreviewEnd
+  }: Props = $props();
+
+  let input: HTMLInputElement;
+  let dragOver = $state(false);
+  let processingFile = $state(false);
+
+  const handleDragOver = (event: DragEvent) => {
+    dragOver = true;
+    event.preventDefault();
+  };
+
+  const handleDragLeave = (event: DragEvent) => {
+    dragOver = false;
+    event.preventDefault();
+  };
+
+  const handleChange: ChangeEventHandler<HTMLInputElement> = () => {
+    const files = input.files;
+    if (files && files.length) {
+      processFile(files[0]);
+    }
+  };
+
+  const handleDrop = (event: DragEvent) => {
+    dragOver = false;
+    event.preventDefault();
+
+    if ('dataTransfer' in event && event.dataTransfer && event.dataTransfer.files) {
+      const droppedFiles = Array.from(event.dataTransfer.files);
+      processFile(droppedFiles[0]);
+    }
+  };
+
+  const processFile = (value: File) => {
+    processingFile = true;
+    onGeneratingPreviewStart();
+    const reader = new FileReader();
+
+    reader.onloadend = () => {
+      preview = typeof reader.result === 'string' ? reader.result : null;
+      file = value;
+      processingFile = false;
+      onGeneratingPreviewEnd();
+    };
+
+    reader.onerror = (err) => {
+      processingFile = false;
+      onGeneratingPreviewEnd();
+      toast.error('There was an issue reading the file.');
+      console.error(err);
+    };
+
+    reader.readAsDataURL(value);
+  };
+
+  const dragOverClassModifier = $derived(dragOver ? 'rz-doc-upload-dropzone--dragover' : '');
 </script>
 
 <label
-	for="file"
-	class="rz-doc-upload-dropzone {dragOverClassModifier}"
-	ondragover={handleDragOver}
-	ondragleave={handleDragLeave}
-	ondrop={handleDrop}
+  for="file"
+  class="rz-doc-upload-dropzone {dragOverClassModifier}"
+  ondragover={handleDragOver}
+  ondragleave={handleDragLeave}
+  ondrop={handleDrop}
 >
-	{#if processingFile}
-		<div class="rz-doc-upload-dropzone__processing">
-			<SpinLoader />
-			<p>{t__('common.generatingPreview')}</p>
-		</div>
-	{:else}
-		<p>{t__('common.drop_file')} {t__('common.or')} <strong>{t__('common.browse')}</strong></p>
-		{#if accept}
-			<p class="rz-doc-upload-dropzone__accept">{accept.join(', ')} accepted</p>
-		{/if}
-	{/if}
-
-	<input
-		disabled={processingFile}
-		bind:this={input}
-		onchange={handleChange}
-		id="file"
-		name="file"
-		type="file"
-		placeholder="upload"
-	/>
+  {#if processingFile}
+    <div class="rz-doc-upload-dropzone__processing">
+      <SpinLoader />
+      <p>{t__('common.generatingPreview')}</p>
+    </div>
+  {:else}
+    <p>{t__('common.drop_file')} {t__('common.or')} <strong>{t__('common.browse')}</strong></p>
+    {#if accept}
+      <p class="rz-doc-upload-dropzone__accept">{accept.join(', ')} accepted</p>
+    {/if}
+  {/if}
+
+  <input
+    disabled={processingFile}
+    bind:this={input}
+    onchange={handleChange}
+    id="file"
+    name="file"
+    type="file"
+    placeholder="upload"
+  />
 </label>
 
 <style>
-	.rz-doc-upload-dropzone {
-		display: grid;
-		cursor: pointer;
-		height: var(--rz-size-32);
-		place-content: center;
-		border-radius: var(--rz-radius-lg);
-		border: 2px dashed light-dark(hsl(var(--rz-gray-12)), hsl(var(--rz-gray-6)));
-		background: transparent;
-		text-align: center;
-		font-size: var(--rz-text-sm);
-	}
-
-	.rz-doc-upload-dropzone__processing {
-		display: flex;
-		align-items: center;
-		gap: var(--rz-size-2);
-	}
-
-	.rz-doc-upload-dropzone:focus-visible {
-		outline: none;
-		--ring-offset: 1px;
-		box-shadow:
-		0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
-		0 0 0 calc(var(--rz-ring-offset, 0px) + 1px) hsl(var(--rz-color-ring) / var(--rz-ring-opacity, 1));
-	}
-
-	.rz-doc-upload-dropzone--dragover {
-		border-color: hsl(var(--rz-color-ring) / 1);
-	}
-
-	.rz-doc-upload-dropzone input {
-		display: none;
-	}
-	.rz-doc-upload-dropzone__accept {
-		opacity: 0.5;
-		font-size: var(--rz-text-xs);
-	}
+  .rz-doc-upload-dropzone {
+    display: grid;
+    cursor: pointer;
+    height: var(--rz-size-32);
+    place-content: center;
+    border-radius: var(--rz-radius-lg);
+    border: 2px dashed light-dark(hsl(var(--rz-gray-12)), hsl(var(--rz-gray-6)));
+    background: transparent;
+    text-align: center;
+    font-size: var(--rz-text-sm);
+  }
+
+  .rz-doc-upload-dropzone__processing {
+    display: flex;
+    align-items: center;
+    gap: var(--rz-size-2);
+  }
+
+  .rz-doc-upload-dropzone:focus-visible {
+    outline: none;
+    --ring-offset: 1px;
+    box-shadow:
+    0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
+    0 0 0 calc(var(--rz-ring-offset, 0px) + 1px) hsl(var(--rz-color-ring) / var(--rz-ring-opacity, 1));
+  }
+
+  .rz-doc-upload-dropzone--dragover {
+    border-color: hsl(var(--rz-color-ring) / 1);
+  }
+
+  .rz-doc-upload-dropzone input {
+    display: none;
+  }
+  .rz-doc-upload-dropzone__accept {
+    opacity: 0.5;
+    font-size: var(--rz-text-xs);
+  }
 </style>

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

@@ -1,22 +1,22 @@
 <script lang="ts" generics="T">
-	import { getLiveContext } from '../../../context/live.svelte.js';
-	import type { WithRelationPopulated } from '../../../../util/types';
-	import type { Snippet } from 'svelte';
+  import { getLiveContext } from '../../../context/live.svelte.js';
+  import type { WithRelationPopulated } from '../../../../util/types';
+  import type { Snippet } from 'svelte';
 
-	let { child, data } = $props<{
-		child: Snippet<[doc: WithRelationPopulated<T>]>;
-		data: { doc: T };
-	}>();
+  let { child, data } = $props<{
+    child: Snippet<[doc: WithRelationPopulated<T>]>;
+    data: { doc: T };
+  }>();
 
-	const live = getLiveContext();
+  const live = getLiveContext();
 
-	$effect(() => {
-		if (live.enabled) {
-			live.doc = data.doc;
-		}
-	});
+  $effect(() => {
+    if (live.enabled) {
+      live.doc = data.doc;
+    }
+  });
 
-	const doc = $derived(live.doc || data.doc) as WithRelationPopulated<T>;
+  const doc = $derived(live.doc || data.doc) as WithRelationPopulated<T>;
 </script>
 
 {@render child(doc)}

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

@@ -1,17 +1,17 @@
 <script lang="ts">
-	import { page } from '$app/state';
-	import { setLiveContext } from '../../../context/live.svelte.js';
-	import { beforeNavigate } from '$app/navigation';
-	import { onMount } from 'svelte';
+  import { page } from '$app/state';
+  import { setLiveContext } from '../../../context/live.svelte.js';
+  import { beforeNavigate } from '$app/navigation';
+  import { onMount } from 'svelte';
 
-	let live = setLiveContext(page.url.href);
-	beforeNavigate(live.beforeNavigate);
+  let live = setLiveContext(page.url.href);
+  beforeNavigate(live.beforeNavigate);
 
-	const { children } = $props();
+  const { children } = $props();
 
-	onMount(() => {
-		window.addEventListener('message', live.onMessage);
-	});
+  onMount(() => {
+    window.addEventListener('message', live.onMessage);
+  });
 </script>
 
 {@render children()}

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

@@ -1,63 +1,63 @@
 <script lang="ts">
-	import { goto } from '$app/navigation';
-	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 { 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 { toKebabCase } from '../../../../util/string';
-	import ScrollArea from '../../ui/scroll-area/scroll-area.svelte';
-	import Document from '../document/Document.svelte';
-	import './side-panel.css';
-
-	type Props = {
-		doc: any;
-		locale: string | undefined;
-		config: BuiltConfigClient;
-		onDataChange: any;
-		onFieldFocus: any;
-		user: User;
-	};
-
-	const { doc, config, locale: initialeLocale, user, onDataChange, onFieldFocus }: Props = $props();
-
-	function buildPanelURL() {
-		// Start with the base URI for the panel
-		let panelUri = `/panel/${toKebabCase(doc._type)}`;
-
-		// Add the item ID to the URI if we're updating a collection doc
-		if (doc._prototype === 'collection' && doc.id) {
-			panelUri += `/${doc.id}`;
-		}
-		return panelUri;
-	}
-
-	setAPIProxyContext(API_PROXY.DOCUMENT);
-	// svelte-ignore state_referenced_locally
-	setConfigContext(config);
-	// svelte-ignore state_referenced_locally
-	setUserContext(user);
-	createContext('title', '[untitled]');
-
-	$effect(() => {
-		setLocaleContext(initialeLocale);
-	});
+  import { goto } from '$app/navigation';
+  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 { 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 { toKebabCase } from '../../../../util/string';
+  import ScrollArea from '../../ui/scroll-area/scroll-area.svelte';
+  import Document from '../document/Document.svelte';
+  import './side-panel.css';
+
+  type Props = {
+    doc: any;
+    locale: string | undefined;
+    config: BuiltConfigClient;
+    onDataChange: any;
+    onFieldFocus: any;
+    user: User;
+  };
+
+  const { doc, config, locale: initialeLocale, user, onDataChange, onFieldFocus }: Props = $props();
+
+  function buildPanelURL() {
+    // Start with the base URI for the panel
+    let panelUri = `/panel/${toKebabCase(doc._type)}`;
+
+    // Add the item ID to the URI if we're updating a collection doc
+    if (doc._prototype === 'collection' && doc.id) {
+      panelUri += `/${doc.id}`;
+    }
+    return panelUri;
+  }
+
+  setAPIProxyContext(API_PROXY.DOCUMENT);
+  // svelte-ignore state_referenced_locally
+  setConfigContext(config);
+  // svelte-ignore state_referenced_locally
+  setUserContext(user);
+  createContext('title', '[untitled]');
+
+  $effect(() => {
+    setLocaleContext(initialeLocale);
+  });
 </script>
 
 <Toaster />
 
 <ScrollArea class="rz-live-panel">
-	{#key doc.id + doc.versionId || '' + doc.locale || ''}
-		<Document
-			onClose={() => goto(buildPanelURL())}
-			{onDataChange}
-			{onFieldFocus}
-			{doc}
-			readOnly={false}
-			operation="update"
-		/>
-	{/key}
+  {#key doc.id + doc.versionId || '' + doc.locale || ''}
+    <Document
+      onClose={() => goto(buildPanelURL())}
+      {onDataChange}
+      {onFieldFocus}
+      {doc}
+      readOnly={false}
+      operation="update"
+    />
+  {/key}
 </ScrollArea>

package/dist/panel/components/sections/live/side-panel.css

@@ -1,13 +1,15 @@
 html:has(.rz-live-panel) {
-	font-size: 13px;
+  font-size: 13px;
 }
 .rz-live-panel {
-	--rz-page-gutter: var(--rz-size-4);
-	--rz-tabs-list-top: 0;
-	height: 100vh;
-	background-color: hsl(var(--rz-color-bg));
+  --rz-page-gutter: var(--rz-size-4);
+  --rz-tabs-list-top: 0;
+  height: 100vh;
+  background-color: hsl(var(--rz-color-bg));
 
-	.rz-document__fields:has(.rz-render-fields > .rz-render-fields__field[data-type='tabs']:first-child) {
-		padding-top: var(--rz-size-2);
-	}
+  .rz-document__fields:has(
+      .rz-render-fields > .rz-render-fields__field[data-type='tabs']:first-child
+    ) {
+    padding-top: var(--rz-size-2);
+  }
 }

package/dist/panel/components/sections/page-layout/Page.svelte

@@ -1,37 +1,37 @@
 <script lang="ts">
-	import type { Snippet } from 'svelte';
+  import type { Snippet } from 'svelte';
 
-	type Props = {
-		main: Snippet;
-		aside?: Snippet;
-	};
-	const { main, aside }: Props = $props();
+  type Props = {
+    main: Snippet;
+    aside?: Snippet;
+  };
+  const { main, aside }: Props = $props();
 </script>
 
 <div class="rz-page" class:rz-page-with-aside={aside}>
-	<main>
-		{@render main()}
-	</main>
+  <main>
+    {@render main()}
+  </main>
 
-	{#if aside}
-		<aside>
-			{@render aside()}
-		</aside>
-	{/if}
+  {#if aside}
+    <aside>
+      {@render aside()}
+    </aside>
+  {/if}
 </div>
 
 <style>
-	main {
-		container: main / inline-size;
-		--rz-page-gutter: var(--rz-size-20);
-	}
+  main {
+    container: main / inline-size;
+    --rz-page-gutter: var(--rz-size-20);
+  }
 
-	/* aside {
+  /* aside {
 		margin-left: var(--rz-size-72);
 	} */
 
-	.rz-page-with-aside {
-		display: grid;
-		grid-template-columns: 1fr var(--rz-size-xs);
-	}
+  .rz-page-with-aside {
+    display: grid;
+    grid-template-columns: 1fr var(--rz-size-xs);
+  }
 </style>

package/dist/panel/components/sections/unauthorized/Unauthorized.svelte

@@ -1,30 +1,30 @@
 <script>
-	import { Ban } from '@lucide/svelte';
-	import { t__ } from '../../../../core/i18n/index.js';
+  import { Ban } from '@lucide/svelte';
+  import { t__ } from '../../../../core/i18n/index.js';
 </script>
 
 <div class="rz-unauthorized">
-	<Ban />
-	<p>{t__('errors.unauthorized')}</p>
+  <Ban />
+  <p>{t__('errors.unauthorized')}</p>
 </div>
 
 <style>
-	.rz-unauthorized {
-		display: flex;
-		flex-direction: column;
-		height: 100vh;
-		justify-content: center;
-		align-items: center;
-		gap: var(--rz-size-3);
-		padding-bottom: 15vh;
-		p {
-			max-width: 300px;
-			text-align: center;
-		}
-	}
-	.rz-unauthorized p {
-		font-variation-settings: 'wght' 600;
-		font-weight: 600;
-		font-size: var(--rz-text-lg);
-	}
+  .rz-unauthorized {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+    justify-content: center;
+    align-items: center;
+    gap: var(--rz-size-3);
+    padding-bottom: 15vh;
+    p {
+      max-width: 300px;
+      text-align: center;
+    }
+  }
+  .rz-unauthorized p {
+    font-variation-settings: 'wght' 600;
+    font-weight: 600;
+    font-size: var(--rz-text-lg);
+  }
 </style>