@searpent/react-image-annotate 2.1.0 → 2.1.2

package/Annotator/index.js

@@ -3,7 +3,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useCallback, useEffect, useReducer, useRef } from "react";
+import React, { useCallback, useEffect, useReducer } from "react";
 import makeImmutable, { without } from "seamless-immutable";
 import intersection from "lodash/intersection";
 import MainLayout from "../MainLayout";
@@ -145,28 +145,6 @@ export var Annotator = function Annotator(_ref) {
   var dispatch = useEventCallback(function (action) {
     if (action.type === "HEADER_BUTTON_CLICKED") {
       if (["Exit", "Done", "Save", "Complete"].includes(action.buttonName)) {
-        var _state$images$state$s, _state$images$state$s2;
-
-        // Before exiting, save current image if there are unsaved changes
-        if (state.selectedImage !== undefined && ((_state$images$state$s = state.images[state.selectedImage]) === null || _state$images$state$s === void 0 ? void 0 : (_state$images$state$s2 = _state$images$state$s.saveableActions) === null || _state$images$state$s2 === void 0 ? void 0 : _state$images$state$s2.length) > 0) {
-          var _currentImage$saveabl;
-
-          var currentImage = state.images[state.selectedImage];
-          var triggerRecalc = intersection(reacalcActionsEnum, currentImage.saveableActions).length > 0;
-          var toSaveMetadata = [];
-
-          if ((_currentImage$saveabl = currentImage.saveableActions) === null || _currentImage$saveabl === void 0 ? void 0 : _currentImage$saveabl.includes("UPDATE_ALBUM_METADATA")) {
-            toSaveMetadata = state.albumMetadata;
-          }
-
-          dispatchToReducer({
-            type: "SAVE_IMAGE",
-            image: _objectSpread({}, currentImage),
-            triggerRecalc: triggerRecalc,
-            toSaveMetadata: toSaveMetadata
-          });
-        }
-
         return onExit(without(state, "history"));
       } else if (action.buttonName === "Next" && onNextImage) {
         return onNextImage(without(state, "history"));
@@ -299,77 +277,7 @@ export var Annotator = function Annotator(_ref) {
           toSaveMetadata = _state$toSaveImage.toSaveMetadata;
       saveHandler(image, triggerRecalc, toSaveMetadata);
     }
-  }, [save, state.toSaveImage]); // Auto-save article metadata changes after a delay (debounced)
-
-  var autoSaveTimeoutRef = useRef(null);
-  var stateRef = useRef(state); // Keep stateRef in sync with state
-
-  useEffect(function () {
-    stateRef.current = state;
-  }, [state]);
-  useEffect(function () {
-    var _state$lastAction, _state$lastAction2;
-
-    // Only trigger on UPDATE_METADATA actions for article metadata (with groupId)
-    if (((_state$lastAction = state.lastAction) === null || _state$lastAction === void 0 ? void 0 : _state$lastAction.type) === 'UPDATE_METADATA' && ((_state$lastAction2 = state.lastAction) === null || _state$lastAction2 === void 0 ? void 0 : _state$lastAction2.groupId)) {
-      var _state$lastAction3 = state.lastAction,
-          name = _state$lastAction3.name,
-          value = _state$lastAction3.value,
-          imageIndex = _state$lastAction3.imageIndex,
-          groupId = _state$lastAction3.groupId; // Log the change
-
-      if (name === 'articleType') {
-        console.log("\u23F1\uFE0F  [AUTO-SAVE] ArticleType changed to \"".concat(value, "\" for group ").concat(groupId, ". Auto-save will trigger in 1 second..."));
-      } else {
-        console.log("\u23F1\uFE0F  [AUTO-SAVE] ".concat(name, " changed to \"").concat(value, "\" for group ").concat(groupId, ". Auto-save will trigger in 1 second..."));
-      } // Clear any existing timeout
-
-
-      if (autoSaveTimeoutRef.current) {
-        clearTimeout(autoSaveTimeoutRef.current);
-        console.log("\u23F1\uFE0F  [AUTO-SAVE] Previous auto-save cancelled, restarting timer...");
-      }
-
-      if (imageIndex !== undefined) {
-        // Debounce: wait 1 second after last change before saving
-        autoSaveTimeoutRef.current = setTimeout(function () {
-          var _latestState$images, _imageToSave$saveable;
-
-          // Read latest state from ref
-          var latestState = stateRef.current;
-          var imageToSave = latestState === null || latestState === void 0 ? void 0 : (_latestState$images = latestState.images) === null || _latestState$images === void 0 ? void 0 : _latestState$images[imageIndex]; // Double-check that there are still unsaved changes and image exists
-
-          if (imageToSave === null || imageToSave === void 0 ? void 0 : (_imageToSave$saveable = imageToSave.saveableActions) === null || _imageToSave$saveable === void 0 ? void 0 : _imageToSave$saveable.includes("UPDATE_METADATA")) {
-            var _imageToSave$saveable2;
-
-            console.log("\uD83D\uDCBE [AUTO-SAVE] Triggering auto-save for image ".concat(imageToSave.id, " (group ").concat(groupId, ")..."));
-            var triggerRecalc = intersection(reacalcActionsEnum, imageToSave.saveableActions).length > 0;
-            var toSaveMetadata = [];
-
-            if ((_imageToSave$saveable2 = imageToSave.saveableActions) === null || _imageToSave$saveable2 === void 0 ? void 0 : _imageToSave$saveable2.includes("UPDATE_ALBUM_METADATA")) {
-              toSaveMetadata = latestState.albumMetadata || [];
-            }
-
-            dispatchToReducer({
-              type: "SAVE_IMAGE",
-              image: _objectSpread({}, imageToSave),
-              triggerRecalc: triggerRecalc,
-              toSaveMetadata: toSaveMetadata
-            });
-          } else {
-            console.log("\u26A0\uFE0F  [AUTO-SAVE] Skipping auto-save - no unsaved changes for image ".concat(imageIndex));
-          }
-        }, 1000); // 1 second delay
-      }
-    } // Cleanup timeout on unmount or when dependencies change
-
-
-    return function () {
-      if (autoSaveTimeoutRef.current) {
-        clearTimeout(autoSaveTimeoutRef.current);
-      }
-    };
-  }, [state.lastAction, dispatchToReducer]); // polling of images
+  }, [save, state.toSaveImage]); // polling of images
 
   useEffect(function () {
     if (state.toPollImages.length > 0) {