feat(platform): EnterApp: add "defer load monaco"

Author: yyc-git

doc/1.3.0.org

@@ -670,13 +670,18 @@ run p
 *** DONE fix Enter Final App: not found
 
 
-*** TODO fix EnterApp
+*** DONE fix EnterApp
+
+TODO add monaco 
 
 run test:
 run editor
 
 
 
+TODO refactor: deferLoad duplicate
+
+
 *** TODO update engine-whole
 
 # TODO add onInit, update script job

platform/frontend/src/external_layer/ui/app/assemble_space/components/element_assemble/code_edit/CodeEdit.res

@@ -102,30 +102,6 @@ module Method = {
 
     Js.Promise.resolve()
   }
-
-  let getMonaco = %raw(`
-function (){
-return globalThis["meta3d_monaco"]
-}
-`)
-
-  let setMonaco = %raw(`
-function (monaco){
-globalThis["meta3d_monaco"] = monaco
-}
-`)
-
-  let deferLoad = %raw(`
-function (){
-return import(
-    /* webpackPrefetch: true */"monaco-editor/esm/vs/editor/editor.api.js"
-  ).then(value =>{
-setMonaco(value)
-
-return value
-  })
-}
-`)
 }
 
 @react.component
@@ -137,9 +113,9 @@ let make = (~service: service, ~code, ~getNewCodeFunc) => {
 
   service.react.useEffect1(. () => {
     MessageUtils.showCatchedErrorMessage(() => {
-      switch Method.getMonaco()->Meta3dCommonlib.OptionSt.fromNullable {
+      switch MonaoUtils.getMonaco()->Meta3dCommonlib.OptionSt.fromNullable {
       | None =>
-        Method.deferLoad()->Js.Promise.then_(
+        MonaoUtils.deferLoad()->Js.Promise.then_(
           value => {
             value->Js.Promise.resolve
           },

platform/frontend/src/external_layer/ui/app/assemble_space/components/element_assemble/run_element_visual/components/RunElementVisual.res

@@ -97,24 +97,6 @@ module Method = {
     }, _)
   }
 
-  let setMonaco = %raw(`
-function (monaco){
-globalThis["meta3d_monaco"] = monaco
-}
-`)
-
-  let deferLoad = %raw(`
-function (){
-return import(
-    /* webpackPrefetch: true */"monaco-editor/esm/vs/editor/editor.api.js"
-  ).then(value =>{
-setMonaco(value)
-
-return value
-  })
-}
-`)
-
   // let useSelector = (
   //   {apAssembleState, elementAssembleState}: AssembleSpaceStoreType.state,
   // ) => {
@@ -143,7 +125,7 @@ let make = (~service: AssembleSpaceType.service) => {
 
   service.react.useEffect1(. () => {
     MessageUtils.showCatchedErrorMessage(() => {
-      Method.deferLoad()
+      MonaoUtils.deferLoad()
       ->Js.Promise.catch(
         e => {
           service.console.errorWithExn(. e->Error.promiseErrorToExn, None)->Obj.magic

platform/frontend/src/external_layer/ui/app/enter_app/components/EnterApp.res

@@ -22,6 +22,21 @@ let make = (~service: FrontendType.service) => {
     (meta3dState, startPackageProtocolName, (canvasData, configData))
   }
 
+  React.useEffect1(() => {
+    MessageUtils.showCatchedErrorMessage(() => {
+      MonaoUtils.deferLoad()
+      ->Js.Promise.catch(
+        e => {
+          service.console.errorWithExn(. e->Error.promiseErrorToExn, None)->Obj.magic
+        },
+        _,
+      )
+      ->ignore
+    }, 5->Some)
+
+    None
+  }, [])
+
   React.useEffect1(() => {
     MessageUtils.showCatchedErrorMessage(() => {
       let account = UrlSearchUtils.get(url.search, "account")

platform/frontend/src/external_layer/ui/app/utils/MonaoUtils.res

@@ -0,0 +1,23 @@
+let getMonaco = %raw(`
+function (){
+return globalThis["meta3d_monaco"]
+}
+`)
+
+let _setMonaco = %raw(`
+function (monaco){
+globalThis["meta3d_monaco"] = monaco
+}
+`)
+
+let deferLoad = %raw(`
+function (){
+return import(
+    /* webpackPrefetch: true */"monaco-editor/esm/vs/editor/editor.api.js"
+  ).then(value =>{
+_setMonaco(value)
+
+return value
+  })
+}
+`)