Add telemetry for @next/font

packages/next/build/webpack/plugins/telemetry-plugin.ts

@@ -24,6 +24,8 @@ export type Feature =
   | 'next/legacy/image'
   | 'next/script'
   | 'next/dynamic'
+  | '@next/font/google'
+  | '@next/font/local'
   | 'swcLoader'
   | 'swcMinify'
   | 'swcRelay'
@@ -64,6 +66,10 @@ const FEATURE_MODULE_MAP: ReadonlyMap<Feature, string> = new Map([
   ['next/script', '/next/script.js'],
   ['next/dynamic', '/next/dynamic.js'],
 ])
+const FEATURE_MODULE_REGEXP_MAP: ReadonlyMap<Feature, RegExp> = new Map([
+  ['@next/font/google', /\/@next\/font\/google\/target.css?.+$/],
+  ['@next/font/local', /\/@next\/font\/local\/target.css?.+$/],
+])
 
 // List of build features used in webpack configuration
 const BUILD_FEATURES: Array<Feature> = [
@@ -101,8 +107,14 @@ function findFeatureInModule(module: Module): Feature | undefined {
   if (module.type !== 'javascript/auto') {
     return
   }
+  const normalizedIdentifier = module.identifier().replace(/\\/g, '/')
   for (const [feature, path] of FEATURE_MODULE_MAP) {
-    if (module.identifier().replace(/\\/g, '/').endsWith(path)) {
+    if (normalizedIdentifier.endsWith(path)) {
+      return feature
+    }
+  }
+  for (const [feature, regexp] of FEATURE_MODULE_REGEXP_MAP) {
+    if (regexp.test(normalizedIdentifier)) {
       return feature
     }
   }
@@ -152,6 +164,13 @@ export class TelemetryPlugin implements webpack.WebpackPluginInstance {
         invocationCount: 0,
       })
     }
+
+    for (const featureName of FEATURE_MODULE_REGEXP_MAP.keys()) {
+      this.usageTracker.set(featureName, {
+        featureName,
+        invocationCount: 0,
+      })
+    }
   }
 
   apply(compiler: webpack.Compiler): void {

packages/next/telemetry/events/build.ts

@@ -136,6 +136,8 @@ export type EventBuildFeatureUsage = {
     | 'next/future/image'
     | 'next/script'
     | 'next/dynamic'
+    | '@next/font/google'
+    | '@next/font/local'
     | 'experimental/optimizeCss'
     | 'experimental/nextScriptWorkers'
     | 'optimizeFonts'