@worktile/planet 12.1.0 → 12.1.1

package/examples/app1/temp.js

@@ -0,0 +1,221 @@
+const roules = {
+    rules: [
+        {
+            test: {},
+            loader: 'raw-loader'
+        },
+        {
+            test: {},
+            loader: 'file-loader',
+            options: {
+                name: '[name].[ext]'
+            }
+        },
+        {
+            test: {},
+            parser: {
+                system: true
+            }
+        },
+        {
+            test: {}
+        },
+        {
+            test: {},
+            exclude: {},
+            enforce: 'pre'
+        },
+        {
+            exclude: ['/Users/haifeng/IT/10_YC/atinc/ngx-micro-frontend/src/styles.scss'],
+            test: {},
+            use: [
+                {
+                    loader: 'raw-loader'
+                },
+                {
+                    loader: 'postcss-loader',
+                    options: {
+                        ident: 'embedded',
+                        sourceMap: 'inline'
+                    }
+                }
+            ]
+        },
+        {
+            exclude: ['/Users/haifeng/IT/10_YC/atinc/ngx-micro-frontend/src/styles.scss'],
+            test: {},
+            use: [
+                {
+                    loader: 'raw-loader'
+                },
+                {
+                    loader: 'postcss-loader',
+                    options: {
+                        ident: 'embedded',
+                        sourceMap: 'inline'
+                    }
+                },
+                {
+                    loader: 'sass-loader',
+                    options: {
+                        sourceMap: true,
+                        precision: 8,
+                        includePaths: []
+                    }
+                }
+            ]
+        },
+        {
+            exclude: ['/Users/haifeng/IT/10_YC/atinc/ngx-micro-frontend/src/styles.scss'],
+            test: {},
+            use: [
+                {
+                    loader: 'raw-loader'
+                },
+                {
+                    loader: 'postcss-loader',
+                    options: {
+                        ident: 'embedded',
+                        sourceMap: 'inline'
+                    }
+                },
+                {
+                    loader: 'less-loader',
+                    options: {
+                        sourceMap: true,
+                        javascriptEnabled: true
+                    }
+                }
+            ]
+        },
+        {
+            exclude: ['/Users/haifeng/IT/10_YC/atinc/ngx-micro-frontend/src/styles.scss'],
+            test: {},
+            use: [
+                {
+                    loader: 'raw-loader'
+                },
+                {
+                    loader: 'postcss-loader',
+                    options: {
+                        ident: 'embedded',
+                        sourceMap: 'inline'
+                    }
+                },
+                {
+                    loader: 'stylus-loader',
+                    options: {
+                        sourceMap: true,
+                        paths: []
+                    }
+                }
+            ]
+        },
+        {
+            include: ['/Users/haifeng/IT/10_YC/atinc/ngx-micro-frontend/src/styles.scss'],
+            test: {},
+            use: [
+                '/Users/haifeng/IT/10_YC/atinc/ngx-micro-frontend/node_modules/@angular-devkit/build-angular/node_modules/mini-css-extract-plugin/dist/loader.js',
+                '/Users/haifeng/IT/10_YC/atinc/ngx-micro-frontend/node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js',
+                {
+                    loader: 'postcss-loader',
+                    options: {
+                        ident: 'extracted',
+                        sourceMap: true
+                    }
+                }
+            ]
+        },
+        {
+            include: ['/Users/haifeng/IT/10_YC/atinc/ngx-micro-frontend/src/styles.scss'],
+            test: {},
+            use: [
+                '/Users/haifeng/IT/10_YC/atinc/ngx-micro-frontend/node_modules/@angular-devkit/build-angular/node_modules/mini-css-extract-plugin/dist/loader.js',
+                '/Users/haifeng/IT/10_YC/atinc/ngx-micro-frontend/node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js',
+                {
+                    loader: 'postcss-loader',
+                    options: {
+                        ident: 'extracted',
+                        sourceMap: true
+                    }
+                },
+                {
+                    loader: 'sass-loader',
+                    options: {
+                        sourceMap: true,
+                        precision: 8,
+                        includePaths: []
+                    }
+                }
+            ]
+        },
+        {
+            include: ['/Users/haifeng/IT/10_YC/atinc/ngx-micro-frontend/src/styles.scss'],
+            test: {},
+            use: [
+                '/Users/haifeng/IT/10_YC/atinc/ngx-micro-frontend/node_modules/@angular-devkit/build-angular/node_modules/mini-css-extract-plugin/dist/loader.js',
+                '/Users/haifeng/IT/10_YC/atinc/ngx-micro-frontend/node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js',
+                {
+                    loader: 'postcss-loader',
+                    options: {
+                        ident: 'extracted',
+                        sourceMap: true
+                    }
+                },
+                {
+                    loader: 'less-loader',
+                    options: {
+                        sourceMap: true,
+                        javascriptEnabled: true
+                    }
+                }
+            ]
+        },
+        {
+            include: ['/Users/haifeng/IT/10_YC/atinc/ngx-micro-frontend/src/styles.scss'],
+            test: {},
+            use: [
+                '/Users/haifeng/IT/10_YC/atinc/ngx-micro-frontend/node_modules/@angular-devkit/build-angular/node_modules/mini-css-extract-plugin/dist/loader.js',
+                '/Users/haifeng/IT/10_YC/atinc/ngx-micro-frontend/node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js',
+                {
+                    loader: 'postcss-loader',
+                    options: {
+                        ident: 'extracted',
+                        sourceMap: true
+                    }
+                },
+                {
+                    loader: 'stylus-loader',
+                    options: {
+                        sourceMap: true,
+                        paths: []
+                    }
+                }
+            ]
+        },
+        {
+            test: {},
+            loader: '@ngtools/webpack'
+        }
+    ]
+};
+//   const pls = [
+//     ProgressPlugin { profile: false, handler: undefined },
+//     CircularDependencyPlugin {
+//       options:
+//        { exclude: /([\\\/]node_modules[\\\/])|(ngfactory\.js$)/,
+//          failOnError: false,
+//          onDetected: false,
+//          cwd: '/Users/haifeng/IT/10_YC/atinc/ngx-micro-frontend' } },
+//     IndexHtmlWebpackPlugin {
+//       _options:
+//        { input: '/Users/haifeng/IT/10_YC/atinc/ngx-micro-frontend/src/index.html',
+//          output: 'index.html',
+//          entrypoints: [Array],
+//          sri: false,
+//          baseHref: undefined,
+//          deployUrl: undefined } },
+//     MiniCssExtractPlugin {
+//       options: { filename: '[name].css', chunkFilename: '[name].css' } },
+//     SuppressExtractedTextChunksWebpackPlugin {},
+//     ]

package/examples/app1/tsconfig.app.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/app",
+    "types": []
+  },
+  "files": ["src/main.ts"],
+  "include": ["src/**/*.d.ts"],
+  "exclude": ["test.ts", "**/*.spec.ts"]
+}

package/examples/app1/tsconfig.spec.json

@@ -0,0 +1,18 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine",
+      "node"
+    ]
+  },
+  "files": [
+    "src/test.ts",
+    "src/polyfills.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/examples/app1/tslint.json

@@ -0,0 +1,17 @@
+{
+    "extends": "../../tslint.json",
+    "rules": {
+        "directive-selector": [
+            true,
+            "attribute",
+            "app",
+            "camelCase"
+        ],
+        "component-selector": [
+            true,
+            "element",
+            "app",
+            "kebab-case"
+        ]
+    }
+}

package/examples/app1/webpack.config.js

@@ -0,0 +1,127 @@
+// const ngToolsWebpack = require('@ngtools/webpack');
+// const path = require('path');
+// const CopyWebpackPlugin = require('copy-webpack-plugin');
+// const ProgressPlugin = require('webpack/lib/ProgressPlugin');
+// const workspaceRoot = path.resolve(__dirname, './');
+// const projectRoot = path.resolve(__dirname, './');
+// const {
+//     IndexHtmlWebpackPlugin
+// } = require('@angular-devkit/build-angular/src/angular-cli-files/plugins/index-html-webpack-plugin');
+// const RawCssLoader = require('@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader').default;
+// const WebpackAssetsManifest = require('webpack-assets-manifest');
+// const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+// const devMode = process.env.NODE_ENV !== 'production';
+
+// const config = {
+//     mode: 'development',
+//     context: projectRoot,
+//     resolve: {
+//         extensions: ['.ts', '.js']
+//     },
+//     entry: {
+//         main: path.resolve(projectRoot, './src/main.ts'),
+//         polyfills: path.resolve(projectRoot, './src/polyfills.ts')
+//     },
+//     output: {
+//         path: path.resolve(workspaceRoot, './dist'),
+//         filename: `[name].[hash:20].js`,
+//         libraryTarget: 'umd',
+//         library: 'app1'
+//     },
+//     plugins: [
+//         new WebpackAssetsManifest(),
+//         new MiniCssExtractPlugin({
+//             // Options similar to the same options in webpackOptions.output
+//             // both options are optional
+//             filename: devMode ? '[name].css' : '[name].[hash].css',
+//             chunkFilename: devMode ? '[id].css' : '[id].[hash].css'
+//         }),
+//         new ngToolsWebpack.AngularCompilerPlugin({
+//             tsConfigPath: path.resolve(projectRoot, './src/tsconfig.app.json'),
+//             mainPath: path.resolve(projectRoot, './src/main.ts'),
+//             hostReplacementPaths: {
+//                 './src/environments/environment.ts': './src/environments/environment.prod.ts'
+//             },
+//             sourceMap: true,
+//             compilerOptions: {}
+//         }),
+//         new IndexHtmlWebpackPlugin({
+//             input: path.resolve(__dirname, './src/index.html'),
+//             output: path.basename('./src/index.html')
+//             // baseHref: buildOptions.baseHref,
+//             // entrypoints: generateEntryPoints(buildOptions),
+//             // deployUrl: buildOptions.deployUrl,
+//             // sri: buildOptions.subresourceIntegrity
+//         }),
+//         // new HtmlWebpackPlugin({
+//         //     filename: 'src/index.html'
+//         // })
+//         new ProgressPlugin()
+//     ],
+//     module: {
+//         rules: [
+//             // {
+//             //     test: /\.(sa|sc|c)ss$/,
+//             //     use: [
+//             //         devMode ? 'style-loader' : MiniCssExtractPlugin.loader,
+//             //         'css-loader',
+//             //         'postcss-loader',
+//             //         'sass-loader'
+//             //     ]
+//             // },
+//             // {
+//             //     test: /\.scss$/,
+//             //     include: path.resolve(projectRoot, './src/styles.scss'),
+//             //     loaders: [
+//             //         MiniCssExtractPlugin.loader,
+//             //         'css-loader',
+//             //         // RawCssLoader,
+//             //         {
+//             //             loader:'postcss-loader',
+//             //             options: {
+//             //                 ident: "extracted",
+//             //                 sourceMap: true
+//             //             }
+//             //         },
+//             //         'sass-loader'
+//             //     ]
+//             // },
+//             { test: /\.css$/, loader: 'raw-loader' },
+//             { test: /\.html$/, loader: 'raw-loader' },
+//             {
+//                 // Mark files inside `@angular/core` as using SystemJS style dynamic imports.
+//                 // Removing this will cause deprecation warnings to appear.
+//                 test: /[\/\\]@angular[\/\\]core[\/\\].+\.js$/,
+//                 parser: { system: true }
+//             },
+//             // require.resolve is required only because of the monorepo structure here.
+//             {
+//                 test: /(?:\.ngfactory\.js|\.ngstyle\.js|\.ts)$/,
+//                 // test: /\.ts$/,
+//                 loader: require.resolve('@ngtools/webpack')
+//             }
+//         ]
+//     },
+//     devServer: {
+//         historyApiFallback: true,
+//         port: 3001
+//     },
+//     watch: true
+// };
+
+// const assets = ['favicon.ico', 'assets/'];
+// const copyWebpackPluginPatterns = assets.map(asset => {
+//     return {
+//         from: `src/${asset}`,
+//         to: asset.includes('.') ? '' : asset
+//     };
+// });
+// const copyWebpackPluginOptions = {
+//     ignore: ['.gitkeep', '**/.DS_Store', '**/Thumbs.db']
+// };
+
+// const copyWebpackPluginInstance = new CopyWebpackPlugin(copyWebpackPluginPatterns, copyWebpackPluginOptions);
+// config.plugins.push(copyWebpackPluginInstance);
+
+// module.exports = config;

package/examples/app2/browserslist

@@ -0,0 +1,11 @@
+# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+#
+# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
+
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+not IE 9-11

package/examples/app2/extra-webpack.config.js

@@ -0,0 +1,32 @@
+const WebpackAssetsManifest = require('webpack-assets-manifest');
+const PrefixWrap = require('@worktile/planet-postcss-prefixwrap');
+
+module.exports = {
+    optimization: {
+        runtimeChunk: false
+    },
+    plugins: [new WebpackAssetsManifest()],
+    module: {
+        rules: [
+            {
+                test: /\.scss$/,
+                use: [
+                    {
+                        loader: 'postcss-loader',
+                        options: {
+                            postcssOptions: {
+                                plugins: [
+                                    PrefixWrap('.app2', {
+                                        hasAttribute: 'planet-inline',
+                                        prefixRootTags: true
+                                    })
+                                ]
+                            }
+                        }
+                    },
+                    'sass-loader'
+                ]
+            }
+        ]
+    }
+};

package/examples/app2/karma.conf.js

@@ -0,0 +1,31 @@
+// 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: {
+            clearContext: false // leave Jasmine Spec Runner output visible in browser
+        },
+        coverageIstanbulReporter: {
+            dir: require('path').join(__dirname, '../../coverage'),
+            reports: ['html', 'lcovonly', 'text-summary'],
+            fixWebpackSourcePaths: true
+        },
+        reporters: ['progress', 'kjhtml'],
+        port: 9876,
+        colors: true,
+        logLevel: config.LOG_INFO,
+        autoWatch: true,
+        browsers: ['Chrome'],
+        singleRun: false
+    });
+};

package/examples/app2/src/app/app.module.ts

@@ -0,0 +1,90 @@
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+
+import { RouterModule, Route } from '@angular/router';
+import { ProjectListComponent } from './projects/project-list.component';
+import { AppRootComponent, AppActualRootComponent } from './root/root.component';
+import { DashboardComponent } from './dashboard/dashboard.component';
+import { ProjectDetailComponent } from './projects/detail/detail.component';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { EmptyComponent, NgxPlanetModule } from 'ngx-planet';
+import { DemoCommonModule, OVERLAY_PROVIDER } from '@demo/common';
+import { ProjectResolver } from './projects/project.resolver';
+import { TasksComponent } from './projects/tasks/tasks.component';
+import { ViewComponent } from './projects/view/view.component';
+import { Overlay } from '@angular/cdk/overlay';
+import { AppOverlay } from './overlay';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { SharedModule } from './shared.module';
+
+const routers: Route[] = [
+    {
+        path: 'app2',
+        component: AppActualRootComponent,
+        children: [
+            {
+                path: '',
+                redirectTo: 'dashboard',
+                pathMatch: 'full'
+            },
+            {
+                path: 'projects',
+                component: ProjectListComponent
+            },
+            {
+                path: 'projects/:id',
+                component: ProjectDetailComponent,
+                resolve: {
+                    project: ProjectResolver
+                },
+                children: [
+                    {
+                        path: 'tasks',
+                        component: TasksComponent,
+                        children: [
+                            {
+                                path: ':viewId',
+                                component: ViewComponent
+                            }
+                        ]
+                    }
+                ]
+            },
+            {
+                path: 'dashboard',
+                component: DashboardComponent
+            }
+        ]
+    },
+    {
+        path: '**',
+        component: EmptyComponent
+    }
+];
+
+@NgModule({
+    declarations: [
+        AppActualRootComponent,
+        AppRootComponent,
+        ProjectListComponent,
+        DashboardComponent,
+        ProjectDetailComponent,
+        TasksComponent,
+        ViewComponent
+    ],
+    entryComponents: [AppRootComponent, ProjectDetailComponent],
+    imports: [
+        CommonModule,
+        BrowserAnimationsModule,
+        FormsModule,
+        BrowserModule,
+        RouterModule.forRoot(routers, { relativeLinkResolution: 'legacy' }),
+        SharedModule,
+        DemoCommonModule,
+        NgxPlanetModule
+    ],
+    providers: [OVERLAY_PROVIDER, { provide: Overlay, useClass: AppOverlay }],
+    bootstrap: [AppRootComponent]
+})
+export class AppModule {}

package/examples/app2/src/app/dashboard/dashboard.component.html

@@ -0,0 +1,21 @@
+<thy-content>
+  <h4>This is app2's dashboard</h4>
+
+  <section-card class="mt-3" title="Links to about">
+    <div><a href="javascript:;" (click)="toAbout()">About</a></div>
+    <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> -->
+</thy-content>

package/examples/app2/src/app/dashboard/dashboard.component.ts

@@ -0,0 +1,27 @@
+import { Component, Inject, HostBinding } from '@angular/core';
+import { Router } from '@angular/router';
+import { PlanetPortalApplication, GlobalEventDispatcher } from 'ngx-planet';
+
+@Component({
+    selector: 'app-dashboard',
+    templateUrl: './dashboard.component.html'
+})
+export class DashboardComponent {
+    @HostBinding('class') class = 'thy-layout';
+
+    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');
+    }
+
+    openApp1UserDetail() {
+        this.globalEventDispatcher.dispatch('openUserDetail', 1);
+    }
+}

package/examples/app2/src/app/overlay.ts

@@ -0,0 +1,26 @@
+import { Directionality } from '@angular/cdk/bidi';
+import {
+    Overlay,
+    OverlayConfig,
+    OverlayContainer,
+    OverlayKeyboardDispatcher,
+    OverlayPositionBuilder,
+    OverlayRef,
+    ScrollStrategyOptions
+} from '@angular/cdk/overlay';
+import { DOCUMENT, Location } from '@angular/common';
+import { ComponentFactoryResolver, Inject, Injectable, Injector, NgZone } from '@angular/core';
+import { isArray, concatArray } from 'ngx-tethys/util';
+
+@Injectable({ providedIn: 'root' })
+export class AppOverlay extends Overlay {
+    create(config?: OverlayConfig): OverlayRef {
+        const overlayConfig: OverlayConfig = {
+            ...config,
+            panelClass: concatArray(config.panelClass, 'app2')
+        };
+        const overlayRef = super.create(overlayConfig);
+        overlayRef.addPanelClass(overlayConfig.panelClass);
+        return overlayRef;
+    }
+}

package/examples/app2/src/app/projects/detail/detail.component.html

@@ -0,0 +1,16 @@
+<thy-header thyHasBorder="true">
+  <ng-template #headerTitle>
+    <!-- <thy-icon class="prefix-icon" thyIconName="house-square" thyIconType="fill"></thy-icon> -->
+    <!-- <a href="javascript:;" class="title-name">Project Detail {{ projectId }} </a> -->
+    <span>Project Detail {{ projectId }}</span>
+  </ng-template>
+  <ng-template #headerContent>
+    <thy-nav thyType="primary" thyHorizontal="center">
+      <a href="javascript:;" thyNavLink thyNavLinkActive="true">Tasks</a>
+      <a href="javascript:;" thyNavLink>Defects</a>
+    </thy-nav>
+  </ng-template>
+</thy-header>
+<thy-layout>
+  <router-outlet></router-outlet>
+</thy-layout>