rails_modal_manager 1.0.42 → 1.0.44

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ba14e569689588bb910cd5c3f2a8c7e192fa259152a6f189eb77e0e3931f9769
-  data.tar.gz: d6cf8d712324c8453db93c8ade54bdcd0fcc3d77e92a9ff614d8e929d1712262
+  metadata.gz: b0752ed8f79cdbe227d9a4010cab4ac2f73cf59e75dade5572bc98cda6374e2d
+  data.tar.gz: 5d9d4f28f9f9a4535d5646e707540e21e641f49e5b757a4d50d9cc7afbf1ef54
 SHA512:
-  metadata.gz: '0309e4dd66960b7e7b20944d93c348987fc2a7ab7d291e67856a4d079e259967283ef8b0be502fadf627513109fc79c9eb6bdedf164727c7595636cf8179667c'
-  data.tar.gz: 0dbc3f5ef3257b8cd99e518ca6423f6efdb7623a8b11955bfb8ef2531e08134a3a61e43d070d47a205b9a0a8de15bba06dbea0750f92a0f90b473a0a8fef468e
+  metadata.gz: fc8042fd0499d9f7076c8ad822ef9849a324f12a733d23a5449b1b07677f9bb73b8b9e9d88324baec9b448ffcdf983d83a1a9d3f6f2e346b87da23fdfd39e9fb
+  data.tar.gz: eb4dc333dd595d3bac849153b8e5f7cde6ecefecf3e5d9fa056309e3a479e8e96d70e9734aabd219170a920e79f3e009099128d3a0b5220fb5c5d394d5925545

data/app/javascript/rails_modal_manager/controllers/rmm_submenu_controller.js

@@ -44,6 +44,8 @@ export default class extends Controller {
   connect() {
     this.ajaxCache = new Map()
     this.currentItemId = null
+    this.currentAbortController = null
+    this.currentRequestId = 0
 
     // Find initial active item
     const activeItem = this.element.querySelector('.rmm-submenu-item.rmm-active')
@@ -140,6 +142,8 @@ export default class extends Controller {
 
   /**
    * AJAX mode: Load content from URL
+   * Uses AbortController to cancel previous pending requests and
+   * validates response against current active item to prevent race conditions.
    */
   async loadAjaxContent(item) {
     const url = item.dataset.url
@@ -161,12 +165,22 @@ export default class extends Controller {
       return
     }
 
+    // Abort previous pending request
+    if (this.currentAbortController) {
+      this.currentAbortController.abort()
+    }
+
+    const abortController = new AbortController()
+    this.currentAbortController = abortController
+    const requestId = ++this.currentRequestId
+
     // Show loading state
     contentContainer.classList.add('rmm-tab-loading')
     contentContainer.innerHTML = '<div class="rmm-tab-loader"><div class="rmm-spinner"></div><span>로딩 중...</span></div>'
 
     try {
       const response = await fetch(url, {
+        signal: abortController.signal,
         headers: {
           'Accept': 'text/html',
           'X-Requested-With': 'XMLHttpRequest'
@@ -179,6 +193,11 @@ export default class extends Controller {
 
       const html = await response.text()
 
+      // Validate: only update if this is still the latest request
+      if (this.currentRequestId !== requestId) {
+        return
+      }
+
       // Cache the response
       if (this.cacheAjaxValue) {
         this.ajaxCache.set(url, html)
@@ -192,6 +211,11 @@ export default class extends Controller {
         detail: { modalId: this.modalIdValue, itemId: item.dataset.itemId, fromCache: false }
       })
     } catch (error) {
+      // Ignore abort errors (expected when switching tabs quickly)
+      if (error.name === 'AbortError') {
+        return
+      }
+
       console.error('RMM Submenu: Failed to load content', error)
       contentContainer.innerHTML = `
         <div class="rmm-tab-error">

data/lib/rails_modal_manager/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module RailsModalManager
-  VERSION = "1.0.42"
+  VERSION = "1.0.44"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rails_modal_manager
 version: !ruby/object:Gem::Version
-  version: 1.0.42
+  version: 1.0.44
 platform: ruby
 authors:
 - reshacs