rimecms 0.28.10 → 0.29.0

package/dist/fields/rich-text/index.js

@@ -2,7 +2,7 @@ import { FormFieldBuilder } from '../../core/fields/builders/form-field-builder.
 import { sanitize } from '../../util/string.js';
 import Cell from './component/Cell.svelte';
 import RichText from './component/RichText.svelte';
-import { sanitizeJSONContent } from './sanitize';
+import { sanitizeJSONContent } from './sanitize.js';
 const isEmpty = (value) => {
     if (!value)
         return true;
@@ -63,7 +63,9 @@ export class RichTextFieldBuilder extends FormFieldBuilder {
             });
         }
         catch (err) {
-            console.log(err);
+            if (typeof window !== 'undefined') {
+                console.error('Error parsing rich text JSON:', err);
+            }
             if (typeof value === 'string') {
                 return value;
             }

package/dist/fields/rich-text/index.server.js

@@ -1,5 +1,5 @@
 import { templateUniqueRequired } from '../../adapter-sqlite/generate-schema/templates.server.js';
-import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.js';
+import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.server.js';
 export const toSchema = (field, parentPath) => {
     const { camel, snake } = getSchemaColumnNames({ name: field.name, parentPath });
     const suffix = templateUniqueRequired(field.raw, typeof field.raw.defaultValue === 'object' ? field.raw.defaultValue : {});

package/dist/fields/select/index.server.js

@@ -1,5 +1,5 @@
 import { templateUniqueRequired } from '../../adapter-sqlite/generate-schema/templates.server.js';
-import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.js';
+import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.server.js';
 export const toSchema = (field, parentPath) => {
     const { camel, snake } = getSchemaColumnNames({ name: field.raw.name, parentPath });
     const defaultValue = field.raw.many ? [] : '';

package/dist/fields/slug/index.server.js

@@ -1,5 +1,5 @@
 import { templateUniqueRequired } from '../../adapter-sqlite/generate-schema/templates.server.js';
-import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.js';
+import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.server.js';
 export const toSchema = (field, parentPath) => {
     const { camel, snake } = getSchemaColumnNames({ name: field.name, parentPath });
     const suffix = templateUniqueRequired({ unique: field.raw.unique, required: field.raw.required }, typeof field.raw.defaultValue === 'string' ? field.raw.defaultValue : '');

package/dist/fields/text/index.server.js

@@ -1,5 +1,5 @@
 import { templateUniqueRequired } from '../../adapter-sqlite/generate-schema/templates.server.js';
-import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.js';
+import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.server.js';
 export const toSchema = (field, parentPath) => {
     const { camel, snake } = getSchemaColumnNames({ name: field.name, parentPath });
     const suffix = templateUniqueRequired({ unique: field.raw.unique, required: field.raw.required }, typeof field.raw.defaultValue === 'string' ? field.raw.defaultValue : '');

package/dist/fields/textarea/index.server.js

@@ -1,5 +1,5 @@
 import { templateUniqueRequired } from '../../adapter-sqlite/generate-schema/templates.server.js';
-import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.js';
+import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.server.js';
 export const toSchema = (field, parentPath) => {
     const { camel, snake } = getSchemaColumnNames({ name: field.name, parentPath });
     const suffix = templateUniqueRequired({ unique: false, required: field.raw.required }, typeof field.raw.defaultValue === 'string' ? field.raw.defaultValue : '');

package/dist/fields/time/index.server.js

@@ -1,5 +1,5 @@
 import { templateUniqueRequired } from '../../adapter-sqlite/generate-schema/templates.server.js';
-import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.js';
+import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.server.js';
 export const toSchema = (field, parentPath) => {
     const { camel, snake } = getSchemaColumnNames({ name: field.name, parentPath });
     const suffix = templateUniqueRequired(field.raw, typeof field.raw.defaultValue === 'string' ? field.raw.defaultValue : '00:00');

package/dist/fields/toggle/index.server.js

@@ -1,5 +1,5 @@
 import { templateUniqueRequired } from '../../adapter-sqlite/generate-schema/templates.server.js';
-import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.js';
+import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.server.js';
 export const toSchema = (field, parentPath) => {
     const { camel, snake } = getSchemaColumnNames({ name: field.name, parentPath });
     const suffix = templateUniqueRequired(field.raw, typeof field.raw.defaultValue === 'boolean' ? field.raw.defaultValue : false);

package/dist/index.d.ts

@@ -1,6 +1,11 @@
-import handlers from './core/handlers/index.js';
-export { definePlugin } from './core/plugins/index.js';
-export { handlers };
+import i18n, { t__ } from './core/i18n/index.js';
+import { cacheClient } from './core/plugins/cache/index.js';
+import LiveConsumer from './panel/components/sections/live/Consumer.svelte';
+import LiveEdit from './panel/components/sections/live/LiveEdit.svelte';
+import LiveProvider from './panel/components/sections/live/Provider.svelte';
+export { definePlugin, definePluginClient } from './core/plugins/index.js';
+export { cacheClient, i18n, LiveConsumer, LiveEdit, LiveProvider, t__ };
+export type { Dictionaries, PanelLanguage } from './core/i18n/index.js';
 declare module 'rimecms' {
     interface RegisterCollection {
     }

package/dist/index.js

@@ -1,3 +1,7 @@
-import handlers from './core/handlers/index.js';
-export { definePlugin } from './core/plugins/index.js';
-export { handlers };
+import i18n, { t__ } from './core/i18n/index.js';
+import { cacheClient } from './core/plugins/cache/index.js';
+import LiveConsumer from './panel/components/sections/live/Consumer.svelte';
+import LiveEdit from './panel/components/sections/live/LiveEdit.svelte';
+import LiveProvider from './panel/components/sections/live/Provider.svelte';
+export { definePlugin, definePluginClient } from './core/plugins/index.js';
+export { cacheClient, i18n, LiveConsumer, LiveEdit, LiveProvider, t__ };

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

@@ -1,6 +1,5 @@
 <script lang="ts">
   import { goto, invalidateAll } from '$app/navigation';
-  import { apiUrl } from '../../../../../core/api/index.js';
   import type { Directory } from '../../../../../core/collections/upload/upload.js';
   import type { BuiltCollectionClient } from '../../../../../core/config/types.js';
   import { PARAMS } from '../../../../../core/constant.js';
@@ -13,6 +12,7 @@
   import { getAPIProxyContext } from '../../../../context/api-proxy.svelte.js';
   import { panelUrl } from '../../../../util/url.js';
   import { trycatchFetch } from '../../../../../util/function.js';
+  import { apiUrl } from '../../../../../util/index.js';
   import { Pencil, Trash2 } from '@lucide/svelte';
   import { toast } from 'svelte-sonner';
   import { t__ } from '../../../../../core/i18n/index.js';

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

@@ -1,10 +1,10 @@
 <script lang="ts">
   import { invalidateAll } from '$app/navigation';
-  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 Radio from '../../ui/radio-group/index.js';
   import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
+  import { apiUrl } from '../../../../util/index.js';
   import { toKebabCase } from '../../../../util/string';
   import { toast } from 'svelte-sonner';
   import { t__ } from '../../../../core/i18n/index.js';

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

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { apiUrl } from '../../../../core/api/index.js';
   import type { User } from '../../../../core/collections/auth/types.js';
   import type { GenericDoc } from '../../../../core/types/doc.js';
+  import { apiUrl } from '../../../../util/index.js';
   import { toKebabCase } from '../../../../util/string.js';
   import { onMount } from 'svelte';
   import { Button } from '../../ui/button/index.js';

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

@@ -1,7 +1,6 @@
 <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';
@@ -10,6 +9,7 @@
   import { panelUrl } from '../../../util/url.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';

package/dist/panel/context/collection.svelte.js

@@ -1,5 +1,4 @@
 import { invalidateAll } from '$app/navigation';
-import { apiUrl } from '../../core/api/index.js';
 import { isUploadConfig } from '../../core/collections/upload/util/config.js';
 import { PARAMS } from '../../core/constant.js';
 import { isFormField } from '../../core/fields/util.js';
@@ -9,6 +8,7 @@ import { TabsBuilder } from '../../fields/tabs/index.js';
 import { panelUrl } from '../util/url.js';
 import { toNestedStructure } from '../../util/doc.js';
 import { trycatch, trycatchFetch } from '../../util/function.js';
+import { apiUrl } from '../../util/index.js';
 import { getValueAtPath, hasProp } from '../../util/object.js';
 import { getContext, onMount, setContext } from 'svelte';
 import { toast } from 'svelte-sonner';

package/dist/panel/context/documentForm.svelte.js

@@ -1,13 +1,12 @@
 import { applyAction, deserialize } from '$app/forms';
 import { page } from '$app/state';
-import { apiUrl } from '../../core/api/index.js';
 import { compileDocumentConfig } from '../../core/config/shared/compile.js';
 import { PARAMS, VERSIONS_STATUS } from '../../core/constant.js';
 import { getFieldConfigByPath } from '../../core/fields/util.js';
 import { buildConfigMap } from '../../core/operations/configMap/index.js';
 import { isJSONContent, richTextJSONToText } from '../../fields/rich-text/index.js';
 import { normalizeFieldPath } from '../../util/doc.js';
-import { random } from '../../util/index.js';
+import { apiUrl, random } from '../../util/index.js';
 import { isObjectLiteral, omit } from '../../util/object.js';
 import cloneDeep from 'clone-deep';
 import { diff } from 'deep-object-diff';

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

@@ -13,6 +13,7 @@ export declare function setFormContext(initial: Dic, key: string): {
     readOnly: boolean;
     enhance: SubmitFunction;
     getRawValue: <T>(path: string) => NonNullable<T> | null;
+    readonly pending: boolean;
     readonly canSubmit: boolean;
     readonly errors: {
         readonly length: number;
@@ -52,6 +53,7 @@ export declare function getFormContext(key: string): {
     readOnly: boolean;
     enhance: SubmitFunction;
     getRawValue: <T>(path: string) => NonNullable<T> | null;
+    readonly pending: boolean;
     readonly canSubmit: boolean;
     readonly errors: {
         readonly length: number;

package/dist/panel/context/form.svelte.js

@@ -1,6 +1,6 @@
 import { applyAction } from '$app/forms';
-import { getValueAtPath } from '../../util/object';
-import { snapshot } from '../../util/state';
+import { getValueAtPath } from '../../util/object.js';
+import { snapshot } from '../../util/state.js';
 import { diff } from 'deep-object-diff';
 import { getContext, setContext } from 'svelte';
 import { setErrorsContext } from './errors.svelte';
@@ -12,6 +12,7 @@ function createFormStore(initial, key) {
     const hasError = $derived(errors.length);
     const canSubmit = $derived(Object.keys(changes).length > 0 && !hasError);
     let status = $state();
+    let pending = $state(false);
     $effect(() => {
         if (Object.keys(changes).length) {
             errors.value = {};
@@ -94,11 +95,13 @@ function createFormStore(initial, key) {
         };
     }
     const enhance = async ({ formData }) => {
+        pending = true;
         for (const key of Object.keys(form)) {
             formData.set(key, form[key]);
         }
         return async ({ result }) => {
             status = result.status;
+            pending = false;
             switch (result.type) {
                 case 'failure':
                     if (result.data?.errors) {
@@ -122,6 +125,9 @@ function createFormStore(initial, key) {
         readOnly: false,
         enhance,
         getRawValue,
+        get pending() {
+            return pending;
+        },
         get canSubmit() {
             return canSubmit;
         },

package/dist/panel/context/live.svelte.js

@@ -1,7 +1,7 @@
 import { page } from '$app/state';
 import { env } from '$env/dynamic/public';
-import { apiUrl } from '../../core/api/index.js';
 import { PARAMS } from '../../core/constant.js';
+import { apiUrl } from '../../util/index.js';
 import { toKebabCase } from '../../util/string.js';
 import { getContext, setContext } from 'svelte';
 import { getValueAtPath, isObjectLiteral, setValueAtPath } from '../../util/object.js';

package/dist/panel/index.d.ts

@@ -4,15 +4,21 @@ import type { Snippet } from 'svelte';
 import { Field } from './components/fields/index.js';
 import Panel from './components/Root.svelte';
 import Doc from './components/sections/document/Document.svelte';
+import Button from './components/ui/button/button.svelte';
+import Input from './components/ui/input/input.svelte';
+import SpinLoader from './components/ui/spin-loader/SpinLoader.svelte';
 import Area from './pages/area/Area.svelte';
 import AreaVersionsDoc from './pages/area/AreaVersionsDoc.svelte';
+import ForgotPassword from './pages/auth/forgot-password/ForgotPassword.svelte';
+import ResetPassword from './pages/auth/reset-password/ResetPassword.svelte';
+import SignIn from './pages/auth/sign-in/SignIn.svelte';
 import CollectionDoc from './pages/collection-document/CollectionDocument.svelte';
 import CollectionDocVersions from './pages/collection-document/CollectionDocVersions.svelte';
 import Collection from './pages/collection/Collection.svelte';
 import Dashboard from './pages/dashboard/Dashboard.svelte';
 import Live from './pages/live/Live.svelte';
 import type { Route } from './types.js';
-export { Area, AreaVersionsDoc, Collection, CollectionDoc, CollectionDocVersions, Dashboard, Doc, Field, Live, Panel };
+export { Area, AreaVersionsDoc, Button, Collection, CollectionDoc, CollectionDocVersions, Dashboard, Doc, Field, ForgotPassword, Input, Live, Panel, ResetPassword, SignIn, SpinLoader };
 export type { DocumentFormContext } from './context/documentForm.svelte.js';
 export type CollectionProps = {
     data: {
@@ -48,3 +54,5 @@ export type CollectionDocData<V extends boolean = boolean> = DocVersions<V> & Ba
 export type AreaDocData<V extends boolean = boolean> = DocVersions<V> & BaseDocData & {
     operation: 'update';
 };
+export type CollectionDocumentDataWithVersions = CollectionDocData<true>;
+export type AreaDataWithVersions = AreaDocData<true>;

package/dist/panel/index.js

@@ -1,8 +1,14 @@
 import { Field } from './components/fields/index.js';
 import Panel from './components/Root.svelte';
 import Doc from './components/sections/document/Document.svelte';
+import Button from './components/ui/button/button.svelte';
+import Input from './components/ui/input/input.svelte';
+import SpinLoader from './components/ui/spin-loader/SpinLoader.svelte';
 import Area from './pages/area/Area.svelte';
 import AreaVersionsDoc from './pages/area/AreaVersionsDoc.svelte';
+import ForgotPassword from './pages/auth/forgot-password/ForgotPassword.svelte';
+import ResetPassword from './pages/auth/reset-password/ResetPassword.svelte';
+import SignIn from './pages/auth/sign-in/SignIn.svelte';
 import CollectionDoc from './pages/collection-document/CollectionDocument.svelte';
 import CollectionDocVersions from './pages/collection-document/CollectionDocVersions.svelte';
 import Collection from './pages/collection/Collection.svelte';
@@ -10,4 +16,4 @@ import Dashboard from './pages/dashboard/Dashboard.svelte';
 import Live from './pages/live/Live.svelte';
 export { 
 // Components
-Area, AreaVersionsDoc, Collection, CollectionDoc, CollectionDocVersions, Dashboard, Doc, Field, Live, Panel };
+Area, AreaVersionsDoc, Button, Collection, CollectionDoc, CollectionDocVersions, Dashboard, Doc, Field, ForgotPassword, Input, Live, Panel, ResetPassword, SignIn, SpinLoader };

package/dist/panel/pages/area/actions.server.d.ts

@@ -1,21 +1,2 @@
-import type { AreaSlug } from '../../../core/types/doc.js';
-import { type RequestEvent } from '@sveltejs/kit';
-export default function (slug: AreaSlug): {
-    update: (event: RequestEvent) => Promise<import("@sveltejs/kit").ActionFailure<{
-        form: Record<string, any>;
-        errors: import("../../types.js").FormErrors;
-    }> | import("@sveltejs/kit").ActionFailure<{
-        form: Record<string, any>;
-        errors: {
-            email: string;
-        };
-    }> | import("@sveltejs/kit").ActionFailure<{
-        form: {};
-        errors: {
-            _form: string;
-        };
-    }> | {
-        document: unknown;
-        message: string;
-    }>;
-};
+import { type Actions } from '@sveltejs/kit';
+export declare const areaFormActions: Actions;

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

@@ -6,33 +6,34 @@ import { trycatch } from '../../../util/function.js';
 import { toKebabCase } from '../../../util/string.js';
 import { redirect } from '@sveltejs/kit';
 import { t__ } from '../../../core/i18n/index.js';
-export default function (slug) {
-    const actions = {
-        update: async (event) => {
-            const { rime, locale } = event.locals;
-            const versionId = event.url.searchParams.get(PARAMS.VERSION_ID) || undefined;
-            const draft = event.url.searchParams.get(PARAMS.DRAFT) === 'true';
-            const data = await extractData(event.request);
-            const [error, document] = await trycatch(() => rime.area(slug).update({
-                data,
-                versionId,
-                draft,
-                locale
-            }));
-            if (error) {
-                return handleError(error, { context: ERROR_CONTEXT.ACTION });
+export const areaFormActions = {
+    update: async (event) => {
+        const { rime, locale } = event.locals;
+        const slug = (event.params.slug || '');
+        const versionId = event.url.searchParams.get(PARAMS.VERSION_ID) || undefined;
+        const draft = event.url.searchParams.get(PARAMS.DRAFT) === 'true';
+        const [extractError, data] = await trycatch(() => extractData(event.request));
+        if (extractError) {
+            return handleError(extractError, { context: ERROR_CONTEXT.ACTION });
+        }
+        const [error, document] = await trycatch(() => rime.area(slug).update({
+            data,
+            versionId,
+            draft,
+            locale
+        }));
+        if (error) {
+            return handleError(error, { context: ERROR_CONTEXT.ACTION });
+        }
+        if (draft && 'versionId' in document) {
+            const referer = event.request.headers.get('referer');
+            if (referer && referer.includes('/versions')) {
+                return redirect(303, `${panelUrl(toKebabCase(slug))}/versions?versionId=${document.versionId}`);
             }
-            if (draft && 'versionId' in document) {
-                const referer = event.request.headers.get('referer');
-                if (referer && referer.includes('/versions')) {
-                    return redirect(303, `${panelUrl(toKebabCase(slug))}/versions?versionId=${document.versionId}`);
-                }
-                else {
-                    return redirect(303, `${panelUrl(toKebabCase(slug))}?versionId=${document.versionId}`);
-                }
+            else {
+                return redirect(303, `${panelUrl(toKebabCase(slug))}?versionId=${document.versionId}`);
             }
-            return { document, message: t__('common.doc_updated') };
         }
-    };
-    return actions;
-}
+        return { document, message: t__('common.doc_updated') };
+    }
+};

package/dist/panel/pages/area/load.server.d.ts

@@ -1,18 +1,3 @@
-import type { AreaSlug } from '../../../core/types/doc.js';
-import type { Route } from '../../types.js';
+import type { AreaDocData } from '../../index.js';
 import type { ServerLoadEvent } from '@sveltejs/kit';
-export default function <V extends boolean = boolean>(slug: AreaSlug, withVersions?: V): ({ locals, url, fetch }: ServerLoadEvent) => Promise<({
-    aria: Partial<Route>[];
-    doc: import("../../../core/types/doc.js").GenericDoc;
-    status: 200;
-    readOnly: boolean;
-} & {
-    operation: "update";
-}) | ({
-    aria: Partial<Route>[];
-    doc: {};
-    status: 401;
-    readOnly: true;
-} & {
-    operation: "update";
-})>;
+export declare function areaLoad<V extends boolean = boolean>(event: ServerLoadEvent, withVersions?: V): Promise<AreaDocData<V>>;

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

@@ -1,55 +1,46 @@
-import { apiUrl } from '../../../core/api/index.js';
 import { PARAMS } from '../../../core/constant.js';
+import { ERROR_CONTEXT, handleError } from '../../../core/errors/handler.server.js';
 import { RimeError } from '../../../core/errors/index.js';
 import { withVersionsSuffix } from '../../../core/naming.js';
 import { panelUrl } from '../../util/url.js';
 import { trycatch } from '../../../util/function.js';
+import { apiUrl } from '../../../util/index.js';
 import { toKebabCase } from '../../../util/string.js';
-export default function (slug, withVersions) {
+export async function areaLoad(event, withVersions) {
     //
-    const load = async ({ locals, url, fetch }) => {
-        const { rime, locale } = locals;
-        const area = rime.area(slug);
-        const authorizedRead = area.config.access.read(locals.user, {});
-        const authorizedUpdate = area.config.access.update(locals.user, {});
-        const aria = [
-            { title: 'Dashboard', icon: 'dashboard', url: panelUrl() },
-            { title: area.config.label }
-        ];
-        if (!authorizedRead) {
-            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 doc = await area.find({ locale, versionId, draft });
-        if (!authorizedUpdate) {
-            return { aria, doc, operation: 'update', status: 200, readOnly: true };
-        }
-        let data = {
-            aria,
-            doc,
-            operation: 'update',
-            status: 200,
-            readOnly: false
-        };
-        if (withVersions) {
-            const url = `${apiUrl(withVersionsSuffix(toKebabCase(doc._type)))}?where[ownerId][equals]=${doc.id}&sort=-updatedAt&select=updatedAt,status`;
-            const promise = fetch(url).then((r) => r.json());
-            const [error, result] = await trycatch(promise);
-            if (error || !Array.isArray(result.docs)) {
-                throw new RimeError(RimeError.OPERATION_ERROR, 'while getting versions');
-            }
-            data = { ...data, versions: result.docs };
-        }
-        return data;
+    const { locals, url, fetch } = event;
+    const { rime, locale } = locals;
+    const slug = (event.params.slug || '');
+    const area = rime.area(slug);
+    const authorizedRead = area.config.access.read(locals.user, {});
+    const authorizedUpdate = area.config.access.update(locals.user, {});
+    if (!authorizedRead) {
+        throw handleError(new RimeError(RimeError.UNAUTHORIZED), { context: ERROR_CONTEXT.LOAD });
+    }
+    const aria = [
+        { title: 'Dashboard', icon: 'dashboard', url: panelUrl() },
+        { title: area.config.label }
+    ];
+    const versionId = url.searchParams.get(PARAMS.VERSION_ID) || undefined;
+    const draft = url.searchParams.get(PARAMS.DRAFT)
+        ? url.searchParams.get(PARAMS.DRAFT) === 'true'
+        : undefined;
+    const doc = await area.find({ locale, versionId, draft });
+    let data = {
+        aria,
+        doc,
+        operation: 'update',
+        status: 200,
+        readOnly: !authorizedUpdate
     };
-    return load;
+    if (withVersions) {
+        const url = `${apiUrl(withVersionsSuffix(toKebabCase(doc._type)))}?where[ownerId][equals]=${doc.id}&sort=-updatedAt&select=updatedAt,status`;
+        const promise = fetch(url).then((r) => r.json());
+        const [error, result] = await trycatch(promise);
+        if (error || !Array.isArray(result.docs)) {
+            throw new RimeError(RimeError.OPERATION_ERROR, 'while getting versions');
+        }
+        data = { ...data, versions: result.docs };
+    }
+    return data;
 }

package/dist/panel/pages/auth/sign-in/SignIn.svelte

@@ -5,6 +5,7 @@
   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 SpinLoader from '../../../components/ui/spin-loader/SpinLoader.svelte';
   import { setFormContext } from '../../../context/form.svelte';
   import { emailField, passwordField } from '../fields.js';
   import type { FormErrors } from '../../../../types.js';
@@ -36,7 +37,12 @@
     <form method="POST" action="/panel/sign-in" use:enhance={context.enhance}>
       <Email config={emailField} form={context} />
       <Text type="password" icon={KeyRound} config={passwordField} form={context} />
-      <Button size="xl" disabled={!context.canSubmit} type="submit">Login</Button>
+      <Button size="xl" disabled={!context.canSubmit} type="submit">
+        {t__('common.signin')}
+        {#if context.pending}
+          <SpinLoader />
+        {/if}
+      </Button>
 
       {#if data.forgotPasswordEnabled}
         <Button variant="link" href="/forgot-password">

package/dist/panel/pages/collection/load.server.d.ts

@@ -1,8 +1,8 @@
+import type { Directory } from '../../../core/collections/upload/upload.js';
+import { type UploadPath } from '../../../core/collections/upload/util/path.js';
 import type { GenericDoc } from '../../../core/types/doc.js';
 import type { Route } from '../../types.js';
 import { type ServerLoadEvent } from '@sveltejs/kit';
-import type { Directory } from '../../../core/collections/upload/upload.js';
-import { type UploadPath } from '../../../core/collections/upload/util/path.js';
 type Data = {
     aria: Partial<Route>[];
     docs: GenericDoc[];
@@ -14,8 +14,8 @@ type Data = {
         parentDirectory: Directory;
     };
 };
-/****************************************************
-/* Layout load
-/****************************************************/
-export declare function collectionLoad(slug: string): (event: ServerLoadEvent) => Promise<Data>;
+/**
+ * Load function for the collection page in the panel.
+ */
+export declare function collectionLoad(event: ServerLoadEvent): Promise<Data>;
 export {};