fix(mac): normalize filename to NFD form (#7901)

Author: jebibot

.changeset/thick-flowers-bathe.md

@@ -0,0 +1,5 @@
+---
+"app-builder-lib": patch
+---
+
+fix codesign and DMG layout when productName or executableName contains Unicode

packages/app-builder-lib/src/appInfo.ts

@@ -32,7 +32,12 @@ export class AppInfo {
   readonly sanitizedProductName: string
   readonly productFilename: string
 
-  constructor(private readonly info: Packager, buildVersion: string | null | undefined, private readonly platformSpecificOptions: PlatformSpecificBuildOptions | null = null) {
+  constructor(
+    private readonly info: Packager,
+    buildVersion: string | null | undefined,
+    private readonly platformSpecificOptions: PlatformSpecificBuildOptions | null = null,
+    normalizeNfd = false
+  ) {
     this.version = info.metadata.version!
 
     if (buildVersion == null) {
@@ -63,10 +68,10 @@ export class AppInfo {
     }
 
     this.productName = info.config.productName || info.metadata.productName || info.metadata.name!
-    this.sanitizedProductName = sanitizeFileName(this.productName)
+    this.sanitizedProductName = sanitizeFileName(this.productName, normalizeNfd)
 
     const executableName = platformSpecificOptions?.executableName ?? info.config.executableName
-    this.productFilename = executableName != null ? sanitizeFileName(executableName) : this.sanitizedProductName
+    this.productFilename = executableName != null ? sanitizeFileName(executableName, normalizeNfd) : this.sanitizedProductName
   }
 
   get channel(): string | null {

packages/app-builder-lib/src/macPackager.ts

@@ -58,7 +58,8 @@ export default class MacPackager extends PlatformPackager<MacConfiguration> {
 
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   protected prepareAppInfo(appInfo: AppInfo): AppInfo {
-    return new AppInfo(this.info, this.platformSpecificBuildOptions.bundleVersion, this.platformSpecificBuildOptions)
+    // codesign requires the filename to be normalized to the NFD form
+    return new AppInfo(this.info, this.platformSpecificBuildOptions.bundleVersion, this.platformSpecificBuildOptions, true)
   }
 
   async getIconPath(): Promise<string | null> {

packages/app-builder-lib/src/util/filename.ts

@@ -2,8 +2,9 @@
 import * as _sanitizeFileName from "sanitize-filename"
 import * as path from "path"
 
-export function sanitizeFileName(s: string): string {
-  return _sanitizeFileName(s)
+export function sanitizeFileName(s: string, normalizeNfd = false): string {
+  const sanitized = _sanitizeFileName(s)
+  return normalizeNfd ? sanitized.normalize("NFD") : sanitized
 }
 
 // Get the filetype from a filename. Returns a string of one or more file extensions,