import { setupUniApp, install } from '@vtj/uni';
import { createRenderer } from '@vtj/renderer';
import { type BlockSchema } from '@vtj/core';
//@ts-ignore
import * as Vue from '@dcloudio/uni-h5-vue';
//@ts-ignore
import * as UniH5 from '@dcloudio/uni-h5';
import App from './components/UniRoot.vue';
import SubView from './components/SubView.vue';

const manifestJson: any = {};

const pagesJson: any = {
  globalStyle: {
    navigationBarTextStyle: 'white',
    navigationBarTitleText: 'uni-app',
    navigationBarBackgroundColor: '#333333',
    backgroundColor: '#F8F8F8'
  },
  tabBar: {
    color: '#7A7E83',
    selectedColor: '#3cc51f',
    borderStyle: 'black',
    backgroundColor: '#ffffff',
    list: [
      {
        pagePath: '/',
        text: '主页'
      },
      {
        pagePath: '/pages/2',
        text: '组件'
      }
    ]
  }
};

const dsl: BlockSchema = {
  name: 'UniPageDemo',
  nodes: [
    {
      name: 'View',
      children: [
        {
          name: 'Button',
          props: {
            type: 'primary'
          },
          events: {
            click: {
              name: 'click',
              handler: {
                type: 'JSFunction',
                value: `
                ()=>{
                  uni.navigateTo({
                    url: '/pages/2'
                  })
                }
                `
              }
            }
          },
          children: 'Page 1'
        },
        {
          name: 'SubView'
        }
      ]
    }
  ],
  lifeCycles: {
    onLoad: {
      type: 'JSFunction',
      value: `
      (opt)=>{
      console.log('onLoad app',opt, uni)
      }
        `
    },
    onShow: {
      type: 'JSFunction',
      value: `
      ()=>{
      console.log('onShow app')
      }
        `
    }
  }
};

const { renderer } = createRenderer({ dsl, components: { SubView } });

const app = setupUniApp({
  Vue,
  App,
  UniH5,
  manifestJson,
  pagesJson,
  routes: [
    {
      id: 'a',
      path: '/',
      // component: renderer,
      loader: async () => {
        return renderer;
      },
      style: {
        navigationBarTitleText: 'Page 1'
      },
      home: false
    }
  ]
});
app.use(install, UniH5);
app.mount(document.body);