@radioactive-labs/plutonium 0.41.1 → 0.43.0

package/src/js/controllers/clipboard_controller.js

@@ -0,0 +1,37 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["source"]
+
+  copy(event) {
+    const text = this.sourceTarget.value || this.sourceTarget.textContent
+    const button = event.currentTarget
+    const originalText = button.textContent
+
+    navigator.clipboard.writeText(text).then(() => {
+      button.textContent = "Copied!"
+      setTimeout(() => {
+        button.textContent = originalText
+      }, 2000)
+    }).catch((err) => {
+      // Fallback for browsers that don't support clipboard API
+      console.warn("Clipboard API failed, using fallback:", err)
+      this.fallbackCopy(text)
+      button.textContent = "Copied!"
+      setTimeout(() => {
+        button.textContent = originalText
+      }, 2000)
+    })
+  }
+
+  fallbackCopy(text) {
+    const textarea = document.createElement("textarea")
+    textarea.value = text
+    textarea.style.position = "fixed"
+    textarea.style.opacity = "0"
+    document.body.appendChild(textarea)
+    textarea.select()
+    document.execCommand("copy")
+    document.body.removeChild(textarea)
+  }
+}

package/src/js/controllers/register_controllers.js

@@ -23,6 +23,7 @@ import KeyValueStoreController from "./key_value_store_controller.js"
 import BulkActionsController from "./bulk_actions_controller.js"
 import FilterPanelController from "./filter_panel_controller.js"
 import TextareaAutogrowController from "./textarea_autogrow_controller.js"
+import ClipboardController from "./clipboard_controller.js"
 
 export default function (application) {
   // Register controllers here
@@ -50,4 +51,5 @@ export default function (application) {
   application.register("bulk-actions", BulkActionsController)
   application.register("filter-panel", FilterPanelController)
   application.register("textarea-autogrow", TextareaAutogrowController)
+  application.register("clipboard", ClipboardController)
 }

package/src/js/controllers/remote_modal_controller.js

@@ -3,8 +3,13 @@ import { Controller } from "@hotwired/stimulus";
 // Connects to data-controller="remote-modal"
 export default class extends Controller {
   connect() {
-    // Store original scroll position
+    // Store original scroll position and body overflow
     this.originalScrollPosition = window.scrollY;
+    this.originalOverflow = document.body.style.overflow;
+    this.bodyStateRestored = false;
+
+    // Lock body scroll
+    document.body.style.overflow = "hidden";
 
     // Show the modal
     this.element.showModal();
@@ -15,17 +20,26 @@ export default class extends Controller {
   close() {
     // Close the modal
     this.element.close();
-    // Restore the original scroll position
-    window.scrollTo(0, this.originalScrollPosition);
+    this.restoreBodyState();
   }
 
   disconnect() {
     // Clean up event listener when controller is disconnected
     this.element.removeEventListener("close", this.handleClose);
+    this.restoreBodyState();
   }
 
   handleClose() {
-    // Restore the original scroll position after dialog closes
+    this.restoreBodyState();
+  }
+
+  restoreBodyState() {
+    if (this.bodyStateRestored) return;
+    this.bodyStateRestored = true;
+
+    // Restore body overflow
+    document.body.style.overflow = this.originalOverflow || "";
+    // Restore the original scroll position
     window.scrollTo(0, this.originalScrollPosition);
   }
 }