@quicktvui/ai 1.0.9 → 1.1.0

package/rules/.source/hellotv/scripts/quicktvui-webpack.dev.ts

@@ -0,0 +1,147 @@
+const path = require("path");
+const webpack = require("webpack");
+const ESDynamicImportPlugin = require("@extscreen/es3-dynamic-import-plugin");
+const { CleanWebpackPlugin } = require("clean-webpack-plugin");
+const { VueLoaderPlugin } = require("vue-loader");
+const watchPlugin = require("./webpack-watch.ts");
+
+const pkg = require("../package.json");
+let cssLoader = "@extscreen/es3-vue-css-loader";
+
+module.exports = {
+  mode: "development",
+  devtool: "eval-source-map",
+  watch: true,
+  watchOptions: {
+    aggregateTimeout: 1500,
+  },
+  devServer: {
+    // remote debug server address
+    remote: {
+      protocol: "http",
+      host: "127.0.0.1",
+      port: 38989,
+    },
+    // support inspect vue components, store and router, by default is disabled
+    vueDevtools: false,
+    // support debug multiple project with only one debug server, by default is set false.
+    multiple: false,
+    // by default hot and liveReload option are true, you could set only liveReload to true
+    // to use live reload
+    hot: false,
+    liveReload: false,
+    client: {
+      overlay: false,
+    },
+    devMiddleware: {
+      writeToDisk: true,
+    },
+  },
+  entry: {
+    index: ["@hippy/rejection-tracking-polyfill", path.resolve(pkg.main)],
+  },
+  output: {
+    filename: "index.bundle",
+    // chunkFilename: '[name].[chunkhash].js',
+    strictModuleExceptionHandling: true,
+    path: path.resolve("./dist/dev/"),
+    globalObject: '(0, eval)("this")',
+    assetModuleFilename: "[hash][ext][query]",
+  },
+  plugins: [
+    new VueLoaderPlugin(),
+    new watchPlugin({}),
+    new webpack.DefinePlugin({
+      "process.env": {
+        NODE_ENV: JSON.stringify("development"),
+        HOST: JSON.stringify(process.env.DEV_HOST || "127.0.0.1"),
+        PORT: JSON.stringify(process.env.DEV_PORT || 38989),
+      },
+      __VUE_OPTIONS_API__: true,
+      __VUE_PROD_DEVTOOLS__: false,
+      __PLATFORM__: null,
+      __DEV__: true,
+    }),
+    new ESDynamicImportPlugin(),
+    new CleanWebpackPlugin(),
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        use: [
+          {
+            loader: "vue-loader",
+            options: {
+              compilerOptions: {
+                // disable vue3 dom patch flag，because hippy do not support innerHTML
+                hoistStatic: false,
+                // whitespace handler, default is 'condense', it can be set 'preserve'
+                whitespace: "condense",
+              },
+            },
+          },
+        ],
+      },
+      {
+        test: /\.(sc|c)ss$/,
+        use: [
+          cssLoader,
+          {
+            loader: "sass-loader",
+            options: {
+              additionalData: `@use './src/config/public-config.scss' as *;`,
+            },
+          },
+        ],
+      },
+      {
+        test: /\.t|js$/,
+        use: [
+          {
+            loader: "esbuild-loader",
+            options: {
+              target: "es2015",
+            },
+          },
+        ],
+      },
+      {
+        test: /\.(png|jpe?g|gif)$/i,
+        type: "asset/resource",
+        generator: {
+          outputPath: "assets/",
+          publicPath: "assets/",
+        },
+      },
+      {
+        test: /\.(ts)$/,
+        use: [
+          {
+            loader: "ts-loader",
+            options: {
+              transpileOnly: true,
+              appendTsSuffixTo: [/\.vue$/],
+            },
+          },
+        ],
+        exclude: /node_modules/,
+      },
+      {
+        test: /\.mjs$/,
+        include: /node_modules/,
+        type: "javascript/auto",
+      },
+    ],
+  },
+  resolve: {
+    extensions: [".js", ".vue", ".json", ".ts"],
+    alias: (() => {
+      const aliases = {
+        src: path.resolve("./src"),
+        quicktvui: path.resolve("../dist/quicktvui"),
+      };
+      return aliases;
+    })(),
+  },
+};

package/rules/.source/hellotv/scripts/webpack-watch.ts

@@ -0,0 +1,24 @@
+const run = require("./process.ts");
+
+class WebpackLifeWatchPlugin {
+  constructor(options) {
+    this.options = options || {};
+  }
+
+  apply(compiler) {
+    compiler.hooks.done.tap("WebpackLifeWatchPlugin", (compiler) => {
+      setTimeout(() => {
+        this.broadcast().then((r) => {});
+      }, 2000);
+    });
+  }
+
+  async broadcast() {
+    await run(
+      `adb shell am broadcast -a eskit.sdk.action.CODE_CHANGED -f 32`,
+      "",
+    );
+  }
+}
+
+module.exports = WebpackLifeWatchPlugin;

package/rules/.source/hellotv/src/App.vue

@@ -0,0 +1,192 @@
+<template>
+  <div
+    class="app-root-css"
+    :gradientBackground="{ colors: bgGradientColor, orientation: 4 }"
+  >
+    <es-router-view></es-router-view>
+  </div>
+</template>
+
+<script lang="ts">
+import { useESNativeRouter, useESRouter } from "@extscreen/es3-router";
+import { defineComponent } from "vue";
+import { Native } from "@extscreen/es3-vue";
+import {
+  ESLogLevel,
+  useES,
+  useESDevelop,
+  useESDevice,
+  useESEventBus,
+  useESLocalStorage,
+  useESLog,
+  useESNetwork,
+  useESRuntime,
+} from "@extscreen/es3-core";
+import {
+  ESPlayerLogLevel,
+  useESPlayerLog,
+  useESPlayer,
+} from "@extscreen/es3-player";
+import requestManager from "./tools/request";
+import userManager from "./api/user/user-manager";
+
+import BuildConfig from "./config/build-config";
+import ThemeConfig from "./config/theme-config";
+import launch from "./tools/launch";
+
+export default defineComponent({
+  name: "App",
+  emits: [],
+  setup() {
+    //全局渐进背景色
+    const bgGradientColor = ThemeConfig.bgGradientColor;
+
+    const router = useESRouter();
+    const nativeRouter = useESNativeRouter();
+    const network = useESNetwork();
+    const eventBus = useESEventBus();
+    const localStore = useESLocalStorage();
+    const log = useESLog();
+    const playerLog = useESPlayerLog();
+
+    const es = useES();
+    const develop = useESDevelop();
+    const device = useESDevice();
+    const runtime = useESRuntime();
+    const playerManager = useESPlayer();
+
+    function onESCreate() {
+      //添加网络监听
+      network.addListener(connectivityChangeListener);
+      initESLog();
+      initTheme();
+      switchDev();
+      return (
+        Promise.resolve()
+          .then(() => requestManager.init(es, develop, device, runtime, log))
+          .then(() => userManager.init(eventBus, localStore))
+          .then(() => launch.init(router, nativeRouter, develop))
+          // .then(() => HistoryApi.init(localStore))
+          .then(() => {
+            playerManager.init({
+              debug: BuildConfig.DEBUG,
+              display: {
+                screenWidth: device.getScreenWidth(),
+                screenHeight: device.getScreenHeight(),
+              },
+              device: {
+                deviceType: runtime.getRuntimeDeviceType() ?? "",
+              },
+            });
+          })
+      );
+    }
+
+    /**
+     * 初始化整体样式
+     */
+    function initTheme() {
+      //淡入淡出启用
+      Native.callNative("FastListModule", "setFadeEnabled", true);
+      //淡入淡出持续时间
+      Native.callNative("FastListModule", "setFadeDuration", 500);
+      if (ThemeConfig.focusBorderCornerEnable) {
+        //设置默认焦点边框圆角
+        Native.callNative(
+          "FocusModule",
+          "setDefaultFocusBorderCorner",
+          ThemeConfig.focusBorderCorner,
+        );
+      }
+      if (ThemeConfig.focusBorderColorEnable) {
+        //设置默认焦点颜色
+        Native.callNative(
+          "FocusModule",
+          "setDefaultFocusBorderColor",
+          ThemeConfig.focusBorderColor,
+        );
+      }
+      if (ThemeConfig.focusBorderWidthEnable) {
+        //设置外边框宽度
+        Native.callNative(
+          "FocusModule",
+          "setDefaultFocusBorderWidth",
+          ThemeConfig.focusBorderWidth,
+        );
+      }
+      if (ThemeConfig.focusBorderInsetEnable) {
+        //设置焦点边框向内移动距离
+        Native.callNative(
+          "FocusModule",
+          "setFocusBorderInsetValue",
+          ThemeConfig.focusBorderInsetValue,
+        );
+      }
+      //设置焦点框是否有内里黑色边框
+      Native.callNative(
+        "FocusModule",
+        "setDefaultFocusInnerBorderEnable",
+        ThemeConfig.focusInnerBorderEnable,
+      );
+      //设置焦点放大倍数
+      Native.callNative(
+        "FocusModule",
+        "setDefaultPlaceholderFocusScale",
+        ThemeConfig.placeHolderFocusScale,
+      );
+    }
+
+    /**
+     * 设置日志级别控制
+     */
+    function initESLog() {
+      if (BuildConfig.DEBUG) {
+        //调试
+        log.setMinimumLoggingLevel(ESLogLevel.DEBUG);
+        playerLog.setMinimumLoggingLevel(ESPlayerLogLevel.DEBUG);
+      } else {
+        // 生产
+        log.setMinimumLoggingLevel(ESLogLevel.WARN);
+        playerLog.setMinimumLoggingLevel(ESPlayerLogLevel.WARN);
+      }
+    }
+
+    /**
+     * 网络监听
+     */
+    const connectivityChangeListener = {
+      onConnectivityChange() {
+        const isNetworkConnected = network.isNetworkConnected();
+        if (!isNetworkConnected) {
+          router.push({ name: "network" });
+        }
+      },
+    };
+
+    /**
+     * 低端机判断
+     */
+    const switchDev = () => {
+      let devTotalMemory = device.getDeviceTotalMemory();
+      let devAndroidLevel = Number(device.getAndroidAPILevel());
+      //内存小于1G 或者 Android版本小于 6.0的走低端机逻辑
+      if (devTotalMemory <= 1024 || devAndroidLevel < 23) {
+        BuildConfig.isLowEndDev = true;
+      }
+    };
+
+    function onESDestroy() {
+      userManager.offUserEvent();
+      network.removeListener(connectivityChangeListener);
+    }
+
+    return {
+      bgGradientColor,
+      onESCreate,
+      onESDestroy,
+    };
+  },
+});
+</script>
+
+<style src="./app.scss"></style>

package/rules/.source/hellotv/src/api/my/index.ts

@@ -0,0 +1,198 @@
+import myDataManager, {
+  getMysection,
+  ImySectionRes,
+  posterTypes,
+  VipInfo,
+} from "../../pages/my/my-data-manager";
+import ic_vip_normal from "../../assets/my/ic_vip_normal.png";
+import ic_collect_normal from "../../assets/my/ic_collect_normal.png";
+import ic_collect_focus from "../../assets/my/ic_collect_focus.png";
+import ic_order_normal from "../../assets/my/ic_order_normal.png";
+import ic_order_focus from "../../assets/my/ic_order_focus.png";
+import requestManager from "../../tools/request";
+import {
+  getUserAccountList,
+  urlGetAgreementConfig,
+  urlGetLongHistory,
+} from "../user/request-url";
+import launch from "../../tools/launch";
+import buildConfig from "../../config/build-config";
+import { UserInfo } from "../user/impl-user";
+import BuildConfig from "../../config/build-config";
+import { getHistorySubTitle } from "../../tools/common";
+
+class MyAPi {
+  /**
+   * 加载初始化数据
+   * @param routerParams 当前页面的路由参数对象
+   */
+  async initPageData(routerParams: any): Promise<any> {
+    return {};
+  }
+  /**
+   * 获取用户订单信息信息 - 第一个板块展示
+   */
+  getCenterInfo(vipInfo: VipInfo, info: UserInfo | null): ImySectionRes {
+    return getMysection({
+      id: "1getOrderInfo",
+      title: "个人中心",
+      list: [
+        {
+          id: "1",
+          title: vipInfo.isVip ? "续费会员" : "开通会员",
+          img: "file://" + ic_vip_normal,
+          _titleFontSize: 36,
+          _titleFontColor: "#F3DFB2",
+          _iconWidth: 100,
+          _iconHeight: 88,
+          _layout: { width: 361, height: 314 },
+          jumpParams: { type: 0, options: "" },
+          tip: vipInfo.isVip ? "有效期至 " + vipInfo.endTime : " ",
+        },
+        {
+          id: "2",
+          title: "我的收藏",
+          img: "file://" + ic_collect_normal,
+          focusedImage: "file://" + ic_collect_focus,
+          _titleFontSize: 36,
+          _titleFontColor: "#FFFFFF",
+          _iconWidth: 100,
+          _iconHeight: 88,
+          _layout: { width: 361, height: 314 },
+          jumpParams: {
+            type: 1,
+            options: { name: "history", params: { menuIndex: 1 } },
+          },
+          tip: " ",
+        },
+        {
+          id: "3",
+          title: "我的订单",
+          img: "file://" + ic_order_normal,
+          focusedImage: "file://" + ic_order_focus,
+          _titleFontSize: 36,
+          _titleFontColor: "#FFFFFF",
+          _iconWidth: 100,
+          _iconHeight: 88,
+          _layout: { width: 361, height: 314 },
+          jumpParams: { type: 1, options: "" },
+          tip: " ",
+        },
+      ],
+      options: {
+        posterType: posterTypes.card2,
+        blockTitleTop: 80,
+        blockTitleBottom: 40,
+      },
+    });
+  }
+  async getHistorys(): Promise<ImySectionRes> {
+    return getMysection({
+      id: "2getHistorys",
+      title: "播放记录",
+      list: [
+        {
+          id: "1413407917851279361",
+          img: "https://extcdn.hsrc.tv/project/zero/img_test/2021/01/09a8dbc000-c10d-4c4c-9694-106245c6bbfb.jpg",
+          _redirectType: 1,
+          title: "金龟子",
+          subTitle: "",
+          _subTitleFontSize: 24,
+          _titleFontSize: 30,
+          _layout: { height: 230 },
+          jumpParams: {
+            type: 1,
+            options: {
+              name: "series_view",
+              params: {
+                mediaId: "1413407917851279361",
+              },
+            },
+          },
+        },
+      ],
+      options: {
+        columns: 4,
+        space: 35,
+        posterType: posterTypes.poster,
+        itemPadding: 8,
+        blockTitleBottom: 40,
+      },
+    });
+  }
+
+  /**
+   * 获取更多板块信息
+   */
+  async getMoreList(agreementConfigList: any[]): Promise<ImySectionRes[]> {
+    console.log("agreementConfigList:" + JSON.stringify(agreementConfigList));
+    return [
+      getMysection({
+        id: "3getMoreList",
+        title: "其他设置",
+        list: [
+          {
+            id: "0",
+            title: "相关信息",
+            _titleFontSize: 36,
+            _layout: { width: 410, height: 120 },
+            jumpParams: { type: 1, options: { name: "device_info" } },
+          },
+          {
+            id: "1",
+            title: "联系我们",
+            _titleFontSize: 36,
+            _layout: { width: 410, height: 120 },
+            jumpParams: { type: 1, options: "" },
+          },
+          ...agreementConfigList.map((e) => ({
+            id: e.code,
+            title: e.name,
+            _titleFontSize: 36,
+            _layout: { width: 410, height: 120 },
+            jumpParams: {
+              type: 1,
+              options: {
+                name: "load_web_view",
+                params: {
+                  html: e.url,
+                },
+              },
+            },
+          })),
+        ],
+        options: {
+          posterType: posterTypes.info,
+          columns: 4, // 指定 columns 创建板块数据
+          space: 40,
+          blockTitleBottom: 40,
+        },
+      }),
+    ];
+  }
+  //获取用户Vip信息
+  async getVipInfo(): Promise<VipInfo> {
+    return Promise.resolve({
+      isVip: false,
+      endTime: "00:00:00",
+      endDateTime: "20250410",
+    });
+  }
+  async getMyHistory() {
+    return requestManager
+      .post(urlGetLongHistory, { param: { pageSize: 3 } })
+      .then((historyList: any) => {
+        return historyList;
+      });
+  }
+  async getAgreementConfig() {
+    return requestManager
+      .post(urlGetAgreementConfig, {})
+      .then((agreementConfig: any) => {
+        return agreementConfig;
+      });
+  }
+}
+
+const myApi = new MyAPi();
+export default myApi;

package/rules/.source/hellotv/src/api/user/impl-user.ts

@@ -0,0 +1,52 @@
+export const USER_TOKEN_KEY = "userTokenKey";
+export const USER_INFO_CHANGED_EVENT = "onUserInfoChanged";
+export const PAY_SUCCESS_EVENT = "onPaySuccess";
+export const PAY_SUCCESS_ALL_EVENT = "onUserPaySuccessUpdate";
+export const USER_INFO_ALL_CHANGED_EVENT = "onUserLoginStatusChanged";
+type fn_user_changed = (user: UserInfo | null) => void;
+type fn_pay_success = () => void;
+
+export interface ShareUserInfo {
+  openId: string;
+  nickname: string;
+  headImage: string;
+  sex: string;
+  lastLonginMac: string;
+  sourcePackageName: string;
+  userToken: string;
+}
+
+/**
+ * 用户类
+ */
+export interface UserInfo {
+  userId?: string;
+  userToken?: string;
+  headImage?: string;
+  nickname?: string;
+  userIcon?: string;
+  needAuthPhone?: boolean;
+  [prop: string]: any;
+}
+
+export interface JumpPayParams {
+  fromId?: string;
+  fromName?: string;
+  //详情页传
+  assetId?: string;
+  //详情页传
+  assetName?: string;
+  //是否绘本  详情页传
+  isPicBook?: boolean;
+  //内容聚合页传
+  productId?: string;
+  //积分 是否直接关闭
+  isDirectFinish?: boolean;
+  //积分 是否展示订购信息
+  isShowOrderBtn?: boolean;
+}
+
+export interface UserChangeListener {
+  onUserChanged?: fn_user_changed;
+  onPaySuccess?: fn_pay_success;
+}