rimecms 0.22.0

package/dist/panel/style/index.css

@@ -0,0 +1,114 @@
+@import '@bien-bien/css-reset';
+@import './size.css';
+@import './font.css';
+@import './radius.css';
+@import './palette.css';
+@import './shadow.css';
+@import './util.css';
+
+:root {
+	color-scheme: light dark;
+
+	--rz-border: 1px solid hsl(var(--rz-color-border));
+
+	/* Inputs */
+	--rz-input-height: var(--rz-size-11);
+	--rz-input-bg: var(--rz-gray-19);
+
+	/* Overlay */
+	--rz-overlay-color: hsl(var(--rz-gray-11) / 0.4);
+	--rz-overlay-blur: 6px;
+
+	/* Rows */
+	--rz-row-height: var(--rz-size-12);
+	--rz-row-bg: var(--rz-gray-18);
+
+	/* Colors */
+	--rz-color-fg: var(--rz-gray-0);
+	--rz-color-bg: var(--rz-gray-17);
+	--rz-color-border: var(--rz-gray-15);
+	--rz-color-ring: var(--rz-color-spot);
+
+	/* Collapsible group, tree, blocks... */
+	--rz-collapse-fields-content-bg: light-dark(hsl(var(--rz-input-bg)), hsl(var(--rz-color-bg)));
+
+	/* Popovers dropdown, dialog,... */
+	--rz-popover-bg: hsl(var(--rz-color-bg));
+	--rz-popover-highlight-bg: hsl(var(--rz-gray-15));
+
+	@media (prefers-color-scheme: dark) {
+		--rz-overlay-color: hsl(var(--rz-gray-0) / 0.7);
+		--rz-color-fg: var(--rz-gray-17);
+		--rz-color-border: var(--rz-gray-4);
+		--rz-color-bg: var(--rz-gray-2);
+		--rz-input-bg: var(--rz-gray-4);
+		--rz-row-bg: var(--rz-gray-3);
+		--rz-popover-highlight-bg: hsl(var(--rz-gray-3));
+	}
+}
+
+body:has(.rz-root) {
+	min-height: 100vh;
+	overscroll-behavior-y: none;
+}
+
+.rz-root {
+	background-color: hsl(var(--rz-color-bg));
+	color: hsl(var(--rz-color-fg));
+	font-size: var(--rz-text-md);
+	min-height: 100vh;
+	::-moz-selection {
+		background-color: hsl(var(--rz-color-spot) / 0.5);
+		color: hsl(var(--rz-color-fg));
+	}
+	::selection {
+		background-color: hsl(var(--rz-color-spot) / 0.5);
+		color: hsl(var(--rz-color-fg));
+	}
+
+	hr {
+		border-color: hsl(var(--rz-color-border));
+		margin-top: var(--rz-size-4);
+		margin-bottom: var(--rz-size-4);
+	}
+}
+
+.rz-sheet-content,
+.rz-dialog-content,
+[data-bits-floating-content-wrapper] {
+	hr {
+		border-color: hsl(var(--rz-color-border));
+		margin-top: var(--rz-size-4);
+		margin-bottom: var(--rz-size-4);
+	}
+	color: hsl(var(--rz-color-fg));
+	font-size: var(--rz-text-md);
+}
+
+.rz-sr-only {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	padding: 0;
+	margin: -1px;
+	overflow: hidden;
+	clip: rect(0, 0, 0, 0);
+	white-space: nowrap;
+	border-width: 0;
+}
+
+.rz-field-label + .rz-field-hint {
+	margin-bottom: var(--rz-size-2);
+	margin-top: 0;
+}
+
+.rz-field-root:has(.rz-label + .rz-field-hint) {
+	.rz-field-label {
+		margin-bottom: 0;
+	}
+}
+
+.rz-field-root[disabled] {
+	opacity: 0.5;
+	cursor: not-allowed;
+}

package/dist/panel/style/mixins/index.css

@@ -0,0 +1,7 @@
+/**************************************/
+/* Font */
+/**************************************/
+
+/**************************************/
+/* Spacing */
+/**************************************/

package/dist/panel/style/palette.css

@@ -0,0 +1,31 @@
+:root {
+	--rz-gray-0: 0 0% 2.03%;
+	--rz-gray-1: 0 0% 4.52%;
+	--rz-gray-2: 0 0% 7.94%;
+	--rz-gray-3: 0 0% 12.21%;
+	--rz-gray-4: 0 0% 17.26%;
+	--rz-gray-5: 0 0% 22.97%;
+	--rz-gray-6: 0 0% 29.23%;
+	--rz-gray-7: 0 0% 35.91%;
+	--rz-gray-8: 0 0% 42.88%;
+	--rz-gray-9: 0 0% 50%;
+	--rz-gray-10: 0 0% 57.12%;
+	--rz-gray-11: 0 0% 64.09%;
+	--rz-gray-12: 0 0% 70.77%;
+	--rz-gray-13: 0 0% 77.03%;
+	--rz-gray-14: 0 0% 82.74%;
+	--rz-gray-15: 0 0% 87.79%;
+	--rz-gray-16: 0 0% 92.06%;
+	--rz-gray-17: 0 0% 95.48%;
+	--rz-gray-18: 0 0% 97.97%;
+	--rz-gray-19: 0 0% 99.49%;
+	
+	/* --rz-color-spot: 160deg 72% 49%; */
+	--rz-color-spot: 229deg 89% 60%;
+	--rz-color-spot-fg: 229deg 72% 19%;
+
+	--rz-color-success: 160deg 72% 49%;
+	--rz-color-warn: 14deg, 80%, 60%;
+	--rz-color-alert: 4deg 100% 69%;
+	
+}

package/dist/panel/style/radius.css

@@ -0,0 +1,9 @@
+:root{
+  --rz-radius-none: 0;
+	--rz-base-radius: 0.165rem;
+	--rz-radius-sm: calc(var(--rz-base-radius) * 1);
+	--rz-radius-md: calc(var(--rz-base-radius) * 1.5);
+	--rz-radius-lg: calc(var(--rz-base-radius) * 2);
+	--rz-radius-xl: calc(var(--rz-base-radius) * 4);
+	--rz-radius-full: 999999px;
+}

package/dist/panel/style/shadow.css

@@ -0,0 +1,10 @@
+:root {
+	--rz-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+	--rz-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+	--rz-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+	--rz-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+	--rz-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+	--rz-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+	--rz-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
+	--rz-shadow-none: 0 0 #0000;
+}

package/dist/panel/style/size.css

@@ -0,0 +1,43 @@
+:root {
+	--rz-size-0-5: 0.125rem;
+	--rz-size-1: 0.25rem;
+	--rz-size-1-5: 0.375rem;
+	--rz-size-2: 0.5rem;
+	--rz-size-2-5: 0.625rem;
+	--rz-size-3: 0.75rem;
+	--rz-size-3-5: 0.875rem;
+	--rz-size-4: 1rem;
+	--rz-size-5: 1.25rem;
+	--rz-size-6: 1.5rem;
+	--rz-size-7: 1.75rem;
+	--rz-size-8: 2rem;
+	--rz-size-9: 2.25rem;
+	--rz-size-10: 2.5rem;
+	--rz-size-11: 2.75rem;
+	--rz-size-12: 3rem;
+	--rz-size-14: 3.5rem;
+	--rz-size-16: 4rem;
+	--rz-size-20: 5rem;
+	--rz-size-24: 6rem;
+	--rz-size-28: 7rem;
+	--rz-size-32: 8rem;
+	--rz-size-36: 9rem;
+	--rz-size-40: 10rem;
+	--rz-size-44: 11rem;
+	--rz-size-48: 12rem;
+	--rz-size-52: 13rem;
+	--rz-size-56: 14rem;
+	--rz-size-60: 15rem;
+	--rz-size-64: 16rem;
+	--rz-size-72: 18rem;
+	--rz-size-80: 20rem;
+	
+	--rz-size-xs: 20rem;
+	--rz-size-sm: 24rem;
+	--rz-size-md: 28rem;
+	--rz-size-lg: 32rem;
+	--rz-size-xl: 36rem;
+	--rz-size-2xl: 42rem;
+	--rz-size-tablet: 48rem;
+	--rz-size-laptop: 64rem;
+}

package/dist/panel/style/util.css

@@ -0,0 +1,3 @@
+.uz-upper {
+	text-transform: uppercase;
+}

package/dist/panel/types.d.ts

@@ -0,0 +1,26 @@
+import type { WithRequired } from 'better-auth/svelte';
+import type { Component, Snippet } from 'svelte';
+import type { GenericDoc } from '../core/types/doc.js';
+export type { Navigation } from './navigation.js';
+export type Route = {
+    title: string;
+    icon?: any;
+    url: string;
+};
+export type FieldPanelTableConfig = {
+    cell?: Component<{
+        value: any;
+    }>;
+    sort?: boolean;
+    position: number;
+};
+export type CollectionProps = {
+    data: {
+        docs: GenericDoc[];
+        status: number;
+        canCreate: boolean;
+    };
+    children: Snippet;
+};
+export type Aria = WithRequired<Partial<Route>, 'title'>[];
+export type FormErrors<T extends string = string> = Record<T, string>;

package/dist/panel/types.js

@@ -0,0 +1 @@
+export {};

package/dist/panel/ui.d.ts

@@ -0,0 +1,3 @@
+import Button from './components/ui/button/button.svelte';
+import SpinLoader from './components/ui/spin-loader/SpinLoader.svelte';
+export { Button, SpinLoader };

package/dist/panel/ui.js

@@ -0,0 +1,4 @@
+// For shared ui components ex: use a panel button in a plugin
+import Button from './components/ui/button/button.svelte';
+import SpinLoader from './components/ui/spin-loader/SpinLoader.svelte';
+export { Button, SpinLoader };

package/dist/panel/util/Sortable.d.ts

@@ -0,0 +1,5 @@
+import Sortable from 'sortablejs';
+import type SortableType from 'sortablejs';
+export declare const useSortable: ({ ...sortableProps }: SortableType.Options) => {
+    sortable: (el: HTMLElement) => Sortable;
+};

package/dist/panel/util/Sortable.js

@@ -0,0 +1,39 @@
+import Sortable from 'sortablejs';
+export const useSortable = ({ ...sortableProps }) => {
+    const sortable = (el) => {
+        let childNodes = [];
+        const existing = Sortable.get(el);
+        if (existing) {
+            // Better safe than sorry. At least we know this ain't the case.
+            throw new Error('Instance exist. Should never happen.');
+        }
+        const sortableInstance = new Sortable(el, {
+            ...sortableProps,
+            onStart: function (e) {
+                const node = e.item;
+                // Remember the list of child nodes when drag started.
+                childNodes = Array.prototype.slice.call(node.parentNode.childNodes);
+                // Filter out the 'sortable-fallback' element used on mobile/old browsers.
+                childNodes = childNodes.filter((node) => node.nodeType != Node.ELEMENT_NODE || !node.classList.contains('sortable-fallback'));
+                if (sortableProps.onStart) {
+                    sortableProps.onStart(e);
+                }
+            },
+            onEnd: function (e) {
+                const node = e.item;
+                const parentNode = node.parentNode;
+                for (const childNode of childNodes) {
+                    parentNode.appendChild(childNode);
+                }
+                if (e.oldIndex == e.newIndex)
+                    return;
+                if (sortableProps.onEnd) {
+                    sortableProps.onEnd(e);
+                }
+            }
+        });
+        return sortableInstance;
+        // });
+    };
+    return { sortable };
+};

package/dist/panel/util/auth.d.ts

@@ -0,0 +1,2 @@
+import { createAuthClient } from 'better-auth/svelte';
+export declare const authClient: ReturnType<typeof createAuthClient>;

package/dist/panel/util/auth.js

@@ -0,0 +1,7 @@
+import { env } from '$env/dynamic/public';
+import { apiKeyClient } from 'better-auth/client/plugins';
+import { createAuthClient } from 'better-auth/svelte';
+export const authClient = createAuthClient({
+    baseURL: env.PUBLIC_RIME_URL,
+    plugins: [apiKeyClient()]
+});

package/dist/panel/util/dataError.d.ts

@@ -0,0 +1,3 @@
+export declare function dataError(node: HTMLElement, condition: boolean): {
+    update: (value: boolean) => void;
+};

package/dist/panel/util/dataError.js

@@ -0,0 +1,15 @@
+export function dataError(node, condition) {
+    //
+    function update(value) {
+        if (value) {
+            node.setAttribute('data-error', '');
+        }
+        else {
+            node.removeAttribute('data-error');
+        }
+    }
+    update(condition);
+    return {
+        update
+    };
+}

package/dist/panel/util/dataFocused.d.ts

@@ -0,0 +1,3 @@
+export declare function dataFocused(node: HTMLElement, condition: boolean): {
+    update: (value: boolean) => void;
+};

package/dist/panel/util/dataFocused.js

@@ -0,0 +1,15 @@
+export function dataFocused(node, condition) {
+    //
+    function update(value) {
+        if (value) {
+            node.setAttribute('data-focused', '');
+        }
+        else {
+            node.removeAttribute('data-focused');
+        }
+    }
+    update(condition);
+    return {
+        update
+    };
+}

package/dist/panel/util/dataVisible.d.ts

@@ -0,0 +1,3 @@
+export declare function dataVisible(node: HTMLElement, visible: boolean): {
+    update: (visible: boolean) => void;
+};

package/dist/panel/util/dataVisible.js

@@ -0,0 +1,15 @@
+export function dataVisible(node, visible) {
+    //
+    function update(visible) {
+        if (visible) {
+            node.setAttribute('data-visible', '');
+        }
+        else {
+            node.removeAttribute('data-visible');
+        }
+    }
+    update(visible);
+    return {
+        update
+    };
+}

package/dist/panel/util/disabled.d.ts

@@ -0,0 +1,3 @@
+export declare function disabled(node: HTMLElement, condition: boolean | undefined): {
+    update: (value: boolean | undefined) => void;
+};

package/dist/panel/util/disabled.js

@@ -0,0 +1,15 @@
+export function disabled(node, condition) {
+    //
+    function update(value) {
+        if (value) {
+            node.setAttribute('disabled', '');
+        }
+        else {
+            node.removeAttribute('disabled');
+        }
+    }
+    update(condition);
+    return {
+        update
+    };
+}

package/dist/panel/util/live.server.d.ts

@@ -0,0 +1,8 @@
+import { type ServerLoadEvent } from '@sveltejs/kit';
+/**
+ * Check and handle live edit redirect if needed.
+ * @throws {Redirect} If live=1 and user is authenticated
+ */
+export declare function checkLiveRedirect(doc: {
+    _live?: string;
+}, event: ServerLoadEvent): void;

package/dist/panel/util/live.server.js

@@ -0,0 +1,11 @@
+import { redirect } from '@sveltejs/kit';
+/**
+ * Check and handle live edit redirect if needed.
+ * @throws {Redirect} If live=1 and user is authenticated
+ */
+export function checkLiveRedirect(doc, event) {
+    const { user } = event.locals;
+    if (user && doc._live && event.url.searchParams.get('live') === '1') {
+        throw redirect(302, doc._live);
+    }
+}

package/dist/panel/util/once.svelte.d.ts

@@ -0,0 +1,3 @@
+export declare const useOnce: () => {
+    once: (func: Function) => void;
+};

package/dist/panel/util/once.svelte.js

@@ -0,0 +1,12 @@
+export const useOnce = () => {
+    const once = (func) => {
+        let done = $state(false);
+        $effect(() => {
+            if (!done) {
+                func();
+                done = true;
+            }
+        });
+    };
+    return { once };
+};

package/dist/panel/util/upload.d.ts

@@ -0,0 +1 @@
+export declare const mimeTypeToIcon: (type: string) => import("svelte").Component<import("@lucide/svelte").IconProps, {}, "">;

package/dist/panel/util/upload.js

@@ -0,0 +1,13 @@
+import { FileArchive, FileAudio, FileText, FileVideo } from '@lucide/svelte';
+export const mimeTypeToIcon = (type) => {
+    if (type === 'application/zip') {
+        return FileArchive;
+    }
+    if (type.includes('audio/')) {
+        return FileAudio;
+    }
+    if (type.includes('video/')) {
+        return FileVideo;
+    }
+    return FileText;
+};

package/dist/panel/util/url.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Build a panel url for given segments
+ * @example
+ * panelUrl('some-collection') // -> http://localhost:5713/panel/some-collection
+ */
+export declare function panelUrl(...args: string[]): string;

package/dist/panel/util/url.js

@@ -0,0 +1,9 @@
+import { env } from '$env/dynamic/public';
+/**
+ * Build a panel url for given segments
+ * @example
+ * panelUrl('some-collection') // -> http://localhost:5713/panel/some-collection
+ */
+export function panelUrl(...args) {
+    return `${env.PUBLIC_RIME_URL}/panel/${args.join('/')}`;
+}

package/dist/types.d.ts

@@ -0,0 +1,13 @@
+export type { User } from './core/collections/auth/types.js';
+export type { AdditionalStaffConfig, Area, AreaHooks, BuiltArea, BuiltCollection, BuiltConfig, BuiltConfigClient, Collection, CollectionHooks, Config, CustomPanelRoute, ImageSizesConfig, LocaleConfig, LocalizationConfig, RouteConfig } from './core/config/types.js';
+export type { AreaSlug, BaseDoc, CollectionSlug, GenericBlock, GenericDoc, Prototype, PrototypeSlug, UploadDoc } from './core/types/doc.js';
+export type { Field, FormField, Option, RelationValue } from './fields/types.js';
+export type { CollectionProps, FieldPanelTableConfig, FormErrors, Navigation, Route } from './panel/types.js';
+export type { DocumentFormContext } from './panel/context/documentForm.svelte.js';
+export type { JsonFile } from './core/collections/upload/upload.js';
+export type { Link } from './fields/link/types.js';
+export type { WithRelationPopulated } from './util/types.js';
+export type { Plugin } from './core/plugins/index.js';
+export type { Rime, RimeContext } from './core/rime.server.js';
+export type { BlocksFieldBlockRenderTitle } from './fields/blocks/index.js';
+export type { RichTextFeature, RichTextFeatureMark, RichTextFeatureNode } from './fields/rich-text/core/types.js';

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/util/access/index.d.ts

@@ -0,0 +1,73 @@
+import type { User } from '../../core/collections/auth/types.js';
+/**
+ * Checks if a user has admin privileges.
+ *
+ * @example
+ * // Check if current user is an admin
+ * if (isAdmin(currentUser)) {
+ *   // Perform admin-only operations
+ * }
+ */
+export declare const isAdmin: (user?: User) => boolean;
+/**
+ * Checks if a user is from the staff collection.
+ *
+ * @example
+ * // const user = {
+ * //  isStaff: true
+ * //  ...
+ * // }
+ * isStaff(user) // true
+ *
+ */
+export declare const isStaff: (user?: User) => boolean;
+/**
+ * Checks if a user has any of the specified roles.
+ *
+ * @example
+ * // Check if user has either editor or reviewer role
+ * if (hasRoles(user, 'editor', 'reviewer')) {
+ *   // Allow access to editing features
+ * }
+ */
+export declare const hasRoles: (user?: User, ...roles: string[]) => boolean;
+/**
+ * Checks if a user is an admin or matches the specified ID.
+ * Useful for operations that should be allowed for admins or the user themselves.
+ *
+ * @example
+ * // Check if user can edit a profile (either as admin or as the profile owner)
+ * if (isAdminOrMe(currentUser, profileId)) {
+ *   // Allow profile editing
+ * }
+ */
+export declare const isAdminOrMe: (user?: User, id?: string) => boolean;
+/**
+ * Checks if a user's ID matches the specified ID.
+ * Used for operations that should only be allowed for the user themselves.
+ *
+ * @example
+ * // Check if user is accessing their own settings
+ * if (isMe(currentUser, requestedUserId)) {
+ *   // Allow access to personal settings
+ * }
+ */
+export declare const isMe: (user?: User, id?: string) => boolean;
+/**
+ * Collection of access control utility functions.
+ * Provides methods for checking user permissions and roles.
+ */
+export declare const access: {
+    isAdmin: (user?: User) => boolean;
+    hasRoles: (user?: User, ...roles: string[]) => boolean;
+    isAdminOrMe: (user?: User, id?: string) => boolean;
+    isMe: (user?: User, id?: string) => boolean;
+    isStaff: (user?: User) => boolean;
+};
+declare const _default: {
+    isAdmin: (user?: User) => boolean;
+    hasRoles: (user?: User, ...roles: string[]) => boolean;
+    isAdminOrMe: (user?: User, id?: string) => boolean;
+    isMe: (user?: User, id?: string) => boolean;
+};
+export default _default;

package/dist/util/access/index.js

@@ -0,0 +1,64 @@
+/**
+ * Checks if a user has admin privileges.
+ *
+ * @example
+ * // Check if current user is an admin
+ * if (isAdmin(currentUser)) {
+ *   // Perform admin-only operations
+ * }
+ */
+export const isAdmin = (user) => !!user && hasRoles(user, 'admin');
+/**
+ * Checks if a user is from the staff collection.
+ *
+ * @example
+ * // const user = {
+ * //  isStaff: true
+ * //  ...
+ * // }
+ * isStaff(user) // true
+ *
+ */
+export const isStaff = (user) => !!user && !!user.isStaff;
+/**
+ * Checks if a user has any of the specified roles.
+ *
+ * @example
+ * // Check if user has either editor or reviewer role
+ * if (hasRoles(user, 'editor', 'reviewer')) {
+ *   // Allow access to editing features
+ * }
+ */
+export const hasRoles = (user, ...roles) => !!user && user.roles.some((role) => roles.includes(role));
+/**
+ * Checks if a user is an admin or matches the specified ID.
+ * Useful for operations that should be allowed for admins or the user themselves.
+ *
+ * @example
+ * // Check if user can edit a profile (either as admin or as the profile owner)
+ * if (isAdminOrMe(currentUser, profileId)) {
+ *   // Allow profile editing
+ * }
+ */
+export const isAdminOrMe = (user, id) => {
+    return isAdmin(user) || user?.id === id;
+};
+/**
+ * Checks if a user's ID matches the specified ID.
+ * Used for operations that should only be allowed for the user themselves.
+ *
+ * @example
+ * // Check if user is accessing their own settings
+ * if (isMe(currentUser, requestedUserId)) {
+ *   // Allow access to personal settings
+ * }
+ */
+export const isMe = (user, id) => {
+    return !!(user && id === user.id);
+};
+/**
+ * Collection of access control utility functions.
+ * Provides methods for checking user permissions and roles.
+ */
+export const access = { isAdmin, hasRoles, isAdminOrMe, isMe, isStaff };
+export default { isAdmin, hasRoles, isAdminOrMe, isMe };

package/dist/util/array.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Moves an item from one position to another within an array.
+ * Creates a new array instead of modifying the original.
+ *
+ * @example
+ * // Move the second item to the fourth position
+ * const newArray = moveItem(['a', 'b', 'c', 'd', 'e'], 1, 3);
+ * // Result: ['a', 'c', 'd', 'b', 'e']
+ */
+export declare const moveItem: <T>(arr: T[], fromIndex: number, toIndex: number) => T[];