Hide all banners that tell you to change app URL

packages/app/src/cli/services/dev.ts

@@ -18,7 +18,7 @@
 import {installAppDependencies} from './dependencies.js'
 import {DevConfig, DevProcesses, setupDevProcesses} from './dev/processes/setup-dev-processes.js'
 import {frontAndBackendConfig} from './dev/processes/utils.js'
-import {outputUpdateURLsResult, renderDev} from './dev/ui.js'
+import {renderDev} from './dev/ui.js'
 import {DeveloperPreviewController} from './dev/ui/components/Dev.js'
 import {DevProcessFunction} from './dev/processes/types.js'
 import {getCachedAppInfo, setCachedAppInfo} from './local-storage.js'
@@ -116,10 +116,10 @@
     await installAppDependencies(app)
   }
 
   const graphiqlPort = commandOptions.graphiqlPort || (await getAvailableTCPPort(ports.graphiql))
   const {graphiqlKey} = commandOptions
 
   if (graphiqlPort !== (commandOptions.graphiqlPort || ports.graphiql)) {
     renderWarning({
       headline: [
         'A random port will be used for GraphiQL because',
@@ -223,7 +223,7 @@
           scopesMessage(getAppScopesArray(localApp.configuration)),
           '\n',
           'Scopes in Partner Dashboard:',
           scopesMessage(remoteAccess?.scopes?.split(',') || []),
         ],
         nextSteps,
       })
@@ -264,7 +264,7 @@
       const newURLs = generatePartnersURLs(
         network.proxyUrl,
         webs.map(({configuration}) => configuration.auth_callback_path).find((path) => path),
-        isCurrentAppSchema(localApp.configuration) ? localApp.configuration.app_proxy : undefined,
+        localApp.configuration.app_proxy,
       )
       shouldUpdateURLs = await shouldOrPromptUpdateURLs({
         currentURLs: network.currentUrls,
@@ -277,7 +277,6 @@
       // When running dev app urls are pushed directly to API Client config instead of creating a new app version
       // so current app version and API Client config will have diferent url values.
       if (shouldUpdateURLs) await updateURLs(newURLs, apiKey, developerPlatformClient, localApp)
-      await outputUpdateURLsResult(shouldUpdateURLs, newURLs, remoteApp, localApp)
     }
   }
   return shouldUpdateURLs
@@ -301,7 +300,7 @@
       ...frontEndOptions,
       tunnelClient,
     }),
     getBackendPort() || backendConfig?.configuration.port || getAvailableTCPPort(),
     getURLs(remoteAppConfig),
   ])
   const proxyUrl = usingLocalhost ? `${frontendUrl}:${proxyPort}` : frontendUrl

packages/app/src/cli/services/dev/ui.test.tsx

@@ -1,10 +1,9 @@
-import {outputUpdateURLsResult, renderDev} from './ui.js'
+import {renderDev} from './ui.js'
 import {Dev} from './ui/components/Dev.js'
 import {
   testApp,
   testDeveloperPlatformClient,
   testFunctionExtension,
-  testOrganizationApp,
   testThemeExtensions,
   testUIExtension,
 } from '../../models/app/app.test-data.js'
@@ -32,107 +31,6 @@ afterEach(() => {
   mockAndCaptureOutput().clear()
 })
 
-describe('output', () => {
-  describe('outputUpdateURLsResult', () => {
-    const urls = {
-      applicationUrl: 'https://lala.cloudflare.io/',
-      redirectUrlWhitelist: ['https://lala.cloudflare.io/auth/callback'],
-    }
-
-    test('shows info about tunnel URL and links to Partners Dashboard when app is brand new', async () => {
-      // Given
-      const outputMock = mockAndCaptureOutput()
-      const localApp = await mockApp()
-
-      const remoteApp = testOrganizationApp({newApp: true})
-
-      // When
-      await outputUpdateURLsResult(true, urls, remoteApp, localApp)
-
-      // Then
-      expect(outputMock.output()).toMatchInlineSnapshot(`
-        "╭─ info ───────────────────────────────────────────────────────────────────────╮
-        │                                                                              │
-        │  For your convenience, we've given your app a default URL:                   │
-        │  https://lala.cloudflare.io/.                                                │
-        │                                                                              │
-        │  You can update your app's URL anytime in the Partners Dashboard [1] But     │
-        │  once your app is live, updating its URL will disrupt user access.           │
-        │                                                                              │
-        ╰──────────────────────────────────────────────────────────────────────────────╯
-        [1] https://partners.shopify.com/1/apps/1/edit
-        "
-      `)
-    })
-
-    test('shows nothing when urls were updated', async () => {
-      // Given
-      const outputMock = mockAndCaptureOutput()
-      const localApp = await mockApp()
-
-      const remoteApp = testOrganizationApp({newApp: false})
-
-      // When
-      await outputUpdateURLsResult(true, urls, remoteApp, localApp)
-
-      // Then
-      expect(outputMock.output()).toEqual('')
-    })
-
-    test('shows how to update app urls on partners when app is not brand new, urls were not updated and app uses legacy config', async () => {
-      // Given
-      const outputMock = mockAndCaptureOutput()
-      const localApp = await mockApp()
-
-      const remoteApp = testOrganizationApp({newApp: false})
-
-      // When
-      await outputUpdateURLsResult(false, urls, remoteApp, localApp)
-
-      // Then
-      expect(outputMock.output()).toMatchInlineSnapshot(`
-        "╭─ info ───────────────────────────────────────────────────────────────────────╮
-        │                                                                              │
-        │  To make URL updates manually, you can add the following URLs as redirects   │
-        │  in your Partners Dashboard [1]:                                             │
-        │                                                                              │
-        │                                                                              │
-        │    • https://lala.cloudflare.io/auth/callback                                │
-        │                                                                              │
-        ╰──────────────────────────────────────────────────────────────────────────────╯
-        [1] https://partners.shopify.com/1/apps/1/edit
-        "
-      `)
-    })
-
-    test('shows how to update app urls with config push when app is not brand new, urls were updated and app uses new config', async () => {
-      // Given
-      const outputMock = mockAndCaptureOutput()
-      const localApp = await mockApp(true)
-
-      const remoteApp = testOrganizationApp({newApp: false})
-
-      // When
-      await outputUpdateURLsResult(false, urls, remoteApp, localApp)
-
-      // Then
-      expect(outputMock.output()).toMatchInlineSnapshot(`
-        "╭─ info ───────────────────────────────────────────────────────────────────────╮
-        │                                                                              │
-        │  To update URLs manually, add the following URLs to                          │
-        │  shopify.app.staging.toml under auth > redirect_urls and run                 │
-        │   \`yarn shopify app config push --config=staging\`                            │
-        │                                                                              │
-        │                                                                              │
-        │    • https://lala.cloudflare.io/auth/callback                                │
-        │                                                                              │
-        ╰──────────────────────────────────────────────────────────────────────────────╯
-        "
-      `)
-    })
-  })
-})
-
 describe('ui', () => {
   describe('renderDev', () => {
     test("doesn't use ink when terminal doesn't support TTY", async () => {

packages/app/src/cli/services/dev/ui.tsx

@@ -1,67 +1,10 @@
-import {PartnersURLs} from './urls.js'
 import {Dev, DevProps} from './ui/components/Dev.js'
-import {AppInterface, isCurrentAppSchema} from '../../models/app/app.js'
-import {OrganizationApp} from '../../models/organization.js'
-import {getAppConfigurationShorthand} from '../../models/app/loader.js'
 import React from 'react'
-import {partnersFqdn} from '@shopify/cli-kit/node/context/fqdn'
-import {render, renderInfo} from '@shopify/cli-kit/node/ui'
-import {basename} from '@shopify/cli-kit/node/path'
-import {formatPackageManagerCommand} from '@shopify/cli-kit/node/output'
+import {render} from '@shopify/cli-kit/node/ui'
 import {terminalSupportsPrompting} from '@shopify/cli-kit/node/system'
 import {isTruthy} from '@shopify/cli-kit/node/context/utilities'
 import {isUnitTest} from '@shopify/cli-kit/node/context/local'
 
-export async function outputUpdateURLsResult(
-  updated: boolean,
-  urls: PartnersURLs,
-  remoteApp: OrganizationApp,
-  localApp: AppInterface,
-) {
-  const dashboardURL = await partnersURL(remoteApp.organizationId, remoteApp.id)
-  if (remoteApp.newApp) {
-    renderInfo({
-      headline: `For your convenience, we've given your app a default URL: ${urls.applicationUrl}.`,
-      body: [
-        "You can update your app's URL anytime in the",
-        dashboardURL,
-        'But once your app is live, updating its URL will disrupt user access.',
-      ],
-    })
-  } else if (!updated) {
-    if (isCurrentAppSchema(localApp.configuration)) {
-      const fileName = basename(localApp.configuration.path)
-      const configName = getAppConfigurationShorthand(fileName)
-      const pushCommandArgs = configName ? [`--config=${configName}`] : []
-
-      renderInfo({
-        body: [
-          `To update URLs manually, add the following URLs to ${fileName} under auth > redirect_urls and run\n`,
-          {
-            command: formatPackageManagerCommand(
-              localApp.packageManager,
-              `shopify app config push`,
-              ...pushCommandArgs,
-            ),
-          },
-          '\n\n',
-          {list: {items: urls.redirectUrlWhitelist}},
-        ],
-      })
-    } else {
-      renderInfo({
-        body: [
-          'To make URL updates manually, you can add the following URLs as redirects in your',
-          dashboardURL,
-          {char: ':'},
-          '\n\n',
-          {list: {items: urls.redirectUrlWhitelist}},
-        ],
-      })
-    }
-  }
-}
-
 export async function renderDev({
   processes,
   previewUrl,
@@ -94,15 +37,6 @@ export async function renderDev({
   }
 }
 
-async function partnersURL(organizationId: string, appId: string) {
-  return {
-    link: {
-      label: 'Partners Dashboard',
-      url: `https://${await partnersFqdn()}/${organizationId}/apps/${appId}/edit`,
-    },
-  }
-}
-
 async function renderDevNonInteractive({
   processes,
   app: {canEnablePreviewMode},

packages/app/src/cli/services/dev/urls.test.ts

@@ -16,6 +16,7 @@ import {
 import {UpdateURLsVariables} from '../../api/graphql/update_urls.js'
 import {setCachedAppInfo} from '../local-storage.js'
 import {patchAppConfigurationFile} from '../app/patch-app-configuration-file.js'
+import {AppLinkedInterface} from '../../models/app/app.js'
 import {beforeEach, describe, expect, vi, test} from 'vitest'
 import {AbortError} from '@shopify/cli-kit/node/error'
 import {checkPortAvailability, getAvailableTCPPort} from '@shopify/cli-kit/node/tcp'
@@ -314,7 +315,7 @@ describe('shouldOrPromptUpdateURLs', () => {
       currentURLs,
       appDirectory: '/path',
       apiKey: 'api-key',
-      localApp: testApp({configuration: {...DEFAULT_CONFIG, client_id: 'different'}}, 'current'),
+      localApp: testApp({configuration: {...DEFAULT_CONFIG, client_id: 'different'}}, 'current') as AppLinkedInterface,
     }
     vi.mocked(renderConfirmationPrompt).mockResolvedValue(true)
 
@@ -334,7 +335,7 @@ describe('shouldOrPromptUpdateURLs', () => {
       currentURLs,
       appDirectory: '/path',
       apiKey: 'api-key',
-      localApp,
+      localApp: localApp as AppLinkedInterface,
     }
     vi.mocked(renderConfirmationPrompt).mockResolvedValue(true)
 

packages/app/src/cli/services/dev/urls.ts

@@ -1,10 +1,5 @@
 import {updateURLsPrompt} from '../../prompts/dev.js'
-import {
-  AppConfigurationInterface,
-  AppInterface,
-  CurrentAppConfiguration,
-  isCurrentAppSchema,
-} from '../../models/app/app.js'
+import {AppConfigurationInterface, AppLinkedInterface, CurrentAppConfiguration} from '../../models/app/app.js'
 import {UpdateURLsSchema, UpdateURLsVariables} from '../../api/graphql/update_urls.js'
 import {setCachedAppInfo} from '../local-storage.js'
 import {AppConfigurationUsedByCli} from '../../models/extensions/specifications/types/app_config.js'
@@ -202,7 +197,7 @@
     throw new AbortError(errors)
   }
 
-  if (localApp && isCurrentAppSchema(localApp.configuration) && localApp.configuration.client_id === apiKey) {
+  if (localApp && localApp.configuration.client_id === apiKey) {
     const patch = {
       application_url: urls.applicationUrl,
       auth: {
@@ -243,13 +238,13 @@
   appDirectory: string
   cachedUpdateURLs?: boolean
   newApp?: boolean
-  localApp?: AppInterface
+  localApp?: AppLinkedInterface
   apiKey: string
 }
 
 export async function shouldOrPromptUpdateURLs(options: ShouldOrPromptUpdateURLsOptions): Promise<boolean> {
   if (options.localApp && options.localApp.configuration.client_id !== options.apiKey) return true
   if (options.newApp || !terminalSupportsPrompting()) return true
   let shouldUpdateURLs: boolean = options.cachedUpdateURLs === true
 
   if (options.cachedUpdateURLs === undefined) {
@@ -258,7 +253,7 @@
       options.currentURLs.redirectUrlWhitelist,
     )
 
-    if (options.localApp && isCurrentAppSchema(options.localApp.configuration)) {
+    if (options.localApp) {
       const localConfiguration = options.localApp.configuration
       localConfiguration.build = {
         ...localConfiguration.build,