create-jsview 2.1.5

package/template-vue-vite/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "jsview-vue-test",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "android": "node node_modules/@shijiu/jsview/tools/jsview-run-android.mjs --framework=vue",
+    "build": "vue-tsc && vite build",
+    "dev": "vite",
+    "postbuild": "node node_modules/@shijiu/jsview/tools/jsview-post-build.mjs --framework=vue",
+    "postinstall": "node node_modules/@shijiu/jsview/tools/jsview-post-install.mjs --framework=vue",
+    "preview": "vite preview",
+    "start": "vite"
+  },
+  "dependencies": {
+    "@shijiu/jsview": "2.1.5",
+    "@shijiu/jsview-vue": "2.1.5",
+    "vue": "3.2.45",
+    "vue-router": "4.1.6"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "4.0.0",
+    "typescript": "4.9.3",
+    "vite": "4.0.0",
+    "vue-tsc": "1.0.11"
+  },
+  "browserslist": [
+    "chrome 102",
+    "not dead"
+  ],
+  "engines": {
+    "node": ">=16.0.0"
+  }
+}

package/template-vue-vite/src/App.vue

@@ -0,0 +1,25 @@
+<template>
+<div>
+  <img src="./assets/logo.png" class="logo-size">
+  <HelloWorld msg="Hello JsView-Vue + Vite App" :style="{top: 50, width:220}"/>
+</div>
+</template>
+
+<script setup>
+import { onMounted } from "vue"
+import { jJsvRuntimeBridge } from "jsview";
+import HelloWorld from './components/HelloWorld.vue';
+
+onMounted(()=>{
+  /* apk到收到此调用后才会结束启动过程，去掉启动图(否则会显示加载超时的界面) */
+  jJsvRuntimeBridge.notifyPageLoaded();
+});
+
+</script>
+
+<style scoped>
+.logo-size {
+  width: 200;
+  height: 200;
+}
+</style>

package/template-vue-vite/src/appConfig/HOW_TO_CONFIG.md

@@ -0,0 +1,15 @@
+app_data文件夹用来记录APP的设定信息，包括APP的全球唯一标识，签名信息
+
+1. 全球唯一标识AppName设定方法:
+   修改app.config.js文件中的AppName信息，一般命名方法为 domain/子应用名
+
+2. 签名信息，使用RSA签名，设定方法:
+   执行：node ./node_modules/@shijiu/jsview/tools/jsview-generate-keypair.mjs
+
+   将生成公钥文件app_sign_public_key.pem和私钥文件app_sign_private_key.crt。
+   
+   JsView签名原理说明:
+   在进行js build时，会将 main.jsv.xxxx.js (包含AppName具体值)文件的md5值用私钥进行编码，编码出的内容和公钥一起写入到该文件的文件头中，JsView加载后用公钥反编码出该md5值，和文件的md5进行比对，若md5一致则认为此公钥合法，然后此公钥会和AppName进行映射，作为设定快捷访问地址等权限控制的调用作为参考，以防止其他APP对本APP(以AppName为查询键)的私有内容进行非法访问和破坏。
+   
+   注意: 私钥(app_sign_private_key.crt)不要被泄漏，私钥若泄漏，则其他APP可以伪装AppName，查询本APP的私有内容，覆盖本APP设定的快捷访问地址。
+   

package/template-vue-vite/src/appConfig/app.config.mjs

@@ -0,0 +1,7 @@
+export default {
+	AppName: "xxxx.domain.cn/XXXX",
+	AppTitle: "Demo中文名(UTF8)",
+	AppVersion: "1.00",
+	AppIcon:"https://oss.image.qcast.cn/JsViewVideo/ImageTestSample/JsvMiniAppIcon300x160.png", // 上线前请更换, 此为小程序之家APK上线后的图标规范
+	AppRectIcon:"https://oss.image.qcast.cn/JsViewVideo/ImageTestSample/JsvMiniAppIcon256x256.png", // 上线前请更换, 此为小程序之家APK上线后的图标规范
+}

package/template-vue-vite/src/appConfig/app_sign_private_key_sample.crt

@@ -0,0 +1,28 @@
+-----BEGIN PRIVATE KEY-----
+MIIEvwIBADANBgkqhkiG9w0BAQEFAASCBKkwggSlAgEAAoIBAQCwk2Cd0mwQMdMm
+YCxPCj9NysWdjJKi6XJhhMzZoC29h0UTr7PRyqCqb8W/iOiIjbH+fGIeiAMf5w/R
+vWL4DrpTm0HWxvxM2WaV47j2T4G88IyE1pWAaQ/MlPFevFVvq0kc/R5x3hrpJUl6
+TFfXgjV9hHPIbvh/Zen0rMQoimcX2oozkeUK4kpiHCBF225l+kBXwAJYmoSOTBIW
+GjX8CdHMQ1iHlecjfCFjCLE75WUJfNIFZI/XS9Eve6ItrApbX4hUFyYbRMrZ0epq
+lvf4qQ0SkuU/g3GWbvrcVs4I0C3YTZ6cXcIVgfnjzT6ZPTfiCQU+sgH11RQOy1jq
+Nc8H2MwJAgMBAAECggEAM+ngigYHh2terPWxkTtuCS0IlJ1zrzn7SviEUadqS0Kt
+6G/L6m4sdm+OMBXMZ/lgz3U6U8ehQ4vndr67jjqmRVZsMP0nyGBSbNca1i/h8O64
+IYYFRk+dOYTAwh2U8NPnFwLEJK4sM0enJrGzUcUSfOioMdGOdcY81pbExTaLwNMe
+sfoysoM0NpsWBLjvh4VErggirYCvEHOmVwK9o2WSf+JGDHRcs84HOD3wZm8+/hKU
+4P4OnZCEBn4i96AOBlXnLwbNdcnj37jCLv7lzL/T728hF6Y1uEygL9YEe15WMaSI
+zuwzY4WwcIt+yYnhWYNbSHEvFf3UUeqNj0H5erVSEQKBgQDVPwvIce8ExoSoTaRt
+UX7LlS3VKSCwvozx2Hgy9+fCmHQShI+MSgusHkRbo43nSnOLjkCwklzdG9QBPUx8
+/hXaytiOZFyICAOW5oBw2HRvXOgwsjT57fj8SmuAtt/4FuYQT9TdWNduSqINg7dV
+YPLg8b4SJr+QyGBY58hcX/MpKwKBgQDT+jLTCQIQLEMQ3uDn4hcP8/wxCxR43Xmg
+0QsElQRhFGQAP8px6YGH1tjyNXGDak1QnywrAY6UiPhxZ2DORqYhU7Nzx9DogS0q
+Obk/YnSzMKgzUb14J/pfV1LuRzf8/y0QTJMREE1h5yIqevfXuU38mpd4dLmlt2th
+B0UZ118dmwKBgQCx/N5r3tT+qmfdRnkAma34ZLqNmbdkbpeb4O9qs0qpPLBdKHHc
+SY12iwjJaDkwHQ9WI1TRTEjgcLLCmhR2m2lIZljceN5W2EGOuTPpfHGq5eQTiRr4
+pO1WPxN9qqZEH3DFmqx0WAvwTbD3EMJ8K+BtarkX02m/gdARRN0SZS/DYwKBgQCi
+17A3otHs7rPOwAly2aLx5HM2kdZ2S13mhvC54mhs06dG8bpp7AJQAmLDHv9G/2DJ
+sJ3To+yOevKw28PocymorI5NQZFhK+swZwvCf7Y6+gQc+IxfRAb5OzJAToHaX4WU
+4d6Q2z83GMKMc8718CrTBUebh8AeaFubPGR/R46QRQKBgQDId416dMuNDl25nJo6
+OO4ZWuY/4XJKsgrP5sLIVgHDrevWYD8DB1tr5IQ0mLHUD4vbeMaU1sSEZ2OD14lv
+caSFkmxEmU5cukZVZMegfgv84hLE+GYGqhozn/6mMgNjN5BY3Z0jss4gloIq+swu
+K4Fyi4fDxXMRNr/ajjfGaxeYhA==
+-----END PRIVATE KEY-----

package/template-vue-vite/src/appConfig/app_sign_public_key_sample.pem

@@ -0,0 +1,9 @@
+-----BEGIN PUBLIC KEY-----
+MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAsJNgndJsEDHTJmAsTwo/
+TcrFnYySoulyYYTM2aAtvYdFE6+z0cqgqm/Fv4joiI2x/nxiHogDH+cP0b1i+A66
+U5tB1sb8TNlmleO49k+BvPCMhNaVgGkPzJTxXrxVb6tJHP0ecd4a6SVJekxX14I1
+fYRzyG74f2Xp9KzEKIpnF9qKM5HlCuJKYhwgRdtuZfpAV8ACWJqEjkwSFho1/AnR
+zENYh5XnI3whYwixO+VlCXzSBWSP10vRL3uiLawKW1+IVBcmG0TK2dHqapb3+KkN
+EpLlP4Nxlm763FbOCNAt2E2enF3CFYH5480+mT034gkFPrIB9dUUDstY6jXPB9jM
+CQIDAQAB
+-----END PUBLIC KEY-----

package/template-vue-vite/src/appConfig/jsview.config.mjs

@@ -0,0 +1,43 @@
+export default {
+  jsviewConfig: {
+    // (可选配置)remote loader
+    remoteLoader: null,
+
+    // (可选配置)localStorage支持
+    // presetKeys为预置key，可以直接使用localStorage.xxx的形式，避免undefined错误
+    localStorage: {
+      domain: null, // 默认自动使用app.config.mjs的AppName作为domain, 可以设置为其他值
+      presetKeys: [
+        'value1',
+        'value3'
+      ]
+    },
+
+    cookies: {
+      domain: '' // 当非null非空时，激活cookie功能，使ajax请求时自动带上cookies，并且document.cookie的get/set可用
+    },
+
+    // (可选配置)填写main.js或者bundle.js相对于index.html的相对位置，
+    // 用于image/import.then的相对寻址, vue3默认值是/js/
+    jsSubPath: '/js/'
+  },
+
+  vendorConfig: {
+    // (可选配置)设置屏幕坐标映射值，screenWidth为屏幕画布定义的宽度，displayScale为清晰度，
+    // 默认值是画布宽度1280px, 清晰度为1.0
+    designedMap: {
+      screenWidth: 1280,
+      displayScale: 1.5
+    },
+
+    // (可选配置)按键接受的扩展，例如将静音按键(JAVA键值为164)映射为JS键值20001，
+    // PS:注意'164'的引号
+    bindKeys: {
+      keys: {
+        164: 20001
+      },
+      syncKeys: {
+      }
+    }
+  }
+}

package/template-vue-vite/src/appConfig/permission.js

@@ -0,0 +1 @@
+export const PERMISSION = {}

package/template-vue-vite/src/components/HelloWorld.vue

@@ -0,0 +1,19 @@
+<template>
+<div class="msg">{{ msg }}</div>
+</template>
+
+<script lang="ts">
+export default {
+  props: {
+    msg: String
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+.msg {
+  font-size: 16;
+  color: #00FFFF;
+}
+</style>

package/template-vue-vite/src/env.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/template-vue-vite/src/main.tsx

@@ -0,0 +1,16 @@
+import { createApp } from 'vue'
+import { jsvCreateFocusManager } from 'jsview'
+import App from './App.vue'
+
+const app = createApp(App)
+
+
+// 注册JsView定制的焦点控制插件
+app.use(jsvCreateFocusManager(), '#app')
+
+app.mount('#app')
+
+/* 备注: */
+// 1. App.vue是一个最简的 Vue3 样例(参考`npm init vite`)，可在此基础上进行二次开发。
+// 2. 参考 http://jsview-dev.shijiutv.com/tour/1.js-develop/1.1.basic-js-tour.html 
+//    的'示例代码以及其源代码' 栏目进行samples代码安装和使用

package/template-vue-vite/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["esnext", "dom"],
+    "skipLibCheck": true,
+    "noEmit": true,
+    "allowJs": true,
+    "experimentalDecorators": true,
+    "paths": {
+      "jsview": [ "./node_modules/@shijiu/jsview-vue" ],
+      "jsview-vue-samples/*": [ "./node_modules/@shijiu/jsview-vue-samples/*" ]
+    }
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue",
+    "node_modules/@shijiu/jsview-vue/**/*.vue",
+    "node_modules/@shijiu/jsview-vue-samples/**/*.vue",
+  ],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/template-vue-vite/tsconfig.node.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "esnext",
+    "moduleResolution": "node"
+  },
+  "include": ["vite.config.ts"]
+}

package/template-vue-vite/vite.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue()
+  ]
+})