/**
 * Copyright (c) 2023 - present TinyEngine Authors.
 * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
 *
 * Use of this source code is governed by an MIT-style license.
 *
 * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
 * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
 * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
 *
 */

/* metaService: engine.toolbars.save.js-index */
import { reactive, ref } from 'vue'
import {
  useBlock,
  useCanvas,
  useLayout,
  useNotify,
  usePage,
  getOptions,
  getMetaApi,
  META_APP,
  useMessage
} from '@opentiny/tiny-engine-meta-register'
import { constants } from '@opentiny/tiny-engine-utils'
import { handlePageUpdate } from '@opentiny/tiny-engine-common/js/http'
import meta from '../../meta'
import useSaveValidation from './aiSaveValidation'

const { publish } = useMessage()

const { PAGE_STATUS, AUTO_SAVED } = constants
const state = reactive({
  visible: false,
  code: '',
  originalCode: '',
  disabled: false
})

export const isLoading = ref(false)

// 保存或新建区块
const saveBlock = async (pageSchema: { fileName: any }) => {
  const api = getMetaApi(META_APP.BlockManage)
  const { getCurrentBlock } = useBlock()
  const block = getCurrentBlock()

  block.label = pageSchema.fileName
  // 画布上的schem回写到block的schema
  block.content = pageSchema
  // 获取区块截图
  isLoading.value = true
  block.screenshot = await api.getBlockBase64()
  await api.saveBlock?.(block)
  isLoading.value = false
}

const savePage = async (pageSchema: any) => {
  const { currentPage } = useCanvas().pageState
  const params = {
    page_content: pageSchema
  }

  isLoading.value = true
  const updateParams = {
    id: currentPage.id,
    params: { ...currentPage, ...params }
  }
  await handlePageUpdate(updateParams)
  isLoading.value = false

  // 发布页面保存事件，通知其他组件进行相应处理
  publish({ topic: 'page-saved' })
}

export const saveCommon = (value: string) => {
  const { pageSettingState, isTemporaryPage } = usePage()
  const { isBlock, canvasApi, pageState, resetBlockCanvasState, resetPageCanvasState } = useCanvas()
  const pageSchema = JSON.parse(value)
  const { selectNode } = canvasApi.value

  if (isBlock()) {
    resetBlockCanvasState({ ...pageState, pageSchema })
  } else {
    resetPageCanvasState({ ...pageState, pageSchema })
  }

  if (pageSettingState?.isAIPage) {
    if (isTemporaryPage.saved) {
      isTemporaryPage.saved = false
    }

    // 如果当前页面没有ID，为临时生成的页面，则打开新建页面面板
    isTemporaryPage.saved = true
    const pageContent = 'page_content'

    pageSettingState.currentPageData[pageContent] = pageSchema

    return Promise.resolve()
  }

  // 选中画布中的页面，关闭插件、属性配置
  selectNode(null)

  return isBlock() ? saveBlock(pageSchema) : savePage(pageSchema)
}
export const openCommon = async () => {
  const { isSaved, getSchema } = useCanvas()
  if (isSaved() || state.disabled) {
    return
  }

  const { beforeSave, saveMethod, saved } = getOptions(meta.id)

  try {
    if (typeof beforeSave === 'function') {
      await beforeSave()
    }

    if (typeof saveMethod === 'function') {
      const stop = await saveMethod()

      if (stop) {
        return
      }
    }
  } catch (error) {
    useNotify({
      type: 'error',
      message: `Error in saving: ${error}`
    })
  }

  const pageStatus = useLayout().layoutState?.pageStatus
  const curPageState = pageStatus?.state
  const pageInfo = pageStatus?.data
  const ERR_MSG = {
    [PAGE_STATUS.Release]: '当前页面未锁定，请先锁定再保存',
    [PAGE_STATUS.Empty]: '当前应用无页面，请先新建页面再保存',
    [PAGE_STATUS.Guest]: '官网演示应用不能保存页面，如需体验请切换应用',
    [PAGE_STATUS.Lock]: `当前页面被 ${
      pageInfo?.username || ''
    } 锁定，如需编辑请先联系他解锁文件，然后再锁定该页面后编辑！`
  }

  if ([PAGE_STATUS.Release, PAGE_STATUS.Empty, PAGE_STATUS.Guest, PAGE_STATUS.Lock].includes(curPageState)) {
    useNotify({
      type: 'error',
      title: '保存失败',
      message: ERR_MSG[curPageState]
    })

    return
  }

  // 检查是否有未处理的AI修改
  if (useSaveValidation().hasAnyPendingAIModification()) {
    const pendingNodeIds = useSaveValidation().getAllNodesWithPendingAIModification()

    useNotify({
      type: 'warning',
      title: '保存被阻止',
      message: `以下节点的AI修改还未处理：${pendingNodeIds.join('、')}，请先采纳或取消`,
      duration: 5000
    })
    return
  }

  state.disabled = true

  const pageSchema = getSchema()

  state.code = JSON.stringify(pageSchema || {}, null, 2)

  // 获取请求前schema代码，暂时先屏蔽
  /**
  if (useCanvas().isBlock()) {
          const api = getMetaApi(META_APP.BlockManage)
          const block = useBlock().getCurrentBlock()
          const remote = await api.getBlockById(block?.id)
          state.originalCode = JSON.stringify(remote?.content || {}, null, 2)
        } else {
          const api = getMetaApi(META_APP.AppManage)
          const remote = await api.getPageById(pageState?.currentPage?.id)
          state.originalCode = JSON.stringify(remote?.['page_content'] || {}, null, 2)
        }
   */

  return saveCommon(state.code).finally(() => {
    state.disabled = false

    if (typeof saved === 'function') {
      try {
        saved()
      } catch (error) {
        useNotify({
          type: 'error',
          message: `Error in saved: ${error}`
        })
      }
    }
  })
}

export const getAutoSaveStatus = () => {
  try {
    const value = localStorage.getItem(AUTO_SAVED) ?? ''
    return JSON.parse(value) ?? false
  } catch {
    return false
  }
}

export const setAutoSaveStatus = (status: any) => {
  try {
    localStorage.setItem(AUTO_SAVED, JSON.stringify(status))
    return true
  } catch {
    return false
  }
}