'use strict'

module.exports = (render) => Object.assign(() => render`
  <chart
    class='db overflow-y-scroll overflow-x-hidden relative'
    style='padding-left: 5%; padding-right: 5%; height: calc(100vh - 66px)'
  >
  </chart>
`, { v8cats })

function v8cats (child) {
  var name = child.name

  if (/\[INIT]$/.test(name)) return {type: 'init'}

  if (/\[INLINABLE]$/.test(name)) return {type: 'inlinable'}

  if (!/\.m?js/.test(name)) {
    if (/\[CODE:RegExp]$/.test(name)) return {type: 'regexp'}
    if (/\[CODE:.*?]$/.test(name) || /v8::internal::.*\[CPP]$/.test(name)) return {type: 'v8'}
    if (/\.$/.test(name)) return {type: 'core'}
    if (/\[CPP]$/.test(name) || /\[SHARED_LIB]$/.test(name)) return {type: 'cpp'}
    if (/\[eval]/.test(name)) return {type: 'native'}     // unless we create an eval checkbox
                                                          // "native" is the next best label since
                                                          // you cannot tell where the eval comes
                                                          // from (app, deps, core)
    return {type: 'v8'}
  }

  if (/ native /.test(name)) return {type: 'native'}
  if (name.indexOf('/') === -1 || (/internal\//.test(name) && !/ \//.test(name))) return {type: 'core'}
  if (/node_modules/.test(name)) return {type: 'deps'}

  return {type: 'app'}
}