@quicktvui/ai-cli 0.1.0 → 0.1.3

package/templates/quicktvui-template/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@quicktvui/quicktvui-template",
+  "appName": "quicktvui-template",
+  "version": "0.0.1",
+  "main": "./src/main.ts",
+  "icon": "./src/assets/logo.png",
+  "private": true,
+  "scripts": {
+    "dev": "qt-dev android",
+    "build:android": "qt-build android",
+    "build:harmony": "qt-build harmony",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "format": "prettier --write src/",
+    "prepare": "husky install"
+  },
+  "dependencies": {
+    "@quicktvui/quicktvui3": "^3.0.0",
+    "vue": "^3.4.21",
+    "vue-tsc": "^2.0.11"
+  },
+  "devDependencies": {
+    "@quicktvui/build-tools": "^1.0.0",
+    "@quicktvui/ai": "^1.0.0",
+    "husky": "^8.0.0"
+  },
+  "lint-staged": {
+    "*.{js,ts,vue}": "prettier --write"
+  }
+}

package/templates/quicktvui-template/src/App.vue

@@ -0,0 +1,30 @@
+<template>
+  <div id="root">
+    <es-router-view />
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from '@vue/runtime-core'
+
+export default defineComponent({
+  name: 'App',
+  setup() {
+    function onESCreate(app, params) {}
+
+    return {
+      onESCreate
+    }
+  }
+})
+</script>
+
+<style scoped>
+#root {
+  width: 1920px;
+  height: 1080px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+</style>

package/templates/quicktvui-template/src/components/WebRTCPlayer.ts

@@ -0,0 +1,48 @@
+import { defineComponent, h, ref } from 'vue'
+import { Native } from '@extscreen/es3-vue'
+
+const WebRTCPlayer = defineComponent({
+  name: 'WebRTCPlayerComponent',
+  props: {
+    wsUrl: {
+      type: String,
+      default: ''
+    },
+    play: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [],
+  setup(props, context) {
+    const viewRef = ref()
+
+    function reload() {
+      Native.callUIFunction(viewRef.value, 'reload', [])
+    }
+
+    function release() {
+      Native.callUIFunction(viewRef.value, 'release', [])
+    }
+
+    context.expose({
+      reload,
+      release
+    })
+
+    return () => {
+      const children = context.slots.default && context.slots.default()
+      return h(
+        'tv.huan.xiaoyou.webrtc.WebRTCPlayerComponent',
+        {
+          ref: viewRef,
+          wsUrl: props.wsUrl,
+          play: props.play
+        },
+        children
+      )
+    }
+  }
+})
+
+export default WebRTCPlayer

package/templates/quicktvui-template/src/main.ts

@@ -0,0 +1,29 @@
+import { ESApp } from '@extscreen/es3-vue'
+import application from './App.vue'
+
+import { createESRouter, Router } from '@extscreen/es3-router'
+import routes from './routes'
+
+const routerOptions = {
+  main: 'home',
+  error: 'error',
+  limit: 10,
+  routes: routes
+}
+let router: Router = createESRouter(routerOptions)
+import { createESApp } from '@extscreen/es3-core'
+
+const app: ESApp = createESApp(application, router)
+
+import { ESComponent } from '@extscreen/es3-component'
+
+app.use(ESComponent)
+
+import '@quicktvui/quicktvui3/dist/index.css'
+import { QuickTVUI } from '@quicktvui/quicktvui3'
+
+app.use(QuickTVUI)
+
+// Register WebRTCPlayer
+import WebRTCPlayer from './components/WebRTCPlayer'
+app.component('WebRTCPlayer', WebRTCPlayer)

package/templates/quicktvui-template/src/routes.ts

@@ -0,0 +1,21 @@
+import home from './views/home.vue'
+import error from './views/error.vue'
+import cast from './views/cast.vue'
+
+export default [
+  {
+    path: '/home',
+    name: 'home',
+    component: home
+  },
+  {
+    path: '/error',
+    name: 'error',
+    component: error
+  },
+  {
+    path: '/cast',
+    name: 'cast',
+    component: cast
+  }
+]

package/templates/quicktvui-template/src/views/cast.vue

@@ -0,0 +1,42 @@
+<template>
+  <div class="cast-page">
+    <WebRTCPlayer ref="playerRef" class="player" :wsUrl="wsUrl" :play="true" />
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, ref } from 'vue'
+import { useESRouter } from '@extscreen/es3-router'
+
+export default defineComponent({
+  name: 'cast',
+  setup() {
+    const router = useESRouter()
+    const wsUrl = ref('')
+    const playerRef = ref(null)
+
+    // Parse params from router
+    const params = router.getParams()
+    if (params && params.ws_url) {
+      wsUrl.value = params.ws_url
+    }
+
+    return {
+      wsUrl,
+      playerRef
+    }
+  }
+})
+</script>
+
+<style scoped>
+.cast-page {
+  width: 1920px;
+  height: 1080px;
+  background-color: #000000;
+}
+.player {
+  width: 1920px;
+  height: 1080px;
+}
+</style>

package/templates/quicktvui-template/src/views/error.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="error-root-view-css">
+    <span class="error-text-css" ref="errorText">error页面</span>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from '@vue/runtime-core'
+
+export default defineComponent({
+  name: 'error',
+  setup() {
+    return {}
+  }
+})
+</script>
+
+<style scoped>
+.error-root-view-css {
+  width: 1920px;
+  height: 1080px;
+  background-color: darkgray;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.error-text-css {
+  font-size: 40px;
+}
+</style>

package/templates/quicktvui-template/src/views/home.vue

@@ -0,0 +1,60 @@
+<template>
+  <div class="index-root-view-css">
+    <qt-image class="index-root-logo-css" :src="logo"></qt-image>
+    <qt-text class="index-root-text-view-css" gravity="center" text="等待投屏..." />
+    <qt-text class="ip-text" gravity="center" :text="`设备名称: ${deviceName}`" />
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, ref } from 'vue'
+import logo from '../assets/logo.png'
+
+export default defineComponent({
+  name: 'home',
+  setup() {
+    const deviceName = ref('客厅电视')
+
+    return {
+      logo,
+      deviceName
+    }
+  }
+})
+</script>
+
+<style>
+.index-root-view-css {
+  width: 1920px;
+  height: 1080px;
+  background-color: #1e1e1e;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.index-root-text-view-css {
+  width: 1920px;
+  height: 100px;
+  font-size: 60px;
+  color: #ffffff;
+  text-align: center;
+  margin-top: 40px;
+}
+
+.ip-text {
+  width: 1920px;
+  height: 60px;
+  font-size: 30px;
+  color: #aaaaaa;
+  text-align: center;
+  margin-top: 20px;
+}
+
+.index-root-logo-css {
+  width: 200px;
+  height: 200px;
+  margin-bottom: 30px;
+}
+</style>

package/templates/quicktvui-template/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "target": "esnext",
+    "module": "esnext",
+    "lib": ["esnext", "dom"],
+    "declaration": true,
+    "rootDir": ".",
+    "baseUrl": "./",
+    "outDir": "dist",
+    "jsx": "preserve",
+    "moduleResolution": "node",
+    "allowJs": false,
+    "esModuleInterop": true,
+    "noImplicitAny": false
+  },
+  "include": ["src/*.ts", "src/*.vue", "src/**/*.ts", "src/**/*.vue", "test", "app.d.ts"],
+  "exclude": ["node_modules", "dist", "**/dist", "**/node_modules"]
+}