fix

app/web/src/nova/ed/panel/popup/script/monaco.tsx

@@ -57,7 +57,7 @@ export const EdScriptMonaco: FC<{}> = () => {
   useEffect(() => {
     if (!w.monaco_loaded) {
       w.monaco_loaded = true;
-      setTimeout(console.clear, 500);
+      // setTimeout(console.clear, 500);
     }
 
     return () => {

app/web/src/nova/ed/panel/popup/script/scope/scope.tsx

@@ -30,15 +30,12 @@ export const declareScope = (p: PG, meta: IMeta, monaco: Monaco) => {
     }
   }
 
-
-
   const vars: Record<string, { mode: "local" | "prop" | "type"; val: string }> =
     {};
   let m_prev = null;
 
   const comp_types = {} as Record<string, string>;
 
-
   for (const m of cur_path) {
     if (m.item.component?.props) {
       for (const [name, prop] of Object.entries(m.item.component.props)) {
@@ -49,6 +46,11 @@ export const declareScope = (p: PG, meta: IMeta, monaco: Monaco) => {
         }
       }
     }
+    if (m.editor_props) {
+      for (const [k, v] of Object.entries(m.editor_props) as any) {
+        vars[k] = { mode: "prop", val: v };
+      }
+    }
 
     if (m.mitem?.parent && (m.mitem?.parent as any).get("meta")) {
       let prop_name = "";
@@ -75,7 +77,7 @@ export const declareScope = (p: PG, meta: IMeta, monaco: Monaco) => {
               }
             }
           }
-        } catch (e) { }
+        } catch (e) {}
       }
     }
 
@@ -134,7 +136,7 @@ return typings;
             comp_types[k] = v;
           }
         }
-      } catch (e) { }
+      } catch (e) {}
     };
 
     if (comp && comp.typings) {
@@ -149,7 +151,7 @@ return typings;
   }
 
   const tree_types: string[] = [];
-  const tree_usage: { import: string, usage: string }[] = [];
+  const tree_usage: { import: string; usage: string }[] = [];
   let i = 0;
   for (const [k, v] of Object.entries(vars)) {
     i++;
@@ -162,7 +164,7 @@ declare module "item-${im}" {
 `);
       tree_usage.push({
         import: `import { \$\$_${k} } from "item-${im}";`,
-        usage: `const ${k} = null as unknown as (typeof \$\$_${k} & { render: ()=> void });  `
+        usage: `const ${k} = null as unknown as (typeof \$\$_${k} & { render: ()=> void });  `,
       });
     } else if (v.mode === "prop") {
       const im = tree_types.length;
@@ -174,7 +176,7 @@ declare module "item-${im}" {
 `);
       tree_usage.push({
         import: `import { \$\$_${k} } from "item-${im}";`,
-        usage: `const ${k} = \$\$_${k};`
+        usage: `const ${k} = \$\$_${k};`,
       });
     } else if (v.mode === "type") {
       tree_types.push(`
@@ -184,12 +186,16 @@ export const ${k} = null as unknown as ${v.val};
   }
 
   register(monaco, tree_types.join("\n"), "ts:tree_types.d.ts");
-  register(monaco, `\
+  register(
-${tree_usage.map(e => e.import).join("\n")}
+    monaco,
+    `\
+${tree_usage.map((e) => e.import).join("\n")}
 
 declare global { 
-${tree_usage.map(e => e.usage).join("\n")} 
+${tree_usage.map((e) => e.usage).join("\n")} 
-}`, "tree_usage.ts");
+}`,
+    "tree_usage.ts"
+  );
   register(monaco, Object.values(comp_types).join("\n"), "ts:comp_types.d.ts");
 };
 

app/web/src/nova/vi/render/script/passprop.tsx

@@ -49,7 +49,8 @@ export const createViPassProp = (
     }
 
     const _pass = { ...passprop, ...script_pass };
-    
+    meta.editor_props = _pass;
+
     if (
       !Array.isArray(arg.children) &&
       isValidElement(arg.children) &&

app/web/src/nova/vi/utils/types.ts

@@ -61,6 +61,7 @@ export type IMeta = {
       comp_id: string;
     };
   };
+  editor_props?: any;
   script?: {
     scope?: any;
     result: ReactNode;

app/web/src/utils/script/jscript.ts

@@ -59,7 +59,7 @@ export const jscript = {
         jscript.editor = e.Editor;
         e.loader.config({
           paths: {
-            vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.49.0/min/vs",
+            vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.50.0/min/vs",
           },
         });
         this.events.editorLoaded();