turbo_reflex 0.0.27 → 0.0.29

data/app/javascript/index.js

@@ -1,3 +1,4 @@
+import 'turbo_ready'
 import './turbo'
 import schema from './schema'
 import { dispatch, allEvents as events } from './events'
@@ -74,7 +75,7 @@ delegates.register('change', [
 delegates.register('submit', [`form[${schema.reflexAttribute}]`])
 delegates.register('click', [`[${schema.reflexAttribute}]`])
 
-export default self.TurboReflex = {
+self.TurboReflex = {
   logger,
   schema,
   registerEventDelegate: delegates.register,
@@ -92,3 +93,5 @@ export default self.TurboReflex = {
     return state.delta
   }
 }
+
+export default self.TurboReflex

data/app/javascript/state/index.js

@@ -3,9 +3,10 @@ import observable from './observable'
 import { dispatch, stateEvents as events } from '../events'
 
 let loadedState, currentState, changedState
-let observer
+let loadStateTimeout
 
 function loadState () {
+  if (!meta.element) return loadStateLater()
   const json = atob(meta.element.dataset.state)
   changedState = {}
   currentState = observable(JSON.parse(json))
@@ -16,28 +17,18 @@ function loadState () {
   )
 }
 
-function metaMutated (mutations) {
-  if (meta.element.dataset.clientStateChange) return
-  mutations.forEach(m => {
-    if (m.attributeName === 'data-state') loadState()
-  })
+function loadStateLater () {
+  clearTimeout(loadStateTimeout)
+  loadStateTimeout = setTimeout(loadState, 10)
 }
 
-function initObserver () {
-  if (observer) return
-  observer = new MutationObserver(metaMutated)
-  observer.observe(meta.element, { attributes: true })
-}
+if (!loadedState) loadState()
 
-if (meta.element) {
-  loadState()
-  initObserver()
-} else {
-  addEventListener('DOMContentLoaded', loadState)
-  addEventListener('DOMContentLoaded', initObserver)
-}
-addEventListener('turbo:load', initObserver)
-addEventListener('turbo:frame-load', initObserver)
+addEventListener('DOMContentLoaded', loadStateLater)
+addEventListener('load', loadStateLater)
+addEventListener('turbo:load', loadStateLater)
+addEventListener('turbo:frame-load', loadStateLater)
+addEventListener('turbo-reflex:success', loadStateLater)
 
 addEventListener(events.stateChange, event => {
   changedState = {}

data/lib/turbo_reflex/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module TurboReflex
-  VERSION = "0.0.27"
+  VERSION = "0.0.29"
 end

data/package.json

@@ -1,23 +1,25 @@
 {
   "name": "turbo_reflex",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "description": "Reflexes for Turbo Frames that help you build robust reactive applications",
   "main": "app/javascript/index.js",
   "repository": "https://github.com/hopsoft/turbo_reflex",
   "author": "Nate Hopkins (hopsoft) <natehop@gmail.com>",
   "license": "MIT",
+  "dependencies": {
+    "turbo_ready": ">= 0.1.3"
+  },
   "peerDependencies": {
-    "@hotwired/turbo-rails": ">= 7.1",
-    "turbo_ready": ">= 0.1"
+    "@hotwired/turbo-rails": ">= 7.2.0"
   },
   "devDependencies": {
-    "esbuild": "^0.15.7",
+    "esbuild": "^0.16.3",
     "eslint": "^8.19.0",
     "flowbite": "^1.5.3",
     "prettier-standard": "^16.4.1",
     "rustywind": "^0.15.1"
   },
   "scripts": {
-    "build": "esbuild app/javascript/index.js --bundle --minify --sourcemap --format=esm --outfile=app/assets/builds/turbo_reflex.js"
+    "build": "esbuild app/javascript/index.js --bundle --minify --sourcemap --format=esm --target=es2017 --analyze --outfile=app/assets/builds/turbo_reflex.js"
   }
 }