@shijiu/jsview-vue 2.2.128 → 2.2.373

package/utils/JsViewEngineWidget/MetroWidget/RenderItem.ts

@@ -16,6 +16,7 @@ interface ItemConfig {
   normalZIndex: number,
   itemSlide: number,
   permanent: boolean,
+  showSkeleton: boolean,
 }
 
 interface CustomerCallbackMap {
@@ -38,6 +39,7 @@ export class RenderItem {
   public touchInit: boolean = false;
   public rootDiv: HTMLDivElement | null = null;
   public enableTap: boolean = false;
+  public renderKey: Ref<number> = ref(0);
 
   private customerCallbackMap: CustomerCallbackMap = {};
   private onRef: (() => void) | null;
@@ -70,6 +72,14 @@ export class RenderItem {
     return this.templateInfo.index;
   }
 
+  public updateCustomData(newCustomData: object, newItemConfig: ItemConfig) {
+    this.customerData = newCustomData;
+    this.itemConfig = newItemConfig;
+    this.customerCallbackMap = {};
+    this.mounted.value = false;
+    this.renderKey.value++;
+  }
+
   //TODO item的div ref 会调用多次, 待调查
   public divRef = (ele: HTMLDivElement | null) => {
     this.rootDiv = ele;
@@ -162,5 +172,6 @@ export class RenderItem {
   private onDivUnmounted(): void {
     this.touchInit = false;
     this.divMountedCallback.clear();
+    this.customerCallbackMap = {};
   }
 }

package/utils/JsViewEngineWidget/MetroWidget/TaskManager.ts

@@ -211,4 +211,12 @@ export class TaskManager {
     this.cancellableRunnerList.push(cancellableRunner);
     cancellableRunner.run();
   }
+
+  public cancelAllTask() {
+    this.cleanTaskCache();
+    this.cancellableRunnerList.forEach(t => {
+      t.cancel();
+    });
+    this.cancellableRunnerList = [];
+  }
 }

package/utils/JsViewEngineWidget/TemplateParser/CommonMetroTemplate.ts

@@ -794,18 +794,28 @@ class CommonMetroTemplate extends MetroTemplate {
         endIndex = baseItem.index;
       }
       if (Math.abs(startIndex - endIndex) <= 1) {
-        const tailItem = this.templateList[this.getTailItemIndex()];
-        let tailInfo: any = null;
-        if (tailItem) {
-          tailInfo = {
-            left: tailItem.left,
-            top: tailItem.top,
-            width: tailItem.width,
-            height: tailItem.height,
+        const startItem = this.templateList[startIndex];
+        const endItem = this.templateList[endIndex];
+        if (visible(startItem[posKey], startItem[posKey] + startItem[sizeKey])) {
+          baseItem = startItem;
+          break;
+        } else if (visible(endItem[posKey], endItem[posKey] + endItem[sizeKey])) {
+          baseItem = endItem;
+          break;
+        } else {
+          const tailItem = this.templateList[this.getTailItemIndex()];
+          let tailInfo: any = null;
+          if (tailItem) {
+            tailInfo = {
+              left: tailItem.left,
+              top: tailItem.top,
+              width: tailItem.width,
+              height: tailItem.height,
+            }
           }
+          console.log("MetroWidget: can not find visible item", visibleStart, visibleEnd, tailInfo);
+          return [-1, -1];
         }
-        console.log("MetroWidget: can not find visible item", visibleStart, visibleEnd, tailInfo);
-        return [-1, -1];
       } else {
         baseItem = this.templateList[Math.round((startIndex + endIndex) / 2)];
       }

package/utils/JsViewEngineWidget/TemplateParser/ListMetroTemplate.ts

@@ -83,7 +83,7 @@ class ListMetroTemplate extends MetroTemplate {
     hOffset: number, moveType: number): TemplateItem | null {
     const item = this.getItemById(baseId) as any;
     if (item) {
-      let neighborDirection: string | null = null;
+      let neighborDirection: "left" | "right" | "bottom" | "top" | null = null;
       if (this.direction == VERTICAL) {
         if (vOffset > 0) {
           neighborDirection = "bottom";
@@ -97,16 +97,22 @@ class ListMetroTemplate extends MetroTemplate {
           neighborDirection = "left";
         }
       }
-      if (!neighborDirection) return null;
-      let target = this.getItemByIndex(item.neighborIndexList[neighborDirection]?.[0]);
-      while (target) {
-        if (target.focusable) {
-          break;
-        } else {
-          target = this.getItemByIndex(item.neighborIndexList[neighborDirection]?.[0]);
+      if (neighborDirection !== null) {
+        if (item.neighborIndexList[neighborDirection].length === 0) return null;
+        let target = this.getItemByIndex(item.neighborIndexList[neighborDirection][0]);
+        while (target) {
+          if (target.focusable) {
+            break;
+          } else {
+            if (target.neighborIndexList[neighborDirection].length > 0) {
+              target = this.getItemByIndex(target.neighborIndexList[neighborDirection][0]);
+            } else {
+              return null;
+            }
+          }
         }
+        return target;
       }
-      return target;
     }
     return null;
   }
@@ -157,6 +163,23 @@ class ListMetroTemplate extends MetroTemplate {
     return [start, end];
   }
 
+  private cleanResizeChangeItem(i: TemplateItem) {
+    i.neighborIndexList.left = [];
+    i.neighborIndexList.top = [];
+    i.neighborIndexList.right = [];
+    i.neighborIndexList.bottom = [];
+
+    i.tmpNeighborIndexList.left = [];
+    i.tmpNeighborIndexList.top = [];
+    i.tmpNeighborIndexList.right = [];
+    i.tmpNeighborIndexList.bottom = [];
+
+    i.pathHistory.left = -1;
+    i.pathHistory.top = -1;
+    i.pathHistory.right = -1;
+    i.pathHistory.bottom = -1;
+  }
+
   public updateItemSize(index: number, newSize: { width: number, height: number }): void {
     const item = this.templateList[index];
     if (!item || (item.width == newSize.width && item.height == newSize.height)) {
@@ -173,6 +196,7 @@ class ListMetroTemplate extends MetroTemplate {
     }
     //TODO 不是一次性加载全部, 可视区域外的懒惰加载
     for (let i of needChangeList) {
+      this.cleanResizeChangeItem(i);
       this._addTemplateItem(i);
       i.layoutCache.cache({
         left: i.left,

package/utils/JsViewEngineWidget/TemplateParser/MetroTemplate.ts

@@ -291,12 +291,12 @@ abstract class MetroTemplate {
       if (this.direction == VERTICAL) {
         return {
           width: this.lineMax,
-          height: lastItem.height + lastItem.top - 1,
+          height: lastItem.height + lastItem.top - 1 + 1,
         }
       } else {
         return {
           height: this.lineMax,
-          width: lastItem.width + lastItem.left - 1,
+          width: lastItem.width + lastItem.left - 1 + 1,
         }
       }
     } else {

package/utils/JsViewEngineWidget/TemplateParser/TemplateItemAdder.ts

@@ -55,6 +55,8 @@ class TemplateItemAdder {
   }
 
   public tryAddItem(cur_item: TemplateItem | null = null, page_num: number = 1) {
+    if (!this._Data || this._Data.length <= 0) { return; }
+
     let added = false;
     if (
       this._CurIndex < this._Data.length &&
@@ -86,6 +88,8 @@ class TemplateItemAdder {
   }
 
   tryAddItemByPosition(position: number) {
+    if (!this._Data || this._Data.length <= 0) { return; }
+
     const page_num = Math.ceil(position / this._PageRange + 1);
     if (page_num > this._CurPage) {
       this.tryAddItem(null, page_num - this._CurPage);
@@ -94,6 +98,7 @@ class TemplateItemAdder {
   }
 
   tryAddItemByIndex(index: number) {
+    if (!this._Data || this._Data.length <= 0) { return; }
     let _index = Math.min(index, this._Data.length - 1);
     let added = false;
     while (this._CurIndex <= _index) {
@@ -121,6 +126,7 @@ class TemplateItemAdder {
   }
 
   tryAddItemById(id: number) {
+    if (!this._Data || this._Data.length <= 0) { return; }
     let _id = Math.min(id, this._Data.length - 1); // id小于等于index, 因此为了避免过界取小值
     const last_id = this._MetroTemplate.focusableSize - 1;
     if (last_id < _id) {
@@ -153,6 +159,7 @@ class TemplateItemAdder {
   }
 
   tryAddItemByUid(uid: string) {
+    if (!this._Data || this._Data.length <= 0) { return; }
     if (this._MetroTemplate.getItemByUid(uid)) {
       //已经添加
       return;

package/utils/JsViewEngineWidget/{index.js → index.ts}

@@ -11,7 +11,7 @@ export * from "./MetroWidget/Dispatcher";
 export { default as SimpleWidget } from "./MetroWidget/MetroWidget.vue";
 export { default as MetroWidget } from "./MetroWidget/MetroWidget.vue";
 export { default as ListWidget } from "./MetroWidget/ListWidget.vue";
-export { METRO_WIDGET, METRO_WIDGET_CONST } from "./MetroWidget/Const.ts";
+export { METRO_WIDGET, METRO_WIDGET_CONST } from "./MetroWidget/Const";
 
 export { default as JsvFocusBlock } from "./JsvFocus/JsvFocusBlock.vue";
 export { jsvCreateFocusManager, useFocusHub } from "./JsvFocus/JsvFocusManager";

package/utils/JsViewPlugin/JsvAudio/AudioProxy.js

@@ -11,7 +11,7 @@ import { ScreenLockManager } from "./ScreenLockManager.js";
 
 let sPluginLoader = GetPluginLoader();
 
-const TAG = "JsvAudio";
+const TAG = "JsvAudio:";
 
 let keyToken = 0;
 const getKeyToken = () => {
@@ -77,6 +77,8 @@ class AudioProxy {
     this._created = false;
     this._eventListener = {};
     this._propCache = {};
+    this._unloaded = false;
+    this._visibility = window.JsView?.getVisibility();
     this._onVisibilityChange = this.onVisibilityChange.bind(this);
     window.JsView?.onVisibilityChange(this._onVisibilityChange);
   }
@@ -207,18 +209,33 @@ class AudioProxy {
 
   /** control */
   load() {
+    if (this._unloaded) {
+      console.warn(TAG, "Instead of calling load() after unload(), please update component's key to create a new JsvAudio.");
+      return;
+    }
     this.setProperty("enablePlayer", true);
   }
 
   play() {
-    this.setProperty("paused", false);
+    if (this._visibility) {
+      this.setProperty("paused", false);
+      if (typeof this._propCache["customerPause"] !== "undefined") {
+        this._propCache["customerPause"] = false;
+      }
+    } else {
+      console.warn(TAG, "JsvAudio can not play when it is invisible.");
+    }
   }
 
   pause() {
     this.setProperty("paused", true);
+    if (typeof this._propCache["customerPause"] !== "undefined") {
+      this._propCache["customerPause"] = true;
+    }
   }
 
   unload() {
+    this._unloaded = true;
     this.pause();
     this.setProperty("enablePlayer", false);
   }
@@ -321,6 +338,7 @@ class AudioProxy {
   onVisibilityChange(state) {
     console.log(TAG, "audio visibility change", JSON.stringify(state));
     if (state.status == "show") {
+      this._visibility = true;
       if (typeof this._propCache["customerPause"] != "undefined") {
         const customerPause = this._propCache["customerPause"];
         delete this._propCache["customerPause"];
@@ -330,6 +348,7 @@ class AudioProxy {
       }
     } else {
       // pause when invisible
+      this._visibility = false;
       this._propCache["customerPause"] = this._propCache["paused"];
       this.pause();
     }

package/utils/JsViewPlugin/JsvAudio/version.js

@@ -16,7 +16,7 @@ let PluginInfo = {
     listener: "top.JsvAudioPluginLoadResult",  //插件加载结果回调
     listener2: "top.JsvAudioPluginStatus",
     // debug:true,
-    // md5:"baafc8ea737adcad5443f44cc0112498"
+    md5: "5ab9bfbec33034a6a26df7c1187b3c8f"
 };
 
 // 不要用export default，update-env脚本不能解析

package/utils/JsViewPlugin/JsvAudio/version.mjs

@@ -16,7 +16,7 @@ let PluginInfo = {
   listener: "top.JsvAudioPluginLoadResult",  //插件加载结果回调
   listener2: "top.JsvAudioPluginStatus",
   // debug:true,
-  // md5:"baafc8ea737adcad5443f44cc0112498"
+  md5: "5ab9bfbec33034a6a26df7c1187b3c8f"    // 插件的md5, 此信息是内网场景回使用，一定要对齐md5
 };
 
 // 不要用export default，update-env脚本不能解析

package/utils/JsViewPlugin/JsvLatex/BrowserDomBuilder.js

@@ -2,10 +2,18 @@ export const getHtmlStr = (libPath, latexStr, fontSize, width, height, color) =>
   return (
     `<html>
       <head>
+        <style>
+          mjx-container[display="true"] {
+            margin: 0 0 !important;
+          }
+          body {
+            margin: 0 !important;
+          }
+        </style>
         <script type="text/javascript">
           MathJax = {
             tex: {
-              inlineMath: [['$', '$'], ['\\(', '\\)']]
+              inlineMath: [['$', '$'], ['\\\\(', '\\\\)']]
             },
             svg: {
               fontCache: 'global'
@@ -16,13 +24,15 @@ export const getHtmlStr = (libPath, latexStr, fontSize, width, height, color) =>
             divElement.style.display = "inline-block";
             divElement.style.fontSize = "${fontSize}px";
             divElement.style.color = "${color}";
-            divElement.innerHTML = String.raw\`$$${latexStr}$$\`;
+            divElement.innerHTML = String.raw\`${latexStr}\`;
+            //divElement.style.width = ${width} + "px";
             document.body.appendChild(divElement);
             
             MathJax.typesetPromise().then(() => {
               // modify the DOM here
               let formulaMetrics = MathJax.getMetricsFor(divElement, true);
-              let scale = ${width} / divElement.clientWidth;
+              let w = Math.min(${width}, divElement.clientWidth);
+              let scale = w / divElement.clientWidth;
               divElement.style.fontSize = Math.floor(scale * ${fontSize}) + "px";
               MathJax.typeset();
             }).catch((err) => console.error(err.message));

package/utils/JsViewPlugin/JsvLatex/BrowserJsvLatex.vue

@@ -1,7 +1,7 @@
 <script setup>
 // import "./mathjax-tex-svg.js";
 import { Forge } from "@shijiu/jsview/dom/jsv-forge-define";
-import { shallowRef, onBeforeUnmount } from "vue";
+import { ref, shallowRef, onBeforeUnmount } from "vue";
 import { getHtmlStr } from "./BrowserDomBuilder.js";
 
 const props = defineProps({
@@ -39,20 +39,39 @@ const props = defineProps({
   },
 });
 
+function precessString(original) {
+  return (
+    "\\[\\begin{array}{l}" +
+    original.replaceAll(/\\[\(\)\[\]]/g, "") +
+    "\\end{array}\\]"
+  );
+}
 let innerViewId = shallowRef(-1);
+const clientWidth = ref(props.width);
+const clientHeight = ref(props.height);
 
 let layoutView = new Forge.IFrameView();
 layoutView.SetIframeSize(props.width, props.height);
 layoutView.SetInnerHtml(
   getHtmlStr(
     "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewTestResource/DocResource/mathjax-tex-svg.txt",
-    props.latexStr,
+    precessString(props.latexStr),
     props.fontSize,
     props.width,
     props.height,
     props.color
   )
 );
+const resizeObserver = new ResizeObserver(entries => {
+  if (entries.length > 0) {
+    const e = entries[0];
+    if (clientHeight.value == 0) {
+      clientHeight.value = e.contentRect.height
+    }
+  }
+});
+resizeObserver.observe(layoutView.GetIFrame());
+
 innerViewId.value = Forge.sViewStore.add(new Forge.ViewInfo(layoutView));
 
 onBeforeUnmount(() => {
@@ -61,16 +80,18 @@ onBeforeUnmount(() => {
     innerViewId.value = -1;
     console.log("success remove innerview");
   }
+  resizeObserver.unobserve(layoutView.GetIFrame())
 });
 </script>
 <template>
   <div
-    :data-jsv-vw-innerview="innerViewId"
     :style="{
       left: left,
       top: top,
-      width: width,
-      height: height,
+      width: clientWidth,
+      height: clientHeight,
     }"
-  ></div>
+  >
+    <div :data-jsv-vw-innerview="innerViewId"></div>
+  </div>
 </template>

package/utils/JsViewPlugin/JsvLatex/JsvLatex.vue

@@ -5,21 +5,24 @@
  -->
 
 <!-- 
-[界面概述]
-  思维导图控件
- 
-[控件介绍]
-  JsvLatex:
-    props:
-      latexStr:         {string}      latex公式
-      fontSize:         {function}    字号
-      left:             {number}      left
-      top:              {number}      top
-      width:            {number}      width
-      height:           {number}      height
-      lineSpace:        {number}      行距
-      color:            {string}      文字颜色
- -->
+ * @file 
+ *
+ * [界面概述]
+ *   思维导图控件
+ * [控件介绍]
+ *   JsvLatex:
+ *     props:
+ *       latexStr:         {string}      latex公式
+ *       fontSize:         {function}    字号
+ *       left:             {number}      left
+ *       top:              {number}      top
+ *       width:            {number}      width
+ *       height:           {number}      height
+ *       lineSpace:        {number}      行距
+ *       color:            {string}      文字颜色
+ *   [注意事项]
+ *     1. 盒子端的字符串是直接作为数学公式解析的, 所以需要将\n替换为\\, 需要前端自己处理, 这里提供了一个辅助方法processLatexStr来处理简单的情况
+-->
 <script setup>
 import { onBeforeUnmount, ref } from "vue";
 import { Forge } from "@shijiu/jsview/dom/jsv-forge-define";
@@ -67,13 +70,13 @@ const props = defineProps({
 
 const show = ref(false);
 let innerViewId = -1;
-let clientWidth = props.width;
-let clientHeight = props.height;
+let clientWidth = ref(props.width);
+let clientHeight = ref(props.height);
 
 const getClientSize = () => {
   return {
-    width: clientWidth,
-    height: clientHeight,
+    width: clientWidth.value,
+    height: clientHeight.value,
   };
 };
 const showView = () => {
@@ -104,15 +107,18 @@ const showView = () => {
   );
 
   pluginTexture.RegisterLoadImageCallback(null, (data) => {
+    console.log("testtest texture load callback", data);
     tryUpdateClientSize(data.width, data.height);
   });
 
   const tryUpdateClientSize = (textureW, textureH) => {
-    if (props.width != 0 && props.height == 0) {
-      clientHeight = Math.round(props.width * (textureH / textureW));
-    } else if (props.height != 0 && props.width == 0) {
-      clientWidth = Math.round(props.height * (textureW / textureH));
+    console.log("testtet latex texture size", textureW, textureH);
+    if (textureW <= 0 || textureH <= 0) {
+      console.warn("JsvLatex get empth texture", textureW, textureH);
+      return;
     }
+    clientWidth.value = Math.min(textureW, props.width);
+    clientHeight.value = Math.round(clientWidth.value * (textureH / textureW));
   };
 
   let layoutView = new Forge.LayoutView(
@@ -149,13 +155,13 @@ defineExpose({
 
 <template>
   <div
-    v-if="show"
-    :data-jsv-vw-innerview="innerViewId"
     :style="{
       left: left,
       top: top,
-      width: width,
-      height: height,
+      width: clientWidth,
+      height: clientHeight,
     }"
-  ></div>
+  >
+    <div v-if="show" :data-jsv-vw-innerview="innerViewId"></div>
+  </div>
 </template>

package/utils/JsViewPlugin/JsvLatex/index.js

@@ -17,7 +17,29 @@ const globalLoadJsvLatexPlugin = (listener) => {
   }
 }
 
+function processLatexStr(origin) {
+  //只将数学环境外的换行替换为\\
+  if (typeof origin !== "string") {
+    return null;
+  }
+  const index1 = origin.indexOf("\\begin");
+  const index2 = origin.indexOf("}", origin.lastIndexOf("\\end"));
+  if (index1 >= 0) {
+    const head = origin.substring(0, index1);
+    const middle = origin.substring(index1, index2 + 1);
+    const tail = origin.substring(index2 + 1);
+    return (
+      head.replaceAll(/(?<!\\\\)[\n]+/g, "\\\\") +
+      middle +
+      tail.replaceAll(/(?<!\\\\)[\n]+/g, "\\\\")
+    );
+  } else {
+    return origin.replaceAll(/(?<!\\\\)[\n]+/g, "\\\\");
+  }
+}
+
 export {
   JsvLatex,
+  processLatexStr,
   globalLoadJsvLatexPlugin,
 }

package/utils/JsViewVueTools/ConstSymbol.ts

@@ -1,3 +1,3 @@
 
-export const VERTICAL: Symbol = Symbol("vertical");
-export const HORIZONTAL: Symbol = Symbol("horizontal");
+export const VERTICAL = Symbol("vertical");
+export const HORIZONTAL = Symbol("horizontal");

package/utils/JsViewVueTools/FeatureActive.ts

@@ -0,0 +1,84 @@
+import { Forge } from "@shijiu/jsview/dom/jsv-forge-define.mjs";
+
+// 记录已激活内容，减少激活的重复调用，提高执行性能
+let sActivedMap = new Map();
+let sDisabledMap = new Map();
+
+// Component名称列表, 注意大小写
+namespace FeatureNames {
+    // 'TouchReceiver': 触屏支持
+    export const TouchReceiver: String = "TouchReceiver";
+
+    // 'FreeMoveDiv': 游戏类平滑动画组件
+    export const FreeMoveDiv: String = "FreeMoveDiv";
+
+    // 'CustomFragShader': 内容3D化效果组件
+    export const CustomFragShader: String = "CustomFragShader";
+
+    // 'Capture2Texture': div拷屏
+    export const Capture2Texture: String = "Capture2Texture";
+}
+
+// 激活内核中的模块
+// 特别注意:
+// 此接口调用时，请联系我们确认所在渠道此功能被搭载并已经获取了授权后再调用
+// 
+// 场景1: 强制激活未授权的组件
+// 如果激活未授权的组件，屏幕会有未授权的组件列表水印出现
+// 并且如果所在渠道的内核不带此功能的话，会引起崩溃一系列问题
+//
+// 场景2: 未激活组件，而实际使用
+// 组件使用时会自动调用 JsvUseFeature 来确认是否激活
+// 若未激活则，会有console.error提示，并且内核中此功能也不会工作(此处也规避了内核可能未搭载组件而崩溃的问题)
+function JsvActiveFeature(comp_name: String) {
+    if (sActivedMap.has(comp_name)) {
+        // 已经激活过
+        return;
+    }
+
+    if (sDisabledMap.has(comp_name)) {
+        console.error(`Error: feature ${comp_name} is disabled`);
+        return;
+    }
+
+    sActivedMap.set(comp_name, comp_name); // 记录已激活内容
+
+    console.log(`feature ${comp_name} enable`);
+    Forge.sRenderBridge.ActiveComponent(comp_name);
+}
+
+// 模块内部调用，确保要使用功能时，功能已经授权并激活
+function JsvUseFeature(from: String, comp_name: String) {
+    if (sActivedMap.has(comp_name)) {
+        return;
+    }
+
+    console.error(`Error: ${comp_name}(from ${from}) is not activated, need JsvActiveFeature(JsvFeatureNames.${comp_name}) in boot`);
+}
+
+// 备用接口: 防止未授权组件被错误激活引起的崩溃和水印显示
+function JsvShutdownFeatures(comp_name_list: Array<String>) {
+    if (sActivedMap.size > 0) {
+        console.log(`Error: JsvShutdownFeatures should call before any JsvActiveFeature()`);
+        return;
+    }
+
+    let merged_comps: Array<String> = [];
+    for (let i = 0; i < comp_name_list.length; i++) {
+        let comp_name: String = comp_name_list[i];
+
+        // 记录变更信息，一旦记入disable列表，则不可被active，且原active会失效
+        sDisabledMap.set(comp_name, comp_name);
+        merged_comps.push(comp_name_list[i]);
+        console.log(`feature ${comp_name} disable`);
+    }
+    Forge.sRenderBridge.ShutdownComponents(JSON.stringify(merged_comps));
+}
+
+export {
+    FeatureNames,
+    FeatureNames as JsvFeatureNames,
+    JsvActiveFeature,
+    JsvUseFeature,
+    JsvShutdownFeatures
+}

package/utils/JsViewVueTools/ForgeHandles.ts

@@ -1,14 +1,18 @@
-let handles = {
+let handles: {
+    TextureManager: any,
+    RootView: any,
+    RootActivity: any
+} = {
     TextureManager: null,
     RootView: null,
     RootActivity: null
 }
 
 const jsvCode = (window as any).JsvCode;
-jsvCode.ForgeHandles.listenToReady(()=>{
+jsvCode.ForgeHandles.listenToReady(() => {
     handles.TextureManager = jsvCode.ForgeHandles.TextureManager;
     handles.RootView = jsvCode.ForgeHandles.RootView;
-    handles.RootActivity = jsvCode.ForgeHandles.RootActivity;    
+    handles.RootActivity = jsvCode.ForgeHandles.RootActivity;
 })
 
 export default handles;