vue-object-inspector/src/libs/pathUtils.js

Vue component used as an js/json object inspector/viewer

export const DEFAULT_ROOT_PATH = '$'

const WILDCARD = '*'

export function hasChildNodes(data, dataIterator) {
  return !dataIterator(data).next().done
}

export const wildcardPathsFromLevel = (level) => {
  // i is depth
  return Array.from({ length: level }, (_, i) =>
    [DEFAULT_ROOT_PATH].concat(Array.from({ length: i }, () => '*')).join('.')
  )
}

export const getExpandedPaths = (
  data,
  dataIterator,
  expandPaths,
  expandLevel,
  prevExpandedPaths
) => {
  let wildcardPaths = []
    .concat(wildcardPathsFromLevel(expandLevel))
    .concat(expandPaths)
    .filter((path) => typeof path === 'string') // could be undefined

  const expandedPaths = []
  wildcardPaths.forEach((wildcardPath) => {
    const keyPaths = wildcardPath.split('.')
    const populatePaths = (curData, curPath, depth) => {
      if (depth === keyPaths.length) {
        expandedPaths.push(curPath)
        return
      }
      const key = keyPaths[depth]
      if (depth === 0) {
        if (
          hasChildNodes(curData, dataIterator) &&
          (key === DEFAULT_ROOT_PATH || key === WILDCARD)
        ) {
          populatePaths(curData, DEFAULT_ROOT_PATH, depth + 1)
        }
      } else {
        if (key === WILDCARD) {
          for (let { name, data } of dataIterator(curData)) {
            if (hasChildNodes(data, dataIterator)) {
              populatePaths(data, `${curPath}.${name}`, depth + 1)
            }
          }
        } else {
          const value = curData[key]
          if (hasChildNodes(value, dataIterator)) {
            populatePaths(value, `${curPath}.${key}`, depth + 1)
          }
        }
      }
    }

    populatePaths(data, '', 0)
  })

  return expandedPaths.reduce(
    (obj, path) => {
      obj[path] = true
      return obj
    },
    { ...prevExpandedPaths }
  )
}