;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ DynamicComponentsComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(DynamicComponentsComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/projects/dynamic-components/src/lib/dynamic-components.component.ts b/gpt-mf-demo/shell/projects/dynamic-components/src/lib/dynamic-components.component.ts
new file mode 100644
index 0000000..8749d49
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-components/src/lib/dynamic-components.component.ts
@@ -0,0 +1,20 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'lib-dynamic-components',
+ template: `
+
+ dynamic-components works!
+
+ `,
+ styles: [
+ ]
+})
+export class DynamicComponentsComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/gpt-mf-demo/shell/projects/dynamic-components/src/lib/dynamic-components.module.ts b/gpt-mf-demo/shell/projects/dynamic-components/src/lib/dynamic-components.module.ts
new file mode 100644
index 0000000..aba1bec
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-components/src/lib/dynamic-components.module.ts
@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { DynamicComponentsComponent } from './dynamic-components.component';
+
+
+
+@NgModule({
+ declarations: [
+ DynamicComponentsComponent
+ ],
+ imports: [
+ ],
+ exports: [
+ DynamicComponentsComponent
+ ]
+})
+export class DynamicComponentsModule { }
diff --git a/gpt-mf-demo/shell/projects/dynamic-components/src/lib/dynamic-components.service.spec.ts b/gpt-mf-demo/shell/projects/dynamic-components/src/lib/dynamic-components.service.spec.ts
new file mode 100644
index 0000000..a0d1fdb
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-components/src/lib/dynamic-components.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { DynamicComponentsService } from './dynamic-components.service';
+
+describe('DynamicComponentsService', () => {
+ let service: DynamicComponentsService;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({});
+ service = TestBed.inject(DynamicComponentsService);
+ });
+
+ it('should be created', () => {
+ expect(service).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/projects/dynamic-components/src/lib/dynamic-components.service.ts b/gpt-mf-demo/shell/projects/dynamic-components/src/lib/dynamic-components.service.ts
new file mode 100644
index 0000000..db0ea97
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-components/src/lib/dynamic-components.service.ts
@@ -0,0 +1,9 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class DynamicComponentsService {
+
+ constructor() { }
+}
diff --git a/gpt-mf-demo/shell/projects/dynamic-components/src/public-api.ts b/gpt-mf-demo/shell/projects/dynamic-components/src/public-api.ts
new file mode 100644
index 0000000..969e5ee
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-components/src/public-api.ts
@@ -0,0 +1,7 @@
+/*
+ * Public API Surface of dynamic-components
+ */
+
+export * from './lib/dynamic-components.service';
+export * from './lib/dynamic-components.component';
+export * from './lib/dynamic-components.module';
diff --git a/gpt-mf-demo/shell/projects/dynamic-components/src/test.ts b/gpt-mf-demo/shell/projects/dynamic-components/src/test.ts
new file mode 100644
index 0000000..b84c0c2
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-components/src/test.ts
@@ -0,0 +1,28 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js';
+import 'zone.js/testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+ BrowserDynamicTestingModule,
+ platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: {
+ context(path: string, deep?: boolean, filter?: RegExp): {
+ keys(): string[];
+ (id: string): T;
+ };
+};
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+ BrowserDynamicTestingModule,
+ platformBrowserDynamicTesting(),
+ { teardown: { destroyAfterEach: true }},
+);
+
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);
diff --git a/gpt-mf-demo/shell/projects/dynamic-components/tsconfig.lib.json b/gpt-mf-demo/shell/projects/dynamic-components/tsconfig.lib.json
new file mode 100644
index 0000000..1407202
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-components/tsconfig.lib.json
@@ -0,0 +1,20 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+ "extends": "../../tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../../out-tsc/lib",
+ "target": "es2015",
+ "declaration": true,
+ "declarationMap": true,
+ "inlineSources": true,
+ "types": [],
+ "lib": [
+ "dom",
+ "es2018"
+ ]
+ },
+ "exclude": [
+ "src/test.ts",
+ "**/*.spec.ts"
+ ]
+}
diff --git a/gpt-mf-demo/shell/projects/dynamic-components/tsconfig.lib.prod.json b/gpt-mf-demo/shell/projects/dynamic-components/tsconfig.lib.prod.json
new file mode 100644
index 0000000..06de549
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-components/tsconfig.lib.prod.json
@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+ "extends": "./tsconfig.lib.json",
+ "compilerOptions": {
+ "declarationMap": false
+ },
+ "angularCompilerOptions": {
+ "compilationMode": "partial"
+ }
+}
diff --git a/gpt-mf-demo/shell/projects/dynamic-components/tsconfig.spec.json b/gpt-mf-demo/shell/projects/dynamic-components/tsconfig.spec.json
new file mode 100644
index 0000000..715dd0a
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-components/tsconfig.spec.json
@@ -0,0 +1,17 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+ "extends": "../../tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../../out-tsc/spec",
+ "types": [
+ "jasmine"
+ ]
+ },
+ "files": [
+ "src/test.ts"
+ ],
+ "include": [
+ "**/*.spec.ts",
+ "**/*.d.ts"
+ ]
+}
diff --git a/gpt-mf-demo/shell/projects/dynamic-core/README.md b/gpt-mf-demo/shell/projects/dynamic-core/README.md
new file mode 100644
index 0000000..89fea8c
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-core/README.md
@@ -0,0 +1,24 @@
+# DynamicCore
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project dynamic-core` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project dynamic-core`.
+> Note: Don't forget to add `--project dynamic-core` or else it will be added to the default project in your `angular.json` file.
+
+## Build
+
+Run `ng build dynamic-core` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build dynamic-core`, go to the dist folder `cd dist/dynamic-core` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test dynamic-core` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
diff --git a/gpt-mf-demo/shell/projects/dynamic-core/karma.conf.js b/gpt-mf-demo/shell/projects/dynamic-core/karma.conf.js
new file mode 100644
index 0000000..f5fb894
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-core/karma.conf.js
@@ -0,0 +1,44 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+ config.set({
+ basePath: '',
+ frameworks: ['jasmine', '@angular-devkit/build-angular'],
+ plugins: [
+ require('karma-jasmine'),
+ require('karma-chrome-launcher'),
+ require('karma-jasmine-html-reporter'),
+ require('karma-coverage'),
+ require('@angular-devkit/build-angular/plugins/karma')
+ ],
+ client: {
+ jasmine: {
+ // you can add configuration options for Jasmine here
+ // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+ // for example, you can disable the random execution with `random: false`
+ // or set a specific seed with `seed: 4321`
+ },
+ clearContext: false // leave Jasmine Spec Runner output visible in browser
+ },
+ jasmineHtmlReporter: {
+ suppressAll: true // removes the duplicated traces
+ },
+ coverageReporter: {
+ dir: require('path').join(__dirname, '../../coverage/dynamic-core'),
+ subdir: '.',
+ reporters: [
+ { type: 'html' },
+ { type: 'text-summary' }
+ ]
+ },
+ reporters: ['progress', 'kjhtml'],
+ port: 9876,
+ colors: true,
+ logLevel: config.LOG_INFO,
+ autoWatch: true,
+ browsers: ['Chrome'],
+ singleRun: false,
+ restartOnFileChange: true
+ });
+};
diff --git a/gpt-mf-demo/shell/projects/dynamic-core/ng-package.json b/gpt-mf-demo/shell/projects/dynamic-core/ng-package.json
new file mode 100644
index 0000000..a9a06fe
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-core/ng-package.json
@@ -0,0 +1,7 @@
+{
+ "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+ "dest": "../../dist/dynamic-core",
+ "lib": {
+ "entryFile": "src/public-api.ts"
+ }
+}
\ No newline at end of file
diff --git a/gpt-mf-demo/shell/projects/dynamic-core/package.json b/gpt-mf-demo/shell/projects/dynamic-core/package.json
new file mode 100644
index 0000000..ad7a677
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-core/package.json
@@ -0,0 +1,11 @@
+{
+ "name": "dynamic-core",
+ "version": "0.0.1",
+ "peerDependencies": {
+ "@angular/common": "^12.2.0",
+ "@angular/core": "^12.2.0"
+ },
+ "dependencies": {
+ "tslib": "^2.3.0"
+ }
+}
\ No newline at end of file
diff --git a/gpt-mf-demo/shell/projects/dynamic-core/src/lib/base-class/index.ts b/gpt-mf-demo/shell/projects/dynamic-core/src/lib/base-class/index.ts
new file mode 100644
index 0000000..e69de29
diff --git a/gpt-mf-demo/shell/projects/dynamic-core/src/lib/dynamic-core.component.spec.ts b/gpt-mf-demo/shell/projects/dynamic-core/src/lib/dynamic-core.component.spec.ts
new file mode 100644
index 0000000..32183e7
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-core/src/lib/dynamic-core.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DynamicCoreComponent } from './dynamic-core.component';
+
+describe('DynamicCoreComponent', () => {
+ let component: DynamicCoreComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ DynamicCoreComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(DynamicCoreComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/projects/dynamic-core/src/lib/dynamic-core.module.ts b/gpt-mf-demo/shell/projects/dynamic-core/src/lib/dynamic-core.module.ts
new file mode 100644
index 0000000..35c8398
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-core/src/lib/dynamic-core.module.ts
@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+
+
+
+@NgModule({
+ declarations: [
+ ],
+ imports: [
+ ],
+ exports: [
+ ]
+})
+export class DynamicCoreModule { }
diff --git a/gpt-mf-demo/shell/projects/dynamic-core/src/lib/dynamic-core.service.spec.ts b/gpt-mf-demo/shell/projects/dynamic-core/src/lib/dynamic-core.service.spec.ts
new file mode 100644
index 0000000..3bcc88a
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-core/src/lib/dynamic-core.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { DynamicCoreService } from './dynamic-core.service';
+
+describe('DynamicCoreService', () => {
+ let service: DynamicCoreService;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({});
+ service = TestBed.inject(DynamicCoreService);
+ });
+
+ it('should be created', () => {
+ expect(service).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/projects/dynamic-core/src/lib/index.ts b/gpt-mf-demo/shell/projects/dynamic-core/src/lib/index.ts
new file mode 100644
index 0000000..6853d0d
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-core/src/lib/index.ts
@@ -0,0 +1 @@
+export * from './dynamic-core.module';
\ No newline at end of file
diff --git a/gpt-mf-demo/shell/projects/dynamic-core/src/public-api.ts b/gpt-mf-demo/shell/projects/dynamic-core/src/public-api.ts
new file mode 100644
index 0000000..11aece6
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-core/src/public-api.ts
@@ -0,0 +1 @@
+export * from './lib/index';
diff --git a/gpt-mf-demo/shell/projects/dynamic-core/src/test.ts b/gpt-mf-demo/shell/projects/dynamic-core/src/test.ts
new file mode 100644
index 0000000..b84c0c2
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-core/src/test.ts
@@ -0,0 +1,28 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js';
+import 'zone.js/testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+ BrowserDynamicTestingModule,
+ platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: {
+ context(path: string, deep?: boolean, filter?: RegExp): {
+ keys(): string[];
+ (id: string): T;
+ };
+};
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+ BrowserDynamicTestingModule,
+ platformBrowserDynamicTesting(),
+ { teardown: { destroyAfterEach: true }},
+);
+
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);
diff --git a/gpt-mf-demo/shell/projects/dynamic-core/tsconfig.lib.json b/gpt-mf-demo/shell/projects/dynamic-core/tsconfig.lib.json
new file mode 100644
index 0000000..1407202
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-core/tsconfig.lib.json
@@ -0,0 +1,20 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+ "extends": "../../tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../../out-tsc/lib",
+ "target": "es2015",
+ "declaration": true,
+ "declarationMap": true,
+ "inlineSources": true,
+ "types": [],
+ "lib": [
+ "dom",
+ "es2018"
+ ]
+ },
+ "exclude": [
+ "src/test.ts",
+ "**/*.spec.ts"
+ ]
+}
diff --git a/gpt-mf-demo/shell/projects/dynamic-core/tsconfig.lib.prod.json b/gpt-mf-demo/shell/projects/dynamic-core/tsconfig.lib.prod.json
new file mode 100644
index 0000000..06de549
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-core/tsconfig.lib.prod.json
@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+ "extends": "./tsconfig.lib.json",
+ "compilerOptions": {
+ "declarationMap": false
+ },
+ "angularCompilerOptions": {
+ "compilationMode": "partial"
+ }
+}
diff --git a/gpt-mf-demo/shell/projects/dynamic-core/tsconfig.spec.json b/gpt-mf-demo/shell/projects/dynamic-core/tsconfig.spec.json
new file mode 100644
index 0000000..715dd0a
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/dynamic-core/tsconfig.spec.json
@@ -0,0 +1,17 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+ "extends": "../../tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../../out-tsc/spec",
+ "types": [
+ "jasmine"
+ ]
+ },
+ "files": [
+ "src/test.ts"
+ ],
+ "include": [
+ "**/*.spec.ts",
+ "**/*.d.ts"
+ ]
+}
diff --git a/gpt-mf-demo/shell/projects/my-shared/README.md b/gpt-mf-demo/shell/projects/my-shared/README.md
new file mode 100644
index 0000000..50793f9
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/README.md
@@ -0,0 +1,24 @@
+# MyShared
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project my-shared` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project my-shared`.
+> Note: Don't forget to add `--project my-shared` or else it will be added to the default project in your `angular.json` file.
+
+## Build
+
+Run `ng build my-shared` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build my-shared`, go to the dist folder `cd dist/my-shared` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test my-shared` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
diff --git a/gpt-mf-demo/shell/projects/my-shared/karma.conf.js b/gpt-mf-demo/shell/projects/my-shared/karma.conf.js
new file mode 100644
index 0000000..27d3da1
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/karma.conf.js
@@ -0,0 +1,44 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+ config.set({
+ basePath: '',
+ frameworks: ['jasmine', '@angular-devkit/build-angular'],
+ plugins: [
+ require('karma-jasmine'),
+ require('karma-chrome-launcher'),
+ require('karma-jasmine-html-reporter'),
+ require('karma-coverage'),
+ require('@angular-devkit/build-angular/plugins/karma')
+ ],
+ client: {
+ jasmine: {
+ // you can add configuration options for Jasmine here
+ // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+ // for example, you can disable the random execution with `random: false`
+ // or set a specific seed with `seed: 4321`
+ },
+ clearContext: false // leave Jasmine Spec Runner output visible in browser
+ },
+ jasmineHtmlReporter: {
+ suppressAll: true // removes the duplicated traces
+ },
+ coverageReporter: {
+ dir: require('path').join(__dirname, '../../coverage/my-shared'),
+ subdir: '.',
+ reporters: [
+ { type: 'html' },
+ { type: 'text-summary' }
+ ]
+ },
+ reporters: ['progress', 'kjhtml'],
+ port: 9876,
+ colors: true,
+ logLevel: config.LOG_INFO,
+ autoWatch: true,
+ browsers: ['Chrome'],
+ singleRun: false,
+ restartOnFileChange: true
+ });
+};
diff --git a/gpt-mf-demo/shell/projects/my-shared/ng-package.json b/gpt-mf-demo/shell/projects/my-shared/ng-package.json
new file mode 100644
index 0000000..bb9371d
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/ng-package.json
@@ -0,0 +1,7 @@
+{
+ "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+ "dest": "../../dist/my-shared",
+ "lib": {
+ "entryFile": "src/public-api.ts"
+ }
+}
\ No newline at end of file
diff --git a/gpt-mf-demo/shell/projects/my-shared/package.json b/gpt-mf-demo/shell/projects/my-shared/package.json
new file mode 100644
index 0000000..564eba2
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/package.json
@@ -0,0 +1,11 @@
+{
+ "name": "my-shared",
+ "version": "0.0.1",
+ "peerDependencies": {
+ "@angular/common": "^12.2.0",
+ "@angular/core": "^12.2.0"
+ },
+ "dependencies": {
+ "tslib": "^2.3.0"
+ }
+}
\ No newline at end of file
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/lib/my-shared.component.spec.ts b/gpt-mf-demo/shell/projects/my-shared/src/lib/my-shared.component.spec.ts
new file mode 100644
index 0000000..490ac96
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/src/lib/my-shared.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MySharedComponent } from './my-shared.component';
+
+describe('MySharedComponent', () => {
+ let component: MySharedComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ MySharedComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(MySharedComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/lib/my-shared.component.ts b/gpt-mf-demo/shell/projects/my-shared/src/lib/my-shared.component.ts
new file mode 100644
index 0000000..c2d28b1
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/src/lib/my-shared.component.ts
@@ -0,0 +1,20 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'lib-my-shared',
+ template: `
+
+ my-shared works!
+
+ `,
+ styles: [
+ ]
+})
+export class MySharedComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/lib/my-shared.module.ts b/gpt-mf-demo/shell/projects/my-shared/src/lib/my-shared.module.ts
new file mode 100644
index 0000000..73e2341
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/src/lib/my-shared.module.ts
@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { MySharedComponent } from './my-shared.component';
+import { ShellButtonComponent } from './shell-modulle/shell-button.component';
+
+
+
+@NgModule({
+ declarations: [
+ MySharedComponent,
+ ShellButtonComponent
+ ],
+ imports: [
+ ],
+ exports: [
+ MySharedComponent
+ ]
+})
+export class MySharedModule { }
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/lib/my-shared.service.spec.ts b/gpt-mf-demo/shell/projects/my-shared/src/lib/my-shared.service.spec.ts
new file mode 100644
index 0000000..9e6b48f
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/src/lib/my-shared.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { MySharedService } from './my-shared.service';
+
+describe('MySharedService', () => {
+ let service: MySharedService;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({});
+ service = TestBed.inject(MySharedService);
+ });
+
+ it('should be created', () => {
+ expect(service).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/lib/my-shared.service.ts b/gpt-mf-demo/shell/projects/my-shared/src/lib/my-shared.service.ts
new file mode 100644
index 0000000..f43008d
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/src/lib/my-shared.service.ts
@@ -0,0 +1,9 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class MySharedService {
+
+ constructor() { }
+}
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/lib/services/my-shared.service.spec.ts b/gpt-mf-demo/shell/projects/my-shared/src/lib/services/my-shared.service.spec.ts
new file mode 100644
index 0000000..9e6b48f
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/src/lib/services/my-shared.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { MySharedService } from './my-shared.service';
+
+describe('MySharedService', () => {
+ let service: MySharedService;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({});
+ service = TestBed.inject(MySharedService);
+ });
+
+ it('should be created', () => {
+ expect(service).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/lib/services/my-shared.service.ts b/gpt-mf-demo/shell/projects/my-shared/src/lib/services/my-shared.service.ts
new file mode 100644
index 0000000..76d41e5
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/src/lib/services/my-shared.service.ts
@@ -0,0 +1,20 @@
+import { Injectable } from '@angular/core'
+
+@Injectable({
+ providedIn: 'root',
+})
+export class MySharedService {
+ private data: any
+
+ constructor() {}
+
+ public setData(value: any) {
+ console.log('value', value)
+ this.data = value
+ }
+
+ public getData() {
+ console.log('my-shared-getData', this.data)
+ return this.data
+ }
+}
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-button/index.js b/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-button/index.js
new file mode 100644
index 0000000..5a5501c
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-button/index.js
@@ -0,0 +1 @@
+export * from './shell-button.component';
\ No newline at end of file
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-button/shell-button.component.css b/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-button/shell-button.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-button/shell-button.component.html b/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-button/shell-button.component.html
new file mode 100644
index 0000000..344c18f
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-button/shell-button.component.html
@@ -0,0 +1 @@
+shell-button works!
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-button/shell-button.component.spec.ts b/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-button/shell-button.component.spec.ts
new file mode 100644
index 0000000..5673043
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-button/shell-button.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ShellButtonComponent } from './shell-button.component';
+
+describe('ShellButtonComponent', () => {
+ let component: ShellButtonComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ ShellButtonComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(ShellButtonComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-button/shell-button.component.ts b/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-button/shell-button.component.ts
new file mode 100644
index 0000000..b7a1381
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-button/shell-button.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'lib-shell-button',
+ templateUrl: './shell-button.component.html',
+ styleUrls: ['./shell-button.component.css']
+})
+export class ShellButtonComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-modulle/shell-button.component.css b/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-modulle/shell-button.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-modulle/shell-button.component.html b/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-modulle/shell-button.component.html
new file mode 100644
index 0000000..1b058bf
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-modulle/shell-button.component.html
@@ -0,0 +1 @@
+shellModule
\ No newline at end of file
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-modulle/shell-button.component.spec.ts b/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-modulle/shell-button.component.spec.ts
new file mode 100644
index 0000000..5673043
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-modulle/shell-button.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ShellButtonComponent } from './shell-button.component';
+
+describe('ShellButtonComponent', () => {
+ let component: ShellButtonComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ ShellButtonComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(ShellButtonComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-modulle/shell-button.component.ts b/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-modulle/shell-button.component.ts
new file mode 100644
index 0000000..b7a1381
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-modulle/shell-button.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'lib-shell-button',
+ templateUrl: './shell-button.component.html',
+ styleUrls: ['./shell-button.component.css']
+})
+export class ShellButtonComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-modulle/shell-button.module.ts b/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-modulle/shell-button.module.ts
new file mode 100644
index 0000000..4bc4967
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/src/lib/shell-modulle/shell-button.module.ts
@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ShellButtonComponent } from './shell-button.component';
+
+@NgModule({
+ declarations: [ShellButtonComponent],
+ imports: [
+ CommonModule
+ ],
+ exports: [ShellButtonComponent]
+})
+export class ShellButtonModule { }
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/public-api.ts b/gpt-mf-demo/shell/projects/my-shared/src/public-api.ts
new file mode 100644
index 0000000..8eac2fa
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/src/public-api.ts
@@ -0,0 +1,10 @@
+/*
+ * Public API Surface of my-shared
+ */
+
+export * from './lib/my-shared.component';
+export * from './lib/my-shared.module';
+export * from './lib/services/my-shared.service';
+// export * from './lib/shell-button';
+// export * from './lib/shell-modulle/shell-button.modulee';
+
diff --git a/gpt-mf-demo/shell/projects/my-shared/src/test.ts b/gpt-mf-demo/shell/projects/my-shared/src/test.ts
new file mode 100644
index 0000000..b84c0c2
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/src/test.ts
@@ -0,0 +1,28 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js';
+import 'zone.js/testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+ BrowserDynamicTestingModule,
+ platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: {
+ context(path: string, deep?: boolean, filter?: RegExp): {
+ keys(): string[];
+ (id: string): T;
+ };
+};
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+ BrowserDynamicTestingModule,
+ platformBrowserDynamicTesting(),
+ { teardown: { destroyAfterEach: true }},
+);
+
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);
diff --git a/gpt-mf-demo/shell/projects/my-shared/tsconfig.lib.json b/gpt-mf-demo/shell/projects/my-shared/tsconfig.lib.json
new file mode 100644
index 0000000..1407202
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/tsconfig.lib.json
@@ -0,0 +1,20 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+ "extends": "../../tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../../out-tsc/lib",
+ "target": "es2015",
+ "declaration": true,
+ "declarationMap": true,
+ "inlineSources": true,
+ "types": [],
+ "lib": [
+ "dom",
+ "es2018"
+ ]
+ },
+ "exclude": [
+ "src/test.ts",
+ "**/*.spec.ts"
+ ]
+}
diff --git a/gpt-mf-demo/shell/projects/my-shared/tsconfig.lib.prod.json b/gpt-mf-demo/shell/projects/my-shared/tsconfig.lib.prod.json
new file mode 100644
index 0000000..06de549
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/tsconfig.lib.prod.json
@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+ "extends": "./tsconfig.lib.json",
+ "compilerOptions": {
+ "declarationMap": false
+ },
+ "angularCompilerOptions": {
+ "compilationMode": "partial"
+ }
+}
diff --git a/gpt-mf-demo/shell/projects/my-shared/tsconfig.spec.json b/gpt-mf-demo/shell/projects/my-shared/tsconfig.spec.json
new file mode 100644
index 0000000..715dd0a
--- /dev/null
+++ b/gpt-mf-demo/shell/projects/my-shared/tsconfig.spec.json
@@ -0,0 +1,17 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+ "extends": "../../tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../../out-tsc/spec",
+ "types": [
+ "jasmine"
+ ]
+ },
+ "files": [
+ "src/test.ts"
+ ],
+ "include": [
+ "**/*.spec.ts",
+ "**/*.d.ts"
+ ]
+}
diff --git a/gpt-mf-demo/shell/src/app/app-routing.module.ts b/gpt-mf-demo/shell/src/app/app-routing.module.ts
new file mode 100644
index 0000000..1198e32
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/app-routing.module.ts
@@ -0,0 +1,22 @@
+import { NgModule } from '@angular/core'
+import { RouterModule, Routes } from '@angular/router'
+import { PageNotFoundComponent } from './shell/page-not-found/page-not-found.component'
+
+const routes: Routes = [
+ {
+ path: '',
+ pathMatch: 'prefix',
+ loadChildren: () =>
+ import('./shell/shell.module').then((m) => {
+ console.log('mmmmm', m)
+ return m.ShellModule
+ }),
+ },
+ { path: '**', component: PageNotFoundComponent },
+]
+
+@NgModule({
+ imports: [RouterModule.forRoot(routes)],
+ exports: [RouterModule],
+})
+export class AppRoutingModule {}
diff --git a/gpt-mf-demo/shell/src/app/app.component.scss b/gpt-mf-demo/shell/src/app/app.component.scss
new file mode 100644
index 0000000..68eb1d9
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/app.component.scss
@@ -0,0 +1,39 @@
+ html, body{
+ display: contents;
+ overflow: hidden;
+ }
+ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ width: 100vw;
+ justify-content: center;
+
+ li {
+ margin: 2rem;
+ font-size: 3rem;
+ text-decoration: underline;
+ cursor: pointer;
+ }
+}
+
+h2 {
+ text-align: center;
+}
+
+.container {
+ text-align: center;
+}
+
+
+.button{
+ height: 32px;
+ background-color: cornflowerblue;
+ border: none;
+ font-weight: 700;
+ color: aliceblue;
+}
+
+
+
diff --git a/gpt-mf-demo/shell/src/app/app.component.spec.ts b/gpt-mf-demo/shell/src/app/app.component.spec.ts
new file mode 100644
index 0000000..74e3df4
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/app.component.spec.ts
@@ -0,0 +1,35 @@
+import { TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [
+ RouterTestingModule
+ ],
+ declarations: [
+ AppComponent
+ ],
+ }).compileComponents();
+ });
+
+ it('should create the app', () => {
+ const fixture = TestBed.createComponent(AppComponent);
+ const app = fixture.componentInstance;
+ expect(app).toBeTruthy();
+ });
+
+ it(`should have as title 'shell'`, () => {
+ const fixture = TestBed.createComponent(AppComponent);
+ const app = fixture.componentInstance;
+ expect(app.title).toEqual('shell');
+ });
+
+ it('should render title', () => {
+ const fixture = TestBed.createComponent(AppComponent);
+ fixture.detectChanges();
+ const compiled = fixture.nativeElement as HTMLElement;
+ expect(compiled.querySelector('.content span')?.textContent).toContain('shell app is running!');
+ });
+});
diff --git a/gpt-mf-demo/shell/src/app/app.component.ts b/gpt-mf-demo/shell/src/app/app.component.ts
new file mode 100644
index 0000000..4ab49bd
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/app.component.ts
@@ -0,0 +1,53 @@
+import { loadRemoteModule } from '@angular-architects/module-federation'
+import { Component, ComponentFactoryResolver, OnInit, ViewContainerRef } from '@angular/core'
+import { Router } from '@angular/router'
+import { MySharedService } from 'my-shared'
+import AutoFit from 'autofit.js'
+@Component({
+ selector: 'app-root',
+ template: ` `,
+ styleUrls: ['./app.component.scss'],
+ providers: [
+ // MySharedService
+ ],
+})
+export class AppComponent implements OnInit {
+ title = 'shell'
+ data: any
+ constructor(
+ private router: Router,
+ private mySharedService: MySharedService,
+ private resolver: ComponentFactoryResolver,
+ private vcRef: ViewContainerRef
+ ) {
+ // console.log('app-data', this.data)
+ // this.mfe1data = this.mySharedService.getData()
+ // console.log('mySharedService', this.mySharedService)
+ // console.log('data', this.mfe1data)
+ }
+
+ ngOnInit() {
+ // console.log('app-getData', this.mySharedService)
+ ;(window as any).__DW_MFA_ENV__ = true
+ this.data = this.mySharedService.getData() || '123213'
+ console.log('Shell HomeComponent Init')
+ AutoFit.init(
+ {
+ dh: 1080,
+ dw: 1920,
+ el: '#app',
+ resize: true,
+ },
+ false
+ )
+ }
+ goToTask(type: string) {
+ this.router.navigate(['/task'])
+ }
+
+ test() {}
+
+ goToShell(): void {
+ this.router.navigate([''])
+ }
+}
diff --git a/gpt-mf-demo/shell/src/app/app.module.ts b/gpt-mf-demo/shell/src/app/app.module.ts
new file mode 100644
index 0000000..8c136c4
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/app.module.ts
@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+
+import { AppRoutingModule } from './app-routing.module'
+import { MySharedModule, MySharedService } from 'my-shared'
+import { AppComponent } from './app.component'
+import { PageNotFoundComponent } from './shell/page-not-found/page-not-found.component'
+// import { AuthGuard } from './shell/guards/auth.guard';
+
+@NgModule({
+ declarations: [AppComponent, PageNotFoundComponent],
+ imports: [MySharedModule, BrowserModule, AppRoutingModule],
+ providers: [MySharedService],
+ bootstrap: [AppComponent],
+})
+export class AppModule {}
diff --git a/gpt-mf-demo/shell/src/app/shell/directives/element-src.directive.ts b/gpt-mf-demo/shell/src/app/shell/directives/element-src.directive.ts
new file mode 100644
index 0000000..b02272b
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/directives/element-src.directive.ts
@@ -0,0 +1,48 @@
+import { Directive, ElementRef, Input, OnChanges, Renderer2, SimpleChanges } from '@angular/core'
+import { assetUrl } from '../util/asset-url'
+
+@Directive({
+ // eslint-disable-next-line @angular-eslint/directive-selector
+ selector:
+ 'img[src],audio[src],embed[src],iframe[src],input[src],script[src],source[src],track[src],video[src]',
+})
+export class MfaElementSrcDirective implements OnChanges {
+ private _src: string = ''
+ @Input() src: string = ''
+ constructor(private element: ElementRef, private renderer2: Renderer2) {}
+
+ setSrc(src: string): void {
+ //debugger
+ // 非微前端環境不轉換
+ if (!(window as any).__DW_MFA_ENV__) {
+ this.renderer2.setAttribute(this.element.nativeElement, 'src', src)
+ return
+ }
+
+ // 絕對路徑，不轉換
+ if (
+ src.startsWith('http://') ||
+ src.startsWith('https://') ||
+ src.startsWith('//') ||
+ src.startsWith('data:')
+ ) {
+ this.renderer2.setAttribute(this.element.nativeElement, 'src', src)
+ return
+ }
+
+ if (src && src.startsWith('./')) {
+ src = assetUrl(src.substring(1))
+ } else {
+ src = assetUrl(src)
+ }
+
+ this.renderer2.setAttribute(this.element.nativeElement, 'src', src)
+ }
+
+ ngOnChanges(changes: SimpleChanges): void {
+ if (this._src !== changes.src.currentValue) {
+ this._src = changes.src.currentValue
+ this.setSrc(this._src)
+ }
+ }
+}
diff --git a/gpt-mf-demo/shell/src/app/shell/guards/auth.guard.spec.ts b/gpt-mf-demo/shell/src/app/shell/guards/auth.guard.spec.ts
new file mode 100644
index 0000000..68889d2
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/guards/auth.guard.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { AuthGuard } from './auth.guard';
+
+describe('AuthGuard', () => {
+ let guard: AuthGuard;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({});
+ guard = TestBed.inject(AuthGuard);
+ });
+
+ it('should be created', () => {
+ expect(guard).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/src/app/shell/guards/auth.guard.ts b/gpt-mf-demo/shell/src/app/shell/guards/auth.guard.ts
new file mode 100644
index 0000000..dc1e994
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/guards/auth.guard.ts
@@ -0,0 +1,21 @@
+import { Injectable } from '@angular/core';
+import { ActivatedRouteSnapshot, CanActivate, RouterStateSnapshot, UrlTree } from '@angular/router';
+import { Observable } from 'rxjs';
+// import {
+// DW_AUTH_TOKEN,
+// DwAuthService,
+// DwSystemConfigService,
+// DwUserService,
+// } from '@webdpt/framework';
+
+@Injectable()
+export class AuthGuard implements CanActivate {
+ // constructor( private loginService: DwAuthService){}
+ canActivate(
+ route: ActivatedRouteSnapshot,
+ state: RouterStateSnapshot): Observable | Promise | boolean | UrlTree
+ {
+ console.log(1111);
+ return true;
+ }
+}
diff --git a/gpt-mf-demo/shell/src/app/shell/guards/load-mef1.guard.spec.ts b/gpt-mf-demo/shell/src/app/shell/guards/load-mef1.guard.spec.ts
new file mode 100644
index 0000000..7ea89d8
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/guards/load-mef1.guard.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { LoadMef1Guard } from './load-mef1.guard';
+
+describe('LoadMef1Guard', () => {
+ let guard: LoadMef1Guard;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({});
+ guard = TestBed.inject(LoadMef1Guard);
+ });
+
+ it('should be created', () => {
+ expect(guard).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/src/app/shell/guards/load-mef1.guard.ts b/gpt-mf-demo/shell/src/app/shell/guards/load-mef1.guard.ts
new file mode 100644
index 0000000..341f1bf
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/guards/load-mef1.guard.ts
@@ -0,0 +1,15 @@
+import { Injectable } from '@angular/core';
+import { ActivatedRouteSnapshot, CanActivate, RouterStateSnapshot, UrlTree } from '@angular/router';
+import { Observable } from 'rxjs';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class LoadMef1Guard implements CanActivate {
+ canActivate(
+ route: ActivatedRouteSnapshot,
+ state: RouterStateSnapshot): Observable | Promise | boolean | UrlTree {
+ return true;
+ }
+
+}
diff --git a/gpt-mf-demo/shell/src/app/shell/guards/load-remote.guard.spec.ts b/gpt-mf-demo/shell/src/app/shell/guards/load-remote.guard.spec.ts
new file mode 100644
index 0000000..b274de3
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/guards/load-remote.guard.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { LoadRemoteGuard } from './load-remote.guard';
+
+describe('LoadRemoteGuard', () => {
+ let guard: LoadRemoteGuard;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({});
+ guard = TestBed.inject(LoadRemoteGuard);
+ });
+
+ it('should be created', () => {
+ expect(guard).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/src/app/shell/guards/load-remote.guard.ts b/gpt-mf-demo/shell/src/app/shell/guards/load-remote.guard.ts
new file mode 100644
index 0000000..44a8ab7
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/guards/load-remote.guard.ts
@@ -0,0 +1,33 @@
+import { loadRemoteModule } from '@angular-architects/module-federation';
+import { Injectable } from '@angular/core';
+import { CanLoad, Route, Router, UrlSegment, UrlTree } from '@angular/router';
+import { Observable } from 'rxjs';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class LoadRemoteGuard implements CanLoad {
+ constructor(private router: Router) { }
+ canLoad(
+ route: Route,
+ segments: UrlSegment[]): Observable | Promise | boolean | UrlTree {
+ console.log(11111,route,this.router);
+
+ // // 加载远程模块
+ // return loadRemoteModule({
+ // remoteEntry: 'http://localhost:3001/remoteEntry.js',
+ // remoteName: 'mfe1',
+ // exposedModule: './Module',
+ // }).then(() => {
+ // return true; // 远程模块加载成功，允许加载路由模块
+ // }).catch(error => {
+ // console.error('Failed to load remote module:', error);
+ // this.router.navigate(['/404']); // 远程模块加载失败，导航到404页面或其他错误处理
+ // return false; // 不允许加载路由模块
+ // });
+ // 加载远程模块
+ return true;
+ }
+
+
+}
diff --git a/gpt-mf-demo/shell/src/app/shell/guards/load-remoteo-module.guard.spec.ts b/gpt-mf-demo/shell/src/app/shell/guards/load-remoteo-module.guard.spec.ts
new file mode 100644
index 0000000..52447e0
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/guards/load-remoteo-module.guard.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { LoadRemoteoModuleGuard } from './load-remoteo.guard';
+
+describe('LoadRemoteoModuleGuard', () => {
+ let guard: LoadRemoteoModuleGuard;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({});
+ guard = TestBed.inject(LoadRemoteoModuleGuard);
+ });
+
+ it('should be created', () => {
+ expect(guard).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/src/app/shell/home/home.component.html b/gpt-mf-demo/shell/src/app/shell/home/home.component.html
new file mode 100644
index 0000000..beb6197
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/home/home.component.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
diff --git a/gpt-mf-demo/shell/src/app/shell/home/home.component.scss b/gpt-mf-demo/shell/src/app/shell/home/home.component.scss
new file mode 100644
index 0000000..00464d5
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/home/home.component.scss
@@ -0,0 +1,143 @@
+html, body{
+ display: contents;
+ box-sizing: border-box;
+}
+:host {
+ // padding: 24px;
+ width: 100%;
+ height: 100%;
+ box-sizing: border-box;
+ position: relative;
+ #mainDiv{
+ width: 100%;
+ height: 100%;
+ background-image:url('../../../assets/img/bg.webp');
+ background-size: auto;
+ background-repeat: no-repeat;
+ position: relative;
+
+ }
+ .center-box{
+ width:40%;
+ height: 40%;
+ border-radius: 50%;
+ position: absolute;
+ left: 0;
+ top:0;
+ right:0;
+ bottom: 0;
+ margin: auto;
+ background-color: #000;
+
+ }
+
+
+ .center-box {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ animation: rotate 10s linear infinite;
+ }
+
+ // @keyframes rotate {
+ // from {
+ // transform: translate(-50%, -50%) rotate(0deg);
+ // }
+ // to {
+ // transform: translate(-50%, -50%) rotate(360deg);
+ // }
+ // }
+ .title-box{
+ display: flex;
+ justify-content: center;
+ }
+ .todo {
+ height: 100px;
+ background-color: #fff;
+ padding: 16px;
+ list-style-type: none;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ li {
+ text-decoration: none;
+ font-size: 20px;
+ color: cornflowerblue;
+ }
+ }
+ .task-card-list {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 16px;
+
+ }
+ .desc-box{
+ color: #aaa;
+ }
+ .task-card {
+ background-color: #f5f5f5;
+ border-radius: 8px;
+ padding: 16px;
+ width: 300px;
+ }
+ .header-box{
+ position: relative;
+ width: 100%;
+ height: 80px;
+ background: #000;
+ display: flex;
+ // justify-content: space-between;
+ align-items: center;
+ color: #fff;
+ padding-left: 20px;
+ font-size: 26px;
+ letter-spacing: 2px;
+ .title-box{
+ font-weight: bold;
+ }
+ .user-box{
+ display: flex;
+ position: absolute;
+ right: 50px;
+ }
+ }
+ .menu-father-box {
+ position: relative;
+ height:100%;
+ }
+ .menu-left {
+ position: absolute;
+ height: 100%;
+ width: 200px;
+ background: #3a4651;
+
+ .menu-li{
+ list-style:none;
+ box-sizing: border-box;
+ // height: 20px;
+ width: 100%;
+ line-height: 20px;
+ border-bottom: 1px solid #aaa;
+ text-align: left;
+ padding: 8px 20px;
+ cursor: pointer;
+ color: #aaa;
+ }
+ .white-text{
+ color:#fff !important
+ }
+ }
+ .menu-right {
+ position: absolute;
+ left: 200px;
+ height: 200px;
+ // width: 100%;
+ padding-left: 20px;
+ }
+ .menu-box{
+ width: 200px;
+ background: #969696;
+ height: 100%;
+ }
+}
diff --git a/gpt-mf-demo/shell/src/app/shell/home/home.component.spec.ts b/gpt-mf-demo/shell/src/app/shell/home/home.component.spec.ts
new file mode 100644
index 0000000..2c5a172
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/home/home.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HomeComponent } from './home.component';
+
+describe('HomeComponent', () => {
+ let component: HomeComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ HomeComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(HomeComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/src/app/shell/home/home.component.ts b/gpt-mf-demo/shell/src/app/shell/home/home.component.ts
new file mode 100644
index 0000000..1ee96da
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/home/home.component.ts
@@ -0,0 +1,56 @@
+import { Component, ElementRef, OnDestroy, OnInit, ViewChild } from '@angular/core'
+import { RemoteModuleLoaderService } from '../service/remote-module-loader.service'
+import { ActivatedRoute, Router } from '@angular/router'
+import { MySharedService } from 'my-shared'
+import Autofit from 'autofit.js'
+@Component({
+ selector: 'app-home',
+ templateUrl: './home.component.html',
+ styleUrls: ['./home.component.scss'],
+})
+export class HomeComponent implements OnInit, OnDestroy {
+ tasks = [
+ { title: '到款认领系统', description: '商家到款认领专用查询入口', modulePath: '/home/mfe1' },
+ { title: '财务管理系统', description: '财务新应用专用查询入口', modulePath: '/home/mfe2' },
+ { title: '其他', description: '其他应用专用查询入口', modulePath: '/home/mfe3' },
+ ]
+ show: any
+ constructor(
+ private router: Router,
+ private route: ActivatedRoute,
+ private remoteModuleLoaderService: RemoteModuleLoaderService,
+ public mySharedService: MySharedService
+ ) {}
+ @ViewChild('mainDiv')
+ mainDiv!: ElementRef
+ ngOnInit(): void {
+ this.mySharedService.getData()
+ }
+ ngAfterViewInit(): void {
+ Autofit.init(
+ {
+ dh: 1080,
+ dw: 1920,
+ el: '#mainDiv',
+ resize: true,
+ },
+ false
+ )
+ }
+ ngOnDestroy(): void {
+ // console.log('Shell HomeComponent Destroy')
+ }
+
+ loadRemoteModule(modulePath: string, index: any) {
+ this.show = index + 1
+ this.router.navigate([modulePath])
+ }
+
+ goToTask(id: string) {
+ this.router.navigate(['/task'])
+ }
+
+ goToShell(): void {
+ this.router.navigate([''])
+ }
+}
diff --git a/gpt-mf-demo/shell/src/app/shell/home/home.modules.ts b/gpt-mf-demo/shell/src/app/shell/home/home.modules.ts
new file mode 100644
index 0000000..1dbf6a7
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/home/home.modules.ts
@@ -0,0 +1,8 @@
+import { NgModule } from '@angular/core'
+import { CommonModule } from '@angular/common'
+// import { SharedModule } from '../shared/shared.module'
+@NgModule({
+ declarations: [],
+ imports: [CommonModule],
+})
+export class HomeModule {}
diff --git a/gpt-mf-demo/shell/src/app/shell/layout/layout.component.html b/gpt-mf-demo/shell/src/app/shell/layout/layout.component.html
new file mode 100644
index 0000000..79be59c
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/layout/layout.component.html
@@ -0,0 +1,2 @@
+
+
diff --git a/gpt-mf-demo/shell/src/app/shell/layout/layout.component.scss b/gpt-mf-demo/shell/src/app/shell/layout/layout.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/gpt-mf-demo/shell/src/app/shell/layout/layout.component.spec.ts b/gpt-mf-demo/shell/src/app/shell/layout/layout.component.spec.ts
new file mode 100644
index 0000000..be8bd24
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/layout/layout.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LayoutComponent } from './layout.component';
+
+describe('LayoutComponent', () => {
+ let component: LayoutComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ LayoutComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(LayoutComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/src/app/shell/layout/layout.component.ts b/gpt-mf-demo/shell/src/app/shell/layout/layout.component.ts
new file mode 100644
index 0000000..e1bd8d3
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/layout/layout.component.ts
@@ -0,0 +1,39 @@
+import { loadRemoteModule } from '@angular-architects/module-federation'
+import { Component, OnInit } from '@angular/core'
+import { ActivatedRoute } from '@angular/router'
+import autofit from 'autofit.js'
+@Component({
+ selector: 'shell-layout',
+ templateUrl: './layout.component.html',
+ styleUrls: ['./layout.component.scss'],
+})
+export class LayoutComponent implements OnInit {
+ constructor(private route: ActivatedRoute) {}
+
+ ngOnInit(): void {
+ console.log(1111)
+ autofit.init(
+ {
+ dh: 1080,
+ dw: 1920,
+ el: '#app',
+ resize: true,
+ },
+ false
+ )
+ this.route.params.subscribe((params) => {
+ const { remoteEntry, remoteName, exposedModule } = params
+ if (!remoteEntry) {
+ return
+ }
+ loadRemoteModule({ remoteEntry, remoteName, exposedModule })
+ .then((m) => {
+ // 这里可以执行任何微前端模块加载后的逻辑
+ console.log('微前端模块加载成功:', m)
+ })
+ .catch((err) => {
+ console.error('微前端模块加载失败:', err)
+ })
+ })
+ }
+}
diff --git a/gpt-mf-demo/shell/src/app/shell/page-not-found/page-not-found.component.html b/gpt-mf-demo/shell/src/app/shell/page-not-found/page-not-found.component.html
new file mode 100644
index 0000000..cc75e49
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/page-not-found/page-not-found.component.html
@@ -0,0 +1 @@
+page-not-found works!
diff --git a/gpt-mf-demo/shell/src/app/shell/page-not-found/page-not-found.component.scss b/gpt-mf-demo/shell/src/app/shell/page-not-found/page-not-found.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/gpt-mf-demo/shell/src/app/shell/page-not-found/page-not-found.component.spec.ts b/gpt-mf-demo/shell/src/app/shell/page-not-found/page-not-found.component.spec.ts
new file mode 100644
index 0000000..aa242a9
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/page-not-found/page-not-found.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PageNotFoundComponent } from './page-not-found.component';
+
+describe('PageNotFoundComponent', () => {
+ let component: PageNotFoundComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ PageNotFoundComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(PageNotFoundComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/src/app/shell/page-not-found/page-not-found.component.ts b/gpt-mf-demo/shell/src/app/shell/page-not-found/page-not-found.component.ts
new file mode 100644
index 0000000..e2d898e
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/page-not-found/page-not-found.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'shell-page-not-found',
+ templateUrl: './page-not-found.component.html',
+ styleUrls: ['./page-not-found.component.scss']
+})
+export class PageNotFoundComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/gpt-mf-demo/shell/src/app/shell/service/remote-module-loader.service.spec.ts b/gpt-mf-demo/shell/src/app/shell/service/remote-module-loader.service.spec.ts
new file mode 100644
index 0000000..9b4fedc
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/service/remote-module-loader.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { RemoteModuleLoaderService } from './remote-module-loader.service';
+
+describe('RemoteModuleLoaderService', () => {
+ let service: RemoteModuleLoaderService;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({});
+ service = TestBed.inject(RemoteModuleLoaderService);
+ });
+
+ it('should be created', () => {
+ expect(service).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/src/app/shell/service/remote-module-loader.service.ts b/gpt-mf-demo/shell/src/app/shell/service/remote-module-loader.service.ts
new file mode 100644
index 0000000..0072917
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/service/remote-module-loader.service.ts
@@ -0,0 +1,27 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class RemoteModuleLoaderService {
+
+ constructor() { }
+
+ async loadModule(moduleName: string) {
+ try {
+ const script = document.createElement('script');
+ script.src = `http://localhost:3001/remoteEntry.js`;
+ script.type = 'module';
+ script.async = true;
+ document.body.appendChild(script);
+ script.onload = () => {
+ // 在加载完成后，远程模块会注册到全局变量中，可以在这里通过全局变量获取远程模块
+ const remoteModule = (window as any)['remote1'].Module;
+ console.log(remoteModule);
+ // 根据需要执行远程模块的初始化逻辑
+ };
+ } catch (error) {
+ console.error(`Failed to load remote module ${moduleName}:`, error);
+ }
+ }
+}
diff --git a/gpt-mf-demo/shell/src/app/shell/shared/shared.module.ts b/gpt-mf-demo/shell/src/app/shell/shared/shared.module.ts
new file mode 100644
index 0000000..d96ddf3
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/shared/shared.module.ts
@@ -0,0 +1,10 @@
+import { NgModule } from '@angular/core'
+import { CommonModule } from '@angular/common'
+import { MfaElementSrcDirective } from '../directives/element-src.directive'
+
+@NgModule({
+ declarations: [MfaElementSrcDirective],
+ imports: [CommonModule],
+ exports: [MfaElementSrcDirective],
+})
+export class SharedModule {}
diff --git a/gpt-mf-demo/shell/src/app/shell/shell-routing.module.ts b/gpt-mf-demo/shell/src/app/shell/shell-routing.module.ts
new file mode 100644
index 0000000..02c65c9
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/shell-routing.module.ts
@@ -0,0 +1,73 @@
+import { NgModule } from '@angular/core'
+import { RouterModule, Routes } from '@angular/router'
+import { LayoutComponent } from './layout/layout.component'
+import { HomeComponent } from './home/home.component'
+import { loadRemoteModule } from '@angular-architects/module-federation'
+// import { LoadRemoteGuard } from './guards/load-remote.guard'
+// import { AuthGuard } from './guards/auth.guard'
+
+const routes: Routes = [
+ {
+ path: '',
+ component: LayoutComponent,
+ // canActivate: [LoadRemoteGuard],
+ children: [
+ {
+ path: '',
+ component: HomeComponent,
+ },
+ {
+ path: 'home',
+ component: HomeComponent,
+ children: [
+ {
+ path: 'mfe1',
+ loadChildren: () =>
+ loadRemoteModule({
+ remoteEntry: 'http://localhost:3001/remoteEntry.js', // 替换成线上地址
+ remoteName: 'mfe1',
+ exposedModule: './Module',
+ }).then((m: any) => {
+ return m.MicrofrontendModule
+ }),
+ },
+ {
+ path: 'mfe2',
+ loadChildren: () =>
+ loadRemoteModule({
+ remoteEntry: 'http://localhost:3002/remoteEntry.js',
+ remoteName: 'mfe2',
+ exposedModule: './Module1',
+ }).then((m: any) => {
+ return m.Microfrontend1Module
+ }),
+ },
+ {
+ path: 'mfe3',
+ loadChildren: () =>
+ loadRemoteModule({
+ remoteEntry: 'http://localhost:3003/remoteEntry.js',
+ remoteName: 'mfe3',
+ exposedModule: './Module3',
+ }).then((m: any) => {
+ return m.Microfrontend3Module
+ }),
+ },
+ ],
+ },
+ {
+ path: 'task',
+ loadChildren: () =>
+ import('./task/task.module').then((m) => {
+ return m.TaskModule
+ }),
+ },
+ ],
+ },
+]
+
+@NgModule({
+ imports: [RouterModule.forChild(routes)],
+ exports: [RouterModule],
+})
+export class ShellRoutingModule {}
diff --git a/gpt-mf-demo/shell/src/app/shell/shell.module.ts b/gpt-mf-demo/shell/src/app/shell/shell.module.ts
new file mode 100644
index 0000000..85d9847
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/shell.module.ts
@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core'
+import { CommonModule } from '@angular/common'
+import { ShellRoutingModule } from './shell-routing.module'
+import { LayoutComponent } from './layout/layout.component'
+import { HomeComponent } from './home/home.component'
+import { HomeModule } from './home/home.modules'
+import { MfaElementSrcDirective } from './directives/element-src.directive'
+
+@NgModule({
+ declarations: [LayoutComponent, HomeComponent, MfaElementSrcDirective],
+ imports: [CommonModule, ShellRoutingModule, HomeModule],
+ exports: [MfaElementSrcDirective],
+})
+export class ShellModule {}
diff --git a/gpt-mf-demo/shell/src/app/shell/task/detaill/detaill.component.html b/gpt-mf-demo/shell/src/app/shell/task/detaill/detaill.component.html
new file mode 100644
index 0000000..b7574a1
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/task/detaill/detaill.component.html
@@ -0,0 +1,3 @@
+detaill works!
+
+
diff --git a/gpt-mf-demo/shell/src/app/shell/task/detaill/detaill.component.scss b/gpt-mf-demo/shell/src/app/shell/task/detaill/detaill.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/gpt-mf-demo/shell/src/app/shell/task/detaill/detaill.component.spec.ts b/gpt-mf-demo/shell/src/app/shell/task/detaill/detaill.component.spec.ts
new file mode 100644
index 0000000..eb96e22
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/task/detaill/detaill.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DetaillComponent } from './detaill.component';
+
+describe('DetaillComponent', () => {
+ let component: DetaillComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ DetaillComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(DetaillComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/src/app/shell/task/detaill/detaill.component.ts b/gpt-mf-demo/shell/src/app/shell/task/detaill/detaill.component.ts
new file mode 100644
index 0000000..47122a6
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/task/detaill/detaill.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'shell-detaill',
+ templateUrl: './detaill.component.html',
+ styleUrls: ['./detaill.component.scss']
+})
+export class DetaillComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/gpt-mf-demo/shell/src/app/shell/task/dynamic-component/dynamic-component.component.html b/gpt-mf-demo/shell/src/app/shell/task/dynamic-component/dynamic-component.component.html
new file mode 100644
index 0000000..ea2677b
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/task/dynamic-component/dynamic-component.component.html
@@ -0,0 +1 @@
+
diff --git a/gpt-mf-demo/shell/src/app/shell/task/dynamic-component/dynamic-component.component.scss b/gpt-mf-demo/shell/src/app/shell/task/dynamic-component/dynamic-component.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/gpt-mf-demo/shell/src/app/shell/task/dynamic-component/dynamic-component.component.spec.ts b/gpt-mf-demo/shell/src/app/shell/task/dynamic-component/dynamic-component.component.spec.ts
new file mode 100644
index 0000000..21afd1f
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/task/dynamic-component/dynamic-component.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DynamicComponentComponent } from './dynamic-component.component';
+
+describe('DynamicComponentComponent', () => {
+ let component: DynamicComponentComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ DynamicComponentComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(DynamicComponentComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/src/app/shell/task/dynamic-component/dynamic-component.component.ts b/gpt-mf-demo/shell/src/app/shell/task/dynamic-component/dynamic-component.component.ts
new file mode 100644
index 0000000..806b8e8
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/task/dynamic-component/dynamic-component.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'shell-dynamic-component,div[dynamic-component]',
+ templateUrl: './dynamic-component.component.html',
+ styleUrls: ['./dynamic-component.component.scss']
+})
+export class DynamicComponentComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/gpt-mf-demo/shell/src/app/shell/task/task-info/task-info.component.html b/gpt-mf-demo/shell/src/app/shell/task/task-info/task-info.component.html
new file mode 100644
index 0000000..bf050eb
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/task/task-info/task-info.component.html
@@ -0,0 +1 @@
+task-info works!
diff --git a/gpt-mf-demo/shell/src/app/shell/task/task-info/task-info.component.scss b/gpt-mf-demo/shell/src/app/shell/task/task-info/task-info.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/gpt-mf-demo/shell/src/app/shell/task/task-info/task-info.component.spec.ts b/gpt-mf-demo/shell/src/app/shell/task/task-info/task-info.component.spec.ts
new file mode 100644
index 0000000..3765383
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/task/task-info/task-info.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TaskInfoComponent } from './task-info.component';
+
+describe('TaskInfoComponent', () => {
+ let component: TaskInfoComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ TaskInfoComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(TaskInfoComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/gpt-mf-demo/shell/src/app/shell/task/task-info/task-info.component.ts b/gpt-mf-demo/shell/src/app/shell/task/task-info/task-info.component.ts
new file mode 100644
index 0000000..8d5e47e
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/task/task-info/task-info.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'shell-task-info',
+ templateUrl: './task-info.component.html',
+ styleUrls: ['./task-info.component.scss']
+})
+export class TaskInfoComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/gpt-mf-demo/shell/src/app/shell/task/task-routing.module.ts b/gpt-mf-demo/shell/src/app/shell/task/task-routing.module.ts
new file mode 100644
index 0000000..1fe8b30
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/task/task-routing.module.ts
@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { TaskComponent } from './task.component';
+
+const routes: Routes = [{
+ path:'',
+ pathMatch: 'prefix',
+ component: TaskComponent,
+},
+];
+
+@NgModule({
+ imports: [RouterModule.forChild(routes)],
+ exports: [RouterModule]
+})
+export class TaskRoutingModule { }
diff --git a/gpt-mf-demo/shell/src/app/shell/task/task.component.html b/gpt-mf-demo/shell/src/app/shell/task/task.component.html
new file mode 100644
index 0000000..0b05e39
--- /dev/null
+++ b/gpt-mf-demo/shell/src/app/shell/task/task.component.html
@@ -0,0 +1,5 @@
+
+
+
{{ task.title }}
+
{{ task.description }}
+
+ 
+ 
+ 资金管理主系统
+ {{mySharedService.getData()}}
+ 
+