PD-3857

SUPPORTED_BROWSERS.md

@@ -2,13 +2,13 @@
 
 > This file is auto-generated from `.browserslistrc` during the prebuild step. Do not edit manually.
 
-| Browser          | Minimum version |
-| ---------------- | --------------- |
-| Android WebView  | 142 or newer    |
-| Apple Safari     | 16.4 or newer   |
-| Google Chrome    | 115 or newer    |
-| Microsoft Edge   | 115 or newer    |
-| Mozilla Firefox  | 116 or newer    |
-| Opera            | 101 or newer    |
-| Opera Mobile     | 80 or newer     |
-| Samsung Internet | 23 or newer     |
+| Browser | Minimum version |
+|---------|-----------------|
+| Android WebView | 145 or newer |
+| Apple Safari | 17 or newer |
+| Google Chrome | 117 or newer |
+| Microsoft Edge | 117 or newer |
+| Mozilla Firefox | 116 or newer |
+| Opera | 103 or newer |
+| Opera Mobile | 80 or newer |
+| Samsung Internet | 24 or newer |

scripts/new-relic.postbuild.ts

@@ -1,17 +1,48 @@
-import { readFileSync } from 'fs'
+import { readFileSync, writeFileSync } from 'fs'
 import { join } from 'path'
 
-const newRelicScript = readFileSync(
-  join(__dirname, 'new-relic.runtime.js'),
-  'utf8'
-)
+const newRelicSourcePath = join(__dirname, 'new-relic.runtime.js')
 
-export function newRelic(indexHtml: string) {
+let minifiedNewRelicJs: string | undefined
+
+function getMinifiedNewRelicJs(): string {
+  if (minifiedNewRelicJs !== undefined) {
+    return minifiedNewRelicJs
+  }
+  const { minify_sync } = require('terser') as {
+    minify_sync: (
+      code: string,
+      options?: Record<string, unknown>
+    ) => { code?: string; error?: Error }
+  }
+  const source = readFileSync(newRelicSourcePath, 'utf8')
+  const result = minify_sync(source, {
+    compress: true,
+    mangle: true,
+    format: { comments: false },
+  })
+  if (result.error) {
+    throw result.error
+  }
+  if (!result.code) {
+    throw new Error('terser returned empty code for new-relic.runtime.js')
+  }
+  minifiedNewRelicJs = result.code
+  return minifiedNewRelicJs
+}
+
+export function newRelic(
+  indexHtml: string,
+  options: { folder: string; languageCode: string }
+) {
+  writeFileSync(
+    join(options.folder, 'new-relic.runtime.js'),
+    getMinifiedNewRelicJs(),
+    'utf8'
+  )
+  const src = `new-relic.runtime-${options.languageCode}.js`
   return indexHtml.replace(
     '<!-- NEW_RELIC_PLACEHOLDER -->',
-    `<script type="text/javascript">
-` +
-      newRelicScript +
-      `</script>`
+    `<script type="text/javascript" src="${src}"></script>`
   )
 }

scripts/postbuild.ts

@@ -19,8 +19,8 @@ glob.sync('./dist/*/index.html').forEach((file) => {
   data = buildInfo(data, options)
   // Replace all the `*.js` references to match updated JS file names with the language code.
   data = addLanguageCodeToHashesOnToHTMLFiles(data, options)
+  data = newRelic(data, options)
   data = addOneTrustNotAutoBlockForAppScripts(data)
-  data = newRelic(data)
 
   // data = robotsMetadata(data, options) DISABLE robots headers, as those will be handle via nginx
   save(data, options)

src/app/cdk/platform-info/platform-info.service.spec.ts

@@ -29,12 +29,15 @@ function createServiceWithUserAgent(userAgent: string): PlatformInfoService {
 
   // Override supported browsers with a simple known matrix for the tests.
   // This avoids depending on the generated supported-browsers.json contents.
+  // The constructor already ran with the real JSON; recompute after overriding.
   service.supportedBrowsers = {
     chrome: { major: 90, minor: 0 },
     firefox: { major: 88, minor: 0 },
     safari: { major: 16, minor: 4 },
     edge: { major: 90, minor: 0 },
   }
+  service.platform.unsupportedBrowser = service.isUnsupportedBrowser(userAgent)
+  service.platformSubject.next(service.platform)
 
   return TestBed.inject(PlatformInfoService)
 }

src/app/cdk/platform-info/supported-browsers.json

@@ -1,34 +1,34 @@
 {
   "chrome": {
-    "major": 115,
+    "major": 117,
     "minor": 0
   },
   "firefox": {
     "major": 116,
     "minor": 0
   },
   "android": {
-    "major": 142,
+    "major": 145,
     "minor": 0
   },
   "edge": {
-    "major": 115,
+    "major": 117,
     "minor": 0
   },
   "safari": {
-    "major": 16,
-    "minor": 4
+    "major": 17,
+    "minor": 0
   },
   "op_mob": {
     "major": 80,
     "minor": 0
   },
   "opera": {
-    "major": 101,
+    "major": 103,
     "minor": 0
   },
   "samsung": {
-    "major": 23,
+    "major": 24,
     "minor": 0
   }
 }