Add dotenv package to cli-kit

.changeset/perfect-beans-repair.md

@@ -0,0 +1,5 @@
+---
+'@shopify/cli-kit': minor
+---
+
+Support parsing multiline environment variables in .env file

packages/cli-kit/package.json

@@ -123,6 +123,7 @@
     "cross-zip": "4.0.0",
     "deepmerge": "4.3.1",
     "del": "6.1.1",
+    "dotenv": "^16.4.5",
     "env-paths": "3.0.0",
     "envfile": "6.18.0",
     "execa": "7.2.0",

packages/cli-kit/src/public/node/dot-env.test.ts

@@ -26,6 +26,22 @@ describe('readAndParseDotEnv', () => {
       expect(got.variables.FOO).toEqual('BAR')
     })
   })
+
+  test('ensures newline characters are parsed from .env file', async () => {
+    await inTemporaryDirectory(async (tmpDir) => {
+      // Given
+      const dotEnvPath = joinPath(tmpDir, '.env')
+
+      await writeFile(dotEnvPath, `FOO="BAR\nBAR\nBAR"`)
+
+      // When
+      const got = await readAndParseDotEnv(dotEnvPath)
+
+      // Then
+      expect(got.path).toEqual(dotEnvPath)
+      expect(got.variables.MOO).toEqual('BAR\nBAR\nBAR')
+    })
+  })
 })
 
 describe('writeDotEnv', () => {

packages/cli-kit/src/public/node/dot-env.ts

@@ -3,7 +3,8 @@ import {fileExists, readFile, writeFile} from './fs.js'
 import {outputDebug, outputContent, outputToken} from '../../public/node/output.js'
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
-import {parse, stringify} from 'envfile'
+import {stringify} from 'envfile'
+import * as dotenv from 'dotenv'
 
 /**
  * This interface represents a .env file.
@@ -32,7 +33,7 @@ export async function readAndParseDotEnv(path: string): Promise<DotEnvFile> {
   const content = await readFile(path)
   return {
     path,
-    variables: parse(content),
+    variables: dotenv.parse(content),
   }
 }