rimecms 0.26.9 → 0.27.1

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

@@ -18,10 +18,11 @@ import { t__ } from '../../core/i18n/index.js';
 import { moveItem } from '../../util/array.js';
 import { getValueAtPath, setValueAtPath } from '../../util/object.js';
 import { snapshot } from '../../util/state.js';
-import { API_PROXY, getAPIProxyContext } from './api-proxy.svelte.js';
+import { getAPIProxyContext } from './api-proxy.svelte.js';
 import { getCollectionContext } from './collection.svelte.js';
 import { setErrorsContext } from './errors.svelte.js';
 import { getLocaleContext } from './locale.svelte.js';
+import { getTitleContext } from './title.js';
 import { getUserContext } from './user.svelte.js';
 function createDocumentFormState({ initial, config, readOnly, key, onNestedDocumentCreated, afterSuccess, onDataChange, beforeSubmit, beforeRedirect, onFieldFocus }) {
     //
@@ -42,10 +43,10 @@ function createDocumentFormState({ initial, config, readOnly, key, onNestedDocum
     const nestedLevel = initLevel();
     const isLiveEdit = !!onDataChange;
     const locale = getLocaleContext();
-    const titleContext = getContext('title');
+    const titleContext = getTitleContext();
     const initialTitle = initTitle();
     let title = $state(initialTitle);
-    const apiProxy = getAPIProxyContext(API_PROXY.DOCUMENT);
+    const apiProxy = getAPIProxyContext();
     function initLevel() {
         const last = key.split('_').pop();
         const isDigit = /[\d]+/.test(last);
@@ -497,6 +498,8 @@ function createDocumentFormState({ initial, config, readOnly, key, onNestedDocum
         async function handleSuccess(data) {
             const redirect = data?.redirectUrl || false;
             const message = data?.message || t__('common.generic_success');
+            // Invalidate all queries to ensure data consistency across the app
+            apiProxy.invalidate(documentConfig.slug);
             if (redirect) {
                 if (beforeRedirect) {
                     const shouldRedirect = await beforeRedirect(data);
@@ -509,8 +512,6 @@ function createDocumentFormState({ initial, config, readOnly, key, onNestedDocum
             // Assign documents returned from the server to the form state
             doc = (data?.document || doc);
             initialDoc = doc;
-            // Invalidate all queries to ensure data consistency across the app
-            apiProxy.invalidateAll();
             toast.success(message);
             // Callbacks
             if (nestedLevel !== 0) {
@@ -594,7 +595,7 @@ function createDocumentFormState({ initial, config, readOnly, key, onNestedDocum
             actionSuffix = '?/update';
         }
         // Add a redirect parameter if we're in a nested form ex: relation creation
-        // to prevent reidrect after creation
+        // to prevent redirect after creation
         const redirectParam = nestedLevel > 0 ? `&${PARAMS.REDIRECT}=false` : '';
         // Combine all parts to form the final action URL
         return `${panelUri}${actionSuffix}${redirectParam}`;

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

@@ -30,7 +30,6 @@ function createFormStore(initial, key) {
      * // value will not update if doc.blocks.0.title update
      */
     function getRawValue(path) {
-        console.log(path);
         return snapshot(getValueAtPath(path, form)) || null;
     }
     function setValue(path, value) {

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

@@ -1,3 +1,4 @@
+export declare const LOCALE_CTX: unique symbol;
 export declare function setLocaleContext(initial?: string): {
     dateFormat: (date: Date | string, args?: {
         short?: boolean;

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

@@ -1,6 +1,6 @@
 import { getContext, setContext } from 'svelte';
 import { getConfigContext } from './config.svelte.js';
-const LOCALE_KEY = Symbol('rime.locale');
+export const LOCALE_CTX = Symbol('rime.locale');
 function createStore(initial) {
     let code = $state();
     let label = $state();
@@ -56,8 +56,8 @@ function createStore(initial) {
 }
 export function setLocaleContext(initial) {
     const store = createStore(initial);
-    return setContext(LOCALE_KEY, store);
+    return setContext(LOCALE_CTX, store);
 }
 export function getLocaleContext() {
-    return getContext(LOCALE_KEY);
+    return getContext(LOCALE_CTX);
 }

package/dist/panel/context/title.d.ts

@@ -0,0 +1,7 @@
+export declare const TITLE_CTX = "rime.document.title";
+export declare function getTitleContext(): {
+    value: string;
+};
+export declare function setTitleContext(title: string): {
+    value: string;
+};

package/dist/panel/context/title.js

@@ -0,0 +1,9 @@
+import { getContext } from 'svelte';
+import createContext from './createContext.svelte';
+export const TITLE_CTX = 'rime.document.title';
+export function getTitleContext() {
+    return getContext(TITLE_CTX);
+}
+export function setTitleContext(title) {
+    return createContext(TITLE_CTX, title);
+}

package/dist/panel/pages/area/Area.svelte

@@ -1,13 +1,10 @@
 <script lang="ts">
   import Document from '../../components/sections/document/Document.svelte';
-  import Unauthorized from '../../components/sections/unauthorized/Unauthorized.svelte';
-  import { API_PROXY, setAPIProxyContext } from '../../context/api-proxy.svelte.js';
   import Page from '../../components/sections/page-layout/Page.svelte';
+  import Unauthorized from '../../components/sections/unauthorized/Unauthorized.svelte';
   import type { AreaDocData } from '../../index.js';
 
   const { data }: { data: AreaDocData<false> } = $props();
-
-  setAPIProxyContext(API_PROXY.DOCUMENT);
 </script>
 
 {#if data.status === 200}

package/dist/panel/pages/area/AreaVersionsDoc.svelte

@@ -3,12 +3,9 @@
   import Versions from '../../components/sections/document/Versions.svelte';
   import Page from '../../components/sections/page-layout/Page.svelte';
   import Unauthorized from '../../components/sections/unauthorized/Unauthorized.svelte';
-  import { API_PROXY, setAPIProxyContext } from '../../context/api-proxy.svelte.js';
   import type { AreaDocData } from '../../index.js';
 
   const { data }: { data: AreaDocData<true> } = $props();
-
-  setAPIProxyContext(API_PROXY.DOCUMENT);
 </script>
 
 {#if data.status === 200}

package/dist/panel/pages/collection/Collection.svelte

@@ -17,8 +17,8 @@
   import PageHeader from '../../components/ui/page-header/PageHeader.svelte';
   import { setCollectionContext } from '../../context/collection.svelte.js';
   import { getConfigContext } from '../../context/config.svelte.js';
+  import { getTitleContext } from '../../context/title';
   import { CopyPlus } from '@lucide/svelte';
-  import { getContext } from 'svelte';
 
   type Props = {
     slug: string;
@@ -60,7 +60,7 @@
     collection.docs = data.docs;
   });
 
-  const titleContext = getContext<{ value: string }>('title');
+  const titleContext = getTitleContext();
 
   $effect(() => {
     titleContext.value = collection.config.label.plural;

package/dist/panel/pages/collection-document/CollectionDocVersions.svelte

@@ -1,16 +1,11 @@
 <script lang="ts">
-  import type { VersionsStatus } from '../../../core/constant.js';
-  import type { VersionDoc } from '../../../core/types/doc.js';
   import Document from '../../components/sections/document/Document.svelte';
   import Versions from '../../components/sections/document/Versions.svelte';
   import Page from '../../components/sections/page-layout/Page.svelte';
   import Unauthorized from '../../components/sections/unauthorized/Unauthorized.svelte';
-  import { API_PROXY, setAPIProxyContext } from '../../context/api-proxy.svelte.js';
   import type { CollectionDocData } from '../../index.js';
 
   const { data }: { data: CollectionDocData<true> } = $props();
-
-  setAPIProxyContext(API_PROXY.DOCUMENT);
 </script>
 
 {#if data.status === 200}

package/dist/panel/pages/collection-document/CollectionDocument.svelte

@@ -2,12 +2,9 @@
   import Document from '../../components/sections/document/Document.svelte';
   import Page from '../../components/sections/page-layout/Page.svelte';
   import Unauthorized from '../../components/sections/unauthorized/Unauthorized.svelte';
-  import { API_PROXY, setAPIProxyContext } from '../../context/api-proxy.svelte.js';
   import type { CollectionDocData } from '../../index.js';
 
   const { data }: { data: CollectionDocData<false> } = $props();
-
-  setAPIProxyContext(API_PROXY.DOCUMENT);
 </script>
 
 {#if data.status === 200}

package/dist/panel/pages/live/Live.svelte

@@ -7,6 +7,7 @@
   import Button from '../../components/ui/button/button.svelte';
   import { Pane, PaneGroup, PaneResizer } from '../../components/ui/pane/index.js';
   import SpinLoader from '../../components/ui/spin-loader/SpinLoader.svelte';
+  import { snapshot } from '../../../util/state';
   import { Laptop, Smartphone } from '@lucide/svelte';
   import { onMount } from 'svelte';
   import { fade } from 'svelte/transition';
@@ -30,7 +31,8 @@
   const onDataChange = (args: Partial<GenericDoc>) => {
     /** Send message to iframe */
     if (iframe?.contentWindow) {
-      iframe.contentWindow.postMessage(args);
+      // Use snapshot to ensure we're sending a plain object without reactive proxies
+      iframe.contentWindow.postMessage(snapshot(args));
     }
   };
 
@@ -89,12 +91,7 @@
     }
   });
 
-  const ZOOMS = [0.5, 0.66, 1] as const;
-
-  let currentZoom = $state(1);
   let currentDevice = $state<'mobile' | 'desktop'>('mobile');
-
-  const iframeScale = $derived(ZOOMS[currentZoom]);
 </script>
 
 <div class="rz-live-container">
@@ -169,8 +166,6 @@
 
   .rz-live-container iframe.mobile {
     width: 320px;
-    /*transform: translateX(-50%);
-		margin-left: 50%;*/
     aspect-ratio: 2 / 3.3;
     scale: 1.25;
   }

package/dist/types.d.ts

@@ -1,7 +1,7 @@
 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 * 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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rimecms",
-  "version": "0.26.9",
+  "version": "0.27.1",
   "homepage": "https://github.com/bienbiendev/rime",
   "scripts": {
     "dev": "vite dev",
@@ -161,16 +161,16 @@
     "globals": "^15.15.0",
     "postcss": "^8.5.3",
     "postcss-cli": "^11.0.1",
-    "postcss-mixins": "^11.0.3",
+    "postcss-mixins": "^12.1.2",
     "prettier": "^3.5.3",
     "prettier-plugin-svelte": "^3.3.3",
     "publint": "^0.2.12",
     "svelte": "^5.55.2",
     "svelte-check": "^4.4.6",
     "typescript": "^5.8.3",
-    "typescript-eslint": "^8.20.0",
+    "typescript-eslint": "^8.59.0",
     "vite": "^8.0.8",
-    "vitest": "^4.0.5"
+    "vitest": "^4.1.4"
   },
   "dependencies": {
     "@babel/generator": "^7.28.3",