Merge pull request #312 from leastbad/ready_event

add ready event after setupDeclarativeReflexes
stimulusreflex · Sep 19, 2020 · 23c8631 · 23c8631
2 parents c30ecf8 + d40329a
commit 23c8631
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/javascript/stimulus_reflex.js b/javascript/stimulus_reflex.js
@@ -5,7 +5,7 @@ import { defaultSchema } from './schema'
 import { getConsumer } from './consumer'
 import { dispatchLifecycleEvent } from './lifecycle'
 import { allReflexControllers } from './controllers'
-import { uuidv4, debounce } from './utils'
+import { uuidv4, debounce, emitEvent } from './utils'
 import Log from './log'
 import {
   attributeValue,
@@ -44,16 +44,6 @@ const createSubscription = controller => {
   let totalOperations
   let reflexId
 
-  const emitEvent = (event, detail) => {
-    document.dispatchEvent(
-      new CustomEvent(event, {
-        bubbles: true,
-        cancelable: false,
-        detail
-      })
-    )
-  }
-
   controller.StimulusReflex.subscription =
     actionCableConsumer.subscriptions.findAll(identifier)[0] ||
     actionCableConsumer.subscriptions.create(channel, {
@@ -321,6 +311,7 @@ const setupDeclarativeReflexes = debounce(() => {
           actionValue
         )
     })
+  emitEvent('stimulus-reflex:ready')
 }, 20)
 
 // Given a reflex string such as 'click->TestReflex#create' and a list of

diff --git a/javascript/utils.js b/javascript/utils.js
@@ -39,3 +39,13 @@ export const extractReflexName = reflexString => {
 
   return match ? match[1] : ''
 }
+
+export const emitEvent = (event, detail) => {
+  document.dispatchEvent(
+    new CustomEvent(event, {
+      bubbles: true,
+      cancelable: false,
+      detail
+    })
+  )
+}