@zeppos/zeus-cli 1.0.18 → 1.0.26

package/modules/login.js

@@ -59,68 +59,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 exports.logout = exports.login = void 0;
-var qs_1 = __importDefault(require("qs"));
 var lodash_1 = __importDefault(require("lodash"));
-var axios_1 = __importDefault(require("axios"));
 var inquirer_1 = __importDefault(require("inquirer"));
 var storage_1 = require("./storage");
 var logger = __importStar(require("../utils/logger"));
 var project_1 = require("../config/project");
+var login_1 = require("../utils/login");
+var get_port_1 = __importDefault(require("get-port"));
 var open = require('open');
 var http = require('http');
 var url = require('url');
 var querystring = require('querystring');
-var REGIST_URL = 'https://api-user.huami.com';
-var LOGIN_URL = 'https://account.huami.com';
-var postForm = function (url, data) {
-    return (0, axios_1["default"])({
-        method: 'POST',
-        headers: {
-            'content-type': 'application/x-www-form-urlencoded'
-        },
-        data: qs_1["default"].stringify(data),
-        url: url
-    });
-};
-var loginByLocal = function (account, password) { return __awaiter(void 0, void 0, void 0, function () {
-    var data, checkInfo, loginInfo;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                data = {
-                    client_id: 'HuaMi',
-                    country_code: 'zh-CN',
-                    json_response: 'true',
-                    name: '',
-                    password: password,
-                    phoneOrEmail: account,
-                    redirect_uri: 'https://s3-us-west-2.amazonaws.com/hm-registration/successsignin.html',
-                    state: 'REDIRECTION',
-                    token: 'access'
-                };
-                if (/^[1][0-9]{10}$/.test(account)) {
-                    data.phoneOrEmail = encodeURIComponent("+86" + account);
-                }
-                data.name = data.phoneOrEmail.split('@')[0];
-                return [4 /*yield*/, postForm(REGIST_URL + "/registrations/" + data.phoneOrEmail + "/tokens", data)];
-            case 1:
-                checkInfo = _a.sent();
-                return [4 /*yield*/, postForm(LOGIN_URL + "/v2/client/login", {
-                        app_name: 'com.huami.webapp',
-                        app_version: '4.3.0',
-                        code: lodash_1["default"].get(checkInfo, 'data.access', ''),
-                        country_code: 'zh-cn',
-                        device_id: '02:00:00:00:00:00',
-                        device_model: 'web',
-                        grant_type: 'access_token',
-                        third_name: 'huami'
-                    })];
-            case 2:
-                loginInfo = (_a.sent()).data;
-                return [2 /*return*/, loginInfo];
-        }
-    });
-}); };
 var login = function (args) { return __awaiter(void 0, void 0, void 0, function () {
     var storage, accountInfo, apptoken, userid, cname, isLocal, answer, loginInfo_1, token, loginInfo;
     return __generator(this, function (_a) {
@@ -142,7 +91,7 @@ var login = function (args) { return __awaiter(void 0, void 0, void 0, function
                         {
                             name: 'account',
                             type: 'input',
-                            message: "Enter your account (Mobile/E-mail): " + (accountInfo ? "(" + accountInfo + ")" : '')
+                            message: "Enter your account (Mobile/E-mail): ".concat(accountInfo ? "(".concat(accountInfo, ")") : '')
                         },
                         {
                             name: 'password',
@@ -154,7 +103,7 @@ var login = function (args) { return __awaiter(void 0, void 0, void 0, function
             case 1:
                 answer = _a.sent();
                 answer.account = answer.account || accountInfo;
-                return [4 /*yield*/, loginByLocal(answer.account, answer.password)["catch"](function () {
+                return [4 /*yield*/, (0, login_1.loginByLocal)(answer.account, answer.password)["catch"](function () {
                         logger.error('logged in failed, please check your account and password');
                         process.exit(1);
                     })];
@@ -162,40 +111,49 @@ var login = function (args) { return __awaiter(void 0, void 0, void 0, function
                 loginInfo_1 = _a.sent();
                 token = lodash_1["default"].get(loginInfo_1, 'token_info.app_token');
                 if (token) {
-                    logger.success("logged in with account: " + answer.account);
+                    logger.success("logged in with account: ".concat(answer.account));
                     storage.set(project_1.loginStorageKey.account, answer.account);
                     storage.set(project_1.loginStorageKey.accountToken, token);
                 }
                 _a.label = 3;
             case 3: return [4 /*yield*/, new Promise(function (resolve) { return __awaiter(void 0, void 0, void 0, function () {
-                    var server;
+                    var server, HOSTNAME, PORT, PROJECT_REDIRECT_URI;
                     return __generator(this, function (_a) {
                         switch (_a.label) {
                             case 0:
-                                server = http.createServer(function (req, res) {
-                                    var arg = url.parse(req.url).query;
-                                    var params = querystring.parse(arg);
-                                    var apptoken = params.apptoken, userid = params.userid, cname = params.cname;
-                                    res.statusCode = 200;
-                                    res.setHeader('Content-Type', 'text/plain');
-                                    res.end('Login is successful, please return to the operation interface manually');
-                                    if (apptoken) {
-                                        resolve({ apptoken: apptoken, userid: userid, cname: cname });
-                                        storage.set(project_1.loginStorageKey.userid, userid);
-                                        storage.set(project_1.loginStorageKey.cname, cname);
-                                        storage.set(project_1.loginStorageKey.accountToken, apptoken);
-                                        logger.success('logger success');
-                                        server.close();
-                                        // 在执行 preview 命令需要登录时不退出程序
-                                        if (!args) {
-                                            process.exit(1);
+                                server = http.createServer(function (req, res) { return __awaiter(void 0, void 0, void 0, function () {
+                                    var arg, params, apptoken, userid, cname;
+                                    return __generator(this, function (_a) {
+                                        arg = url.parse(req.url).query;
+                                        params = querystring.parse(arg);
+                                        apptoken = params.apptoken, userid = params.userid, cname = params.cname;
+                                        res.statusCode = 200;
+                                        res.setHeader('Content-Type', 'text/plain');
+                                        res.end('Login is successful, please return to the operation interface manually');
+                                        if (apptoken) {
+                                            resolve({ apptoken: apptoken, userid: userid, cname: cname });
+                                            storage.set(project_1.loginStorageKey.userid, userid);
+                                            storage.set(project_1.loginStorageKey.cname, cname);
+                                            storage.set(project_1.loginStorageKey.accountToken, apptoken);
+                                            logger.success('logger success');
+                                            server.close();
+                                            // 在执行 preview 命令需要登录时不退出程序
+                                            if (!args) {
+                                                process.exit(1);
+                                            }
                                         }
-                                    }
-                                });
-                                server.listen(project_1.LocalServerConfig.PORT, project_1.LocalServerConfig.HOSTNAME);
-                                // 打开浏览器的登录页面
-                                return [4 /*yield*/, open(project_1.loginConfig.LOGIN_URL + "?project_name=" + project_1.loginConfig.PROJECT_NAME + "&platform_app=" + project_1.loginConfig.PLATFORM_APP + "&project_redirect_uri=" + project_1.loginConfig.PROJECT_REDIRECT_URI)];
+                                        return [2 /*return*/];
+                                    });
+                                }); });
+                                HOSTNAME = 'localhost';
+                                return [4 /*yield*/, (0, get_port_1["default"])({ port: 8086 })];
                             case 1:
+                                PORT = _a.sent();
+                                PROJECT_REDIRECT_URI = encodeURIComponent("http://".concat(HOSTNAME, ":").concat(PORT, "/"));
+                                server.listen(PORT, HOSTNAME);
+                                // 打开浏览器的登录页面
+                                return [4 /*yield*/, open("".concat(project_1.loginConfig.LOGIN_URL, "?project_name=").concat(project_1.loginConfig.PROJECT_NAME, "&platform_app=").concat(project_1.loginConfig.PLATFORM_APP, "&project_redirect_uri=").concat(PROJECT_REDIRECT_URI))];
+                            case 2:
                                 // 打开浏览器的登录页面
                                 _a.sent();
                                 return [2 /*return*/];

package/modules/run.js

@@ -58,20 +58,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.run = void 0;
+exports.run = exports.DEFAULT_PORT = exports.DEFAULT_HOST = void 0;
 var fs_1 = __importDefault(require("fs"));
 var lodash_1 = __importDefault(require("lodash"));
 var chalk_1 = __importDefault(require("chalk"));
 var path = __importStar(require("path"));
+// import fsExtra from 'fs-extra'
 var inquirer_1 = __importDefault(require("inquirer"));
 var chokidar_1 = __importDefault(require("chokidar"));
+// import * as compressing from 'compressing'
 var logger = __importStar(require("../utils/logger"));
 var build_1 = require("./build");
 var storage_1 = require("./storage");
 var simulator_1 = require("./simulator");
 var device_1 = require("../config/device");
-var DEFAULT_HOST = '127.0.0.1';
-var DEFAULT_PORT = '7650';
+exports.DEFAULT_HOST = '127.0.0.1';
+exports.DEFAULT_PORT = '7650';
 var getDeviceInternalCodename = function (curTarget) {
     var _a;
     var appJsonFilePath = path.resolve('./app.json');
@@ -86,24 +88,24 @@ var run = function (args) { return __awaiter(void 0, void 0, void 0, function ()
             case 0:
                 storage = new storage_1.Storage({ cmd: lodash_1["default"].get(args, '$0') });
                 simulatorHost = storage.get('simulator_host');
-                simulatorPort = storage.get('simulator_port') || DEFAULT_PORT;
+                simulatorPort = storage.get('simulator_port') || exports.DEFAULT_PORT;
                 if (!!simulatorHost) return [3 /*break*/, 2];
                 return [4 /*yield*/, inquirer_1["default"].prompt([
                         {
                             name: 'host',
                             type: 'input',
-                            message: "simulator host (" + DEFAULT_HOST + "):"
+                            message: "simulator host (".concat(exports.DEFAULT_HOST, "):")
                         },
                         {
                             name: 'port',
                             type: 'input',
-                            message: "simulator port (" + DEFAULT_PORT + "):"
+                            message: "simulator port (".concat(exports.DEFAULT_PORT, "):")
                         }
                     ])];
             case 1:
                 answer = _a.sent();
-                simulatorHost = answer.host || DEFAULT_HOST;
-                simulatorPort = answer.port || DEFAULT_PORT;
+                simulatorHost = answer.host || exports.DEFAULT_HOST;
+                simulatorPort = answer.port || exports.DEFAULT_PORT;
                 storage.set('simulator_host', simulatorHost);
                 storage.set('simulator_port', simulatorPort);
                 _a.label = 2;
@@ -112,7 +114,7 @@ var run = function (args) { return __awaiter(void 0, void 0, void 0, function ()
                 return [4 /*yield*/, (0, build_1.chooseBuildPackages)()];
             case 3:
                 packages = _a.sent();
-                simulator = new simulator_1.Simulator("http://" + simulatorHost + ":" + simulatorPort);
+                simulator = new simulator_1.Simulator("http://".concat(simulatorHost, ":").concat(simulatorPort));
                 refreshSimulator = lodash_1["default"].debounce(function () { return __awaiter(void 0, void 0, void 0, function () {
                     var zpkBuffer, targetDeviceInternalName, projectName;
                     return __generator(this, function (_a) {
@@ -124,9 +126,9 @@ var run = function (args) { return __awaiter(void 0, void 0, void 0, function ()
                                 zpkBuffer = _a.sent();
                                 if (zpkBuffer) {
                                     logger.info('rebuild done');
-                                    logger.info('refrshing simulator...');
+                                    logger.info('refreshing simulator...');
                                     targetDeviceInternalName = getDeviceInternalCodename(packages[0]);
-                                    projectName = process.cwd().split('/').slice(-1)[0];
+                                    projectName = path.parse(process.cwd()).base;
                                     simulator.upload(zpkBuffer, projectName, targetDeviceInternalName);
                                 }
                                 else {
@@ -161,7 +163,7 @@ var run = function (args) { return __awaiter(void 0, void 0, void 0, function ()
                                 // }
                                 if (!hasStarted) {
                                     hasStarted = true;
-                                    logger.log(chalk_1["default"].green("[" + args['$0'] + "] watching the changes in this project..."));
+                                    logger.log(chalk_1["default"].green("[".concat(args['$0'], "] watching the changes in this project...")));
                                 }
                                 return [2 /*return*/];
                         }

package/modules/simulator.js

@@ -22,6 +22,8 @@ exports.__esModule = true;
 exports.Simulator = void 0;
 var socket_io_client_1 = require("socket.io-client");
 var logger = __importStar(require("../utils/logger"));
+var storage_1 = require("./storage");
+var storage = new storage_1.Storage({ cmd: '' });
 var Simulator = /** @class */ (function () {
     function Simulator(url, options) {
         this.previewId = 1;
@@ -29,9 +31,11 @@ var Simulator = /** @class */ (function () {
         logger.info('connecting to simulator');
         this.socket = (0, socket_io_client_1.io)(url, options || {});
         this.socket.on('connect', function () {
+            storage.set('____simulator_connect_status', 'connected');
             logger.success('simulator connected');
         });
         this.socket.on('disconnect', function () {
+            storage.set('____simulator_connect_status', 'disconnected');
             logger.error('simulator disconnected, please restart the simulator');
         });
     }

package/modules/status.js

@@ -0,0 +1,98 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.status = void 0;
+var chalk_1 = __importDefault(require("chalk"));
+var logger = __importStar(require("../utils/logger"));
+var storage_1 = require("./storage");
+var project_1 = require("../config/project");
+var login_1 = require("../utils/login");
+var run_1 = require("./run");
+var status = function () { return __awaiter(void 0, void 0, void 0, function () {
+    var storage, apptoken, userid, cname, host, loginStatus, userInfo, _a, userName, simulatorHost, simulatorPort, simulatorConnectStatus;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
+            case 0:
+                storage = new storage_1.Storage({ cmd: '' });
+                apptoken = storage.get(project_1.loginStorageKey.accountToken);
+                userid = storage.get(project_1.loginStorageKey.userid);
+                cname = storage.get(project_1.loginStorageKey.cname);
+                host = cname.split(',').filter(function (h) { return h.indexOf('api-mifit') > -1; })[0];
+                loginStatus = (apptoken && userid && cname) ? 'logged' : 'logout';
+                return [4 /*yield*/, (0, login_1.getUserInfo)(host, userid, apptoken)];
+            case 1:
+                userInfo = _b.sent();
+                _a = (userInfo || {}).userName, userName = _a === void 0 ? '' : _a;
+                simulatorHost = storage.get('simulator_host') || run_1.DEFAULT_HOST;
+                simulatorPort = storage.get('simulator_port') || run_1.DEFAULT_PORT;
+                simulatorConnectStatus = storage.get('____simulator_connect_status');
+                logger.log('login status:', chalk_1["default"].yellow(loginStatus));
+                if (loginStatus === 'logged') {
+                    logger.log('nickName:', chalk_1["default"].yellow(userName));
+                    logger.log('userID:', chalk_1["default"].yellow(userid));
+                }
+                logger.log('simulator connect status:', chalk_1["default"].yellow(simulatorConnectStatus ? simulatorConnectStatus : 'disconnected'));
+                logger.log('simulator host:', chalk_1["default"].yellow(simulatorHost));
+                logger.log('simulator port:', chalk_1["default"].yellow(simulatorPort));
+                return [2 /*return*/];
+        }
+    });
+}); };
+exports.status = status;

package/modules/storage.js

@@ -26,7 +26,7 @@ var Storage = /** @class */ (function () {
         this._dataTime = 0;
         var homePath = os_1["default"].homedir();
         var cmdName = 'zeus';
-        this._filePath = path_1["default"].resolve(homePath, ".zepp/." + cmdName);
+        this._filePath = path_1["default"].resolve(homePath, ".zepp/.".concat(cmdName));
         this._dataTimeout = timeout || 1000 * 60;
         this._dataEditTimeout = editTimeout || 1000;
         this._data = {};
@@ -49,7 +49,7 @@ var Storage = /** @class */ (function () {
         var _this = this;
         var dotenvArray = [];
         Object.keys(this._data).forEach(function (key) {
-            dotenvArray.push(key + "=" + _this._data[key]);
+            dotenvArray.push("".concat(key, "=").concat(_this._data[key]));
         });
         fs_1["default"].writeFileSync(this._filePath, dotenvArray.join('\n'));
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeppos/zeus-cli",
-  "version": "1.0.18",
+  "version": "1.0.26",
   "description": "zeus mini-program tools",
   "main": "index.js",
   "author": "zepp",
@@ -37,7 +37,7 @@
     "webpack": "^5.52.0"
   },
   "dependencies": {
-    "@zeppos/zpm": "^2.1.48",
+    "@zeppos/zpm": "^2.1.49",
     "axios": "^0.23.0",
     "chalk": "^4.1.2",
     "chokidar": "^3.5.2",
@@ -46,6 +46,7 @@
     "findup-sync": "^4.0.0",
     "form-data": "^4.0.0",
     "fs-extra": "^10.0.0",
+    "get-port": "5.1.1",
     "inquirer": "^8.1.2",
     "lodash": "^4.17.21",
     "npm-keyword": "^6.1.0",
@@ -53,6 +54,7 @@
     "qrcode-terminal": "^0.12.0",
     "qs": "^6.10.1",
     "rd": "^2.0.1",
+    "shelljs": "^0.8.4",
     "socket.io-client": "^4.3.0",
     "update-notifier": "^5.1.0",
     "yargs": "^17.1.1",

package/public/template/empty/app.js

@@ -1,32 +1,10 @@
 App({
-  globalData: {
-
-  },
+  globalData: {},
   onCreate(options) {
     console.log('app on create invoke')
   },
 
-  onShow(options) {
-    console.log('app on show invoke')
-  },
-
-  onHide(options) {
-    console.log('app on hide invoke')
-  },
-
   onDestroy(options) {
-    console.log('app on destory invoke')
-  },
-
-  onError(error) {
-    console.log('app on error invoke')
-  },
-
-  onPageNotFound(obj) {
-    console.log('app on page not found invoke')
-  },
-
-  onUnhandledRejection(obj) {
-    console.log('app on un handle rejection invoke')
+    console.log('app on destroy invoke')
   }
 })

package/public/template/hello-world/app.js

@@ -1,32 +1,10 @@
 App({
-  globalData: {
-
-  },
+  globalData: {},
   onCreate(options) {
     console.log('app on create invoke')
   },
 
-  onShow(options) {
-    console.log('app on show invoke')
-  },
-
-  onHide(options) {
-    console.log('app on hide invoke')
-  },
-
   onDestroy(options) {
-    console.log('app on destory invoke')
-  },
-
-  onError(error) {
-    console.log('app on error invoke')
-  },
-
-  onPageNotFound(obj) {
-    console.log('app on page not found invoke')
-  },
-
-  onUnhandledRejection(obj) {
-    console.log('app on un handle rejection invoke')
+    console.log('app on destroy invoke')
   }
 })

package/public/template/hello-world/app.json

@@ -124,7 +124,7 @@
   },
   "i18n": {
     "en-US": {
-      "name": "Hello World"
+      "appName": "Hello World"
     }
   },
   "defaultLanguage": "en-US"

package/public/template/hello-world/page/gtr3/home/index.page.js

@@ -1,16 +1,18 @@
-import { textStyle } from './index.style'
+import { TEXT_STYLE } from './index.style'
 
 const logger = DeviceRuntimeCore.HmLogger.getLogger('helloworld')
 Page({
   build() {
     logger.debug('page build invoked')
-    h.text(textStyle)
+    hmUI.createWidget(hmUI.widget.TEXT, {
+      ...TEXT_STYLE,
+    })
   },
   onInit() {
     logger.debug('page onInit invoked')
   },
 
-  onDestory() {
-    logger.debug('page onDestory invoked')
+  onDestroy() {
+    logger.debug('page onDestroy invoked')
   },
 })

package/public/template/hello-world/page/gtr3/home/index.style.js

@@ -1,32 +1,15 @@
 import { gettext } from "i18n"
-import { assets } from './../../../utils/index'
 
-const image = assets('image')
+export const { width: DEVICE_WIDTH, height: DEVICE_HEIGHT } = hmSetting.getDeviceInfo()
 
-export const textStyle = {
-  attrs: {
-    text: gettext('appName')
-  },
-  styles: {
-    x: 42,
-    y: 246,
-    w: 480 - 42 * 2,
-    h: 138,
-    color: 0xFFFFFF,
-    text_size: 36,
-    align_h: h.ALIGN.CENTER_H,
-    text_style: hmUI.text_style.WRAP
-  }
-}
-
-export const imageStyle = {
-  attrs: {
-    src: image('logo.png')
-  },
-  styles: {
-    x: 115,
-    y: 100,
-    w: 250,
-    h: 56,
-  },
+export const TEXT_STYLE = {
+  text: gettext('appName'),
+  x: px(42),
+  y: px(200),
+  w: DEVICE_WIDTH - px(42) * 2,
+  h: px(100),
+  color: 0xffffff,
+  text_size: px(36),
+  align_h: hmUI.align.CENTER_H,
+  text_style: hmUI.text_style.WRAP,
 }

package/public/template/hello-world/page/gtr3-pro/home/index.page.js

@@ -1,16 +1,18 @@
-import { textStyle } from './index.style'
+import { TEXT_STYLE } from './index.style'
 
 const logger = DeviceRuntimeCore.HmLogger.getLogger('helloworld')
 Page({
   build() {
     logger.debug('page build invoked')
-    h.text(textStyle)
+    hmUI.createWidget(hmUI.widget.TEXT, {
+      ...TEXT_STYLE,
+    })
   },
   onInit() {
     logger.debug('page onInit invoked')
   },
 
-  onDestory() {
-    logger.debug('page onDestory invoked')
+  onDestroy() {
+    logger.debug('page onDestroy invoked')
   },
 })

package/public/template/hello-world/page/gtr3-pro/home/index.style.js

@@ -1,32 +1,15 @@
 import { gettext } from "i18n"
-import { assets } from './../../../utils/index'
 
-const image = assets('image')
+export const { width: DEVICE_WIDTH, height: DEVICE_HEIGHT } = hmSetting.getDeviceInfo()
 
-export const textStyle = {
-  attrs: {
-    text: gettext('appName')
-  },
-  styles: {
-    x: 42,
-    y: 246,
-    w: 480 - 42 * 2,
-    h: 138,
-    color: 0xFFFFFF,
-    text_size: 36,
-    align_h: h.ALIGN.CENTER_H,
-    text_style: hmUI.text_style.WRAP
-  }
-}
-
-export const imageStyle = {
-  attrs: {
-    src: image('logo.png')
-  },
-  styles: {
-    x: 115,
-    y: 100,
-    w: 250,
-    h: 56,
-  },
+export const TEXT_STYLE = {
+  text: gettext('appName'),
+  x: px(42),
+  y: px(200),
+  w: DEVICE_WIDTH - px(42) * 2,
+  h: px(100),
+  color: 0xffffff,
+  text_size: px(36),
+  align_h: hmUI.align.CENTER_H,
+  text_style: hmUI.text_style.WRAP,
 }