rimecms 0.27.3 → 0.27.4

package/dist/core/i18n/en/common.d.ts

@@ -17,6 +17,7 @@ declare namespace _default {
     export let delete_dialog_title: string;
     export let delete_dialog_text: string;
     export let duplicate: string;
+    export let duplicate_success: string;
     export let doc_deleted: string;
     export let doc_created: string;
     export let doc_updated: string;

package/dist/core/i18n/en/common.js

@@ -17,6 +17,7 @@ export default {
   delete_dialog_title: 'Delete $1',
   delete_dialog_text: 'You are about to delete $1, press delete to confirm the operation.',
   duplicate: 'Duplicate',
+  duplicate_success: 'Duplicated successfully',
   doc_deleted: 'Document deleted',
   doc_created: 'Document created',
   doc_updated: 'Document updated',

package/dist/core/i18n/fr/common.d.ts

@@ -16,6 +16,7 @@ declare namespace _default {
     export let delete_dialog_title: string;
     export let delete_dialog_text: string;
     export let duplicate: string;
+    export let duplicate_success: string;
     export let doc_deleted: string;
     export let doc_created: string;
     export let doc_updated: string;

package/dist/core/i18n/fr/common.js

@@ -17,6 +17,7 @@ export default {
   delete_dialog_text:
     "Vous êtes sur le point de supprimer $1, appuyez sur supprimer pour confirmer l'opération.",
   duplicate: 'Dupliquer',
+  duplicate_success: 'Dupliqué avec succès',
   doc_deleted: 'Document supprimé',
   doc_created: 'Document enregistré',
   doc_updated: 'Document mis à jour',

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

@@ -4,6 +4,7 @@
   import { Editor, type JSONContent } from '@tiptap/core';
   import { onMount } from 'svelte';
   import { buildEditorConfig } from '../core/build-editor-config.js';
+  import { defaultFeatures } from '../core/features/index.js';
   import type { RichTextFeature } from '../core/types';
   import { hasSuggestion } from '../util.js';
   import EditorBubbleMenu from './bubble-menu/bubble-menu.svelte';
@@ -26,11 +27,13 @@
     setRichTextContext(path);
   });
 
-  const withSuggestion = $derived(hasSuggestion(config.features || []));
+  const withSuggestion = $derived(hasSuggestion(config.features || defaultFeatures));
 
   onMount(() => {
     // Build editor configuration
-    const richTextEditorConfig = buildEditorConfig({ features: config.features });
+    const richTextEditorConfig = buildEditorConfig({
+      features: config.features || defaultFeatures
+    });
 
     features = richTextEditorConfig.features;
     editor = new Editor({

package/dist/fields/rich-text/component/styles/rich-text.css

@@ -36,7 +36,7 @@
 /** All editor > node */
 .ProseMirror > *:not(.ProseMirror-gapcursor) {
   background-color: hsl(var(--rz-input-bg));
-  padding: var(--rz-size-4) var(--rz-size-3) var(--rz-size-4);
+  padding: var(--rz-size-3) var(--rz-size-3);
   margin-left: var(--left-spacing);
   width: calc(100% - var(--left-spacing));
   min-height: var(--rz-size-11);

package/dist/fields/rich-text/core/build-editor-config.d.ts

@@ -1,6 +1,6 @@
 import type { RichTextEditorConfig, RichTextFeature } from './types.js';
 type BuildEditorConfigArgs = {
-    features?: Array<RichTextFeature>;
+    features: Array<RichTextFeature>;
     standAlone?: boolean;
 };
 /**

package/dist/fields/rich-text/core/build-editor-config.js

@@ -12,14 +12,12 @@ import { getLocaleContext, LOCALE_CTX } from '../../../panel/context/locale.svel
 import { getUserContext, USER_CTX } from '../../../panel/context/user.svelte.js';
 import { hasSuggestion } from '../util.js';
 import { CurrentNodeAttribute } from './extensions/current-node/current-node.js';
-import { defaultFeatures } from './features/index.js';
 import { ParagraphFeature } from './features/paragraph.js';
 /**
  * Builds a rich text editor configuration based on the provided features
  */
 export function buildEditorConfig(args) {
-    const { features: incommingFeatures = [] } = args;
-    const features = incommingFeatures.length === 0 ? defaultFeatures : incommingFeatures;
+    const { features } = args;
     const withSuggestion = hasSuggestion(features);
     // Add mandatory paragraph feature if not provided
     const hasParagraph = features

package/dist/panel/components/Root.svelte

@@ -86,6 +86,6 @@
   }
 
   .rz-panel-root__right--navCollapsed {
-    margin-left: var(--rz-size-20);
+    margin-left: var(--rz-size-14);
   }
 </style>

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

@@ -73,6 +73,7 @@
   }
 
   async function duplicate() {
+    form.reset();
     const url = `${apiUrl(form.config.kebab, form.values.id)}/duplicate`;
 
     const [error, success] = await trycatchFetch(url, {

package/dist/panel/components/ui/nav/Nav.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { page } from '$app/state';
   import { getConfigContext } from '../../../context/config.svelte.js';
   import type { Route } from '../../../types';
   import { panelUrl } from '../../../util/url.js';
@@ -43,25 +42,23 @@
 
     <div class="rz-nav__body">
       <ScrollArea>
-        {#key page.url}
-          <nav class="rz-nav__nav">
-            {#each Object.entries(routesGroups) as [groupName, routes], index (index)}
-              {#if groupName !== 'none'}
-                {@const icon = getGroupIcon(groupName)}
-                <NavGroup name={groupName} {icon} navCollapsed={isCollapsed}>
-                  {#each routes as route (route.url)}
-                    <NavItem href={route.url} {isCollapsed} {route} />
-                  {/each}
-                </NavGroup>
-              {/if}
-            {/each}
-            {#each routesGroups.none as route (route.url)}
-              <div class="rz-nav__group-none">
-                <NavItem href={route.url} {isCollapsed} {route} />
-              </div>
-            {/each}
-          </nav>
-        {/key}
+        <nav class="rz-nav__nav">
+          {#each Object.entries(routesGroups) as [groupName, routes], index (index)}
+            {#if groupName !== 'none'}
+              {@const icon = getGroupIcon(groupName)}
+              <NavGroup name={groupName} {icon} navCollapsed={isCollapsed}>
+                {#each routes as route (route.url)}
+                  <NavItem href={route.url} {isCollapsed} {route} />
+                {/each}
+              </NavGroup>
+            {/if}
+          {/each}
+          {#each routesGroups.none as route (route.url)}
+            <div class="rz-nav__group-none">
+              <NavItem href={route.url} {isCollapsed} {route} />
+            </div>
+          {/each}
+        </nav>
       </ScrollArea>
 
       <div class="rz-nav__user">
@@ -119,7 +116,7 @@
     }
   }
   .rz-nav--collapsed {
-    width: var(--rz-size-20);
+    width: var(--rz-size-14);
     padding: var(--rz-size-3);
     :global(.rz-button-nav) {
       justify-content: start;

package/dist/panel/components/ui/nav/NavGroup.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ChevronDown, ChevronUp, type IconProps } from '@lucide/svelte';
+  import { ChevronUp, type IconProps } from '@lucide/svelte';
   import type { Component, Snippet } from 'svelte';
 
   type Props = {
@@ -35,18 +35,15 @@
         {/if}
         {name}
       </span>
-      {#if groupCollapsed}
-        <ChevronDown size="12" />
-      {:else}
-        <ChevronUp size="12" />
-      {/if}
+      <ChevronUp class="rz-nav-group__chevron" size="12" />
     </button>
   {/if}
-  {#if !groupCollapsed || navCollapsed}
-    <div class="rz-nav-group__content">
+
+  <div class="rz-nav-group__content">
+    <div class="rz-nav-group__content-inner">
       {@render children()}
     </div>
-  {/if}
+  </div>
 </div>
 
 <style global>
@@ -58,14 +55,27 @@
     margin-bottom: var(--rz-size-2);
     background-color: var(--rz-nav-button-bg);
     border-radius: var(--rz-radius-lg);
+
+    :global {
+      .rz-nav-group__chevron {
+        transition: transform 0.3s var(--ease-in-out-quart);
+      }
+    }
   }
 
   .rz-nav-group__content {
     display: grid;
+    grid-template-rows: 1fr;
     padding: 0 var(--rz-size-4);
     background-color: var(--rz-nav-group-bg);
     border-bottom-left-radius: var(--rz-radius-lg);
     border-bottom-right-radius: var(--rz-radius-lg);
+    transition: grid-template-rows 0.3s var(--ease-in-out-quart);
+  }
+
+  .rz-nav-group__content-inner {
+    overflow: hidden;
+    display: grid;
   }
 
   .rz-nav-group__trigger {
@@ -79,6 +89,7 @@
     justify-content: space-between;
     text-align: left;
     border-bottom: 1px solid var(--rz-nav-group-border-color);
+    transition: border-color 0.3s var(--ease-in-out-quart);
 
     span {
       display: flex;
@@ -87,17 +98,26 @@
     }
   }
 
-  .rz-nav-group--collapsed {
+  .rz-nav-group.rz-nav-group--collapsed:not(.rz-nav-group--nav-collapsed) {
     .rz-nav-group__trigger {
       border-color: transparent;
     }
+
+    .rz-nav-group__content {
+      grid-template-rows: 0fr;
+    }
+    :global {
+      .rz-nav-group__chevron {
+        transform: rotate(180deg);
+      }
+    }
   }
 
   .rz-nav-group--nav-collapsed {
-    /*padding-top: var(--rz-size-2);*/
+    background-color: transparent;
     .rz-nav-group__content {
       background-color: transparent;
-      padding: 0 var(--rz-size-5);
+      padding: 0 var(--rz-size-2);
     }
   }
 </style>

package/dist/panel/components/ui/nav/NavItem.svelte

@@ -19,7 +19,7 @@
     typeof route.icon === 'function' ? route.icon : config.raw.icons[route.icon] || File
   );
 
-  let pathname = page.url.pathname;
+  let pathname = $derived(page.url.pathname);
 
   let active = $derived.by(() => {
     const routePathname = new URL(route.url).pathname;

package/dist/panel/components/ui/nav/NavItemButton.svelte

@@ -25,8 +25,13 @@
   {@render children?.()}
 </a>
 
-<style>
-  .rz-button-nav {
+<style>/**************************************/
+
+/* Font */
+
+/**************************************/
+
+.rz-button-nav {
     position: relative;
     display: inline-flex;
     align-items: center;
@@ -46,7 +51,7 @@
     }
   }
 
-  .rz-button-nav--active {
+.rz-button-nav--active {
     text-decoration: underline;
     position: relative;
   }

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

@@ -69,6 +69,7 @@ export declare function setDocumentFormContext<T extends WithOptional<GenericDoc
         none?: string | undefined;
     };
     readonly isLive: boolean;
+    reset(): void;
     setFocusedField(path: string): void;
 };
 export declare function getDocumentFormContext<T extends WithOptional<GenericDoc, 'id'> = WithOptional<GenericDoc, 'id'>>(key?: string): {
@@ -138,6 +139,7 @@ export declare function getDocumentFormContext<T extends WithOptional<GenericDoc
         none?: string | undefined;
     };
     readonly isLive: boolean;
+    reset(): void;
     setFocusedField(path: string): void;
 };
 export type DocumentFormContext<T extends WithOptional<GenericDoc, 'id'> = WithOptional<GenericDoc, 'id'>> = ReturnType<typeof setDocumentFormContext<T>>;

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

@@ -678,6 +678,9 @@ function createDocumentFormState({ initial, config, readOnly, key, onNestedDocum
         get isLive() {
             return isLiveEdit;
         },
+        reset() {
+            doc = initialDoc;
+        },
         setFocusedField(path) {
             if (isLiveEdit && onFieldFocus) {
                 onFieldFocus(path);

package/dist/panel/style/index.css

@@ -1,4 +1,5 @@
 @import '@bienbien/css-reset';
+@import '@bienbien/css-easing';
 @import './size.css';
 @import './font.css';
 @import './radius.css';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rimecms",
-  "version": "0.27.3",
+  "version": "0.27.4",
   "homepage": "https://github.com/bienbiendev/rime",
   "scripts": {
     "dev": "vite dev",
@@ -175,6 +175,7 @@
   "dependencies": {
     "@babel/generator": "^7.28.3",
     "@babel/types": "^7.28.4",
+    "@bienbien/css-easing": "^0.1.1",
     "@bienbien/css-reset": "^0.1.2",
     "@floating-ui/dom": "^1.7.4",
     "@internationalized/date": "^3.8.2",

package/dist/panel/components/ui/nav/NavItemButtonCaret.svelte

@@ -1,12 +0,0 @@
-<span aria-hidden="true" class="button-nav__caret"></span>
-
-<style>
-  .button-nav__caret {
-    background-color: hsl(var(--rz-color-spot));
-    position: absolute;
-    left: calc(-1 * var(--rz-size-4));
-    bottom: 0;
-    top: 0;
-    width: var(--rz-size-1);
-  }
-</style>

package/dist/panel/components/ui/nav/NavItemButtonCaret.svelte.d.ts

@@ -1,26 +0,0 @@
-export default NavItemButtonCaret;
-type NavItemButtonCaret = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const NavItemButtonCaret: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}