feat(sandbox): support proxy sandbox (#208)

worktile · Sep 13, 2021 · d281bf8 · d281bf8
1 parent 8947be4
commit d281bf8
Show file tree

Hide file tree

Showing 31 changed files with 9,355 additions and 1,157 deletions.
diff --git a/angular.json b/angular.json
@@ -28,7 +28,7 @@
             "tsConfig": "packages/planet/tsconfig.spec.json",
             "karmaConfig": "packages/planet/karma.conf.js",
             "codeCoverage": true,
-            "codeCoverageExclude": ["packages/planet/src/testing/**/*"]
+            "codeCoverageExclude": ["packages/planet/src/testing/**/*", "packages/planet/src/sandbox/**/*"]
           }
         },
         "lint": {
@@ -71,7 +71,8 @@
             "styles": ["examples/portal/src/styles.scss", "examples/portal/src/reboot.scss"],
             "extractCss": true,
             "scripts": [],
-            "aot": true
+            "aot": true,
+            "optimization": false
           },
           "configurations": {
             "production": {
@@ -164,7 +165,8 @@
             "assets": ["examples/app1/src/favicon.ico", "examples/app1/src/assets"],
             "styles": ["examples/app1/src/styles.scss"],
             "scripts": [],
-            "vendorChunk": false
+            "vendorChunk": false,
+            "optimization": false
           },
           "configurations": {
             "production": {
@@ -267,7 +269,8 @@
             "scripts": [],
             "vendorChunk": false,
             "aot": true,
-            "extractCss": true
+            "extractCss": true,
+            "optimization": false
           },
           "configurations": {
             "production": {

diff --git a/examples/app1/src/app/app.module.ts b/examples/app1/src/app/app.module.ts
@@ -1,6 +1,5 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
-
 import { RouterModule } from '@angular/router';
 import { DashboardComponent } from './dashboard/dashboard.component';
 import { routers } from './app.routing';
@@ -40,4 +39,6 @@ import { SharedModule } from './shared.module';
     entryComponents: [App1DetailComponent, ProjectsDialogComponent],
     bootstrap: [AppRootComponent]
 })
-export class AppModule {}
+export class AppModule {
+    constructor() {}
+}
diff --git a/examples/app2/src/app/dashboard/dashboard.component.html b/examples/app2/src/app/dashboard/dashboard.component.html
@@ -6,6 +6,15 @@ <h4>This is app2's dashboard</h4>
     <a><a href="javascript:;" [routerLink]="['/about']">About use routerLink</a></a>
   </section-card>
 
+  <section-card class="mt-3" title="Sandbox enabled">
+    <div>
+      主应用 Lodash 版本： <span thyLabel="primary">{{ portalLodashVersion }}</span>
+    </div>
+    <div class="mt-2">
+      当前应用 Lodash 版本： <span thyLabel="warning">{{ app2LodashVersion }}</span>
+    </div>
+  </section-card>
+
   <!-- <section-card class="mt-4" title="Open app1's user detail">
     <button thyButton="outline-primary-square" (click)="openApp1UserDetail()">Open user detail (id: 1)</button>
   </section-card> -->

diff --git a/examples/app2/src/app/dashboard/dashboard.component.ts b/examples/app2/src/app/dashboard/dashboard.component.ts
@@ -9,7 +9,13 @@ import { PlanetPortalApplication, GlobalEventDispatcher } from 'ngx-planet';
 export class DashboardComponent {
     @HostBinding('class') class = 'thy-layout';
 
-    constructor(private portalApp: PlanetPortalApplication, private globalEventDispatcher: GlobalEventDispatcher) {}
+    portalLodashVersion = (0, eval)('window')['lodash'].version;
+
+    app2LodashVersion = window['lodash'].version;
+
+    constructor(private portalApp: PlanetPortalApplication, private globalEventDispatcher: GlobalEventDispatcher) {
+        console.log(window);
+    }
 
     toAbout() {
         this.portalApp.navigateByUrl('/about');

diff --git a/examples/app2/src/app/shared.module.ts b/examples/app2/src/app/shared.module.ts
@@ -15,6 +15,7 @@ import { ThyIconModule } from 'ngx-tethys/icon';
 
 import { DemoCommonModule } from '@demo/common';
 import { NgxPlanetModule } from 'ngx-planet';
+import { ThyLabelModule } from 'ngx-tethys';
 
 @NgModule({
     declarations: [],
@@ -49,6 +50,7 @@ import { NgxPlanetModule } from 'ngx-planet';
         ThyNavModule,
         ThyInputModule,
         ThyIconModule,
+        ThyLabelModule,
         DemoCommonModule,
         NgxPlanetModule
     ],

diff --git a/examples/app2/src/main.ts b/examples/app2/src/main.ts
@@ -10,6 +10,11 @@ if (environment.production) {
     enableProdMode();
 }
 
+// 测试沙箱模拟APP2 引入低版本的 lodash
+window['lodash'] = {
+    version: '1.0.0'
+};
+
 defineApplication('app2', {
     template: `<app2-root></app2-root>`,
     bootstrap: (portalApp: PlanetPortalApplication) => {

diff --git a/examples/portal/src/app/app.component.ts b/examples/portal/src/app/app.component.ts
@@ -82,6 +82,7 @@ export class AppComponent implements OnInit {
                 resourcePathPrefix: '/static/app2/',
                 preload: settings.app2.preload,
                 switchMode: settings.app2.switchMode,
+                sandbox: true,
                 stylePrefix: 'app2',
                 // prettier-ignore
                 scripts: [

diff --git a/examples/portal/src/main.ts b/examples/portal/src/main.ts
@@ -8,6 +8,11 @@ if (environment.production) {
     enableProdMode();
 }
 
+// 测试沙箱模拟主应用引入版本为3.0.0的lodash
+window['lodash'] = {
+    version: '3.0.0'
+};
+
 platformBrowserDynamic()
     .bootstrapModule(AppModule)
     .catch(err => console.error(err));