use global define to touch context

js-framework/index.ts

@@ -1,5 +1,11 @@
 import { Text, Alignment, VLayout, Gravity } from "./src/ui/view";
 import { Color } from "./src/util/color";
+import { Page, Registor } from "./src/ui/page";
+
+export * from "./src/ui/view"
+export * from "./src/ui/page"
+export * from "./src/util/color"
+
 
 const v = new Text
 v.width = 20
@@ -15,6 +21,11 @@ console.log(v.toModel())
 const layout = new VLayout
 layout.space = 10
 console.log(layout.toModel())
-export * from "./src/ui/view"
-export * from "./src/ui/page"
-export * from "./src/util/color"
+
+@Registor
+class MyPage extends Page {
+    build(): import("./src/ui/view").View {
+        throw new Error("Method not implemented.");
+    }
+}
+console.log('end')

js-framework/src/runtime/global.ts

@@ -0,0 +1,6 @@
+import { Context } from "./sandbox";
+
+declare global {
+    const context: Context
+}
+export { }

js-framework/src/runtime/sandbox.ts

@@ -77,6 +77,7 @@ export function jsCallReject(contextId: string, callbackId: string, args?: any)
 }
 
 export class Context {
+    holder: any
     id: string
     callbacks: Map<string, { resolve: Function, reject: Function }> = new Map
     constructor(id: string) {
@@ -93,6 +94,9 @@ export class Context {
             })
         })
     }
+    registor(instance: Object) {
+        this.holder = instance
+    }
 }
 
 

js-framework/src/ui/page.ts

@@ -1,4 +1,14 @@
 import { View } from "./view";
+import { } from '../runtime/global'
+
+export function Registor<T extends { new(...args: any[]): {} }>(constructor: T) {
+    const ret = class extends constructor {
+        context = context
+    }
+    context.registor(new ret)
+    return ret
+}
+
 
 export abstract class Page {
     onCreate(): void { }