Display first and last path segments in confirmation

Author: dejmedus

packages/theme/src/cli/utilities/theme-command.test.ts

@@ -338,8 +338,8 @@ describe('ThemeCommand', () => {
     test('confirmation prompts should display correctly formatted flag values', async () => {
       // Given
       vi.mocked(loadEnvironment)
-        .mockResolvedValueOnce({store: 'store1.myshopify.com', password: 'password1', path: 'a/path/to/a-theme'})
-        .mockResolvedValueOnce({store: 'store2.myshopify.com', password: 'password2', path: 'a/path/to/another-theme'})
+        .mockResolvedValueOnce({store: 'store1.myshopify.com', password: 'password1', path: '/home/path/to/theme1'})
+        .mockResolvedValueOnce({store: 'store2.myshopify.com', password: 'password2', path: '/home/path/to/theme2'})
 
       await CommandConfig.load()
       const command = new TestThemeCommandWithPathFlag(
@@ -357,8 +357,8 @@ describe('ThemeCommand', () => {
           message: ['Run testthemecommandwithpathflag in the following environments?'],
           infoTable: {
             Environment: [
-              ['development', {subdued: 'store: store1.myshopify.com, password, path: .../a-theme'}],
-              ['staging', {subdued: 'store: store2.myshopify.com, password, path: .../another-theme'}],
+              ['development', {subdued: 'store: store1.myshopify.com, password, path: /home/.../theme1'}],
+              ['staging', {subdued: 'store: store2.myshopify.com, password, path: /home/.../theme2'}],
             ],
           },
           confirmationMessage: 'Yes, proceed',

packages/theme/src/cli/utilities/theme-command.ts

@@ -215,8 +215,11 @@ export default abstract class ThemeCommand extends Command {
             const usedFlag = Array.isArray(flag) ? flag.find((flag) => flags[flag]) : flag
             if (usedFlag === 'password') return `password`
             if (usedFlag === 'path' && typeof flags.path === 'string') {
-              const lastSegment = flags.path.split('/').pop() || flags.path
-              return `path: .../${lastSegment}`
+              const splits = flags.path.split(/[/\\]/)
+              if (splits.length === 1) return `path: ${flags.path}`
+              const first = splits[0] === '' ? `/${splits[1]}` : splits[0]
+              const last = splits.at(-1)
+              return `path: ${first}/.../${last}`
             }
             return usedFlag && `${usedFlag}: ${flags[usedFlag]}`
           })