import type { ComponentPublicInstance } from 'vue'

// @ts-ignore
function getPageId(page: BasePage): string {
  return page.$appPage!.pageId
}
// @ts-ignore
function getPagePath(page: BasePage): string {
  return page.route
}
// @ts-ignore
function getPageQuery(page: BasePage): Map<string, string | null> {
  return page.options
}
// @ts-ignore
function getPageById(id: string): BasePage | null {
  // @ts-ignore
  const pages = getCurrentPages()
  // @ts-ignore
  let result: BasePage | null = null
  // @ts-ignore
  pages.forEach((page: BasePage) => {
    if (getPageId(page) == id) {
      result = page
    }
  })
  return result
}
// @ts-ignore
export function getPageVm(id: string): BasePage | null {
  return getPageById(id)
}

export function pageGetData(
  // @ts-ignore
  vm: BasePage,
): Map<string, any | null> {
  // TODO: path 目前无法处理类型问题，暂由服务端处理
  return vm.$data
}
// @ts-ignore
export function pageSetData(vm: BasePage, data: Map<string, any | null>): void {
  data.forEach((value: any | null, key: string) => {
    vm.$data.set(key, value)
  })
}
// @ts-ignore
export function parsePage(page: BasePage): UTSJSONObject {
  return {
    id: getPageId(page),
    path: getPagePath(page),
    query: getPageQuery(page),
    // @ts-ignore
  } as UTSJSONObject
}
export function getComponentVmBySelector(
  pageId: string,
  selector: string,
  callback: (result: any | null, error: any | null) => void
  // @ts-ignore
): ComponentPublicInstance | null {
  const page = getPageVm(pageId)
  if (page == null) {
    callback(null, { errMsg: `Page[${pageId}] not exists` })
    return null
  }
  const component = page.$children.find(
    // @ts-ignore
    (child: ComponentPublicInstance): boolean => child.$options.name == selector
  )
  if (component == null) {
    callback(null, { errMsg: `component[${selector}] not exists` })
    return null
  }
  return component
}
export function getComponentVmByNodeId(
  pageId: string,
  nodeId: number,
  callback: (result: any | null, error: any | null) => void
  // @ts-ignore
): ComponentPublicInstance | null {
  const page = getPageVm(pageId)
  if (page == null) {
    callback(null, { errMsg: `Page[${pageId}] not exists` })
    return null
  }
  // @ts-ignore
  let component: ComponentPublicInstance | null = null
  // @ts-ignore
  function getComponentChild(parent: ComponentPublicInstance) {
    // @ts-ignore
    if (parent.$.uid.toInt() == nodeId.toInt()) {
      component = parent
      return
    }
    // @ts-ignore
    parent.$children.forEach((child: ComponentPublicInstance) => {
      getComponentChild(child)
    })
  }
  getComponentChild(page)
  if (component == null) {
    callback(null, { errMsg: `component[${nodeId}] not exists` })
    return null
  }
  return component
}
export function getElementByIdOrNodeId(
  pageId: string,
  elementId: string | null,
  nodeId: number | null,
  callback: (result: any | null, error: any | null) => void
  // @ts-ignore
): INode | null {
  if (nodeId != null) {
    return getComponentDomByNodeId(pageId, nodeId, callback)
  } else if (elementId != null) {
    return getElementById(pageId, elementId, callback)
  }
  return null
}
export function getComponentDomByNodeId(
  pageId: string,
  nodeId: number,
  callback: (result: any | null, error: any | null) => void
  // @ts-ignore
): INode | null {
  const component = getComponentVmByNodeId(pageId, nodeId, callback)
  if (component == null) {
    return null
  }
  return component.$el
}
export function getElementByNodeIdOrElementId(
  pageId: string,
  nodeId: number | null,
  elementId: string | null,
  callback: (result: any | null, error: any | null) => void
  // @ts-ignore
): INode | null {
  const page = getPageVm(pageId)
  if (page == null) {
    callback(null, { errMsg: `Page[${pageId}] not exists` })
    return null
  }
  if (nodeId != null) {
    return getComponentDomByNodeId(pageId, nodeId, callback)
  } else if (elementId != null) {
    return getElementById(pageId, elementId, callback)
  }
  return null
}
export function getElementById(
  pageId: string,
  elementId: string,
  callback: (result: any | null, error: any | null) => void
  // @ts-ignore
): INode | null {
  const page = getPageVm(pageId)
  if (page == null) {
    callback(null, { errMsg: `Page[${pageId}] not exists` })
    return null
  }
  const document = page.$appPage!.document
  const element = document.getElementById(elementId)
  if (element == null) {
    callback(null, { errMsg: `element[${elementId}] not exists` })
    return null
  }
  return element
}

export function getValidComponentsOrNodes(
  // @ts-ignore
  vnode: VNode | null,
  selector: string,
  // @ts-ignore
  list: UTSJSONObject[],
  getAll = false
): void {
  if (vnode == null || (!getAll && list.length > 0)) {
    return
  }
  if (isValidComponentOrNode(vnode, selector)) {
    if (vnode.component != null) {
      list.push({
        // @ts-ignore
        nodeId: (vnode.component as ComponentInternalInstance).uid,
        // @ts-ignore
        tagName: (vnode.component as ComponentInternalInstance).options.name,
        elementId: `${Date.now()}`,
      })
    } else {
      list.push({
        elementId: vnode.el!.id,
        tagName: vnode.el!.tagName,
      })
    }
    if (!getAll) {
      return
    }
  }
  // @ts-ignore
  if (vnode.children !== null && isArray(vnode.children)) {
    ;(vnode.children as any[]).forEach((child) => {
      // @ts-ignore
      if (child instanceof VNode) {
        getValidComponentsOrNodes(child, selector, list, getAll)
      }
    })
  }
  if (vnode.component != null) {
    const component = vnode.component
    getValidComponentsOrNodes(component!.subTree, selector, list, getAll)
  }
}
// @ts-ignore
function isValidComponentOrNode(vnode: VNode, selector: string): boolean {
  if (
    vnode.component != null &&
    // @ts-ignore
    (vnode.component as ComponentInternalInstance).options.name == selector
  ) {
    return true
  }
  if (vnode.el != null) {
    const node = vnode.el!
    if (selector.startsWith('.')) {
      if (node.ext['classList'] !== null) {
        // @ts-ignore
        const classList = JSON.parse<string[]>(
          JSON.stringify(node.ext['classList'])
        )!
        return classList.includes(selector.substring(1))
      }
      return false
    } else if (selector.startsWith('#')) {
      return node.getAttribute('id') == selector.substring(1)
    }
    return node.tagName?.toUpperCase() == selector.toUpperCase()
  }
  return false
}

export function getValidNodes(
  // @ts-ignore
  node: INode | null,
  selector: string,
  // @ts-ignore
  list: UTSJSONObject[],
  getAll = false
): void {
  if (node == null) {
    return
  }
  if (isValidNode(node, selector)) {
    list.push({
      elementId: node.id,
      tagName: node.tagName,
    })
    if (!getAll) {
      return
    }
  }
  node.childNodes.forEach((child) => {
    getValidNodes(child, selector, list, getAll)
  })
}
// @ts-ignore
function isValidNode(node: INode, selector: string): boolean {
  if (selector.startsWith('.')) {
    if (node.ext['classList'] !== null) {
      // @ts-ignore
      const classList = JSON.parse<string[]>(
        JSON.stringify(node.ext['classList'])
      )!
      return classList.includes(selector.substring(1))
    }
    return false
  } else if (selector.startsWith('#')) {
    return node.getAttribute('id') == selector.substring(1)
  }
  return node.tagName?.toUpperCase() == selector.toUpperCase()
}

export function componentGetData(
  // @ts-ignore
  vm: ComponentPublicInstance,
): Map<string, any | null> {
  // TODO: path 目前无法处理类型问题，暂由服务端处理
  return vm.$data
}
export function componentSetData(
  // @ts-ignore
  vm: ComponentPublicInstance,
  data: Map<string, any | null>
): void {
  data.forEach((value: any | null, key: string) => {
    vm.$data.set(key, value)
  })
}
// @ts-ignore
export function getChildrenText(node: INode): string {
  let result = ''
  node.childNodes.forEach((child) => {
    if (child.tagName == 'TEXT' || child.tagName == 'UNI-BUTTON-ELEMENT') {
      result += child.getAttribute('value')
    } else {
      result += getChildrenText(child)
    }
  })
  return result
}

export function toCamelCase(str: string): string {
  const wordList = str.split('-')
  for (let i = 1; i < wordList.length; i++) {
    const word = wordList[i]
    wordList[i] = word.at(0)!.toUpperCase() + word.substring(1)
  }
  return wordList.join('')
}