Packages

phoenix_live_view

0.17.4
1.2.7 1.2.6 1.2.5 1.2.4 1.2.3 1.2.2 1.2.1 1.2.0 1.2.0-rc.3 1.2.0-rc.2 1.2.0-rc.1 1.2.0-rc.0 1.1.32 1.1.31 1.1.30 1.1.29 1.1.28 1.1.27 1.1.26 1.1.25 1.1.24 1.1.23 1.1.22 1.1.21 1.1.20 1.1.19 1.1.18 1.1.17 1.1.16 1.1.15 1.1.14 1.1.13 1.1.12 1.1.11 1.1.10 1.1.9 1.1.8 1.1.7 1.1.6 retired 1.1.5 1.1.4 1.1.3 1.1.2 1.1.1 1.1.0 1.1.0-rc.4 1.1.0-rc.3 1.1.0-rc.2 1.1.0-rc.1 1.1.0-rc.0 1.0.18 1.0.17 1.0.16 1.0.15 1.0.14 1.0.13 1.0.12 1.0.11 1.0.10 1.0.9 1.0.8 retired 1.0.7 1.0.6 retired 1.0.5 1.0.4 1.0.3 1.0.2 1.0.1 1.0.0 1.0.0-rc.9 1.0.0-rc.8 1.0.0-rc.7 1.0.0-rc.6 1.0.0-rc.5 1.0.0-rc.4 1.0.0-rc.3 1.0.0-rc.2 1.0.0-rc.1 1.0.0-rc.0 0.20.17 0.20.16 0.20.15 0.20.14 0.20.13 0.20.12 0.20.11 0.20.10 0.20.9 0.20.8 0.20.7 0.20.6 0.20.5 0.20.4 0.20.3 0.20.2 0.20.1 0.20.0 0.19.5 0.19.4 0.19.3 0.19.2 0.19.1 0.19.0 0.18.18 0.18.17 0.18.16 0.18.15 0.18.14 0.18.13 0.18.12 0.18.11 0.18.10 0.18.9 0.18.8 0.18.7 0.18.6 0.18.5 0.18.4 0.18.3 0.18.2 0.18.1 0.18.0 0.17.14 0.17.13 0.17.12 0.17.11 0.17.10 0.17.9 0.17.8 0.17.7 0.17.6 0.17.5 0.17.4 0.17.3 0.17.2 0.17.1 0.17.0 0.16.4 0.16.3 0.16.2 0.16.1 0.16.0 0.15.7 0.15.6 0.15.5 0.15.4 0.15.3 0.15.2 0.15.1 0.15.0 0.14.8 0.14.7 0.14.6 0.14.5 0.14.4 0.14.3 0.14.2 0.14.1 0.14.0 0.13.3 0.13.2 0.13.1 0.13.0 0.12.1 0.12.0 0.11.1 0.11.0 0.10.0 0.9.0 0.8.1 0.8.0 0.7.1 0.7.0 0.6.0 0.6.0-dev 0.5.2 0.5.1 0.5.0 0.4.1 0.4.0 0.3.1 0.3.0 0.2.1 0.2.0 0.1.1 0.1.0

Rich, real-time user experiences with server-rendered HTML

HexDocs

Current section

Files

Jump to
Readme
186 Versions
4 Dependencies
Dependants
1 Advisory
Files
Activity
phoenix_live_view assets js phoenix_live_view utils.js
Raw

assets/js/phoenix_live_view/utils.js 

import {

  PHX_VIEW_SELECTOR

} from "./constants"



import EntryUploader from "./entry_uploader"



export let logError = (msg, obj) => console.error && console.error(msg, obj)



export let isCid = (cid) => {

  let type = typeof(cid)

  return type === "number" || (type === "string" && /^(0|[1-9]\d*)$/.test(cid))

}



export function detectDuplicateIds(){

  let ids = new Set()

  let elems = document.querySelectorAll("*[id]")

  for(let i = 0, len = elems.length; i < len; i++){

    if(ids.has(elems[i].id)){

      console.error(`Multiple IDs detected: ${elems[i].id}. Ensure unique element ids.`)

    } else {

      ids.add(elems[i].id)

    }

  }

}



export let debug = (view, kind, msg, obj) => {

  if(view.liveSocket.isDebugEnabled()){

    console.log(`${view.id} ${kind}: ${msg} - `, obj)

  }

}



// wraps value in closure or returns closure

export let closure = (val) => typeof val === "function" ? val : function (){ return val }



export let clone = (obj) => { return JSON.parse(JSON.stringify(obj)) }



export let closestPhxBinding = (el, binding, borderEl) => {

  do {

    if(el.matches(`[${binding}]`)){ return el }

    el = el.parentElement || el.parentNode

  } while(el !== null && el.nodeType === 1 && !((borderEl && borderEl.isSameNode(el)) || el.matches(PHX_VIEW_SELECTOR)))

  return null

}



export let isObject = (obj) => {

  return obj !== null && typeof obj === "object" && !(obj instanceof Array)

}



export let isEqualObj = (obj1, obj2) => JSON.stringify(obj1) === JSON.stringify(obj2)



export let isEmpty = (obj) => {

  for(let x in obj){ return false }

  return true

}



export let maybe = (el, callback) => el && callback(el)



export let channelUploader = function (entries, onError, resp, liveSocket){

  entries.forEach(entry => {

    let entryUploader = new EntryUploader(entry, resp.config.chunk_size, liveSocket)

    entryUploader.upload()

  })

}