fimo-react 2.4.1 → 2.5.0-staging.2

package/dist/runtime/react/primitives/editable/Boolean.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { withoutFimoEditingMetadata } from 'fimo/preview';
 import { FIMO_SOURCE, getFimoSourceContext } from 'fimo/primitives';
 import { useFimoLiveValue } from '../../useFimoLiveValue.js';
 import { getFimoSourceAttributes } from '../source-attributes.js';
@@ -8,5 +9,5 @@ export function Boolean({ value, as, children, ...props }) {
     if (!value) {
         return null;
     }
-    return (_jsx(Component, { ref: ref, ...props, ...getFimoSourceAttributes(value[FIMO_SOURCE], getFimoSourceContext(value)), children: children ? children(liveValue) : String(liveValue) }));
+    return (_jsx(Component, { ref: ref, ...withoutFimoEditingMetadata(props), ...getFimoSourceAttributes(value[FIMO_SOURCE], getFimoSourceContext(value)), children: children ? children(liveValue) : String(liveValue) }));
 }

package/dist/runtime/react/primitives/editable/Json.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { withoutFimoEditingMetadata } from 'fimo/preview';
 import { getFimoSource, getFimoSourceContext } from 'fimo/primitives';
 import { useFimoLiveValue } from '../../useFimoLiveValue.js';
 import { getFimoSourceAttributes } from '../source-attributes.js';
@@ -8,5 +9,5 @@ export function Json({ value, as, children, ...props }) {
     if (value === null || value === undefined) {
         return null;
     }
-    return (_jsx(Component, { ref: ref, ...props, ...getFimoSourceAttributes(getFimoSource(value), getFimoSourceContext(value)), children: children ? children(liveValue) : JSON.stringify(liveValue) }));
+    return (_jsx(Component, { ref: ref, ...withoutFimoEditingMetadata(props), ...getFimoSourceAttributes(getFimoSource(value), getFimoSourceContext(value)), children: children ? children(liveValue) : JSON.stringify(liveValue) }));
 }

package/dist/runtime/react/primitives/editable/Text.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { withoutFimoEditingMetadata } from 'fimo/preview';
 import { getFimoParts, getFimoSource, getFimoSourceContext } from 'fimo/primitives';
 import { Fragment } from 'react';
 import { useFimoLiveValue } from '../../useFimoLiveValue.js';
@@ -26,11 +27,11 @@ export function Text({ value, as, children, ...props }) {
     const { value: liveValue, ref } = useFimoLiveValue(String(value));
     // Composed fimo value with parts — decompose into individually tracked spans
     if (parts && parts.length > 1 && !children) {
-        return (_jsx(Component, { ...props, children: parts.map((part, i) => part.source ? (_jsx(TextPart, { part: part }, i)) : (_jsx(Fragment, { children: part.text }, i))) }));
+        return (_jsx(Component, { ...withoutFimoEditingMetadata(props), children: parts.map((part, i) => part.source ? (_jsx(TextPart, { part: part }, i)) : (_jsx(Fragment, { children: part.text }, i))) }));
     }
     // Use render function if provided, otherwise display raw value
     const content = children ? children(liveValue) : liveValue;
-    return (_jsx(Component, { ref: ref, ...props, ...getFimoSourceAttributes(source, context), children: content }));
+    return (_jsx(Component, { ref: ref, ...withoutFimoEditingMetadata(props), ...getFimoSourceAttributes(source, context), children: content }));
 }
 function TextPart({ part }) {
     const { value: liveText, ref } = useFimoLiveValue(part.text);

package/dist/runtime/react/primitives/renderers/ImageRenderer.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { withoutFimoEditingMetadata } from 'fimo/preview';
 import { FIMO_SOURCE, getFimoSourceContext, resolveImagePresentation } from 'fimo/primitives';
 import { getFimoSourceAttributes } from '../source-attributes.js';
 export function ImageRenderer({ value: media, children, quality, unoptimized = false, fit, width, height, alt: altOverride, overrideSrc, srcSet: srcSetOverride, sizes, style, hostSuffixes, elementRef, ...imgProps }) {
@@ -28,5 +29,5 @@ export function ImageRenderer({ value: media, children, quality, unoptimized = f
             ...style,
             objectFit: image.objectFit,
         };
-    return (_jsx("img", { ref: elementRef, src: image.src, alt: image.alt, width: image.width, height: image.height, style: finalStyle, sizes: image.sizes, srcSet: image.srcSet, ...imgProps, ...sourceAttributes }));
+    return (_jsx("img", { ref: elementRef, src: image.src, alt: image.alt, width: image.width, height: image.height, style: finalStyle, sizes: image.sizes, srcSet: image.srcSet, ...withoutFimoEditingMetadata(imgProps), ...sourceAttributes }));
 }

package/dist/runtime/react/primitives/renderers/RichTextRenderer.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { withoutFimoEditingMetadata, isFimoEditingMetadataEnabled } from 'fimo/preview';
 import { Fragment } from 'react';
 import { getFimoSourceAttributes } from '../source-attributes.js';
 function DefaultParagraph({ children }) {
@@ -132,5 +133,5 @@ export function RichTextRenderer({ document, source, context, components, elemen
     if (!document) {
         return null;
     }
-    return (_jsx("div", { ref: elementRef, ...props, ...getFimoSourceAttributes(source, context), "data-fimo-richtext": "", children: renderNode(document, components, 0) }));
+    return (_jsx("div", { ref: elementRef, ...withoutFimoEditingMetadata(props), ...getFimoSourceAttributes(source, context), "data-fimo-richtext": isFimoEditingMetadataEnabled() ? '' : undefined, children: renderNode(document, components, 0) }));
 }

package/dist/runtime/react/primitives/renderers/StaticImage.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { withoutFimoEditingMetadata } from 'fimo/preview';
 import { resolveImagePresentation } from 'fimo/primitives';
 /**
  * Optimized image component for non-schema images.
@@ -54,5 +55,5 @@ export function StaticImage(props) {
             ...style,
             objectFit: image.objectFit,
         };
-    return (_jsx("img", { src: image.src, alt: image.alt, width: image.width, height: image.height, style: finalStyle, sizes: image.sizes, srcSet: image.srcSet, ...imgProps }));
+    return (_jsx("img", { src: image.src, alt: image.alt, width: image.width, height: image.height, style: finalStyle, sizes: image.sizes, srcSet: image.srcSet, ...withoutFimoEditingMetadata(imgProps) }));
 }

package/dist/runtime/react/primitives/renderers/VideoRenderer.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { withoutFimoEditingMetadata } from 'fimo/preview';
 import { FIMO_SOURCE, getFimoSourceContext } from 'fimo/primitives';
 import { getFimoSourceAttributes } from '../source-attributes.js';
 export function VideoRenderer({ value: media, children, overrideSrc, autoPlay = true, loop = true, muted = true, playsInline = true, style, elementRef, ...videoProps }) {
@@ -8,5 +9,5 @@ export function VideoRenderer({ value: media, children, overrideSrc, autoPlay =
         return (_jsx("span", { ref: elementRef, ...sourceAttributes, children: children(media) }));
     }
     const finalSrc = overrideSrc ?? media.url;
-    return (_jsx("video", { ref: elementRef, src: finalSrc, width: media.width, height: media.height, autoPlay: autoPlay, loop: loop, muted: muted, playsInline: playsInline, style: style, ...videoProps, ...sourceAttributes }));
+    return (_jsx("video", { ref: elementRef, src: finalSrc, width: media.width, height: media.height, autoPlay: autoPlay, loop: loop, muted: muted, playsInline: playsInline, style: style, ...withoutFimoEditingMetadata(videoProps), ...sourceAttributes }));
 }

package/dist/runtime/react/primitives/source-attributes.js

@@ -1,5 +1,9 @@
+import { isFimoEditingMetadataEnabled } from 'fimo/preview';
 const MAX_SOURCE_CONTEXT_MARKER_LENGTH = 4096;
 export function getFimoSourceAttributes(source, context) {
+    if (!isFimoEditingMetadataEnabled()) {
+        return { 'data-fimo-source': undefined };
+    }
     let contextMarker;
     if (context && context.length > 0) {
         try {

package/dist/runtime/react/useFimoLiveValue.js

@@ -1,3 +1,4 @@
+import { isFimoEditingMetadataEnabled } from 'fimo/preview';
 import { useEffect, useRef, useState } from 'react';
 /**
  * useFimoLiveValue — mirror a Fimo value into React state so live edits
@@ -23,7 +24,7 @@ export function useFimoLiveValue(external) {
     }
     useEffect(() => {
         const el = ref.current;
-        if (!el) {
+        if (!el || !isFimoEditingMetadataEnabled()) {
             return;
         }
         el.setAttribute('data-fimo-live-edit', '1');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fimo-react",
-  "version": "2.4.1",
+  "version": "2.5.0-staging.2",
   "description": "Fimo React runtime: content clients, labels, and source-tracked primitives.",
   "files": [
     "dist/",
@@ -43,12 +43,12 @@
     "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": "2.5.0-staging.2",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "typescript": "7.0.2",
@@ -57,7 +57,7 @@
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.80.6",
-    "fimo": ">=2.0.1",
+    "fimo": "2.5.0-staging.2",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0"
   },