rimecms 0.26.7 → 0.26.9

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

@@ -1,175 +1,175 @@
 <script lang="ts">
-	import type { JSONContent } from '@tiptap/core';
-	import RenderRichText from './render-rich-text.svelte';
-	import type { RichTextNodeRenderer } from './types';
+  import type { JSONContent } from '@tiptap/core';
+  import RenderRichText from './render-rich-text.svelte';
+  import type { RichTextNodeRenderer } from './types';
 
-	type Props = {
-		json?: JSONContent;
-		components?: {
-			heading?: RichTextNodeRenderer;
-			paragraph?: RichTextNodeRenderer;
-			blockquote?: RichTextNodeRenderer;
-			bold?: RichTextNodeRenderer;
-			italic?: RichTextNodeRenderer;
-			link?: RichTextNodeRenderer;
-			ul?: RichTextNodeRenderer;
-			media?: RichTextNodeRenderer;
-			resource?: RichTextNodeRenderer;
-			li?: RichTextNodeRenderer;
-			ol?: RichTextNodeRenderer;
-		} & Record<string, RichTextNodeRenderer>;
-	};
+  type Props = {
+    json?: JSONContent;
+    components?: {
+      heading?: RichTextNodeRenderer;
+      paragraph?: RichTextNodeRenderer;
+      blockquote?: RichTextNodeRenderer;
+      bold?: RichTextNodeRenderer;
+      italic?: RichTextNodeRenderer;
+      link?: RichTextNodeRenderer;
+      ul?: RichTextNodeRenderer;
+      media?: RichTextNodeRenderer;
+      resource?: RichTextNodeRenderer;
+      li?: RichTextNodeRenderer;
+      ol?: RichTextNodeRenderer;
+    } & Record<string, RichTextNodeRenderer>;
+  };
 
-	function shiftAndReturn<T>(arr: T[]): [T | undefined, T[]] {
-		const arrayClone = [...arr];
-		const item = arrayClone.shift(); // removes and returns the first element
-		return [item, arrayClone];
-	}
+  function shiftAndReturn<T>(arr: T[]): [T | undefined, T[]] {
+    const arrayClone = [...arr];
+    const item = arrayClone.shift(); // removes and returns the first element
+    return [item, arrayClone];
+  }
 
-	const { json, components }: Props = $props();
+  const { json, components }: Props = $props();
 </script>
 
 {#snippet renderMarks(node: JSONContent[number])}
-	{@const marks = [...(node.marks || [])]}
-	{@const [mark, processedMarks] = shiftAndReturn(marks)}
-	{@const processedNode = { ...node, marks: processedMarks }}
+  {@const marks = [...(node.marks || [])]}
+  {@const [mark, processedMarks] = shiftAndReturn(marks)}
+  {@const processedNode = { ...node, marks: processedMarks }}
 
-	{#if marks && marks.length}
-		{#if mark.type === 'bold'}
-			{#if components?.bold}
-				<components.bold {components} {node}>
-					{@render renderMarks(processedNode)}
-				</components.bold>
-			{:else}
-				<strong {...mark.attrs}>{@render renderMarks(processedNode)}</strong>
-			{/if}
-			<!--  -->
-		{:else if mark.type === 'italic'}
-			{#if components?.italic}
-				<components.italic {components} {node}>
-					{@render renderMarks(processedNode)}
-				</components.italic>
-			{:else}
-				<em {...mark.attrs}>{@render renderMarks(processedNode)}</em>
-			{/if}
+  {#if marks && marks.length}
+    {#if mark.type === 'bold'}
+      {#if components?.bold}
+        <components.bold {components} {node}>
+          {@render renderMarks(processedNode)}
+        </components.bold>
+      {:else}
+        <strong {...mark.attrs}>{@render renderMarks(processedNode)}</strong>
+      {/if}
+      <!--  -->
+    {:else if mark.type === 'italic'}
+      {#if components?.italic}
+        <components.italic {components} {node}>
+          {@render renderMarks(processedNode)}
+        </components.italic>
+      {:else}
+        <em {...mark.attrs}>{@render renderMarks(processedNode)}</em>
+      {/if}
 
-			<!--  -->
-		{:else if mark.type === 'link'}
-			{#if components?.link}
-				<components.link {components} {node}>
-					{@render renderMarks(processedNode)}
-				</components.link>
-			{:else}
-				<a {...mark.attrs}>{@render renderMarks(processedNode)}</a>
-			{/if}
-		{:else if components && mark.type && mark.type in components}
-			{@const CustomMark = components[mark.type]}
-			<CustomMark {components} {node}>
-				{@render renderMarks(processedNode)}
-			</CustomMark>
-		{:else if node.content}
-			<span {...mark.attrs}>{@render renderMarks(processedNode)}</span>
-		{/if}
-	{:else}
-		{node.text}
-	{/if}
+      <!--  -->
+    {:else if mark.type === 'link'}
+      {#if components?.link}
+        <components.link {components} {node}>
+          {@render renderMarks(processedNode)}
+        </components.link>
+      {:else}
+        <a {...mark.attrs}>{@render renderMarks(processedNode)}</a>
+      {/if}
+    {:else if components && mark.type && mark.type in components}
+      {@const CustomMark = components[mark.type]}
+      <CustomMark {components} {node}>
+        {@render renderMarks(processedNode)}
+      </CustomMark>
+    {:else if node.content}
+      <span {...mark.attrs}>{@render renderMarks(processedNode)}</span>
+    {/if}
+  {:else}
+    {node.text}
+  {/if}
 {/snippet}
 
 {#if json?.content}
-	{#each json.content as node, index (index)}
-		{#if node.type === 'text'}
-			{@render renderMarks(node)}
-			<!--  -->
-		{:else if node.type === 'paragraph'}
-			{#if components?.paragraph}
-				<components.paragraph {components} {node}>
-					<RenderRichText {components} json={node} />
-				</components.paragraph>
-			{:else}
-				<p {...node.attrs}><RenderRichText {components} json={node} /></p>
-			{/if}
-			<!--  -->
-		{:else if node.type === 'heading'}
-			{#if components?.heading}
-				<components.heading {components} {node}>
-					<RenderRichText {components} json={node} />
-				</components.heading>
-			{:else}
-				{@const tag = `h${node.attrs?.level || 2}`}
-				<svelte:element this={tag} {...node.attrs}
-					><RenderRichText {components} json={node} /></svelte:element
-				>
-			{/if}
-			<!--  -->
-		{:else if node.type === 'blockquote'}
-			{#if components?.blockquote}
-				<components.blockquote {components} {node}>
-					<RenderRichText {components} json={node} />
-				</components.blockquote>
-			{:else}
-				<blockquote {...node.attrs}><RenderRichText {components} json={node} /></blockquote>
-			{/if}
-			<!--  -->
-		{:else if node.type === 'bulletList'}
-			{#if components?.ul}
-				<components.ul {components} {node}>
-					<RenderRichText {components} json={node} />
-				</components.ul>
-			{:else}
-				<ul {...node.attrs}><RenderRichText {components} json={node} /></ul>
-			{/if}
-			<!--  -->
-		{:else if node.type === 'orderedList'}
-			{#if components?.ol}
-				<components.ol {components} {node}>
-					<RenderRichText {components} json={node} />
-				</components.ol>
-			{:else}
-				<ol {...node.attrs}><RenderRichText {components} json={node} /></ol>
-			{/if}
-			<!--  -->
-		{:else if node.type === 'listItem'}
-			{#if components?.li}
-				<components.li {components} {node}>
-					<RenderRichText {components} json={node} />
-				</components.li>
-			{:else}
-				<li {...node.attrs}><RenderRichText {components} json={node} /></li>
-			{/if}
-			<!--  -->
-		{:else if node.type === 'media'}
-			{#if components?.media}
-				<components.media {components} {node}>
-					<RenderRichText {components} json={node} />
-				</components.media>
-			{:else}
-				[Provide a media component to render this node]
-			{/if}
-			<!--  -->
-		{:else if node.type === 'resource'}
-			{#if components?.resource}
-				<components.resource {components} {node}>
-					<RenderRichText {components} json={node} />
-				</components.resource>
-			{:else}
-				[Provide a resource component to render this node]
-			{/if}
-		{:else if node.type === 'fields'}
-			{#if components?.fields}
-				<components.fields {components} {node}>
-					<RenderRichText {components} json={node} />
-				</components.fields>
-			{:else}
-				[Provide a fields component to render this node]
-			{/if}
-			<!--  -->
-		{:else if components && node.type && node.type in components}
-			{@const CustomNode = components[node.type]}
-			<CustomNode {node}>
-				<RenderRichText {components} json={node} />
-			</CustomNode>
-		{:else if node.content}
-			<RenderRichText {components} json={node} />
-		{/if}
-	{/each}
+  {#each json.content as node, index (index)}
+    {#if node.type === 'text'}
+      {@render renderMarks(node)}
+      <!--  -->
+    {:else if node.type === 'paragraph'}
+      {#if components?.paragraph}
+        <components.paragraph {components} {node}>
+          <RenderRichText {components} json={node} />
+        </components.paragraph>
+      {:else}
+        <p {...node.attrs}><RenderRichText {components} json={node} /></p>
+      {/if}
+      <!--  -->
+    {:else if node.type === 'heading'}
+      {#if components?.heading}
+        <components.heading {components} {node}>
+          <RenderRichText {components} json={node} />
+        </components.heading>
+      {:else}
+        {@const tag = `h${node.attrs?.level || 2}`}
+        <svelte:element this={tag} {...node.attrs}
+          ><RenderRichText {components} json={node} /></svelte:element
+        >
+      {/if}
+      <!--  -->
+    {:else if node.type === 'blockquote'}
+      {#if components?.blockquote}
+        <components.blockquote {components} {node}>
+          <RenderRichText {components} json={node} />
+        </components.blockquote>
+      {:else}
+        <blockquote {...node.attrs}><RenderRichText {components} json={node} /></blockquote>
+      {/if}
+      <!--  -->
+    {:else if node.type === 'bulletList'}
+      {#if components?.ul}
+        <components.ul {components} {node}>
+          <RenderRichText {components} json={node} />
+        </components.ul>
+      {:else}
+        <ul {...node.attrs}><RenderRichText {components} json={node} /></ul>
+      {/if}
+      <!--  -->
+    {:else if node.type === 'orderedList'}
+      {#if components?.ol}
+        <components.ol {components} {node}>
+          <RenderRichText {components} json={node} />
+        </components.ol>
+      {:else}
+        <ol {...node.attrs}><RenderRichText {components} json={node} /></ol>
+      {/if}
+      <!--  -->
+    {:else if node.type === 'listItem'}
+      {#if components?.li}
+        <components.li {components} {node}>
+          <RenderRichText {components} json={node} />
+        </components.li>
+      {:else}
+        <li {...node.attrs}><RenderRichText {components} json={node} /></li>
+      {/if}
+      <!--  -->
+    {:else if node.type === 'media'}
+      {#if components?.media}
+        <components.media {components} {node}>
+          <RenderRichText {components} json={node} />
+        </components.media>
+      {:else}
+        [Provide a media component to render this node]
+      {/if}
+      <!--  -->
+    {:else if node.type === 'resource'}
+      {#if components?.resource}
+        <components.resource {components} {node}>
+          <RenderRichText {components} json={node} />
+        </components.resource>
+      {:else}
+        [Provide a resource component to render this node]
+      {/if}
+    {:else if node.type === 'fields'}
+      {#if components?.fields}
+        <components.fields {components} {node}>
+          <RenderRichText {components} json={node} />
+        </components.fields>
+      {:else}
+        [Provide a fields component to render this node]
+      {/if}
+      <!--  -->
+    {:else if components && node.type && node.type in components}
+      {@const CustomNode = components[node.type]}
+      <CustomNode {node}>
+        <RenderRichText {components} json={node} />
+      </CustomNode>
+    {:else if node.content}
+      <RenderRichText {components} json={node} />
+    {/if}
+  {/each}
 {/if}

package/dist/fields/rich-text/core/svelte/node-view-wrapper.svelte

@@ -1,26 +1,33 @@
 <script lang="ts" generics="T extends keyof SvelteHTMLElements = 'div'">
-	import { getContext, onMount, tick } from 'svelte';
-	import type { SvelteHTMLElements } from 'svelte/elements';
-	import type { TiptapNodeViewContext } from '../types';
-	import { TIPTAP_NODE_VIEW } from './constant.js';
+  import { getContext, onMount, tick } from 'svelte';
+  import type { SvelteHTMLElements } from 'svelte/elements';
+  import type { TiptapNodeViewContext } from '../types';
+  import { TIPTAP_NODE_VIEW } from './constant.js';
 
-	type Props = SvelteHTMLElements[T] & {
-		as?: T;
-	};
+  type Props = SvelteHTMLElements[T] & {
+    as?: T;
+  };
 
-	const { as = 'div' as T, children, ...rest }: Props = $props();
+  const { as = 'div' as T, children, ...rest }: Props = $props();
 
-	const { onDragStart } = getContext<TiptapNodeViewContext>(TIPTAP_NODE_VIEW);
-	let element: HTMLElement;
+  const { onDragStart } = getContext<TiptapNodeViewContext>(TIPTAP_NODE_VIEW);
+  let element: HTMLElement;
 
-	onMount(async () => {
-		await tick();
-		element.style.whiteSpace = 'normal';
-	});
+  onMount(async () => {
+    await tick();
+    element.style.whiteSpace = 'normal';
+  });
 </script>
 
-<svelte:element this={as} bind:this={element} data-node-view-wrapper role="none" {...rest} ondragstart={onDragStart}>
-	{#if children}
-		{@render children()}
-	{/if}
+<svelte:element
+  this={as}
+  bind:this={element}
+  data-node-view-wrapper
+  role="none"
+  {...rest}
+  ondragstart={onDragStart}
+>
+  {#if children}
+    {@render children()}
+  {/if}
 </svelte:element>

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

@@ -3,6 +3,7 @@
  */
 export function hasSuggestion(features) {
     return !!features.filter((feature) => {
-        return feature.marks?.some((mark) => !!mark.suggestion) || feature.nodes?.some((node) => !!node.suggestion);
+        return (feature.marks?.some((mark) => !!mark.suggestion) ||
+            feature.nodes?.some((node) => !!node.suggestion));
     }).length;
 }