perf: Share url querys

Author: ZhaoJiSen

src/app/pages/share/share.component.ts

@@ -1,37 +1,44 @@
-import {ActivatedRoute} from '@angular/router';
-import {AfterViewInit, Component, ElementRef, OnInit, ViewChild} from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core';
 
-// TODO 与 kubernetes 合并
 @Component({
   standalone: false,
   selector: 'pages-share',
-  templateUrl: 'share.component.html',
+  templateUrl: 'share.component.html'
 })
 export class PagesShareComponent implements OnInit, AfterViewInit {
-  @ViewChild('iFrame', {static: false}) iframeRef: ElementRef;
+  @ViewChild('iFrame', { static: false }) iframeRef: ElementRef;
 
   public ping;
   public id: string = '';
   public type: string = '';
   public shareId: string = '';
   public iframeURL: string = '';
 
-  constructor(private _route: ActivatedRoute) {
-  }
+  constructor(private _route: ActivatedRoute) {}
 
   ngOnInit(): void {
     this.id = 'window-' + Math.random().toString(36).substr(2);
     this.shareId = this._route.snapshot.params['id'];
     this.type = this._route.snapshot.queryParams['type'];
 
+    const queryParams = new URLSearchParams();
+
+    Object.entries(this._route.snapshot.queryParams).forEach(([key, value]) => {
+      if (value !== null && value !== undefined) {
+        queryParams.append(key, value as string);
+      }
+    });
+
+    const queryString = queryParams.toString();
     const baseUrl = `${window.location.protocol}//${window.location.host}`;
 
     if (this.type && this.type === 'lion') {
-      this.iframeURL = `${baseUrl}/lion/share/${this.shareId}`;
+      this.iframeURL = `${baseUrl}/lion/share/${this.shareId}?${queryString}`;
       return;
     }
 
-    this.iframeURL = `${baseUrl}/koko/share/${this.shareId}`;
+    this.iframeURL = `${baseUrl}/koko/share/${this.shareId}?${queryString}`;
   }
 
   ngAfterViewInit(): void {
@@ -40,18 +47,21 @@ export class PagesShareComponent implements OnInit, AfterViewInit {
 
   handleK8sIframeEvent() {
     this.ping = setInterval(() => {
-      this.iframeRef.nativeElement.contentWindow.postMessage({name: 'PING', id: this.id}, '*');
+      this.iframeRef.nativeElement.contentWindow.postMessage({ name: 'PING', id: this.id }, '*');
     }, 1000);
 
-    window.addEventListener('message', (event) => {
+    window.addEventListener('message', event => {
       const msg = event.data;
 
       switch (msg.name) {
         case 'PONG':
           clearInterval(this.ping);
           break;
         case 'PING':
-          this.iframeRef.nativeElement.contentWindow.postMessage({name: 'PING', id: this.id}, '*');
+          this.iframeRef.nativeElement.contentWindow.postMessage(
+            { name: 'PING', id: this.id },
+            '*'
+          );
           break;
         default:
           break;