rimecms 0.26.7 → 0.26.9

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

@@ -1,123 +1,123 @@
 <script lang="ts">
-	import { invalidateAll } from '$app/navigation';
-	import type { BuiltArea, BuiltCollection } from '../../../../core/config/types';
-	import { PARAMS } from '../../../../core/constant';
-	import { t__ } from '../../../../core/i18n/index.js';
-	import type { DocumentFormContext } from '../../../context/documentForm.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 ButtonSave from './ButtonSave.svelte';
-	import ButtonStatus from './ButtonStatus.svelte';
-	import Settings from './Settings.svelte';
+  import { invalidateAll } from '$app/navigation';
+  import type { BuiltArea, BuiltCollection } from '../../../../core/config/types';
+  import { PARAMS } from '../../../../core/constant';
+  import { t__ } from '../../../../core/i18n/index.js';
+  import type { DocumentFormContext } from '../../../context/documentForm.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 ButtonSave from './ButtonSave.svelte';
+  import ButtonStatus from './ButtonStatus.svelte';
+  import Settings from './Settings.svelte';
 
-	// Props
-	type Props = {
-		onClose?: any;
-		form: DocumentFormContext;
-		config: BuiltArea | BuiltCollection;
-	};
-	const { form, onClose, config }: Props = $props();
+  // Props
+  type Props = {
+    onClose?: any;
+    form: DocumentFormContext;
+    config: BuiltArea | BuiltCollection;
+  };
+  const { form, onClose, config }: Props = $props();
 
-	const onCloseIsDefined = $derived(!!onClose);
-	const buttonLabel = $derived(form.values.id ? t__('common.save') : t__('common.create'));
+  const onCloseIsDefined = $derived(!!onClose);
+  const buttonLabel = $derived(form.values.id ? t__('common.save') : t__('common.create'));
 
-	function buildDocumentURL() {
-		let url = form.values.url;
-		if (url && form.values.versionId) {
-			url = url.includes('?') ? `${url}&` : `${url}?`;
-			url += `${PARAMS.VERSION_ID}=${form.values.versionId}`;
-		}
-		return url;
-	}
+  function buildDocumentURL() {
+    let url = form.values.url;
+    if (url && form.values.versionId) {
+      url = url.includes('?') ? `${url}&` : `${url}?`;
+      url += `${PARAMS.VERSION_ID}=${form.values.versionId}`;
+    }
+    return url;
+  }
 </script>
 
 {#snippet topLeft()}
-	<Button onclick={() => onClose()} icon={X} variant="text">{t__('common.close')}</Button>
+  <Button onclick={() => onClose()} icon={X} variant="text">{t__('common.close')}</Button>
 {/snippet}
 
 <PageHeader topLeft={onCloseIsDefined ? topLeft : undefined}>
-	{#snippet title()}
-		{form.title}
-	{/snippet}
+  {#snippet title()}
+    {form.title}
+  {/snippet}
 
-	{#snippet bottomRight()}
-		{#if form.values.url}
-			<Button
-				icon={ExternalLink}
-				target="_blank"
-				href={buildDocumentURL()}
-				size="icon-sm"
-				variant="secondary"
-			/>
-		{/if}
+  {#snippet bottomRight()}
+    {#if form.values.url}
+      <Button
+        icon={ExternalLink}
+        target="_blank"
+        href={buildDocumentURL()}
+        size="icon-sm"
+        variant="secondary"
+      />
+    {/if}
 
-		{#if config.live && form.values._live}
-			<Button
-				size="icon-sm"
-				variant="secondary"
-				disabled={form.readOnly}
-				class="rz-button-live"
-				icon={PencilRuler}
-				href={form.values._live}
-			></Button>
-		{/if}
+    {#if config.live && form.values._live}
+      <Button
+        size="icon-sm"
+        variant="secondary"
+        disabled={form.readOnly}
+        class="rz-button-live"
+        icon={PencilRuler}
+        href={form.values._live}
+      ></Button>
+    {/if}
 
-		{#if form.values.id}
-			<Settings {form} />
-		{/if}
+    {#if form.values.id}
+      <Settings {form} />
+    {/if}
 
-		{#if !form.config.versions}
-			<!-- scenario 1: no versions -->
-			<ButtonSave
-				size="sm"
-				label={buttonLabel}
-				disabled={!form.canSubmit}
-				processing={form.processing}
-			/>
-		{:else if form.config.versions && !form.config.versions.draft}
-			<!-- scenario 2: versions without draft -->
-			<ButtonSave
-				size="sm"
-				label={buttonLabel}
-				disabled={!form.canSubmit}
-				processing={form.processing}
-				data-draft
-				data-submit
-			/>
-		{:else if form.config.versions && form.config.versions.draft && form.values.status === 'published'}
-			{#if form.values.id}
-				<ButtonStatus {form} />
-			{/if}
+    {#if !form.config.versions}
+      <!-- scenario 1: no versions -->
+      <ButtonSave
+        size="sm"
+        label={buttonLabel}
+        disabled={!form.canSubmit}
+        processing={form.processing}
+      />
+    {:else if form.config.versions && !form.config.versions.draft}
+      <!-- scenario 2: versions without draft -->
+      <ButtonSave
+        size="sm"
+        label={buttonLabel}
+        disabled={!form.canSubmit}
+        processing={form.processing}
+        data-draft
+        data-submit
+      />
+    {:else if form.config.versions && form.config.versions.draft && form.values.status === 'published'}
+      {#if form.values.id}
+        <ButtonStatus {form} />
+      {/if}
 
-			<!-- scenario 3: versions and draft, on a published doc -->
-			<ButtonSave
-				size="sm"
-				disabled={!form.canSubmit}
-				processing={form.processing}
-				label={buttonLabel}
-				data-status="published"
-				data-submit
-			/>
-		{:else if form.config.versions && form.config.versions.draft && form.values.status === 'draft'}
-			{#if form.values.id}
-				<ButtonStatus {form} />
-			{/if}
-			<!-- scenario 4: versions and draft, on a draft doc -->
+      <!-- scenario 3: versions and draft, on a published doc -->
+      <ButtonSave
+        size="sm"
+        disabled={!form.canSubmit}
+        processing={form.processing}
+        label={buttonLabel}
+        data-status="published"
+        data-submit
+      />
+    {:else if form.config.versions && form.config.versions.draft && form.values.status === 'draft'}
+      {#if form.values.id}
+        <ButtonStatus {form} />
+      {/if}
+      <!-- scenario 4: versions and draft, on a draft doc -->
 
-			<!-- PUBLISH -->
-			<ButtonSave
-				size="sm"
-				disabled={!form.canSubmit}
-				processing={form.processing}
-				label={buttonLabel}
-				data-submit
-			/>
-		{/if}
-	{/snippet}
+      <!-- PUBLISH -->
+      <ButtonSave
+        size="sm"
+        disabled={!form.canSubmit}
+        processing={form.processing}
+        label={buttonLabel}
+        data-submit
+      />
+    {/if}
+  {/snippet}
 
-	{#snippet topRight()}
-		<LanguageSwitcher onLocalClick={invalidateAll} />
-	{/snippet}
+  {#snippet topRight()}
+    <LanguageSwitcher onLocalClick={invalidateAll} />
+  {/snippet}
 </PageHeader>

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

@@ -1,172 +1,172 @@
 <script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/state';
-	import { apiUrl } from '../../../../core/api/index.js';
-	import { PARAMS, VERSIONS_STATUS } from '../../../../core/constant.js';
-	import * as Dialog from '../../ui/dialog/index.js';
-	import * as DropdownMenu from '../../ui/dropdown-menu/index.js';
-	import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
-	import { getLocaleContext } from '../../../context/locale.svelte.js';
-	import { panelUrl } from '../../../util/url.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 };
-
-	const { form }: Props = $props();
-
-	let deleteConfirmOpen = $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();
-
-	function handleNewDraft() {
-		if (form.readOnly || !form.element) return;
-		const saveButton = form.element.querySelector('button[data-submit]') as HTMLButtonElement;
-		const initialSaveButtonDataDraft = saveButton.dataset.draft;
-		if (saveButton) {
-			saveButton.dataset.draft = '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;
-	}
-
-	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}`);
-	}
-
-	async function handleDuplicate() {
-		if (Object.keys(form.changes).length) {
-			dupplicateConfirmOpen = true;
-		} else {
-			duplicate();
-		}
-	}
-
-	async function handleDelete() {
-		await fetch(`${apiUrl(form.config.kebab)}/${form.values.id}`, {
-			method: 'DELETE'
-		}).then((response) => {
-			if (response.ok) {
-				toast.success(t__('common.doc_deleted'));
-				goto(panelUrl(form.config.kebab));
-			} else {
-				toast.error(t__('error.generic'));
-			}
-		});
-	}
-
-	async function duplicate() {
-		const url = `${apiUrl(form.config.kebab, form.values.id)}/duplicate`;
-
-		const [error, success] = await trycatchFetch(url, {
-			method: 'POST'
-		});
-
-		if (error) {
-			toast.error(error.message);
-			return console.log(error);
-		}
-		const { id } = await success.json();
-		toast.success(t__('common.duplicate_success'));
-		await goto(panelUrl(form.config.kebab, form.values.id));
-	}
-
-	const shouldShowSettings = $derived.by(() => {
-		if (form.config.versions) return true;
-		if (locale.defaultCode && locale.code !== locale.defaultCode) return true;
-		if (form.config.type === 'collection') return true;
-	});
+  import { goto } from '$app/navigation';
+  import { page } from '$app/state';
+  import { apiUrl } from '../../../../core/api/index.js';
+  import { PARAMS, VERSIONS_STATUS } from '../../../../core/constant.js';
+  import * as Dialog from '../../ui/dialog/index.js';
+  import * as DropdownMenu from '../../ui/dropdown-menu/index.js';
+  import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
+  import { getLocaleContext } from '../../../context/locale.svelte.js';
+  import { panelUrl } from '../../../util/url.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 };
+
+  const { form }: Props = $props();
+
+  let deleteConfirmOpen = $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();
+
+  function handleNewDraft() {
+    if (form.readOnly || !form.element) return;
+    const saveButton = form.element.querySelector('button[data-submit]') as HTMLButtonElement;
+    const initialSaveButtonDataDraft = saveButton.dataset.draft;
+    if (saveButton) {
+      saveButton.dataset.draft = '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;
+  }
+
+  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}`);
+  }
+
+  async function handleDuplicate() {
+    if (Object.keys(form.changes).length) {
+      dupplicateConfirmOpen = true;
+    } else {
+      duplicate();
+    }
+  }
+
+  async function handleDelete() {
+    await fetch(`${apiUrl(form.config.kebab)}/${form.values.id}`, {
+      method: 'DELETE'
+    }).then((response) => {
+      if (response.ok) {
+        toast.success(t__('common.doc_deleted'));
+        goto(panelUrl(form.config.kebab));
+      } else {
+        toast.error(t__('error.generic'));
+      }
+    });
+  }
+
+  async function duplicate() {
+    const url = `${apiUrl(form.config.kebab, form.values.id)}/duplicate`;
+
+    const [error, success] = await trycatchFetch(url, {
+      method: 'POST'
+    });
+
+    if (error) {
+      toast.error(error.message);
+      return console.log(error);
+    }
+    const { id } = await success.json();
+    toast.success(t__('common.duplicate_success'));
+    await goto(panelUrl(form.config.kebab, form.values.id));
+  }
+
+  const shouldShowSettings = $derived.by(() => {
+    if (form.config.versions) return true;
+    if (locale.defaultCode && locale.code !== locale.defaultCode) return true;
+    if (form.config.type === 'collection') return true;
+  });
 </script>
 
 {#if shouldShowSettings}
-	<DropdownMenu.Root>
-		<DropdownMenu.Trigger>
-			{#snippet child({ props })}
-				<Button icon={Settings} size="icon-sm" variant="secondary" {...props} />
-			{/snippet}
-		</DropdownMenu.Trigger>
-
-		<DropdownMenu.Portal>
-			<DropdownMenu.Content align="end">
-				{#if form.config.versions}
-					<DropdownMenu.Item disabled={isVersionPage} onclick={() => handleViewVersion()}>
-						<History size="12" />
-						{t__('common.versions_history')}
-					</DropdownMenu.Item>
-				{/if}
-
-				{#if form.config.versions && form.config.versions.draft && form.values.status === VERSIONS_STATUS.PUBLISHED}
-					<DropdownMenu.Item onclick={() => handleNewDraft()}>
-						<Pickaxe size="12" />
-						{t__('common.save_new_draft')}
-					</DropdownMenu.Item>
-				{/if}
-
-				{#if form.config.type === 'collection'}
-					{#if allowDuplicate}
-						<DropdownMenu.Item onclick={handleDuplicate}>
-							<Copy size="12" />
-							{t__('common.duplicate')}
-						</DropdownMenu.Item>
-					{/if}
-				{/if}
-
-				{#if locale.defaultCode && locale.code !== locale.defaultCode}
-					<DropdownMenu.Item onclick={() => form.importDataFromDefaultLocale()}>
-						<Import size="12" />
-						{t__('common.import_default_locale', locale.defaultCode)}
-					</DropdownMenu.Item>
-				{/if}
-
-				{#if form.config.type === 'collection'}
-					<DropdownMenu.Item onclick={() => (deleteConfirmOpen = true)}>
-						<Trash2 size="12" />
-						{t__('common.delete')}
-					</DropdownMenu.Item>
-				{/if}
-			</DropdownMenu.Content>
-		</DropdownMenu.Portal>
-	</DropdownMenu.Root>
-
-	<Dialog.Root bind:open={deleteConfirmOpen}>
-		<Dialog.Content>
-			<Dialog.Header>
-				{t__('common.delete_dialog_title')}
-			</Dialog.Header>
-			<p>{t__('common.delete_dialog_text')}</p>
-			<Dialog.Footer --rz-justify-content="space-between">
-				<Button onclick={handleDelete}>Delete</Button>
-				<Button onclick={() => (deleteConfirmOpen = false)} variant="secondary">Cancel</Button>
-			</Dialog.Footer>
-		</Dialog.Content>
-	</Dialog.Root>
-
-	<Dialog.Root bind:open={dupplicateConfirmOpen}>
-		<Dialog.Content>
-			<Dialog.Header>
-				{t__('common.unsaved_dialog_title')}
-			</Dialog.Header>
-			<p>{t__('common.unsaved_dialog_text')}</p>
-			<Dialog.Footer --rz-justify-content="space-between">
-				<Button onclick={duplicate}>Duplicate</Button>
-				<Button onclick={() => (dupplicateConfirmOpen = false)} variant="secondary">Cancel</Button>
-			</Dialog.Footer>
-		</Dialog.Content>
-	</Dialog.Root>
+  <DropdownMenu.Root>
+    <DropdownMenu.Trigger>
+      {#snippet child({ props })}
+        <Button icon={Settings} size="icon-sm" variant="secondary" {...props} />
+      {/snippet}
+    </DropdownMenu.Trigger>
+
+    <DropdownMenu.Portal>
+      <DropdownMenu.Content align="end">
+        {#if form.config.versions}
+          <DropdownMenu.Item disabled={isVersionPage} onclick={() => handleViewVersion()}>
+            <History size="12" />
+            {t__('common.versions_history')}
+          </DropdownMenu.Item>
+        {/if}
+
+        {#if form.config.versions && form.config.versions.draft && form.values.status === VERSIONS_STATUS.PUBLISHED}
+          <DropdownMenu.Item onclick={() => handleNewDraft()}>
+            <Pickaxe size="12" />
+            {t__('common.save_new_draft')}
+          </DropdownMenu.Item>
+        {/if}
+
+        {#if form.config.type === 'collection'}
+          {#if allowDuplicate}
+            <DropdownMenu.Item onclick={handleDuplicate}>
+              <Copy size="12" />
+              {t__('common.duplicate')}
+            </DropdownMenu.Item>
+          {/if}
+        {/if}
+
+        {#if locale.defaultCode && locale.code !== locale.defaultCode}
+          <DropdownMenu.Item onclick={() => form.importDataFromDefaultLocale()}>
+            <Import size="12" />
+            {t__('common.import_default_locale', locale.defaultCode)}
+          </DropdownMenu.Item>
+        {/if}
+
+        {#if form.config.type === 'collection'}
+          <DropdownMenu.Item onclick={() => (deleteConfirmOpen = true)}>
+            <Trash2 size="12" />
+            {t__('common.delete')}
+          </DropdownMenu.Item>
+        {/if}
+      </DropdownMenu.Content>
+    </DropdownMenu.Portal>
+  </DropdownMenu.Root>
+
+  <Dialog.Root bind:open={deleteConfirmOpen}>
+    <Dialog.Content>
+      <Dialog.Header>
+        {t__('common.delete_dialog_title')}
+      </Dialog.Header>
+      <p>{t__('common.delete_dialog_text')}</p>
+      <Dialog.Footer --rz-justify-content="space-between">
+        <Button onclick={handleDelete}>Delete</Button>
+        <Button onclick={() => (deleteConfirmOpen = false)} variant="secondary">Cancel</Button>
+      </Dialog.Footer>
+    </Dialog.Content>
+  </Dialog.Root>
+
+  <Dialog.Root bind:open={dupplicateConfirmOpen}>
+    <Dialog.Content>
+      <Dialog.Header>
+        {t__('common.unsaved_dialog_title')}
+      </Dialog.Header>
+      <p>{t__('common.unsaved_dialog_text')}</p>
+      <Dialog.Footer --rz-justify-content="space-between">
+        <Button onclick={duplicate}>Duplicate</Button>
+        <Button onclick={() => (dupplicateConfirmOpen = false)} variant="secondary">Cancel</Button>
+      </Dialog.Footer>
+    </Dialog.Content>
+  </Dialog.Root>
 {/if}