1 files changed, 107 insertions, 0 deletions
diff --git a/client/util.js b/client/util.js
new file mode 100644
index 00000000..f181ad0f
--- /dev/null
+++ b/client/util.js
@@ -0,0 +1,107 @@
+/* Mobile check */
+
+export const isiPhone = !!((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)))
+export const isiPad = !!(navigator.userAgent.match(/iPad/i))
+export const isAndroid = !!(navigator.userAgent.match(/Android/i))
+export const isMobile = isiPhone || isiPad || isAndroid
+export const isDesktop = !isMobile
+
+export const toArray = a => Array.prototype.slice.apply(a)
+export const choice = a => a[Math.floor(Math.random() * a.length)]
+
+const htmlClassList = document.body.parentNode.classList
+htmlClassList.add(isDesktop ? 'desktop' : 'mobile')
+
+/* Default image dimensions */
+
+export const widths = {
+  th: 160,
+  sm: 320,
+  md: 640,
+  lg: 1280,
+}
+
+/* Formatting functions */
+
+const acronyms = 'id url cc sa fp md5 sha256'.split(' ').map(s => '_' + s)
+const acronymsUpperCase = acronyms.map(s => s.toUpperCase())
+
+export const formatName = s => {
+  acronyms.forEach((acronym, i) => s = s.replace(acronym, acronymsUpperCase[i]))
+  return s.replace(/_/g, ' ')
+}
+
+// Use to pad frame numbers with zeroes
+export const pad = (n, m) => {
+  let s = String(n || 0)
+  while (s.length < m) {
+    s = '0' + s
+  }
+  return s
+}
+
+export const courtesyS = (n, s) => n + ' ' + (n === 1 ? s : s + 's')
+
+export const padSeconds = n => n < 10 ? '0' + n : n
+
+export const timestamp = (n = 0, fps = 25) => {
+  n /= fps
+  let s = padSeconds(Math.round(n) % 60)
+  n = Math.floor(n / 60)
+  if (n > 60) {
+    return Math.floor(n / 60) + ':' + padSeconds(n % 60) + ':' + s
+  }
+  return (n % 60) + ':' + s
+}
+
+export const percent = n => (n * 100).toFixed(1) + '%'
+export const px = (n, w) => Math.round(n * w) + 'px'
+export const clamp = (n, a, b) => n < a ? a : n < b ? n : b
+
+/* URLs */
+
+export const preloadImage = opt => {
+  let { verified, hash, frame, url } = opt
+  if (hash && frame) {
+    url = imageUrl(verified, hash, frame, 'md')
+  }
+  const image = new Image()
+  let loaded = false
+  image.onload = () => {
+    if (loaded) return
+    loaded = true
+    image.onload = null
+  }
+  // console.log(img.src)
+  image.crossOrigin = 'anonymous'
+  image.src = url
+  if (image.complete) {
+    image.onload()
+  }
+}
+
+/* AJAX */
+
+export const post = (uri, data) => {
+  let headers
+  if (data instanceof FormData) {
+    headers = {
+      Accept: 'application/json, application/xml, text/play, text/html, *.*',
+    }
+  } else {
+    headers = {
+      Accept: 'application/json, application/xml, text/play, text/html, *.*',
+      'Content-Type': 'application/json; charset=utf-8',
+    }
+    data = JSON.stringify(data)
+  }
+  let opt = {
+    method: 'POST',
+    body: data,
+    headers,
+    credentials: 'include',
+  }
+  // console.log(headers)
+  // headers['X-CSRFToken'] = csrftoken
+  return fetch(uri, opt).then(res => res.json())
+}