turbo_boost-commands 0.0.11 → 0.0.13

data/app/assets/builds/@turbo-boost/commands.metafile.json

@@ -0,0 +1 @@
+{"inputs":{"app/javascript/meta.js":{"bytes":337,"imports":[],"format":"esm"},"app/javascript/events.js":{"bytes":783,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"app/javascript/state/observable.js":{"bytes":920,"imports":[{"path":"app/javascript/meta.js","kind":"import-statement","original":"../meta"},{"path":"app/javascript/events.js","kind":"import-statement","original":"../events"}],"format":"esm"},"app/javascript/state/index.js":{"bytes":1835,"imports":[{"path":"app/javascript/meta.js","kind":"import-statement","original":"../meta"},{"path":"app/javascript/state/observable.js","kind":"import-statement","original":"./observable"},{"path":"app/javascript/events.js","kind":"import-statement","original":"../events"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"app/javascript/renderer.js":{"bytes":475,"imports":[],"format":"esm"},"app/javascript/activity.js":{"bytes":279,"imports":[],"format":"esm"},"app/javascript/lifecycle.js":{"bytes":610,"imports":[{"path":"app/javascript/activity.js","kind":"import-statement","original":"./activity"},{"path":"app/javascript/events.js","kind":"import-statement","original":"./events"}],"format":"esm"},"app/javascript/turbo.js":{"bytes":1952,"imports":[{"path":"app/javascript/meta.js","kind":"import-statement","original":"./meta"},{"path":"app/javascript/state/index.js","kind":"import-statement","original":"./state"},{"path":"app/javascript/renderer.js","kind":"import-statement","original":"./renderer"},{"path":"app/javascript/events.js","kind":"import-statement","original":"./events"},{"path":"app/javascript/lifecycle.js","kind":"import-statement","original":"./lifecycle"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"app/javascript/schema.js":{"bytes":210,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"app/javascript/confirmation.js":{"bytes":947,"imports":[{"path":"app/javascript/events.js","kind":"import-statement","original":"./events"},{"path":"app/javascript/schema.js","kind":"import-statement","original":"./schema"}],"format":"esm"},"app/javascript/delegates.js":{"bytes":923,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"app/javascript/elements.js":{"bytes":1451,"imports":[{"path":"app/javascript/schema.js","kind":"import-statement","original":"./schema"},{"path":"app/javascript/lifecycle.js","kind":"import-statement","original":"./lifecycle"}],"format":"esm"},"app/javascript/drivers/form.js":{"bytes":313,"imports":[{"path":"app/javascript/meta.js","kind":"import-statement","original":"../meta"}],"format":"esm"},"app/javascript/urls.js":{"bytes":240,"imports":[],"format":"esm"},"app/javascript/drivers/frame.js":{"bytes":218,"imports":[{"path":"app/javascript/urls.js","kind":"import-statement","original":"../urls"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"app/javascript/drivers/method.js":{"bytes":265,"imports":[{"path":"app/javascript/urls.js","kind":"import-statement","original":"../urls"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"app/javascript/drivers/window.js":{"bytes":2074,"imports":[{"path":"app/javascript/meta.js","kind":"import-statement","original":"../meta"},{"path":"app/javascript/state/index.js","kind":"import-statement","original":"../state"},{"path":"app/javascript/events.js","kind":"import-statement","original":"../events"},{"path":"app/javascript/lifecycle.js","kind":"import-statement","original":"../lifecycle"},{"path":"app/javascript/urls.js","kind":"import-statement","original":"../urls"},{"path":"app/javascript/renderer.js","kind":"import-statement","original":"../renderer"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"app/javascript/drivers/index.js":{"bytes":2044,"imports":[{"path":"app/javascript/elements.js","kind":"import-statement","original":"../elements"},{"path":"app/javascript/drivers/form.js","kind":"import-statement","original":"./form"},{"path":"app/javascript/drivers/frame.js","kind":"import-statement","original":"./frame"},{"path":"app/javascript/drivers/method.js","kind":"import-statement","original":"./method"},{"path":"app/javascript/drivers/window.js","kind":"import-statement","original":"./window"}],"format":"esm"},"app/javascript/logger.js":{"bytes":729,"imports":[{"path":"app/javascript/events.js","kind":"import-statement","original":"./events"}],"format":"esm"},"app/javascript/uuids.js":{"bytes":202,"imports":[],"format":"esm"},"app/javascript/index.js":{"bytes":3551,"imports":[{"path":"app/javascript/turbo.js","kind":"import-statement","original":"./turbo"},{"path":"app/javascript/schema.js","kind":"import-statement","original":"./schema"},{"path":"app/javascript/events.js","kind":"import-statement","original":"./events"},{"path":"app/javascript/activity.js","kind":"import-statement","original":"./activity"},{"path":"app/javascript/confirmation.js","kind":"import-statement","original":"./confirmation"},{"path":"app/javascript/delegates.js","kind":"import-statement","original":"./delegates"},{"path":"app/javascript/drivers/index.js","kind":"import-statement","original":"./drivers"},{"path":"app/javascript/meta.js","kind":"import-statement","original":"./meta"},{"path":"app/javascript/elements.js","kind":"import-statement","original":"./elements"},{"path":"app/javascript/lifecycle.js","kind":"import-statement","original":"./lifecycle"},{"path":"app/javascript/logger.js","kind":"import-statement","original":"./logger"},{"path":"app/javascript/state/index.js","kind":"import-statement","original":"./state"},{"path":"app/javascript/urls.js","kind":"import-statement","original":"./urls"},{"path":"app/javascript/uuids.js","kind":"import-statement","original":"./uuids"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"app/assets/builds/@turbo-boost/commands.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":37483},"app/assets/builds/@turbo-boost/commands.js":{"imports":[],"exports":["default"],"entryPoint":"app/javascript/index.js","inputs":{"app/javascript/meta.js":{"bytesInOutput":252},"app/javascript/events.js":{"bytesInOutput":500},"app/javascript/state/observable.js":{"bytesInOutput":405},"app/javascript/state/index.js":{"bytesInOutput":762},"app/javascript/renderer.js":{"bytesInOutput":263},"app/javascript/activity.js":{"bytesInOutput":173},"app/javascript/lifecycle.js":{"bytesInOutput":294},"app/javascript/turbo.js":{"bytesInOutput":1024},"app/javascript/schema.js":{"bytesInOutput":166},"app/javascript/confirmation.js":{"bytesInOutput":424},"app/javascript/delegates.js":{"bytesInOutput":473},"app/javascript/elements.js":{"bytesInOutput":782},"app/javascript/drivers/form.js":{"bytesInOutput":187},"app/javascript/urls.js":{"bytesInOutput":166},"app/javascript/drivers/frame.js":{"bytesInOutput":96},"app/javascript/drivers/method.js":{"bytesInOutput":130},"app/javascript/drivers/window.js":{"bytesInOutput":1329},"app/javascript/drivers/index.js":{"bytesInOutput":991},"app/javascript/logger.js":{"bytesInOutput":399},"app/javascript/uuids.js":{"bytesInOutput":154},"app/javascript/index.js":{"bytesInOutput":1684}},"bytes":11151}}}

data/app/javascript/activity.js

@@ -1,20 +1,20 @@
 const active = {}
 
-function add (payload) {
+function add(payload) {
   active[payload.id] = payload
 }
 
-function remove (id) {
+function remove(id) {
   delete active[id]
 }
 
 export default {
   add,
   remove,
-  get commands () {
+  get commands() {
     return [...Object.values(active)]
   },
-  get length () {
+  get length() {
     return Object.keys(active).length
   }
 }

data/app/javascript/confirmation.js

@@ -0,0 +1,33 @@
+import { commandEvents } from './events'
+import schema from './schema'
+
+const confirmation = {
+  method: message => Promise.resolve(confirm(message))
+}
+
+const isTurboMethod = event => event.detail.driver === 'method'
+
+const isTurboForm = event => {
+  if (event.detail.driver !== 'form') return false
+
+  const element = event.target
+  const frame = element.closest('turbo-frame')
+  const target = element.closest(`[${schema.frameAttribute}]`)
+  return !!(frame || target)
+}
+
+const shouldDelegate = event => isTurboMethod(event) || isTurboForm(event)
+
+document.addEventListener(commandEvents.start, async event => {
+  const message = event.target.getAttribute(schema.confirmAttribute)
+  if (!message) return
+
+  event.detail.confirmation = true
+
+  if (shouldDelegate(event)) return // delegate confirmation handling to Turbo
+
+  const proceed = await confirmation.method(message)
+  if (!proceed) event.preventDefault()
+})
+
+export default confirmation

data/app/javascript/delegates.js

@@ -1,23 +1,24 @@
 let events = []
 let eventListener
 
-function register (eventName, selectors) {
+function register(eventName, selectors) {
   const match = events.find(evt => evt.name === eventName)
   if (match) events.splice(events.indexOf(match), 1)
   events = [{ name: eventName, selectors }, ...events]
+
+  document.removeEventListener(eventName, eventListener, true)
   document.addEventListener(eventName, eventListener, true)
+
   return { ...events.find(evt => evt.name === eventName) }
 }
 
-function getRegisteredEventForElement (element) {
+function getRegisteredEventForElement(element) {
   return events.find(evt =>
-    evt.selectors.find(selector =>
-      Array.from(document.querySelectorAll(selector)).find(el => el === element)
-    )
+    evt.selectors.find(selector => Array.from(document.querySelectorAll(selector)).find(el => el === element))
   )
 }
 
-function isRegisteredForElement (eventName, element) {
+function isRegisteredForElement(eventName, element) {
   const evt = getRegisteredEventForElement(element)
   return evt && evt.name === eventName
 }
@@ -25,10 +26,10 @@ function isRegisteredForElement (eventName, element) {
 export default {
   register,
   isRegisteredForElement,
-  get events () {
+  get events() {
     return [...events]
   },
-  set handler (fn) {
+  set handler(fn) {
     eventListener = fn
   }
 }

data/app/javascript/drivers/form.js

@@ -1,6 +1,6 @@
 import meta from '../meta'
 
-function invokeCommand (form, payload = {}) {
+function invokeCommand(form, payload = {}) {
   payload.token = meta.token
   const input = document.createElement('input')
   input.type = 'hidden'

data/app/javascript/drivers/frame.js

@@ -1,6 +1,6 @@
 import urls from '../urls'
 
-function invokeCommand (frame, payload) {
+function invokeCommand(frame, payload) {
   const src = payload.src
   payload = { ...payload }
   delete payload.src

data/app/javascript/drivers/index.js

@@ -4,14 +4,12 @@ import frameDriver from './frame'
 import methodDriver from './method'
 import windowDriver from './window'
 
-function src (element, frame) {
+function src(element, frame) {
   frame = frame || { dataset: {} }
-  return (
-    element.href || frame.src || frame.dataset.turboBoostSrc || location.href
-  )
+  return element.href || frame.src || frame.dataset.turboBoostSrc || location.href
 }
 
-function find (element) {
+function find(element) {
   let frame = elements.findClosestFrameWithSource(element)
 
   const { turboFrame, turboMethod } = element.dataset
@@ -50,8 +48,7 @@ function find (element) {
   if ((!turboFrame || turboFrame === '_self') && frame)
     return {
       name: 'frame',
-      reason:
-        'element does NOT target a frame or targets _self and is contained by a frame',
+      reason: 'element does NOT target a frame or targets _self and is contained by a frame',
       frame,
       src: src(element, frame),
       invokeCommand: frameDriver.invokeCommand

data/app/javascript/drivers/method.js

@@ -1,6 +1,6 @@
 import urls from '../urls'
 
-function invokeCommand (element, payload = {}) {
+function invokeCommand(element, payload = {}) {
   const src = payload.src
   payload = { ...payload }
   delete payload.src

data/app/javascript/drivers/window.js

@@ -5,40 +5,37 @@ import lifecycle from '../lifecycle'
 import urls from '../urls'
 import renderer from '../renderer'
 
-function aborted (event) {
+function aborted(event) {
   const xhr = event.target
   dispatch(lifecycle.events.abort, document, {
     detail: { ...event.detail, xhr }
   })
 }
 
-function errored (event) {
+function errored(event) {
   const xhr = event.target
 
-  xhr.getResponseHeader('TurboBoost') === 'Append'
-    ? renderer.append(xhr.responseText)
-    : renderer.replaceDocument(xhr.responseText)
+  const append =
+    xhr.getResponseHeader('TurboBoost') === 'Append' ||
+    xhr.getResponseHeader('Content-Type').startsWith('text/vnd.turbo-boost.html')
+  append ? renderer.append(xhr.responseText) : renderer.replaceDocument(xhr.responseText)
 
   const error = `Server returned a ${xhr.status} status code! TurboBoost Commands require 2XX-3XX status codes.`
 
-  dispatch(
-    lifecycle.events.clientError,
-    document,
-    { detail: { ...event.detail, error, xhr } },
-    true
-  )
+  dispatch(lifecycle.events.clientError, document, { detail: { ...event.detail, error, xhr } }, true)
 }
 
-function loaded (event) {
+function loaded(event) {
   const xhr = event.target
   if (xhr.status < 200 || xhr.status > 399) return errored(event)
   const content = xhr.responseText
-  xhr.getResponseHeader('TurboBoost') === 'Append'
-    ? renderer.append(xhr.responseText)
-    : renderer.replaceDocument(xhr.responseText)
+  const append =
+    xhr.getResponseHeader('TurboBoost') === 'Append' ||
+    xhr.getResponseHeader('Content-Type').startsWith('text/vnd.turbo-boost.html')
+  append ? renderer.append(xhr.responseText) : renderer.replaceDocument(xhr.responseText)
 }
 
-function invokeCommand (payload) {
+function invokeCommand(payload) {
   const src = payload.src
   payload = { ...payload }
   delete payload.src
@@ -46,16 +43,10 @@ function invokeCommand (payload) {
   try {
     const xhr = new XMLHttpRequest()
     xhr.open('GET', urls.build(src, payload), true)
-    xhr.setRequestHeader(
-      'Accept',
-      'text/vnd.turbo-boost.html, text/html, application/xhtml+xml'
-    )
+    xhr.setRequestHeader('Accept', 'text/vnd.turbo-boost.html, text/html, application/xhtml+xml')
     xhr.setRequestHeader('TurboBoost-Token', meta.token)
     state.payloadChunks.forEach((chunk, i) =>
-      xhr.setRequestHeader(
-        `TurboBoost-State-${i.toString().padStart(4, '0')}`,
-        chunk
-      )
+      xhr.setRequestHeader(`TurboBoost-State-${i.toString().padStart(4, '0')}`, chunk)
     )
 
     xhr.addEventListener('abort', aborted)

data/app/javascript/elements.js

@@ -1,11 +1,11 @@
 import schema from './schema'
 import lifecycle from './lifecycle'
 
-function findClosestCommand (element) {
+function findClosestCommand(element) {
   return element.closest(`[${schema.commandAttribute}]`)
 }
 
-function findClosestFrameWithSource (element) {
+function findClosestFrameWithSource(element) {
   return (
     element.closest('turbo-frame[src]') ||
     element.closest('turbo-frame[data-turbo-frame-src]') ||
@@ -13,12 +13,10 @@ function findClosestFrameWithSource (element) {
   )
 }
 
-function assignElementValueToPayload (element, payload = {}) {
-  if (element.tagName.toLowerCase() !== 'select')
-    return (payload.value = element.value || null)
+function assignElementValueToPayload(element, payload = {}) {
+  if (element.tagName.toLowerCase() !== 'select') return (payload.value = element.value || null)
 
-  if (!element.multiple)
-    return (payload.value = element.options[element.selectedIndex].value)
+  if (!element.multiple) return (payload.value = element.options[element.selectedIndex].value)
 
   payload.values = Array.from(element.options).reduce((memo, option) => {
     if (option.selected) memo.push(option.value)
@@ -26,7 +24,7 @@ function assignElementValueToPayload (element, payload = {}) {
   }, [])
 }
 
-function buildAttributePayload (element) {
+function buildAttributePayload(element) {
   const payload = Array.from(element.attributes).reduce((memo, attr) => {
     let value = attr.value
     memo[attr.name] = value

data/app/javascript/events.js

@@ -14,11 +14,13 @@ export const stateEvents = {
 
 export const allEvents = { ...commandEvents, ...stateEvents }
 
-export function dispatch (name, target, options = {}) {
-  options = options || {}
-  options.detail = options.detail || {}
-  target = target || document
-  const evt = new CustomEvent(name, { ...options, bubbles: true })
-  target.dispatchEvent(evt)
-  return evt
+export function dispatch(name, target, options = {}) {
+  return new Promise(resolve => {
+    options = options || {}
+    options.detail = options.detail || {}
+    target = target || document
+    const evt = new CustomEvent(name, { ...options, bubbles: true })
+    target.dispatchEvent(evt)
+    resolve(evt)
+  })
 }

data/app/javascript/index.js

@@ -1,8 +1,8 @@
-import '@turbo-boost/streams'
 import './turbo'
 import schema from './schema'
 import { dispatch, commandEvents, stateEvents } from './events'
 import activity from './activity'
+import confirmation from './confirmation'
 import delegates from './delegates'
 import drivers from './drivers'
 import meta from './meta'
@@ -13,7 +13,7 @@ import state from './state'
 import urls from './urls'
 import uuids from './uuids'
 
-function buildCommandPayload (id, element) {
+function buildCommandPayload(id, element) {
   return {
     id, // uniquely identifies the command
     name: element.getAttribute(schema.commandAttribute),
@@ -23,7 +23,7 @@ function buildCommandPayload (id, element) {
   }
 }
 
-function invokeCommand (event) {
+async function invokeCommand(event) {
   let element
   let payload = {}
 
@@ -41,12 +41,12 @@ function invokeCommand (event) {
       src: driver.src
     }
 
-    const startEvent = dispatch(commandEvents.start, element, {
+    const startEvent = await dispatch(commandEvents.start, element, {
       cancelable: true,
       detail: payload
     })
 
-    if (startEvent.defaultPrevented)
+    if (startEvent.defaultPrevented || (startEvent.detail.confirmation && event.defaultPrevented))
       return dispatch(commandEvents.abort, element, {
         detail: {
           message: `An event handler for '${commandEvents.start}' prevented default behavior and blocked command invocation!`,
@@ -87,16 +87,6 @@ function invokeCommand (event) {
   }
 }
 
-// wire things up and setup defaults for event delegation
-delegates.handler = invokeCommand
-delegates.register('click', [`[${schema.commandAttribute}]`])
-delegates.register('submit', [`form[${schema.commandAttribute}]`])
-delegates.register('change', [
-  `input[${schema.commandAttribute}]`,
-  `select[${schema.commandAttribute}]`,
-  `textarea[${schema.commandAttribute}]`
-])
-
 self.TurboBoost = self.TurboBoost || {}
 
 self.TurboBoost = {
@@ -104,22 +94,35 @@ self.TurboBoost = {
 
   stateEvents,
 
-  get state () {
+  get state() {
     return state.current
   },
 
-  get stateDelta () {
+  get stateDelta() {
     return state.delta
   }
 }
 
-self.TurboBoost.Commands = {
-  logger,
-  schema,
-  events: commandEvents,
-  registerEventDelegate: delegates.register,
-  get eventDelegates () {
-    return delegates.events
+if (!self.TurboBoost.Commands) {
+  // wire things up and setup defaults for event delegation
+  delegates.handler = invokeCommand
+  delegates.register('click', [`[${schema.commandAttribute}]`])
+  delegates.register('submit', [`form[${schema.commandAttribute}]`])
+  delegates.register('change', [
+    `input[${schema.commandAttribute}]`,
+    `select[${schema.commandAttribute}]`,
+    `textarea[${schema.commandAttribute}]`
+  ])
+
+  self.TurboBoost.Commands = {
+    confirmation,
+    logger,
+    schema,
+    events: commandEvents,
+    registerEventDelegate: delegates.register,
+    get eventDelegates() {
+      return delegates.events
+    }
   }
 }
 

data/app/javascript/lifecycle.js

@@ -1,23 +1,15 @@
 import activity from './activity'
 import { dispatch, commandEvents } from './events'
 
-function finish (event) {
+function finish(event) {
   event.detail.endedAt = Date.now()
   event.detail.milliseconds = event.detail.endedAt - event.detail.startedAt
-  setTimeout(
-    () =>
-      dispatch(commandEvents.finish, event.target, { detail: event.detail }),
-    25
-  )
+  setTimeout(() => dispatch(commandEvents.finish, event.target, { detail: event.detail }), 25)
 }
 
 // TODO: forward source event to finish (error or success)
 addEventListener(commandEvents.serverError, finish)
 addEventListener(commandEvents.success, finish)
-addEventListener(
-  commandEvents.finish,
-  event => activity.remove(event.detail.id),
-  true
-)
+addEventListener(commandEvents.finish, event => activity.remove(event.detail.id), true)
 
 export default { events: commandEvents }

data/app/javascript/logger.js

@@ -13,17 +13,17 @@ const logLevels = {
 Object.values(events).forEach(name => {
   addEventListener(name, event => {
     if (logLevels[currentLevel].includes(event.type)) {
-      const level = currentLevel === 'debug' ? 'log' : currentLevel
-      console[level](event.type, { target: event.target, detail: event.detail })
+      const { target, detail } = event
+      console[currentLevel](event.type, { target, detail })
     }
   })
 })
 
 export default {
-  get level () {
+  get level() {
     return currentLevel
   },
-  set level (value) {
+  set level(value) {
     if (!Object.keys(logLevels).includes(value)) value = 'unknown'
     return (currentLevel = value)
   }

data/app/javascript/meta.js

@@ -1,17 +1,17 @@
 class Meta {
-  get element () {
+  get element() {
     return document.querySelector('meta[name="turbo-boost"]')
   }
 
-  get token () {
+  get token() {
     return this.element.getAttribute('content')
   }
 
-  get busy () {
+  get busy() {
     return this.element.dataset.busy === 'true'
   }
 
-  set busy (value) {
+  set busy(value) {
     return (this.element.dataset.busy = !!value)
   }
 }

data/app/javascript/renderer.js

@@ -1,4 +1,4 @@
-function replaceDocument (content) {
+function replaceDocument(content) {
   const head = '<html'
   const tail = '</html'
   const headIndex = content.indexOf(head)
@@ -9,7 +9,7 @@ function replaceDocument (content) {
   }
 }
 
-function append (content) {
+function append(content) {
   document.body.insertAdjacentHTML('beforeend', content)
 }
 

data/app/javascript/schema.js

@@ -1,7 +1,8 @@
 const schema = {
   frameAttribute: 'data-turbo-frame',
   methodAttribute: 'data-turbo-method',
-  commandAttribute: 'data-turbo-command'
+  commandAttribute: 'data-turbo-command',
+  confirmAttribute: 'data-turbo-confirm'
 }
 
 export default { ...schema }

data/app/javascript/state/index.js

@@ -5,7 +5,7 @@ import { dispatch, commandEvents, stateEvents } from '../events'
 let loadedState, currentState, changedState
 let loadStateTimeout
 
-function loadState () {
+function loadState() {
   if (!meta.element) return loadStateLater()
   const json = atob(meta.element.dataset.state)
   changedState = {}
@@ -19,7 +19,7 @@ function loadState () {
   )
 }
 
-function loadStateLater () {
+function loadStateLater() {
   clearTimeout(loadStateTimeout)
   loadStateTimeout = setTimeout(loadState, 10)
 }
@@ -43,11 +43,11 @@ addEventListener(stateEvents.stateChange, event => {
 export default {
   events: stateEvents,
 
-  get current () {
+  get current() {
     return currentState
   },
 
-  get delta () {
+  get delta() {
     return changedState
   },
 
@@ -56,7 +56,7 @@ export default {
   // A Base64 character is an 8-bit-padded ASCII character... or 1 byte
   //
   // SEE: lib/state.rb - for info on how `state` is serialized/deserialized
-  get payloadChunks () {
+  get payloadChunks() {
     return btoa(JSON.stringify(changedState)).match(/.{1,2000}/g)
   }
 }

data/app/javascript/state/observable.js

@@ -3,17 +3,17 @@ import { dispatch, stateEvents as events } from '../events'
 
 let head
 
-function observable (object, parent = null) {
+function observable(object, parent = null) {
   if (!object || typeof object !== 'object') return object
 
   const proxy = new Proxy(object, {
-    deleteProperty (target, key) {
+    deleteProperty(target, key) {
       delete target[key]
       dispatch(events.stateChange, meta.element, { detail: { state: head } })
       return true
     },
 
-    set (target, key, value, receiver) {
+    set(target, key, value, receiver) {
       target[key] = observable(value, this)
       dispatch(events.stateChange, meta.element, { detail: { state: head } })
       return true
@@ -23,8 +23,7 @@ function observable (object, parent = null) {
   if (Array.isArray(object)) {
     object.forEach((value, index) => (object[index] = observable(value, proxy)))
   } else if (typeof object === 'object') {
-    for (const [key, value] of Object.entries(object))
-      object[key] = observable(value, proxy)
+    for (const [key, value] of Object.entries(object)) object[key] = observable(value, proxy)
   }
 
   if (!parent) head = proxy

data/app/javascript/turbo.js

@@ -13,22 +13,15 @@ addEventListener('turbo:before-fetch-request', event => {
 
   // command invoked and busy
   if (meta.busy) {
-    let acceptHeaders = [
-      'text/vnd.turbo-boost.html',
-      fetchOptions.headers['Accept']
-    ]
-    acceptHeaders = acceptHeaders
-      .filter(entry => entry && entry.trim().length > 0)
-      .join(', ')
+    let acceptHeaders = ['text/vnd.turbo-boost.html', fetchOptions.headers['Accept']]
+    acceptHeaders = acceptHeaders.filter(entry => entry && entry.trim().length > 0).join(', ')
     fetchOptions.headers['Accept'] = acceptHeaders
     fetchOptions.headers['TurboBoost-Token'] = meta.token
   }
 
   // always send state
   state.payloadChunks.forEach((chunk, i) => {
-    fetchOptions.headers[
-      `TurboBoost-State-${i.toString().padStart(4, '0')}`
-    ] = chunk
+    fetchOptions.headers[`TurboBoost-State-${i.toString().padStart(4, '0')}`] = chunk
   })
 })
 
@@ -42,12 +35,7 @@ addEventListener('turbo:before-fetch-response', event => {
   if (response.header('TurboBoost')) {
     if (response.statusCode < 200 || response.statusCode > 399) {
       const error = `Server returned a ${response.statusCode} status code! TurboBoost Commands require 2XX-3XX status codes.`
-      dispatch(
-        lifecycle.events.clientError,
-        document,
-        { detail: { ...event.detail, error } },
-        true
-      )
+      dispatch(lifecycle.events.clientError, document, { detail: { ...event.detail, error } }, true)
     }
 
     if (response.header('TurboBoost') === 'Append') {
@@ -60,7 +48,6 @@ addEventListener('turbo:before-fetch-response', event => {
 // fires when a frame element is navigated and finishes loading
 addEventListener('turbo:frame-load', event => {
   const frame = event.target.closest('turbo-frame')
-  frame.dataset.turboBoostSrc =
-    frameSources[frame.id] || frame.src || frame.dataset.turboBoostSrc
+  frame.dataset.turboBoostSrc = frameSources[frame.id] || frame.src || frame.dataset.turboBoostSrc
   delete frameSources[frame.id]
 })

data/app/javascript/urls.js

@@ -1,4 +1,4 @@
-function build (urlString, payload = {}) {
+function build(urlString, payload = {}) {
   const a = document.createElement('a')
   a.href = urlString
   const url = new URL(a)