@tunghtml/strapi-plugin-composite-field 1.2.7 → 1.2.8

package/README.md

@@ -141,6 +141,7 @@ Enable **Auto-generate** in Advanced settings to automatically update the compos
 - If you manually edit the composite field, it will preserve your changes
 - When any source field changes, auto-generation resumes with the new values
 - This prevents accidental overwrites while maintaining automatic updates
+- Opening an existing entry keeps its saved value: the field is only regenerated after a source field changes, so the entry is not marked as modified on load
 
 ### Space-Only Separator
 
@@ -175,6 +176,13 @@ Result: Panel Discussion - John Doe
 
 ## Changelog
 
+### v1.2.8 (2026-10-19)
+
+**🐛 Bug Fixes:**
+
+- Opening an existing entry no longer regenerates the composite value, which marked the form as modified and rewrote the stored value on the next save
+- Loading another entry or resetting the form takes the loaded value as the new starting point
+
 ### v1.2.4 (2026-02-05)
 
 **🎯 Improvements:**

package/admin/src/components/CompositeInput.jsx

@@ -28,10 +28,15 @@ const CompositeInput = (props) => {
   const [isManuallyEdited, setIsManuallyEdited] = React.useState(false);
 
   const lastGeneratedVal = React.useRef(value || '');
-  const lastWatchedValues = React.useRef([]);
+  // Source values the field was last generated from; null until the form has loaded
+  const lastWatchedValues = React.useRef(null);
 
   React.useEffect(() => {
     const validValue = value || '';
+    // A value this field did not produce (another entry loaded, form reset) is a new baseline
+    if (validValue !== lastGeneratedVal.current) {
+      lastWatchedValues.current = null;
+    }
     setLocalValue(validValue);
     lastGeneratedVal.current = validValue;
     // Reset manual edit flag when value changes from outside (e.g., form reset)
@@ -177,13 +182,19 @@ const CompositeInput = (props) => {
 
     // Check if watched values actually changed
     const currentWatchedValues = JSON.stringify(watchedValues);
-    const lastWatchedValuesStr = JSON.stringify(lastWatchedValues.current);
+
+    // Keep the saved value when an entry opens: regenerating it there marks the form as
+    // modified and overwrites values written by the server on the next save
+    if (lastWatchedValues.current === null) {
+      lastWatchedValues.current = currentWatchedValues;
+      return;
+    }
 
     // Only auto-generate if:
     // 1. Values actually changed
     // 2. User hasn't manually edited the field
-    if (currentWatchedValues !== lastWatchedValuesStr) {
-      lastWatchedValues.current = watchedValues;
+    if (currentWatchedValues !== lastWatchedValues.current) {
+      lastWatchedValues.current = currentWatchedValues;
 
       if (!isManuallyEdited) {
         const timeoutId = setTimeout(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tunghtml/strapi-plugin-composite-field",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "description": "A Strapi v5 plugin to create composite display fields by combining multiple text, string, and enum fields with auto-generate support",
   "keywords": [
     "strapi",