feat: add assets gzipsize

packages/core/src/build-utils/common/chunks/assetsContent.ts

@@ -1,12 +1,20 @@
 import { SDK } from '@rsdoctor/types';
+import { RsdoctorPluginOptionsNormalized } from '@rsdoctor/core/types';
+
+const COMPRESSIBLE_REGEX =
+  /\.(?:js|css|html|json|svg|txt|xml|xhtml|wasm|manifest)$/i;
 
 export function assetsContents(
   assetMap: Map<string, { content: string }>,
   chunkGraph: SDK.ChunkGraphInstance,
+  supports: RsdoctorPluginOptionsNormalized['supports'],
 ) {
   const assets = chunkGraph.getAssets();
   assets.forEach((asset) => {
     const { content = '' } = assetMap.get(asset.path) || {};
     asset.content = content;
+    if (COMPRESSIBLE_REGEX.test(asset.path) && supports?.gzip) {
+      asset.setGzipSize(content);
+    }
   });
 }

packages/core/src/inner-plugins/plugins/bundle.ts

@@ -67,7 +67,11 @@ export class InternalBundlePlugin<
 
   public done = async (): Promise<void> => {
     if (this.scheduler.chunkGraph) {
-      Chunks.assetsContents(this.map, this.scheduler.chunkGraph);
+      Chunks.assetsContents(
+        this.map,
+        this.scheduler.chunkGraph,
+        this.scheduler.options?.supports,
+      );
     }
 
     this.sdk.addClientRoutes([

packages/core/src/inner-plugins/utils/config.ts

@@ -46,6 +46,7 @@ export function normalizeUserConfig<Rules extends Linter.ExtendRuleData[]>(
       parseBundle: true,
       banner: undefined,
       generateTileGraph: true,
+      gzip: false,
     },
     port,
     printLog = { serverUrls: true },

packages/core/src/types/plugin.ts

@@ -126,6 +126,7 @@ interface ISupport {
   banner?: boolean;
   parseBundle?: boolean;
   generateTileGraph?: boolean;
+  gzip?: boolean;
 }
 
 export interface RsdoctorPluginOptionsNormalized<

packages/graph/src/graph/chunk-graph/asset.ts

@@ -1,5 +1,5 @@
 import { SDK } from '@rsdoctor/types';
-
+import { gzipSync } from 'node:zlib';
 let id = 1;
 
 export class Asset implements SDK.AssetInstance {
@@ -12,6 +12,7 @@ export class Asset implements SDK.AssetInstance {
   size: number;
   content: string;
   chunks: SDK.ChunkInstance[];
+  gzipSize: number | undefined;
 
   constructor(
     path: string,
@@ -31,6 +32,7 @@ export class Asset implements SDK.AssetInstance {
       id: this.id,
       path: this.path,
       size: this.size,
+      gzipSize: this.gzipSize,
       chunks: this.chunks?.map((ck) => ck.id),
       content:
         types === SDK.ToDataType.NoSourceAndAssets ||
@@ -48,4 +50,8 @@ export class Asset implements SDK.AssetInstance {
   setId(id: number): void {
     this.id = id;
   }
+
+  setGzipSize(content: string) {
+    this.gzipSize = gzipSync(content, { level: 9 }).length;
+  }
 }

packages/types/src/sdk/chunk.ts

@@ -9,10 +9,12 @@ export interface AssetInstance {
   chunks: ChunkInstance[];
   /** File resource content */
   content: string;
+  gzipSize: number | undefined;
   /** Generate data */
   toData(type: ToDataType): AssetData;
   setId(id: number): void;
   setChunks(chunks: ChunkInstance[]): void;
+  setGzipSize(content: string): void;
 }
 
 export interface ChunkInstance {

packages/utils/src/common/graph/assets.ts

@@ -116,6 +116,7 @@ export function getAssetsSizeInfo(
       files: assets.map((e) => ({
         path: e.path,
         size: e.size,
+        gzipSize: e.gzipSize,
         initial: isInitialAsset(e, chunks),
         content: withFileContent ? e.content : undefined,
       })),