rimecms 0.26.7 → 0.26.9

package/dist/fields/rich-text/component/suggestion/suggestion.svelte

@@ -1,96 +1,96 @@
 <script lang="ts">
-	import { t__ } from '../../../../core/i18n/index.js';
-	import * as Command from '../../../../panel/components/ui/command/index.js';
-	import { capitalize } from '../../../../util/string.js';
-	import type { Editor } from '@tiptap/core';
-	import { onDestroy, onMount } from 'svelte';
-	import type { RichTextFeature } from '../../core/types.js';
+  import { t__ } from '../../../../core/i18n/index.js';
+  import * as Command from '../../../../panel/components/ui/command/index.js';
+  import { capitalize } from '../../../../util/string.js';
+  import type { Editor } from '@tiptap/core';
+  import { onDestroy, onMount } from 'svelte';
+  import type { RichTextFeature } from '../../core/types.js';
 
-	type Props = {
-		editor: Editor;
-		features: RichTextFeature[];
-	};
+  type Props = {
+    editor: Editor;
+    features: RichTextFeature[];
+  };
 
-	let { editor, features = [] }: Props = $props();
+  let { editor, features = [] }: Props = $props();
 
-	let isOpen = $state(false);
+  let isOpen = $state(false);
 
-	const augmentFeatureName = (feature: RichTextFeature): RichTextFeature & { name?: string } => ({
-		...feature,
-		name: feature.extension?.name
-	});
+  const augmentFeatureName = (feature: RichTextFeature): RichTextFeature & { name?: string } => ({
+    ...feature,
+    name: feature.extension?.name
+  });
 
-	// Get all items with suggestion commands
-	const markItems = $derived(
-		features
-			.map(augmentFeatureName)
-			.flatMap((feature) => feature.marks?.map((m) => ({ ...m, name: m.label })) || [])
-			.filter((mark) => mark.suggestion && mark.suggestion.command)
-	);
+  // Get all items with suggestion commands
+  const markItems = $derived(
+    features
+      .map(augmentFeatureName)
+      .flatMap((feature) => feature.marks?.map((m) => ({ ...m, name: m.label })) || [])
+      .filter((mark) => mark.suggestion && mark.suggestion.command)
+  );
 
-	const nodeItems = $derived(
-		features
-			.map(augmentFeatureName)
-			.flatMap((feature) => feature.nodes?.map((m) => ({ ...m, name: m.label })) || [])
-			.filter((node) => node.suggestion && node.suggestion.command)
-	);
+  const nodeItems = $derived(
+    features
+      .map(augmentFeatureName)
+      .flatMap((feature) => feature.nodes?.map((m) => ({ ...m, name: m.label })) || [])
+      .filter((node) => node.suggestion && node.suggestion.command)
+  );
 
-	// Combine all suggestion items
-	const allSuggestionItems = $derived([...markItems, ...nodeItems]);
+  // Combine all suggestion items
+  const allSuggestionItems = $derived([...markItems, ...nodeItems]);
 
-	// Cmd+K handling
-	const onFocus = () => {
-		document.addEventListener('keydown', handleKeyDown);
-	};
-	const onBlur = () => {
-		document.removeEventListener('keydown', handleKeyDown);
-	};
-	const handleKeyDown = (event: KeyboardEvent) => {
-		if (event.code === 'KeyK' && event.metaKey) {
-			isOpen = true;
-		}
-	};
+  // Cmd+K handling
+  const onFocus = () => {
+    document.addEventListener('keydown', handleKeyDown);
+  };
+  const onBlur = () => {
+    document.removeEventListener('keydown', handleKeyDown);
+  };
+  const handleKeyDown = (event: KeyboardEvent) => {
+    if (event.code === 'KeyK' && event.metaKey) {
+      isOpen = true;
+    }
+  };
 
-	onMount(() => {
-		editor.on('focus', onFocus);
-		editor.on('blur', onBlur);
-	});
+  onMount(() => {
+    editor.on('focus', onFocus);
+    editor.on('blur', onBlur);
+  });
 
-	onDestroy(() => {
-		editor.off('focus', onFocus);
-		editor.off('blur', onBlur);
-	});
+  onDestroy(() => {
+    editor.off('focus', onFocus);
+    editor.off('blur', onBlur);
+  });
 </script>
 
 <Command.Dialog bind:open={isOpen}>
-	<Command.Input placeholder={t__('common.search')} />
+  <Command.Input placeholder={t__('common.search')} />
 
-	<Command.List>
-		<Command.Empty>No results found.</Command.Empty>
+  <Command.List>
+    <Command.Empty>No results found.</Command.Empty>
 
-		{#each allSuggestionItems as item, index (index)}
-			{@const ItemIcon = item.icon}
-			<Command.Item
-				value={item.name}
-				onSelect={() => {
-					if (item.suggestion && item.suggestion.command) {
-						item.suggestion.command({
-							editor,
-							range: { from: editor.state.selection.from, to: editor.state.selection.to }
-						});
-					}
-					isOpen = false;
-				}}
-			>
-				<div>
-					<ItemIcon size={17} />
-				</div>
-				<div>
-					<p>
-						{item.label || capitalize(item.name || '')}
-					</p>
-				</div>
-			</Command.Item>
-		{/each}
-	</Command.List>
+    {#each allSuggestionItems as item, index (index)}
+      {@const ItemIcon = item.icon}
+      <Command.Item
+        value={item.name}
+        onSelect={() => {
+          if (item.suggestion && item.suggestion.command) {
+            item.suggestion.command({
+              editor,
+              range: { from: editor.state.selection.from, to: editor.state.selection.to }
+            });
+          }
+          isOpen = false;
+        }}
+      >
+        <div>
+          <ItemIcon size={17} />
+        </div>
+        <div>
+          <p>
+            {item.label || capitalize(item.name || '')}
+          </p>
+        </div>
+      </Command.Item>
+    {/each}
+  </Command.List>
 </Command.Dialog>

package/dist/fields/rich-text/core/extensions/current-node/current-node.css

@@ -1,6 +1,6 @@
 .ProseMirror-focused > *:has([data-current]),
 .ProseMirror-focused > *[data-current] {
-	border-color: transparent;
-	position: relative;
-	z-index: 10;
+  border-color: transparent;
+  position: relative;
+  z-index: 10;
 }

package/dist/fields/rich-text/core/extensions/drag-handle/drag-handle.js

@@ -2,7 +2,7 @@ import { Extension } from '@tiptap/core';
 import { DragHandlePlugin } from './drag-handle-plugin.js';
 export const defaultComputePositionConfig = {
     placement: 'left-start',
-    strategy: 'absolute',
+    strategy: 'absolute'
 };
 export const DragHandle = Extension.create({
     name: 'dragHandle',
@@ -17,7 +17,7 @@ export const DragHandle = Extension.create({
             locked: false,
             onNodeChange: () => {
                 return null;
-            },
+            }
         };
     },
     addCommands() {
@@ -33,19 +33,22 @@ export const DragHandle = Extension.create({
             toggleDragHandle: () => ({ editor }) => {
                 this.options.locked = !this.options.locked;
                 return editor.commands.setMeta('lockDragHandle', this.options.locked);
-            },
+            }
         };
     },
     addProseMirrorPlugins() {
         const element = this.options.render();
         return [
             DragHandlePlugin({
-                computePositionConfig: { ...defaultComputePositionConfig, ...this.options.computePositionConfig },
+                computePositionConfig: {
+                    ...defaultComputePositionConfig,
+                    ...this.options.computePositionConfig
+                },
                 getReferencedVirtualElement: this.options.getReferencedVirtualElement,
                 element,
                 editor: this.editor,
-                onNodeChange: this.options.onNodeChange,
-            }).plugin,
+                onNodeChange: this.options.onNodeChange
+            }).plugin
         ];
-    },
+    }
 });

package/dist/fields/rich-text/core/extensions/drag-handle/helpers/cloneElement.js

@@ -9,7 +9,10 @@ function getCSSText(element) {
 export function cloneElement(node) {
     const clonedNode = node.cloneNode(true);
     const sourceElements = [node, ...Array.from(node.getElementsByTagName('*'))];
-    const targetElements = [clonedNode, ...Array.from(clonedNode.getElementsByTagName('*'))];
+    const targetElements = [
+        clonedNode,
+        ...Array.from(clonedNode.getElementsByTagName('*'))
+    ];
     sourceElements.forEach((sourceElement, index) => {
         targetElements[index].style.cssText = getCSSText(sourceElement);
     });

package/dist/fields/rich-text/core/extensions/drag-handle/helpers/dragHandler.js

@@ -9,7 +9,7 @@ function getDragHandleRanges(event, editor) {
         editor,
         x: event.clientX,
         y: event.clientY,
-        direction: 'right',
+        direction: 'right'
     });
     if (!result.resultNode || result.pos === null) {
         return [];
@@ -38,8 +38,8 @@ export function dragHandler(event, editor) {
     const { empty, $from, $to } = view.state.selection;
     const dragHandleRanges = getDragHandleRanges(event, editor);
     const selectionRanges = getSelectionRanges($from, $to, 0);
-    const isDragHandleWithinSelection = selectionRanges.some(range => {
-        return dragHandleRanges.find(dragHandleRange => {
+    const isDragHandleWithinSelection = selectionRanges.some((range) => {
+        return dragHandleRanges.find((dragHandleRange) => {
             return dragHandleRange.$from === range.$from && dragHandleRange.$to === range.$to;
         });
     });
@@ -53,7 +53,7 @@ export function dragHandler(event, editor) {
     const to = ranges[ranges.length - 1].$to.pos;
     const selection = NodeRangeSelection.create(view.state.doc, from, to);
     const slice = selection.content();
-    ranges.forEach(range => {
+    ranges.forEach((range) => {
         const element = view.nodeDOM(range.$from.pos);
         const clonedElement = cloneElement(element);
         wrapper.append(clonedElement);

package/dist/fields/rich-text/core/extensions/drag-handle/helpers/findNextElementFromCursor.js

@@ -4,16 +4,16 @@ export const findElementNextToCoords = (options) => {
         top: y - bandHeight,
         bottom: y + bandHeight,
         left: direction === 'right' ? x : 0,
-        right: direction === 'right' ? window.innerWidth - x : x,
+        right: direction === 'right' ? window.innerWidth - x : x
     };
     const root = editor.view.dom;
     // Get potential candidates from prosemirror child elements and filter
     // by removing decorations and non prosemirror-elements
     const candidates = [...root.querySelectorAll('*')]
-        .filter(candidate => {
+        .filter((candidate) => {
         return editor.view.posAtDOM(candidate, 0) >= 0;
     })
-        .filter(candidate => {
+        .filter((candidate) => {
         const candidateRect = candidate.getBoundingClientRect();
         return !(candidateRect.bottom < rect.top ||
             candidateRect.top > rect.bottom ||
@@ -35,7 +35,7 @@ export const findElementNextToCoords = (options) => {
             return {
                 resultElement: finalCandidate,
                 resultNode: $pos.nodeAfter,
-                pos: candidatePos,
+                pos: candidatePos
             };
         }
     }

package/dist/fields/rich-text/core/extensions/drag-handle/helpers/getInnerCoords.js

@@ -8,7 +8,7 @@ export function getInnerCoords(view, x, y) {
     const bounds = view.dom.getBoundingClientRect();
     const coords = {
         left: minMax(x, bounds.left + paddingLeft + borderLeft, bounds.right - paddingRight - borderRight),
-        top: y,
+        top: y
     };
     return coords;
 }

package/dist/fields/rich-text/core/features/fields/fields.css

@@ -1,28 +1,28 @@
 .rz-rich-text-sheet {
-	padding: var(--rz-size-8);
+  padding: var(--rz-size-8);
 }
 
 .ProseMirror-focused .ProseMirror-selectednode .rz-fields-preview__trigger {
-	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-spot) / var(--rz-ring-opacity, 1));
+  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-spot) / var(--rz-ring-opacity, 1));
 }
 
 .rz-rich-text-sheet {
-	gap: var(--rz-size-6);
-	display: flex;
-	flex-direction: column;
+  gap: var(--rz-size-6);
+  display: flex;
+  flex-direction: column;
 }
 
 .rz-rich-text-fields-preview {
-	font-size: var(--rz-text-sm);
-	max-width: 420px;
-	border-radius: var(--rz-radius-lg);
+  font-size: var(--rz-text-sm);
+  max-width: 420px;
+  border-radius: var(--rz-radius-lg);
 
-	.rz-render-fields-preview__row:first-child .rz-render-fields-preview__name {
-		border-top-left-radius: var(--rz-radius-lg);
-	}
-	.rz-render-fields-preview__row:last-child .rz-render-fields-preview__name {
-		border-bottom-left-radius: var(--rz-radius-lg);
-	}
+  .rz-render-fields-preview__row:first-child .rz-render-fields-preview__name {
+    border-top-left-radius: var(--rz-radius-lg);
+  }
+  .rz-render-fields-preview__row:last-child .rz-render-fields-preview__name {
+    border-bottom-left-radius: var(--rz-radius-lg);
+  }
 }

package/dist/fields/rich-text/core/features/fields/fields.svelte

@@ -1,64 +1,64 @@
 <script lang="ts">
-	import { page } from '$app/state';
-	import { FieldBuilder, FormFieldBuilder } from '../../../../../core/fields/builders';
-	import FieldsPreview from '../../../../../panel/components/fields/FieldsPreview.svelte';
-	import FieldsPreviewTrigger from '../../../../../panel/components/fields/FieldsPreviewTrigger.svelte';
-	import * as Sheet from '../../../../../panel/components/ui/sheet/index.js';
-	import { setFormContext } from '../../../../../panel/context/form.svelte';
-	import { setLocaleContext } from '../../../../../panel/context/locale.svelte';
-	import type { NodeViewProps } from '@tiptap/core';
-	import { onMount } from 'svelte';
-	import NodeViewWrapper from '../../svelte/node-view-wrapper.svelte';
-	import './fields.css';
+  import { page } from '$app/state';
+  import { FieldBuilder, FormFieldBuilder } from '../../../../../core/fields/builders';
+  import FieldsPreview from '../../../../../panel/components/fields/FieldsPreview.svelte';
+  import FieldsPreviewTrigger from '../../../../../panel/components/fields/FieldsPreviewTrigger.svelte';
+  import * as Sheet from '../../../../../panel/components/ui/sheet/index.js';
+  import { setFormContext } from '../../../../../panel/context/form.svelte';
+  import { setLocaleContext } from '../../../../../panel/context/locale.svelte';
+  import type { NodeViewProps } from '@tiptap/core';
+  import { onMount } from 'svelte';
+  import NodeViewWrapper from '../../svelte/node-view-wrapper.svelte';
+  import './fields.css';
 
-	type Props = Omit<NodeViewProps, 'extension'> & {
-		extension: {
-			options: {
-				fields: FieldBuilder[];
-			};
-		};
-	};
+  type Props = Omit<NodeViewProps, 'extension'> & {
+    extension: {
+      options: {
+        fields: FieldBuilder[];
+      };
+    };
+  };
 
-	let { node, extension, updateAttributes }: Props = $props();
-	let isSheetOpen = $state(false);
+  let { node, extension, updateAttributes }: Props = $props();
+  let isSheetOpen = $state(false);
 
-	setLocaleContext(page.data.locale || 'en');
-	// svelte-ignore state_referenced_locally
-	const form = setFormContext(node.attrs.json || {}, 'fields');
+  setLocaleContext(page.data.locale || 'en');
+  // svelte-ignore state_referenced_locally
+  const form = setFormContext(node.attrs.json || {}, 'fields');
 
-	onMount(() => {
-		if (!node.attrs.json) {
-			isSheetOpen = true;
-		}
-	});
+  onMount(() => {
+    if (!node.attrs.json) {
+      isSheetOpen = true;
+    }
+  });
 
-	$effect(() => {
-		if (form.values) {
-			updateAttributes({
-				json: form.values
-			});
-		}
-	});
+  $effect(() => {
+    if (form.values) {
+      updateAttributes({
+        json: form.values
+      });
+    }
+  });
 
-	const previewFields = $derived.by(() => {
-		return extension.options.fields.filter((field) => field instanceof FormFieldBuilder);
-	});
+  const previewFields = $derived.by(() => {
+    return extension.options.fields.filter((field) => field instanceof FormFieldBuilder);
+  });
 </script>
 
 <NodeViewWrapper>
-	<FieldsPreviewTrigger class="rz-rich-text-fields-preview" onclick={() => (isSheetOpen = true)}>
-		<FieldsPreview
-			fields={previewFields}
-			getField={(field) => form.useField(field.name, field.raw)}
-		/>
-	</FieldsPreviewTrigger>
+  <FieldsPreviewTrigger class="rz-rich-text-fields-preview" onclick={() => (isSheetOpen = true)}>
+    <FieldsPreview
+      fields={previewFields}
+      getField={(field) => form.useField(field.name, field.raw)}
+    />
+  </FieldsPreviewTrigger>
 </NodeViewWrapper>
 
 <Sheet.Root bind:open={isSheetOpen}>
-	<Sheet.Content side="right" class="rz-rich-text-sheet">
-		{#each previewFields || [] as field, index (index)}
-			{@const FieldComponent = field.component}
-			<FieldComponent path={field.raw.name} config={field.raw} {form} />
-		{/each}
-	</Sheet.Content>
+  <Sheet.Content side="right" class="rz-rich-text-sheet">
+    {#each previewFields || [] as field, index (index)}
+      {@const FieldComponent = field.component}
+      <FieldComponent path={field.raw.name} config={field.raw} {form} />
+    {/each}
+  </Sheet.Content>
 </Sheet.Root>

package/dist/fields/rich-text/core/features/hr/hr.css

@@ -1,19 +1,19 @@
 .ProseMirror > hr:not(.ProseMirror-gapcursor) {
-	margin-top: 0;
-	margin-bottom: 0;
-	padding-top: 0;
-	background-color: hsl(var(--rz-input-bg));
-	padding-bottom: 0;
-	/*border-top-color: none;*/
-	border-left-color: none;
-	cursor: pointer;
-	min-height: var(--rz-size-6);
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-top: 0;
+  background-color: hsl(var(--rz-input-bg));
+  padding-bottom: 0;
+  /*border-top-color: none;*/
+  border-left-color: none;
+  cursor: pointer;
+  min-height: var(--rz-size-6);
 
-	box-shadow:
-		inset 0 0 0px calc(var(--rz-size-3) - 1px) hsl(var(--rz-color-bg)),
-		0 2px 0px 0 hsl(var(--rz-color-bg));
+  box-shadow:
+    inset 0 0 0px calc(var(--rz-size-3) - 1px) hsl(var(--rz-color-bg)),
+    0 2px 0px 0 hsl(var(--rz-color-bg));
 
-	&.ProseMirror-selectednode {
-		background-color: hsl(var(--rz-color-spot));
-	}
+  &.ProseMirror-selectednode {
+    background-color: hsl(var(--rz-color-spot));
+  }
 }

package/dist/fields/rich-text/core/features/link/component/link-selector.css

@@ -1,4 +1,4 @@
 .rz-rich-text__editor a {
-	text-decoration: underline;
-	text-underline-offset: 3px;
+  text-decoration: underline;
+  text-underline-offset: 3px;
 }