fimo-next 2.4.1 → 2.5.0-staging.2

package/dist/config.js

@@ -1,3 +1,4 @@
+import { resolveFimoEditingMetadata } from 'fimo/preview';
 const NEXT_DEVELOPMENT_PHASE = 'phase-development-server';
 const PREVIEW_ORIGINS_ENV = 'FIMO_PREVIEW_ALLOWED_ORIGINS';
 function readPreviewOrigins() {
@@ -33,7 +34,33 @@ function withConfigTracing(config) {
 export function withFimo(applicationConfig) {
     return async (phase, context) => {
         const applied = typeof applicationConfig === 'function' ? await applicationConfig(phase, context) : applicationConfig;
-        const config = withConfigTracing(applied);
+        const editing = resolveFimoEditingMetadata(phase === NEXT_DEVELOPMENT_PHASE ? 'development' : 'production', process.env.FIMO_EDITING_METADATA);
+        const compiler = applied.compiler;
+        const removeProperties = compiler?.reactRemoveProperties;
+        const config = withConfigTracing({
+            ...applied,
+            ...(!editing
+                ? {
+                    compiler: {
+                        ...compiler,
+                        reactRemoveProperties: {
+                            properties: [
+                                ...(removeProperties === true
+                                    ? ['^data-test']
+                                    : typeof removeProperties === 'object'
+                                        ? (removeProperties.properties ?? [])
+                                        : []),
+                                '^data-fimo-(source(-context)?|id|richtext|live-edit)$',
+                            ],
+                        },
+                    },
+                }
+                : {}),
+            env: {
+                ...applied.env,
+                FIMO_EDITING_METADATA: String(editing),
+            },
+        });
         if (phase !== NEXT_DEVELOPMENT_PHASE) {
             return config;
         }

package/dist/runtime/next/primitives/Text.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getFimoParts, getFimoSource } from 'fimo/content';
+import { withoutFimoEditingMetadata, isFimoEditingMetadataEnabled } from 'fimo/preview';
 import { Fragment } from 'react';
 /**
  * Server-safe text primitive for Next.js Server Components.
@@ -11,8 +12,8 @@ export function Text({ value, as, children, ...props }) {
     const Component = as || 'span';
     const parts = getFimoParts(value);
     if (parts && parts.length > 1 && !children) {
-        return (_jsx(Component, { ...props, children: parts.map((part, index) => part.source ? (_jsx("span", { "data-fimo-source": part.source, children: part.text }, index)) : (_jsx(Fragment, { children: part.text }, index))) }));
+        return (_jsx(Component, { ...withoutFimoEditingMetadata(props), children: parts.map((part, index) => part.source ? (_jsx("span", { "data-fimo-source": isFimoEditingMetadataEnabled() ? part.source : undefined, children: part.text }, index)) : (_jsx(Fragment, { children: part.text }, index))) }));
     }
     const text = String(value);
-    return (_jsx(Component, { ...props, "data-fimo-source": getFimoSource(value), children: children ? children(text) : text }));
+    return (_jsx(Component, { ...withoutFimoEditingMetadata(props), "data-fimo-source": isFimoEditingMetadataEnabled() ? getFimoSource(value) : undefined, children: children ? children(text) : text }));
 }

package/dist/runtime/next/primitives/server.js

@@ -1,20 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DateRenderer, ImageRenderer, RichTextRenderer, VideoRenderer } from 'fimo-react/primitives/server';
 import { FIMO_SOURCE, getFimoSource } from 'fimo/content';
+import { withoutFimoEditingMetadata, isFimoEditingMetadataEnabled } from 'fimo/preview';
 export function Boolean({ value, as, children, ...props }) {
     if (!value) {
         return null;
     }
     const Component = as || 'span';
     const booleanValue = value.valueOf();
-    return (_jsx(Component, { ...props, "data-fimo-source": value[FIMO_SOURCE], children: children ? children(booleanValue) : String(booleanValue) }));
+    return (_jsx(Component, { ...withoutFimoEditingMetadata(props), "data-fimo-source": isFimoEditingMetadataEnabled() ? value[FIMO_SOURCE] : undefined, children: children ? children(booleanValue) : String(booleanValue) }));
 }
 export function Date({ value, ...props }) {
     if (!value) {
         return null;
     }
     const source = typeof value === 'object' && FIMO_SOURCE in value ? (value[FIMO_SOURCE] ?? undefined) : undefined;
-    return _jsx(DateRenderer, { ...props, value: value, source: source });
+    return _jsx(DateRenderer, { ...withoutFimoEditingMetadata(props), value: value, source: source });
 }
 /** Renders a `datetime` field: the `dateTime` attribute keeps the whole instant. */
 export function DateTime({ value, ...props }) {
@@ -22,30 +23,30 @@ export function DateTime({ value, ...props }) {
         return null;
     }
     const source = typeof value === 'object' && FIMO_SOURCE in value ? (value[FIMO_SOURCE] ?? undefined) : undefined;
-    return _jsx(DateRenderer, { ...props, value: value, source: source, precision: "instant" });
+    return _jsx(DateRenderer, { ...withoutFimoEditingMetadata(props), value: value, source: source, precision: "instant" });
 }
 export function Image(props) {
     if (!props.value) {
         return null;
     }
-    return _jsx(ImageRenderer, { ...props });
+    return _jsx(ImageRenderer, { ...withoutFimoEditingMetadata(props) });
 }
 export function Json({ value, as, children, ...props }) {
     if (value === null || value === undefined) {
         return null;
     }
     const Component = as || 'span';
-    return (_jsx(Component, { ...props, "data-fimo-source": getFimoSource(value), children: children ? children(value) : JSON.stringify(value) }));
+    return (_jsx(Component, { ...withoutFimoEditingMetadata(props), "data-fimo-source": isFimoEditingMetadataEnabled() ? getFimoSource(value) : undefined, children: children ? children(value) : JSON.stringify(value) }));
 }
 export function RichText({ value, components, ...props }) {
     if (!value) {
         return null;
     }
-    return _jsx(RichTextRenderer, { ...props, document: value.content, source: value[FIMO_SOURCE], components: components });
+    return (_jsx(RichTextRenderer, { ...withoutFimoEditingMetadata(props), document: value.content, source: value[FIMO_SOURCE], components: components }));
 }
 export function Video(props) {
     if (!props.value) {
         return null;
     }
-    return _jsx(VideoRenderer, { ...props });
+    return _jsx(VideoRenderer, { ...withoutFimoEditingMetadata(props) });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fimo-next",
-  "version": "2.4.1",
+  "version": "2.5.0-staging.2",
   "description": "Fimo runtime for Next.js projects.",
   "files": [
     "dist/",
@@ -49,13 +49,13 @@
     "test:watch": "vitest"
   },
   "devDependencies": {
-    "@fimo/tsconfig": "2.4.1",
+    "@fimo/tsconfig": "2.5.0-staging.2",
     "@tanstack/react-query": "^5.80.6",
     "@types/node": "22.18.6",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "fimo": "2.4.1",
-    "fimo-react": "2.4.1",
+    "fimo": "2.5.0-staging.2",
+    "fimo-react": "2.5.0-staging.2",
     "next": "16.3.3",
     "react": "19.2.4",
     "react-dom": "19.2.4",
@@ -64,7 +64,7 @@
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.80.6",
-    "fimo": ">=2.0.1",
+    "fimo": "2.5.0-staging.2",
     "fimo-react": ">=2.0.1",
     "next": "^15.0.0 || ^16.0.0",
     "react": "^18.2.0 || ^19.0.0",