rimecms 0.26.6 → 0.26.8

package/dist/panel/components/ui/tag/tag.svelte

@@ -1,54 +1,58 @@
 <script lang="ts">
-	import { X } from '@lucide/svelte';
-	import type { Snippet } from 'svelte';
+  import { X } from '@lucide/svelte';
+  import type { Snippet } from 'svelte';
 
-	type Props = { readOnly: boolean; children: Snippet; onRemove: () => void };
-	const { readOnly, children, onRemove }: Props = $props();
+  type Props = { readOnly: boolean; children: Snippet; onRemove: () => void };
+  const { readOnly, children, onRemove }: Props = $props();
 </script>
 
 <div class="rz-tag" class:rz-tag--readonly={readOnly}>
-	<span>
-		{@render children?.()}
-	</span>
-	<button class="rz-tag__button" class:rz-tag__button--readonly={readOnly} type="button" onclick={onRemove}>
-		<X size={13} />
-	</button>
+  <span>
+    {@render children?.()}
+  </span>
+  <button
+    class="rz-tag__button"
+    class:rz-tag__button--readonly={readOnly}
+    type="button"
+    onclick={onRemove}
+  >
+    <X size={13} />
+  </button>
 </div>
 
 <style global>
-	
-	:root{
-		--tag-color-bg: hsl(var(--rz-gray-0));
-		--tag-color-fg: hsl(var(--rz-gray-13));
-	}
-
-	.rz-tag {
-		background-color: var(--tag-color-bg);
-		color: var(--tag-color-fg);
-		border-radius: var(--rz-radius-sm);
-		display: flex;
-		align-items: center;
-		gap: var(--rz-size-2);
-		font-size: var(--rz-text-sm);
-		padding: 0.2rem var(--rz-size-2);
-	}
-
-	.rz-tag--readonly {
-		opacity: 0.3;
-		cursor: no-drop;
-	}
-
-	.rz-tag__button {
-		border-radius: var(--rz-radius-sm);
-		cursor: pointer;
-	}
-
-	.rz-tag__button:focus-visible {
-		outline: none;
-		background-color: hsl(var(--rz-color-ring));
-	}
-
-	.rz-tag__button--readonly {
-		cursor: no-drop;
-	}
+  :root {
+    --tag-color-bg: hsl(var(--rz-gray-0));
+    --tag-color-fg: hsl(var(--rz-gray-13));
+  }
+
+  .rz-tag {
+    background-color: var(--tag-color-bg);
+    color: var(--tag-color-fg);
+    border-radius: var(--rz-radius-sm);
+    display: flex;
+    align-items: center;
+    gap: var(--rz-size-2);
+    font-size: var(--rz-text-sm);
+    padding: 0.2rem var(--rz-size-2);
+  }
+
+  .rz-tag--readonly {
+    opacity: 0.3;
+    cursor: no-drop;
+  }
+
+  .rz-tag__button {
+    border-radius: var(--rz-radius-sm);
+    cursor: pointer;
+  }
+
+  .rz-tag__button:focus-visible {
+    outline: none;
+    background-color: hsl(var(--rz-color-ring));
+  }
+
+  .rz-tag__button--readonly {
+    cursor: no-drop;
+  }
 </style>

package/dist/panel/components/ui/tooltip/tooltip-content.svelte

@@ -1,41 +1,41 @@
 <script lang="ts">
-	import { Tooltip as TooltipPrimitive } from 'bits-ui';
-	import { fly } from 'svelte/transition';
+  import { Tooltip as TooltipPrimitive } from 'bits-ui';
+  import { fly } from 'svelte/transition';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		sideOffset = 4,
-		children,
-		...restProps
-	}: TooltipPrimitive.ContentProps = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    sideOffset = 4,
+    children,
+    ...restProps
+  }: TooltipPrimitive.ContentProps = $props();
 </script>
 
 <TooltipPrimitive.Content bind:ref forceMount {sideOffset} {...restProps}>
-	{#snippet child({ wrapperProps, props, open })}
-		{#if open}
-			<div {...wrapperProps}>
-				<div {...props} class="rz-tooltip {className}" transition:fly={{ duration: 300 }}>
-					{@render children?.()}
-				</div>
-			</div>
-		{/if}
-	{/snippet}
+  {#snippet child({ wrapperProps, props, open })}
+    {#if open}
+      <div {...wrapperProps}>
+        <div {...props} class="rz-tooltip {className}" transition:fly={{ duration: 300 }}>
+          {@render children?.()}
+        </div>
+      </div>
+    {/if}
+  {/snippet}
 </TooltipPrimitive.Content>
 
 <style>
-	:root {
-		--rz-tooltip-color-fg: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-2)));
-		--rz-tooltip-color-bg: light-dark(hsl(var(--rz-gray-0)), hsl(var(--rz-gray-11)));
-	}
+  :root {
+    --rz-tooltip-color-fg: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-2)));
+    --rz-tooltip-color-bg: light-dark(hsl(var(--rz-gray-0)), hsl(var(--rz-gray-11)));
+  }
 
-	.rz-tooltip {
-		background-color: var(--rz-tooltip-color-bg);
-		color: var(--rz-tooltip-color-fg);
-		padding: var(--rz-size-1-5) var(--rz-size-3);
-		font-size: var(--rz-text-xs);
-		z-index: 200;
-		overflow: hidden;
-		border-radius: var(--rz-radius-md);
-	}
+  .rz-tooltip {
+    background-color: var(--rz-tooltip-color-bg);
+    color: var(--rz-tooltip-color-fg);
+    padding: var(--rz-size-1-5) var(--rz-size-3);
+    font-size: var(--rz-text-xs);
+    z-index: 200;
+    overflow: hidden;
+    border-radius: var(--rz-radius-md);
+  }
 </style>

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

@@ -1,24 +1,25 @@
-export type Resource<T = any> = {
-    data: T | null;
-    isLoading: boolean;
-    error: any;
-    url: string;
-    refresh: () => void;
-};
-type GetResourcesOptions<T> = {
-    transformData?: (input: any) => T;
-};
 export declare function setAPIProxyContext(key?: symbol): {
     getRessource: <T>(url: string, options?: GetResourcesOptions<T>) => Resource<T>;
     invalidateAll: () => void;
+    readonly urls: string[];
 };
 export declare function getAPIProxyContext(key?: symbol): {
     getRessource: <T>(url: string, options?: GetResourcesOptions<T>) => Resource<T>;
     invalidateAll: () => void;
+    readonly urls: string[];
 };
 export declare const API_PROXY: {
     DOCUMENT: symbol;
     ROOT: symbol;
-    TIPTAP: symbol;
+};
+export type Resource<T = any> = {
+    data: T | null;
+    isLoading: boolean;
+    error: any;
+    url: string;
+    refresh: () => void;
+};
+type GetResourcesOptions<T> = {
+    transformData?: (input: any) => T;
 };
 export {};

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

@@ -1,6 +1,5 @@
 import { getContext, setContext } from 'svelte';
 function createAPIProxy() {
-    // Use explicit type instead of ReturnType
     const resources = $state(new Map());
     function getRessource(url, options) {
         // Check if we already have this resource
@@ -66,7 +65,10 @@ function createAPIProxy() {
     }
     return {
         getRessource,
-        invalidateAll
+        invalidateAll,
+        get urls() {
+            return Array.from(resources.entries()).map(([url, resource]) => url);
+        }
     };
 }
 export function setAPIProxyContext(key = API_PROXY.ROOT) {
@@ -76,9 +78,8 @@ 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
+// @TODO why multiple APIProxy... ROOT everywhere should work
 export const API_PROXY = {
     DOCUMENT: Symbol('api-proxy.document'),
-    ROOT: Symbol('api-proxy.root'),
-    TIPTAP: Symbol('api-proxy.tiptap')
+    ROOT: Symbol('api-proxy.root')
 };

package/dist/panel/pages/area/Area.svelte

@@ -1,23 +1,23 @@
 <script lang="ts">
-	import Document from '../../components/sections/document/Document.svelte';
-	import Unauthorized from '../../components/sections/unauthorized/Unauthorized.svelte';
-	import { API_PROXY, setAPIProxyContext } from '../../context/api-proxy.svelte.js';
-	import Page from '../../components/sections/page-layout/Page.svelte';
-	import type { AreaDocData } from '../../index.js';
-	
-	const { data }: { data : AreaDocData<false>} = $props();
-	
-	setAPIProxyContext(API_PROXY.DOCUMENT);
+  import Document from '../../components/sections/document/Document.svelte';
+  import Unauthorized from '../../components/sections/unauthorized/Unauthorized.svelte';
+  import { API_PROXY, setAPIProxyContext } from '../../context/api-proxy.svelte.js';
+  import Page from '../../components/sections/page-layout/Page.svelte';
+  import type { AreaDocData } from '../../index.js';
+
+  const { data }: { data: AreaDocData<false> } = $props();
+
+  setAPIProxyContext(API_PROXY.DOCUMENT);
 </script>
 
 {#if data.status === 200}
-	<Page>
-		{#snippet main()}
-			{#key data.doc.id + data.doc.versionId || '' + data.doc.locale || ''}
-				<Document doc={data.doc} readOnly={data.readOnly} operation="update" />
-			{/key}
-		{/snippet}
-	</Page>
+  <Page>
+    {#snippet main()}
+      {#key data.doc.id + data.doc.versionId || '' + data.doc.locale || ''}
+        <Document doc={data.doc} readOnly={data.readOnly} operation="update" />
+      {/key}
+    {/snippet}
+  </Page>
 {:else}
-	<Unauthorized />
+  <Unauthorized />
 {/if}

package/dist/panel/pages/area/AreaVersionsDoc.svelte

@@ -1,27 +1,27 @@
 <script lang="ts">
-	import Document from '../../components/sections/document/Document.svelte';
-	import Versions from '../../components/sections/document/Versions.svelte';
-	import Page from '../../components/sections/page-layout/Page.svelte';
-	import Unauthorized from '../../components/sections/unauthorized/Unauthorized.svelte';
-	import { API_PROXY, setAPIProxyContext } from '../../context/api-proxy.svelte.js';
-	import type { AreaDocData } from '../../index.js';
+  import Document from '../../components/sections/document/Document.svelte';
+  import Versions from '../../components/sections/document/Versions.svelte';
+  import Page from '../../components/sections/page-layout/Page.svelte';
+  import Unauthorized from '../../components/sections/unauthorized/Unauthorized.svelte';
+  import { API_PROXY, setAPIProxyContext } from '../../context/api-proxy.svelte.js';
+  import type { AreaDocData } from '../../index.js';
 
-	const { data }: { data: AreaDocData<true> } = $props();
+  const { data }: { data: AreaDocData<true> } = $props();
 
-	setAPIProxyContext(API_PROXY.DOCUMENT);
+  setAPIProxyContext(API_PROXY.DOCUMENT);
 </script>
 
 {#if data.status === 200}
-	{#key data.doc.id + data.doc.versionId || '' + data.doc.locale || ''}
-		<Page>
-			{#snippet main()}
-				<Document doc={data.doc} operation={data.operation} readOnly={data.readOnly} />
-			{/snippet}
-			{#snippet aside()}
-				<Versions doc={data.doc} versions={data.versions} />
-			{/snippet}
-		</Page>
-	{/key}
+  {#key data.doc.id + data.doc.versionId || '' + data.doc.locale || ''}
+    <Page>
+      {#snippet main()}
+        <Document doc={data.doc} operation={data.operation} readOnly={data.readOnly} />
+      {/snippet}
+      {#snippet aside()}
+        <Versions doc={data.doc} versions={data.versions} />
+      {/snippet}
+    </Page>
+  {/key}
 {:else}
-	<Unauthorized />
+  <Unauthorized />
 {/if}

package/dist/panel/pages/area/load.server.js

@@ -17,10 +17,18 @@ export default function (slug, withVersions) {
             { title: area.config.label }
         ];
         if (!authorizedRead) {
-            return { aria, doc: {}, operation: 'update', status: 401, readOnly: true };
+            return {
+                aria,
+                doc: {},
+                operation: 'update',
+                status: 401,
+                readOnly: true
+            };
         }
         const versionId = url.searchParams.get(PARAMS.VERSION_ID) || undefined;
-        const draft = url.searchParams.get(PARAMS.DRAFT) ? url.searchParams.get(PARAMS.DRAFT) === 'true' : undefined;
+        const draft = url.searchParams.get(PARAMS.DRAFT)
+            ? url.searchParams.get(PARAMS.DRAFT) === 'true'
+            : undefined;
         const doc = await area.find({ locale, versionId, draft });
         if (!authorizedUpdate) {
             return { aria, doc, operation: 'update', status: 200, readOnly: true };

package/dist/panel/pages/auth/forgot-password/ForgotPassword.svelte

@@ -1,61 +1,65 @@
 <script lang="ts">
-	import { t__ } from '../../../../core/i18n/index.js';
-	import Email from '../../../../fields/email/component/Email.svelte';
-	import AuthForm from '../../../components/sections/auth/AuthForm.svelte';
-	import Button from '../../../components/ui/button/button.svelte';
-	import { setFormContext } from '../../../context/form.svelte';
-	import { emailField } from '../fields.js';
-	import { authClient } from '../../../util/auth';
-	import { toast } from 'svelte-sonner';
-
-	type Props = {
-		data: {
-			image: string | null;
-		};
-	};
-	const { data }: Props = $props();
-
-	const context = setFormContext({}, 'login');
-
-	let success = $state(false);
-
-	$effect(() => {
-		const formError = context.errors.get('_form');
-		if (typeof formError === 'string') {
-			toast.error(t__(`errors.${formError}`));
-		}
-	});
-
-	async function sendResetPasswordMail() {
-		const { data, error } = await authClient.requestPasswordReset({
-			email: context.values.email,
-			redirectTo: `/reset-password`
-		});
-		if (error && error.message) {
-			toast.error(error.message);
-		}
-		console.log(data);
-		if (data && data.status) {
-			success = data.status;
-		}
-	}
+  import { t__ } from '../../../../core/i18n/index.js';
+  import Email from '../../../../fields/email/component/Email.svelte';
+  import AuthForm from '../../../components/sections/auth/AuthForm.svelte';
+  import Button from '../../../components/ui/button/button.svelte';
+  import { setFormContext } from '../../../context/form.svelte';
+  import { emailField } from '../fields.js';
+  import { authClient } from '../../../util/auth';
+  import { toast } from 'svelte-sonner';
+
+  type Props = {
+    data: {
+      image: string | null;
+    };
+  };
+  const { data }: Props = $props();
+
+  const context = setFormContext({}, 'login');
+
+  let success = $state(false);
+
+  $effect(() => {
+    const formError = context.errors.get('_form');
+    if (typeof formError === 'string') {
+      toast.error(t__(`errors.${formError}`));
+    }
+  });
+
+  async function sendResetPasswordMail() {
+    const { data, error } = await authClient.requestPasswordReset({
+      email: context.values.email,
+      redirectTo: `/reset-password`
+    });
+    if (error && error.message) {
+      toast.error(error.message);
+    }
+    if (data && data.status) {
+      success = data.status;
+    }
+  }
 </script>
 
 <AuthForm image={data.image} title={t__('common.forgotPassword')}>
-	{#if success}
-		<p>{t__('common.passwordResetLinkSent', context.values.email)}</p>
-	{:else}
-		<Email config={emailField} form={context} />
-		<Button size="xl" disabled={!context.canSubmit} onclick={sendResetPasswordMail}>
-			{t__('common.requestPasswordReset')}
-		</Button>
-	{/if}
+  {#if success}
+    <p>{t__('common.passwordResetLinkSent', context.values.email)}</p>
+  {:else}
+    <Email config={emailField} form={context} />
+    <Button size="xl" disabled={!context.canSubmit} onclick={sendResetPasswordMail}>
+      {t__('common.requestPasswordReset')}
+    </Button>
+  {/if}
 </AuthForm>
 
-<style>
-	p {
-		font-size: var(--rz-text-lg);
-		font-variation-settings: 'wght' 600;
-		font-weight: 600;
-	}
+<style>/**************************************/
+
+/* Font */
+
+/**************************************/
+
+p {
+    font-size: var(--rz-text-lg);
+    font-variation-settings: 'wght' 600;
+    font-weight: 600;
+  }
 </style>

package/dist/panel/pages/auth/reset-password/ResetPassword.svelte

@@ -1,65 +1,65 @@
 <script lang="ts">
-	import { t__ } from '../../../../core/i18n';
-	import Text from '../../../../fields/text/component/Text.svelte';
-	import AuthForm from '../../../components/sections/auth/AuthForm.svelte';
-	import Button from '../../../components/ui/button/button.svelte';
-	import { setFormContext } from '../../../context/form.svelte';
-	import { passwordField } from '../fields.js';
-	import { authClient } from '../../../util/auth';
-	import { toast } from 'svelte-sonner';
+  import { t__ } from '../../../../core/i18n';
+  import Text from '../../../../fields/text/component/Text.svelte';
+  import AuthForm from '../../../components/sections/auth/AuthForm.svelte';
+  import Button from '../../../components/ui/button/button.svelte';
+  import { setFormContext } from '../../../context/form.svelte';
+  import { passwordField } from '../fields.js';
+  import { authClient } from '../../../util/auth';
+  import { toast } from 'svelte-sonner';
 
-	let success = $state(false);
+  let success = $state(false);
 
-	const form = setFormContext({}, 'reset-password');
+  const form = setFormContext({}, 'reset-password');
 
-	type Props = {
-		data: {
-			image: string | null;
-		};
-	};
-	const { data }: Props = $props();
+  type Props = {
+    data: {
+      image: string | null;
+    };
+  };
+  const { data }: Props = $props();
 
-	const passwordConfig = {
-		...passwordField,
-		placeholder: t__('common.newPassword')
-	};
-	const confirmPasswordConfig = {
-		...passwordField,
-		name: 'confirmPassword',
-		placeholder: t__('common.confirmPassword')
-	};
+  const passwordConfig = {
+    ...passwordField,
+    placeholder: t__('common.newPassword')
+  };
+  const confirmPasswordConfig = {
+    ...passwordField,
+    name: 'confirmPassword',
+    placeholder: t__('common.confirmPassword')
+  };
 
-	async function resetPassword() {
-		const token = new URLSearchParams(window.location.search).get('token');
-		if (!token) {
-			return toast.error('An error occured');
-		}
-		const { data, error } = await authClient.resetPassword({
-			newPassword: form.values.password,
-			token
-		});
-		if (error) {
-			console.error(error);
-			return toast.error(error.message || 'An error occured');
-		}
-		success = data?.status;
-	}
+  async function resetPassword() {
+    const token = new URLSearchParams(window.location.search).get('token');
+    if (!token) {
+      return toast.error('An error occured');
+    }
+    const { data, error } = await authClient.resetPassword({
+      newPassword: form.values.password,
+      token
+    });
+    if (error) {
+      console.error(error);
+      return toast.error(error.message || 'An error occured');
+    }
+    success = data?.status;
+  }
 </script>
 
 <AuthForm image={data.image} title={t__('common.resetPassword')}>
-	{#if success}
-		<p>{t__('common.reset_password_success')}</p>
-		<Button size="xl" href="/panel/sign-in">{t__('common.signin')}</Button>
-	{:else}
-		<Text type="password" config={passwordConfig} {form} />
-		<Text type="password" config={confirmPasswordConfig} {form} />
+  {#if success}
+    <p>{t__('common.reset_password_success')}</p>
+    <Button size="xl" href="/panel/sign-in">{t__('common.signin')}</Button>
+  {:else}
+    <Text type="password" config={passwordConfig} {form} />
+    <Text type="password" config={confirmPasswordConfig} {form} />
 
-		<Button
-			size="xl"
-			disabled={!(form.canSubmit && form.values.password && form.values.confirmPassword)}
-			onclick={resetPassword}
-		>
-			{t__('common.resetPassword')}
-		</Button>
-	{/if}
+    <Button
+      size="xl"
+      disabled={!(form.canSubmit && form.values.password && form.values.confirmPassword)}
+      onclick={resetPassword}
+    >
+      {t__('common.resetPassword')}
+    </Button>
+  {/if}
 </AuthForm>