@radioactive-labs/plutonium 0.1.10 → 0.1.11

package/src/js/controllers/easymde_controller.js

@@ -0,0 +1,14 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="easymde"
+export default class extends Controller {
+  connect() {
+    console.log(`easymde connected: ${this.element}`)
+    self.easyMDE = new EasyMDE({ element: this.element })
+  }
+
+  disconnect() {
+    self.easyMDE.toTextArea()
+    self.easyMDE = null
+  }
+}

package/src/js/controllers/register_controllers.js

@@ -21,6 +21,8 @@ import ResourceCollapseController from "./resource_collapse_controller.js"
 import ResourceDismissController from "./resource_dismiss_controller.js"
 import FrameNavigatorController from "./frame_navigator_controller.js"
 import ColorModeController from "./color_mode_controller.js"
+import EasyMDEController from "./easymde_controller.js"
+import SlimSelectController from "./slim_select_controller.js"
 
 export default function (application) {
   // Register controllers here
@@ -46,4 +48,6 @@ export default function (application) {
   application.register("resource-dismiss", ResourceDismissController)
   application.register("frame-navigator", FrameNavigatorController)
   application.register("color-mode", ColorModeController)
+  application.register("easymde", EasyMDEController)
+  application.register("slim-select", SlimSelectController)
 }

package/src/js/controllers/slim_select_controller.js

@@ -0,0 +1,16 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="slim-select"
+export default class extends Controller {
+  connect() {
+    console.log(`slim-select connected: ${this.element}`)
+    self.slimSelect = new SlimSelect({
+      select: this.element
+    })
+  }
+
+  disconnect() {
+    self.slimSelect.destroy()
+    self.slimSelect = null
+  }
+}