use @iarna/toml parser for extractClientId instead of regex

Author: phyllis-sy-wu

packages/e2e/package.json

@@ -29,6 +29,7 @@
     }
   },
   "devDependencies": {
+    "@iarna/toml": "2.2.5",
     "@playwright/test": "^1.50.0",
     "@types/node": "18.19.70",
     "dotenv": "16.4.7",

packages/e2e/setup/app.ts

@@ -2,6 +2,7 @@
 import {authFixture} from './auth.js'
 import {navigateToDashboard} from './browser.js'
 import {CLI_TIMEOUT, BROWSER_TIMEOUT} from './constants.js'
+import * as toml from '@iarna/toml'
 import * as path from 'path'
 import * as fs from 'fs'
 import type {CLIContext, CLIProcess, ExecResult} from './cli.js'
@@ -84,12 +85,13 @@ export async function createApp(ctx: {
  * Read the client_id from a shopify.app.toml file.
  */
 export function extractClientId(appDir: string): string {
-  const toml = fs.readFileSync(path.join(appDir, 'shopify.app.toml'), 'utf8')
-  const match = toml.match(/client_id\s*=\s*"([^"]+)"/)
-  if (!match?.[1]) {
-    throw new Error(`Could not find client_id in ${path.join(appDir, 'shopify.app.toml')}`)
+  const tomlPath = path.join(appDir, 'shopify.app.toml')
+  const parsed = toml.parse(fs.readFileSync(tomlPath, 'utf8'))
+  const clientId = parsed.client_id as string | undefined
+  if (!clientId) {
+    throw new Error(`Could not find client_id in ${tomlPath}`)
   }
-  return match[1]
+  return clientId
 }
 
 /**