@zeppos/zeus-cli 1.3.0-beta.8 → 1.3.0

package/private-modules/zeppos-app-utils/dist/public/template/os1.0/app/calories/page/gts-3/index.js

@@ -0,0 +1,122 @@
+import { gettext } from "i18n";
+import {
+  CALORIE_TEXT,
+  CALORIE_TEXT_SIZE,
+  UNIT_TEXT,
+  UNIT_TEXT_SIZE,
+  TOTAL_CONSUME_TEXT,
+  CONSUME_ICON,
+  CONSUME_ICON_WIDTH,
+  ALIGN_DESC_GROUP,
+  IMGAE_CALORIES_MARIN,
+  CALORIES_UNIT_MARIN,
+  EQUIVALENT_TO_BUTTON,
+  EQUIVALENT_TO_FOOD_ICON,
+  DEVICE_WIDTH,
+  EQUIVALENT_MORE_X,
+  EQUIVALENT_MARGIN,
+  EQUIVALENT_TO_FOOD_ICON_WIDTH,
+  EQUIVALENT_MORE_FOOD_ICON,
+  EQUIVALENT_MORE_FOOD_NUM,
+} from "../../utils/styles-gts-3";
+import { FOOD_CALORIES } from "../../utils/constants";
+const logger = DeviceRuntimeCore.HmLogger.getLogger("calories");
+const globalData = getApp()._options.globalData;
+
+Page({
+  buildTopContent(calories) {
+    const w1 = Math.round(
+      DeviceRuntimeCore.HmUtils.measureTextWidth(
+        "" + calories,
+        CALORIE_TEXT_SIZE
+      )
+    );
+    const w2 = Math.round(
+      DeviceRuntimeCore.HmUtils.measureTextWidth(
+        gettext("unit"),
+        UNIT_TEXT_SIZE
+      )
+    );
+    const w =
+      w1 + w2 + CONSUME_ICON_WIDTH + IMGAE_CALORIES_MARIN + CALORIES_UNIT_MARIN;
+    const x = Math.round((DEVICE_WIDTH - w) / 2);
+
+    const group = hmUI.createWidget(hmUI.widget.GROUP, {
+      ...ALIGN_DESC_GROUP,
+      x,
+      w,
+    });
+
+    group.createWidget(hmUI.widget.TEXT, {
+      ...CALORIE_TEXT,
+      text: `${calories}`,
+      x: CONSUME_ICON_WIDTH + IMGAE_CALORIES_MARIN,
+      w: w1,
+    });
+    group.createWidget(hmUI.widget.TEXT, {
+      ...UNIT_TEXT,
+      x: w - w2,
+      w: w2,
+    });
+    group.createWidget(hmUI.widget.IMG, CONSUME_ICON);
+  },
+  build() {
+    let calories = hmSensor.createSensor(hmSensor.id.CALORIE).current; // Math.floor(Math.random() * 1000)
+    let currentFood = globalData.foodType;
+
+    hmUI.createWidget(hmUI.widget.TEXT, TOTAL_CONSUME_TEXT);
+
+    this.buildTopContent(calories);
+
+    let activeIndex = FOOD_CALORIES.findIndex(
+      (item) => item.type === currentFood
+    );
+    this.calculate(calories, FOOD_CALORIES[activeIndex]);
+    hmUI.createWidget(hmUI.widget.BUTTON, {
+      ...EQUIVALENT_TO_BUTTON,
+      click_func: () => {
+        hmApp.gotoPage({
+          file: "page/gts-3/food-list",
+        });
+      },
+    });
+  },
+  calculate(currentCalories, foodData) {
+    let { value, type } = foodData;
+    let count = Math.floor(currentCalories / value);
+    if (count === 1 || count === 2 || count === 3) {
+      let x =
+        (DEVICE_WIDTH -
+          EQUIVALENT_TO_FOOD_ICON_WIDTH * count -
+          EQUIVALENT_MARGIN * (count - 1)) /
+        2;
+      for (let index = 0; index < count; index++) {
+        this.drawFood(
+          x + (EQUIVALENT_MARGIN + EQUIVALENT_TO_FOOD_ICON_WIDTH) * index,
+          type
+        ); // icon
+      }
+    } else {
+      this.drawFood(EQUIVALENT_MORE_X, type); // icon
+      hmUI.createWidget(hmUI.widget.IMG, EQUIVALENT_MORE_FOOD_ICON);
+      hmUI.createWidget(hmUI.widget.TEXT, {
+        ...EQUIVALENT_MORE_FOOD_NUM,
+        text: `${count}`,
+      });
+    }
+  },
+  drawFood(x, type) {
+    hmUI.createWidget(hmUI.widget.IMG, {
+      ...EQUIVALENT_TO_FOOD_ICON,
+      x: px(x),
+      src: `food/${type}.png`,
+    });
+  },
+  onReady() {},
+
+  onShow() {},
+
+  onHide() {},
+
+  onDestroy() {},
+});

package/private-modules/zeppos-app-utils/dist/public/template/os1.0/app/calories/utils/constants.js

@@ -0,0 +1,53 @@
+import { gettext } from "i18n";
+export const FOOD_CALORIES = [
+  {
+    name: gettext("hamburger"),
+    type: "hamburger",
+    value: 512,
+  },
+  {
+    name: gettext("chocolate"),
+    type: "chocolate",
+    value: 71,
+  },
+  {
+    name: gettext("cookie"),
+    type: "cookies",
+    value: 44,
+  },
+  {
+    name: gettext("cake"),
+    type: "cake",
+    value: 379,
+  },
+  {
+    name: gettext("pizza"),
+    type: "pizza",
+    value: 470,
+  },
+  {
+    name: gettext("sausage"),
+    type: "sausage",
+    value: 381,
+  },
+  {
+    name: gettext("ham"),
+    type: "ham",
+    value: 99,
+  },
+  {
+    name: gettext("iceCream"),
+    type: "ice cream",
+    value: 64,
+  },
+  {
+    name: gettext("coffee"),
+    type: "coffee",
+    value: 64,
+  },
+  {
+    name: gettext("beer"),
+    type: "beer",
+    value: 64,
+  },
+];

package/private-modules/zeppos-app-utils/dist/public/template/os1.0/app/calories/utils/storage.js

@@ -0,0 +1,44 @@
+function str2ab(str) {
+  const buf = new ArrayBuffer(str.length * 2); // 2 bytes for each char
+  const bufView = new Uint16Array(buf);
+  for (let i = 0, strLen = str.length; i < strLen; i++) {
+    bufView[i] = str.charCodeAt(i);
+  }
+  return buf;
+}
+
+export default class LocalStorage {
+  constructor(fileName = "") {
+    this.fileName = fileName;
+    this.contentObj = {};
+  }
+
+  set(obj) {
+    const file = hmFS.open(this.fileName, hmFS.O_RDWR | hmFS.O_TRUNC);
+    const contentBuffer = str2ab(JSON.stringify(obj));
+
+    hmFS.write(file, contentBuffer, 0, contentBuffer.byteLength);
+    hmFS.close(file);
+  }
+
+  get() {
+    const [fsStat, err] = hmFS.stat(this.fileName);
+    if (err === 0) {
+      const { size } = fsStat;
+      const fileContentUnit = new Uint16Array(new ArrayBuffer(size));
+      const file = hmFS.open(this.fileName, hmFS.O_RDONLY | hmFS.O_CREAT);
+      hmFS.seek(file, 0, hmFS.SEEK_SET);
+      hmFS.read(file, fileContentUnit.buffer, 0, size);
+      hmFS.close(file);
+
+      try {
+        const val = String.fromCharCode.apply(null, fileContentUnit);
+        this.contentObj = val ? JSON.parse(val) : {};
+      } catch (error) {
+        this.contentObj = {};
+      }
+    }
+
+    return this.contentObj;
+  }
+}

package/private-modules/zeppos-app-utils/dist/public/template/os1.0/app/calories/utils/styles-gts-3.js

@@ -0,0 +1,139 @@
+import { gettext } from "i18n";
+
+export const { width: DEVICE_WIDTH, height: DEVICE_HEIGHT } =
+  hmSetting.getDeviceInfo();
+
+export const COMMON_TITLE_TEXT = {
+  text: gettext("calories"),
+  x: 32,
+  y: 11,
+  w: 232,
+  h: 42,
+  color: 0xffffff,
+  text_size: 32,
+  align_v: hmUI.align.LEFT,
+  text_style: hmUI.text_style.WRAP,
+};
+
+export const ALIGN_DESC_GROUP = {
+  x: 0,
+  y: px(80),
+  w: 0,
+  h: px(82),
+};
+export const IMGAE_CALORIES_MARIN = px(0);
+export const CALORIES_UNIT_MARIN = px(8);
+export const CALORIE_TEXT_SIZE = px(72);
+export const CALORIE_TEXT = {
+  text: "400",
+  x: 0,
+  y: 0,
+  w: 0,
+  h: px(82),
+  color: 0xffffff,
+  text_size: CALORIE_TEXT_SIZE,
+  align_h: hmUI.align.LEFT,
+  align_v: hmUI.align.CENTER_V,
+};
+export const UNIT_TEXT_SIZE = px(24);
+export const UNIT_TEXT = {
+  text: gettext("unit"),
+  x: 0,
+  y: px(46),
+  w: 0,
+  h: px(34),
+  color: 0x999999,
+  text_size: UNIT_TEXT_SIZE,
+  align_h: hmUI.align.LEFT,
+  align_v: hmUI.align.CENTER_V,
+};
+
+export const TOTAL_CONSUME_TEXT = {
+  text: gettext("consumption"),
+  x: 4,
+  y: 162,
+  w: 382,
+  h: 38,
+  color: 0x999999,
+  text_size: 28,
+  align_h: hmUI.align.CENTER_H,
+  align_v: hmUI.align.CENTER_V,
+};
+
+export const EQUIVALENT_TO_BUTTON = {
+  text: gettext("equivalent"),
+  press_color: 0x333333,
+  normal_color: 0x1a1a1a,
+  x: 71,
+  y: 330,
+  w: 248,
+  h: 48,
+  color: 0xffffff,
+  text_size: 28,
+  radius: 28,
+};
+
+export const CONSUME_ICON_WIDTH = px(32);
+export const CONSUME_ICON = {
+  src: "consume.png",
+  x: 0,
+  y: px(47),
+};
+
+export const EQUIVALENT_MARGIN = 8;
+export const EQUIVALENT_MORE_X = 113;
+export const EQUIVALENT_TO_FOOD_ICON_WIDTH = 72;
+
+export const EQUIVALENT_TO_FOOD_ICON = {
+  src: "food/hamburger.png",
+  x: 103, //0
+  y: 224,
+};
+
+export const EQUIVALENT_MORE_FOOD_ICON = {
+  src: "multiply.png",
+  x: 183,
+  y: 235,
+};
+
+export const EQUIVALENT_MORE_FOOD_NUM = {
+  text: "",
+  x: 237,
+  y: 225,
+  w: 60,
+  h: 60,
+  color: 0xee801e,
+  text_size: 50,
+  align_h: hmUI.align.LEFT,
+  align_v: hmUI.align.CENTER_V,
+};
+
+export const FOOD_LIST_Y = 96;
+export const FOOD_LIST_ITEM_MARGIN = 60;
+export const FOOD_LIST_ITEM_HEIGHT = 52;
+export const FOOD_LIST_RADIOGROUP = {
+  select_src: "selected.png",
+  unselect_src: "unselected.png",
+  x: 30,
+  y: FOOD_LIST_Y,
+  w: -1,
+  h: -1,
+};
+
+export const FOOD_LIST_RADIO_ITEM = {
+  x: 0,
+  y: FOOD_LIST_Y,
+  w: FOOD_LIST_ITEM_HEIGHT,
+  h: FOOD_LIST_ITEM_HEIGHT,
+};
+
+export const FOOD_LIST_RADIO_ITEM_TEXT = {
+  x: 106,
+  y: 97,
+  w: 254,
+  h: FOOD_LIST_ITEM_HEIGHT,
+  color: 0xffffff,
+  text_size: 32,
+  align_h: hmUI.align.LEFT,
+  align_v: hmUI.align.CENTER_V,
+};

package/private-modules/zeppos-app-utils/dist/public/template/os1.0/app/calories/utils/styles.js

@@ -0,0 +1,140 @@
+import { gettext } from "i18n";
+
+export const { width: DEVICE_WIDTH, height: DEVICE_HEIGHT } =
+  hmSetting.getDeviceInfo();
+
+export const COMMON_TITLE_TEXT = {
+  text: gettext("calories"),
+  x: px(96),
+  y: px(40),
+  w: px(288),
+  h: px(46),
+  color: 0xffffff,
+  text_size: px(36),
+  align_h: hmUI.align.CENTER_H,
+  align_v: hmUI.align.CENTER_V,
+  text_style: hmUI.text_style.WRAP,
+};
+
+export const ALIGN_DESC_GROUP = {
+  x: 0,
+  y: px(118),
+  w: 0,
+  h: px(100),
+};
+export const IMGAE_CALORIES_MARIN = px(0);
+export const CALORIES_UNIT_MARIN = px(8);
+export const CALORIE_TEXT_SIZE = px(100);
+export const CALORIE_TEXT = {
+  text: "",
+  x: px(0),
+  y: px(0),
+  w: px(0),
+  h: px(100),
+  color: 0xffffff,
+  text_size: CALORIE_TEXT_SIZE,
+  align_h: hmUI.align.LEFT,
+  align_v: hmUI.align.CENTER_V,
+};
+export const UNIT_TEXT_SIZE = px(28);
+export const UNIT_TEXT = {
+  text: gettext("unit"),
+  x: px(0),
+  y: px(63),
+  w: px(0),
+  h: px(34),
+  color: 0x999999,
+  text_size: UNIT_TEXT_SIZE,
+  align_h: hmUI.align.LEFT,
+  align_v: hmUI.align.CENTER_V,
+};
+
+export const TOTAL_CONSUME_TEXT = {
+  text: gettext("consumption"),
+  x: px(40),
+  y: px(218),
+  w: px(400),
+  h: px(38),
+  color: 0x999999,
+  text_size: px(28),
+  align_h: hmUI.align.CENTER_H,
+  align_v: hmUI.align.CENTER_V,
+};
+
+export const EQUIVALENT_TO_BUTTON = {
+  text: gettext("equivalent"),
+  press_color: 0x333333,
+  normal_color: 0x1a1a1a,
+  x: px(108),
+  y: px(376),
+  w: px(264),
+  h: px(56),
+  color: 0xffffff,
+  text_size: px(32),
+  radius: px(28),
+};
+
+export const CONSUME_ICON_WIDTH = px(48);
+export const CONSUME_ICON = {
+  src: "consume.png",
+  x: px(0),
+  y: px(53),
+};
+
+export const EQUIVALENT_MARGIN = 8;
+export const EQUIVALENT_MORE_X = 155;
+export const EQUIVALENT_TO_FOOD_ICON_WIDTH = 80;
+
+export const EQUIVALENT_TO_FOOD_ICON = {
+  src: "food/hamburger.png",
+  x: px(0),
+  y: px(288),
+};
+
+export const EQUIVALENT_MORE_FOOD_ICON = {
+  src: "multiply.png",
+  x: px(243),
+  y: px(304),
+};
+
+export const EQUIVALENT_MORE_FOOD_NUM = {
+  text: "",
+  x: px(299),
+  y: px(294),
+  w: px(100),
+  h: px(60),
+  color: 0xee801e,
+  text_size: px(55),
+  align_h: hmUI.align.LEFT,
+  align_v: hmUI.align.CENTER_V,
+};
+
+export const FOOD_LIST_Y = 178;
+export const FOOD_LIST_ITEM_MARGIN = 64;
+export const FOOD_LIST_ITEM_HEIGHT = 64;
+export const FOOD_LIST_RADIOGROUP = {
+  select_src: "selected.png",
+  unselect_src: "unselected.png",
+  x: px(44),
+  y: px(FOOD_LIST_Y),
+  w: -1,
+  h: -1,
+};
+
+export const FOOD_LIST_RADIO_ITEM = {
+  x: px(0),
+  y: px(0),
+  w: px(FOOD_LIST_ITEM_HEIGHT),
+  h: px(FOOD_LIST_ITEM_HEIGHT),
+};
+
+export const FOOD_LIST_RADIO_ITEM_TEXT = {
+  x: px(120),
+  y: px(0),
+  w: px(360),
+  h: px(64),
+  color: 0xffffff,
+  text_size: px(32),
+  align_h: hmUI.align.LEFT,
+  align_v: hmUI.align.CENTER_V,
+};

package/private-modules/zeppos-app-utils/dist/public/template/os1.0/app/empty/_package.json

@@ -0,0 +1,14 @@
+{
+  "name": "empty",
+  "version": "1.0.0",
+  "description": "",
+  "main": "app.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@zeppos/device-types": "^1.0.0"
+  }
+}

package/private-modules/zeppos-app-utils/dist/public/template/os1.0/app/empty/jsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "target": "es6",
+    "checkJs": true
+  },
+  "exclude": [
+    "node_modules",
+    "**/node_modules/*"
+  ],
+  "files": [
+    "node_modules/@zeppos/device-types/index.d.ts"
+  ]
+}

package/private-modules/zeppos-app-utils/dist/public/template/os1.0/app/fetch-api/_package.json

@@ -0,0 +1,14 @@
+{
+  "name": "fetch-api",
+  "version": "1.0.0",
+  "description": "",
+  "main": "app.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@zeppos/device-types": "^1.0.0"
+  }
+}

package/private-modules/zeppos-app-utils/dist/public/template/os1.0/app/fetch-api/app-side/index.js

@@ -0,0 +1,69 @@
+import { MessageBuilder } from "../shared/message";
+
+const messageBuilder = new MessageBuilder();
+
+// Simulating an asynchronous network request using Promise
+const mockAPI = async () => {
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
+      resolve({
+        body: {
+          data: {
+            text: "HELLO ZEPPOS",
+          },
+        },
+      });
+    }, 1000);
+  });
+};
+
+const fetchData = async (ctx) => {
+  try {
+    // Requesting network data using the fetch API
+    // The sample program is for simulation only and does not request real network data, so it is commented here
+    // Example of a GET method request
+    // const { body: { data = {} } = {} } = await fetch({
+    //   url: 'https://xxx.com/api/xxx',
+    //   method: 'GET'
+    // })
+    // Example of a POST method request
+    // const { body: { data = {} } = {} } = await fetch({
+    //   url: 'https://xxx.com/api/xxx',
+    //   method: 'POST',
+    //   headers: {
+    //     'Content-Type': 'application/json'
+    //   },
+    //   body: JSON.stringify({
+    //     text: 'Hello Zepp OS'
+    //   })
+    // })
+
+    // A network request is simulated here
+    const { body: { data = {} } = {} } = await mockAPI();
+
+    ctx.response({
+      data: { result: data },
+    });
+  } catch (error) {
+    ctx.response({
+      data: { result: "ERROR" },
+    });
+  }
+};
+
+AppSideService({
+  onInit() {
+    messageBuilder.listen(() => {});
+
+    messageBuilder.on("request", (ctx) => {
+      const jsonRpc = messageBuilder.buf2Json(ctx.request.payload);
+      if (jsonRpc.method === "GET_DATA") {
+        return fetchData(ctx);
+      }
+    });
+  },
+
+  onRun() {},
+
+  onDestroy() {},
+});

package/private-modules/zeppos-app-utils/dist/public/template/os1.0/app/fetch-api/app.js

@@ -0,0 +1,20 @@
+import "./shared/device-polyfill";
+import { MessageBuilder } from "./shared/message";
+
+const appId = 27280;
+const messageBuilder = new MessageBuilder({ appId });
+
+App({
+  globalData: {
+    messageBuilder: messageBuilder,
+  },
+  onCreate(options) {
+    console.log("app on create invoke");
+    messageBuilder.connect();
+  },
+
+  onDestroy(options) {
+    console.log("app on destroy invoke");
+    messageBuilder.disConnect();
+  },
+});