? ????? trpc ?? ??? analyzeSizeChange ????? ?? ??? ?????.

? ???? ??? ?? ??? ????.

1. func analyzeSizeChange

2. ????

3. GitHubLogType? ?????

4. GitHubLogOptions? ?????

5. func logNewModule

6. func logDifference

7. func logGithubMessage

8. ?? ??

9. func ??JsonPaths

10. func ???AnsiEscapes

11. func ??GithubOptions

12. func ??GithubMessage

??? ?? ??? ??? analyzeSizeChange???. onAnalytic??? ??? ?? ?????.

export default function analyzeSizeChange(packageDir: string) {
 let analyzePluginIterations = 0;
 return analyze({
 summaryOnly: process.env.CI ? undefined : true,
 skipFormatted: process.env.CI ? true : undefined,
 onAnalysis: (analysis) => {
 …
 // calls logDifference
 if (prevModule) {
 logDifference(
 `Module '${module.id}'`,
 prevModule.size,
 module.size,
 );
 } else {
 logNewModule(module.id, module.size);
 }
 …
 })
}

logDifference? logNewModule? ??? ??? ??? ?? ??? ????. ?? ???? ???? ?? ????.

logNewModule:

function logNewModule(name: string, size: number) {
 if (size < ABSOLUTE_BYTE_CHANGE_THRESHOLD) {
   return;
 }
 const type = 'notice';
 const options = {
   title: `New Module (${size} bytes in ${name})`,
 };
 const message = `${name} size: ${size} bytes`;
 logGithubMessage(type, message, options);
}

logNewModule? ? ?? ?? ?? ??? ??? ?? ???? ?? logGithubMessage?? ??? ?????.

?????.

?? ??:

function logDifference(name: string, before: number, after: number) {
 const change = difference(before, after);
 if (
   change.absolute < ABSOLUTE_BYTE_CHANGE_THRESHOLD &&
   change.percent < PERCENT_CHANGE_THRESHOLD
 ) {
   return;
 }
 const type = 'error';
 const options = {
   title: `Important Size Change (${change.absolute} bytes in ${name})`,
 };
 const message = `${name} size change: ${
   change.absolute
 } bytes (${change.percent.toFixed(2)}%)`;
 logGithubMessage(type, message, options);
}

logDifference? logGithubMessage? ?? ??? ?????, ? ???? ?? ?? ???

?? ? ? ????. ??? ??? ?? ??? ? ?? ??? ?? ?? ?? ??? ? ?? ??? ????.

??Github???

function logGithubMessage(
 type: GitHubLogType,
 message: string,
 options: GitHubLogOptions = {},
) {
 console.log(
   stripAnsiEscapes(
   `::${type} ${formatGithubOptions(options)}::${formatGithubMessage(
   message,
   )
}`,
),
 );
}

logGithubMessage? StripAnsiEscapes, formatGithubOptions ? formatGithubMessage? ? ?? ??? ?????.

?? ??:

Thinkthroo??? ??? ???? ????? ???? ???? ???? ?????. ??? ??? ?????? ??? ? ?? tailwind? ??? resubale ?? ??? ??????. Next.js, React, Node ?? ???? ?????.

??? ????? ?? ???? ?? ??? ?????.

????:

1. https://github.com/trpc/trpc/blob/next/scripts/analyzeSizeChange.ts

? ??? tRPC ?? ??? analyzeSizeChange ????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!