@shijiu/jsview-vue 0.9.246 → 0.9.254

package/samples/VideoDemo/components/VideoFrame.vue

@@ -1,152 +1,152 @@
-<script>
-import { inject, watch } from 'vue'
-import { Options, Vue } from "vue-class-component";
-import JsvVideo from "jsview/utils/JsViewVueWidget/JsvVideo.vue"
-
-@Options({
-  components: {
-    JsvVideo
-  }
-})
-
-class VideoFrame extends Vue {
-  constructor(props) {
-    super(props);
-    this.useTexture = inject('useTexture');
-    this.objectFit = inject('objectFit');
-    this.videoRect = inject('videoRect');
-    this.playVideo = inject('playVideo');
-    this.seekVideo = inject('seekVideo');
-    this.enableAnimation = inject('enableAnimation');
-    this.videoTime = inject('videoTime');
-    this.playStatus = inject('playStatus')
-    watch(this.playVideo, this.setPlayState.bind(this));
-    watch(this.seekVideo, this.seekVideoStep.bind(this));
-
-    this.videoUrl = "http://qcast-image.oss-cn-qingdao.aliyuncs.com/homepage/20190726/4cc4e6a8fd7d9d9c707ed4c4da27ca9d.mp4";
-    this.canAutoPlay = !window.jsvIsBrowserDebug; // jsview自动播放该视频 TODO h5需做相应调整
-
-    this.video = null;
-
-    this.rect = {
-      top: 50, left: 40,
-      width: 1200, height: 500,
-    }
-
-    this.textureAnim = null;
-  }
-
-  mounted() {
-    if(this.canAutoPlay) {
-      this.playVideo = true;
-    }
-  }
-
-  onVideoRef(ele) {
-    this.video = ele;
-  }
-
-  setPlayState(play) {
-    if(play) {
-      this.video?.play();
-    } else {
-      this.video?.pause();
-    }
-  }
-
-  seekVideoStep(time) {
-    if(this.video) {
-      let playEnd = false;
-      let seekTime = this.video.currentTime + Math.ceil(time);
-      if(seekTime < 0) {
-        seekTime = 0;
-      } else if(seekTime > this.videoTime.duration) {
-        seekTime = this.videoTime.duration;
-        if(this.video.currentTime != this.videoTime.duration) { // 触发一次播放，收到ended事件
-          playEnd = true;
-        }
-      }
-      this.video.currentTime = seekTime;
-      if(playEnd) {
-        this.setPlayState(true);
-      }
-    }
-  }
-
-  onPlayStateChange(event) {
-    console.log("VideoFrame.onPlayStateChangeEvent()", event);
-    this.playVideo = (event.type === 'play' ? true : false);
-    if(!(this.playStatus == 'ended' && event.type == 'pause')) { // 忽略播放结束后的pause事件
-      this.playStatus = event.type;
-    }
-  }
-
-  onTimeUpdate(event) {
-    console.log("VideoFrame.onTimeUpdateEvent()", event);
-    this.videoTime.currentTime = this.video.currentTime;
-  }
-
-  onDurationChange(event) {
-    console.log("VideoFrame.onDurationChangeEvent()", event);
-    this.videoTime.duration = this.video.duration;
-  }
-
-  onEvent(event) {
-    console.log("VideoFrame.onEvent()", event);
-  }
-}
-
-export default VideoFrame;
-</script>
-
-<template>
-<div>
-  <div
-      :style="{
-        ...videoRect,
-        backgroundColor: 'rgb(200,100,100)'
-      }"
-  />
-  <JsvVideo
-      :onRef="onVideoRef"
-      :useTexture="useTexture"
-      :src="videoUrl"
-      :autoplay="canAutoPlay ? 'autoplay' : undefined" 
-      :style="{
-        ...videoRect,
-        objectFit: objectFit,
-        animation: (useTexture&&enableAnimation ? 'offscreenAnim 3s infinite' : null),
-        borderRadius: '80px 80px 160px 240px',
-      }"
-      :onCanPlay="onEvent"
-      :onCanPlayThrough="onEvent"
-      :onDurationChange="onDurationChange"
-      :onEnded="onPlayStateChange"
-      :onError="onPlayStateChange"
-      :onLoad="onEvent"
-      :onLoadedMetadata="onEvent"
-      :onLoadStart="onEvent"
-      :onPause="onPlayStateChange"
-      :onPlay="onPlayStateChange"
-      :onPlaying="onEvent"
-      :onProgress="onEvent"
-      :onSeeking="onEvent"
-      :onSeeked="onTimeUpdate"
-      :onStalled="onEvent"
-      :onTimeUpdate="onTimeUpdate"
-  />
-</div>
-</template>
-
-<style scoped>
-@keyframes offscreenAnim {
-  from {
-    transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, -360deg);
-    transform-origin: center center;
-  }
-  to {
-    transform:scale3d(0.4, 0.4, 0) rotate3d(0, 0, 1, 0);
-    transform-origin: center center;
-  }
-}
-</style>
+<script>
+import { inject, watch } from 'vue'
+import { Options, Vue } from "vue-class-component";
+import JsvVideo from "jsview/utils/JsViewVueWidget/JsvVideo.vue"
+
+@Options({
+  components: {
+    JsvVideo
+  }
+})
+
+class VideoFrame extends Vue {
+  constructor(props) {
+    super(props);
+    this.useTexture = inject('useTexture');
+    this.objectFit = inject('objectFit');
+    this.videoRect = inject('videoRect');
+    this.playVideo = inject('playVideo');
+    this.seekVideo = inject('seekVideo');
+    this.enableAnimation = inject('enableAnimation');
+    this.videoTime = inject('videoTime');
+    this.playStatus = inject('playStatus')
+    watch(this.playVideo, this.setPlayState.bind(this));
+    watch(this.seekVideo, this.seekVideoStep.bind(this));
+
+    this.videoUrl = "http://qcast-image.oss-cn-qingdao.aliyuncs.com/homepage/20190726/4cc4e6a8fd7d9d9c707ed4c4da27ca9d.mp4";
+    this.canAutoPlay = !window.jsvIsBrowserDebug; // jsview自动播放该视频 TODO h5需做相应调整
+
+    this.video = null;
+
+    this.rect = {
+      top: 50, left: 40,
+      width: 1200, height: 500,
+    }
+
+    this.textureAnim = null;
+  }
+
+  mounted() {
+    if(this.canAutoPlay) {
+      this.playVideo = true;
+    }
+  }
+
+  onVideoRef(ele) {
+    this.video = ele;
+  }
+
+  setPlayState(play) {
+    if(play) {
+      this.video?.play();
+    } else {
+      this.video?.pause();
+    }
+  }
+
+  seekVideoStep(time) {
+    if(this.video) {
+      let playEnd = false;
+      let seekTime = this.video.currentTime + Math.ceil(time);
+      if(seekTime < 0) {
+        seekTime = 0;
+      } else if(seekTime > this.videoTime.duration) {
+        seekTime = this.videoTime.duration;
+        if(this.video.currentTime != this.videoTime.duration) { // 触发一次播放，收到ended事件
+          playEnd = true;
+        }
+      }
+      this.video.currentTime = seekTime;
+      if(playEnd) {
+        this.setPlayState(true);
+      }
+    }
+  }
+
+  onPlayStateChange(event) {
+    console.log("VideoFrame.onPlayStateChangeEvent()", event);
+    this.playVideo = (event.type === 'play' ? true : false);
+    if(!(this.playStatus == 'ended' && event.type == 'pause')) { // 忽略播放结束后的pause事件
+      this.playStatus = event.type;
+    }
+  }
+
+  onTimeUpdate(event) {
+    console.log("VideoFrame.onTimeUpdateEvent()", event);
+    this.videoTime.currentTime = this.video.currentTime;
+  }
+
+  onDurationChange(event) {
+    console.log("VideoFrame.onDurationChangeEvent()", event);
+    this.videoTime.duration = this.video.duration;
+  }
+
+  onEvent(event) {
+    console.log("VideoFrame.onEvent()", event);
+  }
+}
+
+export default VideoFrame;
+</script>
+
+<template>
+<div>
+  <div
+      :style="{
+        ...videoRect,
+        backgroundColor: 'rgb(200,100,100)'
+      }"
+  />
+  <JsvVideo
+      :onRef="onVideoRef"
+      :useTexture="useTexture"
+      :src="videoUrl"
+      :autoplay="canAutoPlay ? 'autoplay' : undefined" 
+      :style="{
+        ...videoRect,
+        objectFit: objectFit,
+        animation: (useTexture&&enableAnimation ? 'offscreenAnim 3s infinite' : null),
+        borderRadius: '80px 80px 160px 240px',
+      }"
+      :onCanPlay="onEvent"
+      :onCanPlayThrough="onEvent"
+      :onDurationChange="onDurationChange"
+      :onEnded="onPlayStateChange"
+      :onError="onPlayStateChange"
+      :onLoad="onEvent"
+      :onLoadedMetadata="onEvent"
+      :onLoadStart="onEvent"
+      :onPause="onPlayStateChange"
+      :onPlay="onPlayStateChange"
+      :onPlaying="onEvent"
+      :onProgress="onEvent"
+      :onSeeking="onEvent"
+      :onSeeked="onTimeUpdate"
+      :onStalled="onEvent"
+      :onTimeUpdate="onTimeUpdate"
+  />
+</div>
+</template>
+
+<style scoped>
+@keyframes offscreenAnim {
+  from {
+    transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, -360deg);
+    transform-origin: center center;
+  }
+  to {
+    transform:scale3d(0.4, 0.4, 0) rotate3d(0, 0, 1, 0);
+    transform-origin: center center;
+  }
+}
+</style>

package/scripts/common.js

@@ -1,93 +1,116 @@
-#!/usr/bin/env node
-
-const path = require("path");
-const fs = require("fs");
-const { execSync } = require('child_process');
-
-function updateVersion(projectDir, ignoreChanges)
-{
-  let cmdLine = 'cd ' + projectDir + ' && git rev-list --count HEAD';
-  let patchVersion = execSync(cmdLine, { stderr: "inherit" });
-  patchVersion = parseInt(patchVersion);
-
-  pkgPkgFile = path.resolve(projectDir, 'package.json');
-  if (!fs.existsSync(pkgPkgFile)) {
-    console.error('Error: Failed to install jsview patches, "' + path.relative(projectDir, pkgPkgFile) + '" is not exists.');
-    process.exit(1);
-  }
-  pkgPkgObj = require(pkgPkgFile);
-  console.log(pkgPkgObj.version, patchVersion)
-  if (pkgPkgObj.version.endsWith("." + patchVersion)) {
-    console.info('\nFound version: ' + pkgPkgObj.version);
-    return;
-  }
-
-  if (!ignoreChanges) {
-    let cmdLine = 'cd ' + projectDir + ' && git status --porcelain';
-    let gitChanges = execSync(cmdLine, { stderr: "inherit" });
-    if (gitChanges) {
-      return gitChanges;
-    }
-  }
-
-  // 替换PatchVersion为git 提交数。
-  pkgPkgObj.version = pkgPkgObj.version.replace(/\.[0-9]*$/, '.' + patchVersion);
-
-  fs.writeFileSync(pkgPkgFile, JSON.stringify(pkgPkgObj, null, 2));
-  console.info('\nUpdated version to ' + pkgPkgObj.version);
-}
-
-function cpSync(workDir, src, dest) {
-  const exists = fs.existsSync(src);
-  const stats = exists && fs.statSync(src);
-  const isDirectory = exists && stats.isDirectory();
-  if (isDirectory) {
-    if (fs.existsSync(dest) == false) {
-      fs.mkdirSync(dest);
-    }
-    fs.readdirSync(src).forEach(function(childItemName) {
-      cpSync(
-        workDir,
-        path.join(src, childItemName),
-        path.join(dest, childItemName)
-      );
-    });
-  } else {
-    console.info(
-      "  " + path.relative(workDir, src) + " -> " + path.relative(workDir, dest)
-    );
-    fs.copyFileSync(src, dest);
-  }
-}
-
-function rmSync(path) {
-  if (!!fs.rmSync) {
-    fs.rmSync(path, { recursive: true, force: true });
-  } else {
-    deleteFolderRecursive(path)
-  }
-}
-
-function deleteFolderRecursive(path) {
-  var files = [];
-  if (fs.existsSync(path)) {
-    files = fs.readdirSync(path);
-    files.forEach(function(file, index) {
-      var curPath = path + "/" + file;
-      if (fs.lstatSync(curPath).isDirectory()) {
-        // recurse
-        deleteFolderRecursive(curPath);
-      } else {
-        // delete file
-        fs.unlinkSync(curPath);
-      }
-    });
-    fs.rmdirSync(path);
-  }
-}
-
-module.exports = {
-  updateVersion,
-  cpSync,
-  rmSync
+#!/usr/bin/env node
+
+const fs = require("fs");
+const path = require("path");
+const readline = require('readline')
+const { execSync } = require('child_process');
+
+function updateVersion(projectDir, ignoreChanges)
+{
+  let cmdLine = 'cd ' + projectDir + ' && git rev-list --count HEAD';
+  let patchVersion = execSync(cmdLine, { stderr: "inherit" });
+  patchVersion = parseInt(patchVersion);
+
+  pkgPkgFile = path.resolve(projectDir, 'package.json');
+  if (!fs.existsSync(pkgPkgFile)) {
+    console.error('Error: Failed to install jsview patches, "' + path.relative(projectDir, pkgPkgFile) + '" is not exists.');
+    process.exit(1);
+  }
+  pkgPkgObj = require(pkgPkgFile);
+  if (pkgPkgObj.version.endsWith("." + patchVersion)) {
+    console.info('\nFound version: ' + pkgPkgObj.version);
+    return;
+  }
+
+  if (!ignoreChanges) {
+    let cmdLine = 'cd ' + projectDir + ' && git status --porcelain';
+    let gitChanges = execSync(cmdLine, { stderr: "inherit" });
+    gitChanges = gitChanges.toString();
+    if (gitChanges) {
+      return gitChanges;
+    }
+  }
+
+  // 替换PatchVersion为git 提交数。
+  pkgPkgObj.version = pkgPkgObj.version.replace(/\.[0-9]*$/, '.' + patchVersion);
+
+  fs.writeFileSync(pkgPkgFile, JSON.stringify(pkgPkgObj, null, 2));
+  console.info('\nUpdated version to ' + pkgPkgObj.version);
+}
+
+async function syncReadIO(prompt) {
+  const input = readline.createInterface({
+    input: process.stdin,
+    output: process.stdout
+  });
+  input.on('SIGINT', function () {
+    console.error("Error: User cancelled.")
+    process.exit(1);
+  });
+
+  let ret;
+  input.question(prompt,
+                 answer => {
+                   input.close();
+                   ret = answer;
+                 });
+  for await (const line of input) {}
+
+  return ret;
+}
+
+function cpSync(workDir, src, dest) {
+  const exists = fs.existsSync(src);
+  const stats = exists && fs.statSync(src);
+  const isDirectory = exists && stats.isDirectory();
+  if (isDirectory) {
+    if (fs.existsSync(dest) == false) {
+      fs.mkdirSync(dest);
+    }
+    fs.readdirSync(src).forEach(function(childItemName) {
+      cpSync(
+        workDir,
+        path.join(src, childItemName),
+        path.join(dest, childItemName)
+      );
+    });
+  } else {
+    console.info(
+      "  " + path.relative(workDir, src) + " -> " + path.relative(workDir, dest)
+    );
+    fs.copyFileSync(src, dest);
+  }
+}
+
+function rmSync(path) {
+  if (!!fs.rmSync) {
+    fs.rmSync(path, { recursive: true, force: true });
+  } else {
+    deleteFolderRecursive(path)
+  }
+}
+
+function deleteFolderRecursive(path) {
+  var files = [];
+  if (fs.existsSync(path)) {
+    files = fs.readdirSync(path);
+    files.forEach(function(file, index) {
+      var curPath = path + "/" + file;
+      if (fs.lstatSync(curPath).isDirectory()) {
+        // recurse
+        deleteFolderRecursive(curPath);
+      } else {
+        // delete file
+        fs.unlinkSync(curPath);
+      }
+    });
+    fs.rmdirSync(path);
+  }
+}
+
+module.exports = {
+  cpSync,
+  rmSync,
+  syncReadIO,
+  updateVersion,
 }

package/scripts/deploy-fast-pack.js

@@ -0,0 +1,17 @@
+#!/usr/bin/env node
+
+const { execSync } = require('child_process');
+
+function main() {
+  const options = {};
+  options.projectDir = process.cwd();
+
+  let cmdLine = 'cd ' + options.projectDir + '&& node ./scripts/deploy-prepare.js';
+  console.info('Run [' + cmdLine + ']... ');
+  execSync(cmdLine, { stdio: 'inherit', stderr: 'inherit' });
+
+  cmdLine = 'cd ' + options.projectDir + '&& npm pack';
+  console.info('Run [' + cmdLine + ']... ');
+  execSync(cmdLine, { stdio: 'inherit', stderr: 'inherit' });
+}
+main();

package/scripts/deploy-fast-publish.js

@@ -0,0 +1,44 @@
+#!/usr/bin/env node
+
+const readline = require('readline')
+const { execSync } = require('child_process');
+const { syncReadIO } = require('./common');
+
+function login(registry) {
+  let cmdLine = 'npm whoami --registry ' + registry;
+  console.info('Run [' + cmdLine + ']... ');
+  let ret;
+  try {
+    ret = execSync(cmdLine, { stderr: 'ignore' });
+    console.info('Logined user name is: ' + ret?.toString())
+  } catch (err) {
+  }
+  if (!ret?.toString().startsWith('qcast')) {
+    console.info('Please use "qcast" [support@qcast.cn] to login and publish jsview to npmjs.')
+    let cmdLine = 'npm adduser --registry ' + registry;
+    console.info('Run [' + cmdLine + ']... ');
+    try {
+      execSync(cmdLine, { stdio: 'inherit', stderr: 'inherit' });
+    } catch (err) {
+      console.error('Failed to login to npmjs.')
+      process.exit(1)
+    }
+  }
+}
+
+function main() {
+  const options = {};
+  options.projectDir = process.cwd();
+  options.registry = 'https://registry.npmjs.com';
+
+  login(options.registry);
+
+  cmdLine = 'cd ' + options.projectDir + '&& node ./scripts/deploy-prepare.js';
+  console.info('Run [' + cmdLine + ']... ');
+  execSync(cmdLine, { stdio: 'inherit', stderr: 'inherit' });
+
+  cmdLine = 'cd ' + options.projectDir + '&& npm publish --tag latest --access=public --registry ' + options.registry;
+  console.info('Run [' + cmdLine + ']... ');
+  execSync(cmdLine, { stdio: 'inherit', stderr: 'inherit' });
+}
+main();

package/scripts/{git-commit-empty.js → deploy-git-commit-empty.js}

@@ -1,21 +1,21 @@
-#!/usr/bin/env node
-
-const { execSync } = require('child_process');
-
-function main() {
-  // 安装dom和widget
-  let cmdLine = "git diff --cached";
-  console.info("\nRunning [" + cmdLine + "]... ");
-  let ret = execSync(cmdLine, { stderr: "inherit" });
-  if(ret) {
-    console.error("\nError: There have same uncommitted files in cache, please cleanup first.");
-    process.exit(1);
-  }
-
-
-  // 安装dom和widget
-  cmdLine = "git commit --allow-empty -m \"强制版本+1\"";
-  console.info("\nRunning [" + cmdLine + "]... ");
-  execSync(cmdLine, { stdio: "inherit", stderr: "inherit" });
-}
-main();
+#!/usr/bin/env node
+
+const { execSync } = require('child_process');
+
+function main() {
+  // 安装dom和widget
+  let cmdLine = "git diff --cached";
+  console.info("\nRunning [" + cmdLine + "]... ");
+  let ret = execSync(cmdLine, { stderr: "inherit" });
+  if(ret) {
+    console.error("\nError: There have same uncommitted files in cache, please cleanup first.");
+    process.exit(1);
+  }
+
+
+  // 安装dom和widget
+  cmdLine = "git commit --allow-empty -m \"强制版本+1\"";
+  console.info("\nRunning [" + cmdLine + "]... ");
+  execSync(cmdLine, { stdio: "inherit", stderr: "inherit" });
+}
+main();