@symbo.ls/utils 0.0.2

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@symbo.ls/utils",
+  "version": "0.0.2",
+  "description": "",
+  "source": "src/index.js",
+  "main": "src/index.js",
+  "scripts": {
+    "watch": "parcel watch --no-cache",
+    "build": "parcel build --no-cache"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@symbo.ls/scratch": "latest",
+    "@symbo.ls/icons": "^0.2.26"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.11.5",
+    "babel-eslint": "^10.0.3",
+    "eslint": "^6.1.0",
+    "standard": "^13.1.0"
+  },
+  "standard": {
+    "parser": "babel-eslint"
+  }
+}

package/src/detectHeight.js

@@ -0,0 +1,31 @@
+'use strict'
+
+export const detectHeightOnInit = (element, state) => {
+  const heightTimeout = setTimeout(() => {
+    const { props } = element
+    if (!state.clientHeight) {
+      const { node: { clientHeight } } = element
+      if (clientHeight) {
+        state.clientHeight = clientHeight
+      }
+    }
+
+    if (state.active) {
+      if (props.height === 'auto') return
+      element.update({
+        props: { height: state.clientHeight }
+      }, { ignoreInitUpdate: true, preventChildrenUpdate: true })
+      const setAutoTimeout = setTimeout(() => {
+        element.update({
+          props: { height: 'auto' }
+        }, { ignoreInitUpdate: true, preventChildrenUpdate: true })
+        clearTimeout(setAutoTimeout)
+      }, 450)
+    } else {
+      element.update({
+        props: { height: '0' }
+      }, { ignoreInitUpdate: true, preventChildrenUpdate: true })
+    }
+    clearTimeout(heightTimeout)
+  })
+}

package/src/index.js

@@ -0,0 +1,23 @@
+'use strict'
+
+export * from './navigation'
+export * from './scaling'
+
+export const debounce = (func, timeout = 300) => {
+  let timer
+  return (...args) => {
+    clearTimeout(timer)
+    timer = setTimeout(() => { func.apply(this, args) }, timeout)
+  }
+}
+
+export const copyStringToClipboard = str => {
+  var el = document.createElement('textarea')
+  el.value = str
+  el.setAttribute('readonly', '')
+  el.style = { position: 'absolute', left: '-9999px' }
+  document.body.appendChild(el)
+  el.select()
+  document.execCommand('copy')
+  document.body.removeChild(el)
+}

package/src/navigation.js

@@ -0,0 +1,66 @@
+'use strict'
+
+import { SITEMAP } from '../data'
+
+export const filterHrefs = () => {
+  return Object.values(SITEMAP)
+    .map(({ href, sub_links }) => // eslint-disable-line
+      [href, sub_links.map(({ href }) => href).filter(v => v.indexOf('#') === -1)].filter(v => v.length > 0)
+    )
+}
+
+export const findCurrentIndex = () => { // eslint-disable-line
+  const { pathname } = window.location
+  const hrefArray = filterHrefs()
+  let index
+
+  hrefArray.map((v, k) => {
+    if (v[0] === pathname) index = k
+    if (v[1] && v[1].indexOf(pathname) > -1) {
+      const i = v[1].indexOf(pathname)
+      index = `${k}.${i}`
+    }
+  })
+
+  return { active: index }
+}
+
+/** Parses sitemap and detects current, active, and previous pages from current url path */
+export const setPaginationNames = () => {
+  const { pathname } = window.location
+  const hrefArray = filterHrefs()
+  const state = {}
+
+  hrefArray.map((v, k) => {
+    const categoryRoute = v[0]
+    const subcategoryRoutes = v[1]
+    const previousCat = SITEMAP[k - 1]
+    const activeCat = SITEMAP[k]
+    const nextCat = SITEMAP[k + 1]
+
+    const isRootCategory = categoryRoute === pathname
+    const isSubcategory = subcategoryRoutes && subcategoryRoutes.indexOf(pathname) > -1
+
+    if (isRootCategory) {
+      const previousSubcat = hrefArray[k - 1] && hrefArray[k - 1][1] && previousCat.sub_links[previousCat.sub_links.length - 1]
+      const nextSubcat = subcategoryRoutes && activeCat.sub_links[0]
+
+      state.previous = previousSubcat || previousCat
+      state.active = activeCat
+      state.next = nextSubcat || nextCat
+      state.moveOn = nextSubcat && nextCat
+    } else if (isSubcategory) {
+      const i = subcategoryRoutes.indexOf(pathname)
+      const activeSubcat = activeCat.sub_links[i]
+      const previousSubcat = subcategoryRoutes[i - 1] && activeCat.sub_links[i - 1]
+      const nextSubcat = subcategoryRoutes[i + 1] && activeCat.sub_links[i + 1]
+
+      state.previous = previousSubcat || activeCat
+      state.active = activeSubcat
+      state.next = nextSubcat || nextCat
+      state.moveOn = nextSubcat && nextCat
+    }
+  })
+
+  return state
+}

package/src/scaling.js

@@ -0,0 +1,29 @@
+'use strict'
+
+import { generateSequence } from '@symbo.ls/scratch'
+
+import { isObject, isArray } from '@domql/utils'
+
+export const sortSequence = (a, b) => a.index - b.index
+
+export const mapSequence = (state, sort) => {
+  generateSequence(state)
+  const { sequence } = state
+  if (sort) {
+    const values = Object.values(sequence)
+    return values.sort(sort)
+  }
+  return sequence
+}
+
+export const findClosestNumber = (number, arr) => {
+  return (isArray(arr) ? arr : Object.values(arr)).reduce((prev, curr) => {
+    return (Math.abs(curr - number) < Math.abs(prev - number) ? curr : prev)
+  })
+}
+
+export const findClosestNumberInFactory = (val, factory) => {
+  val = parseFloat(val)
+  if (isObject(factory)) factory = Object.values(factory)
+  return findClosestNumber(val, factory)
+}