chore: extract GraphiQL server to @shopify/cli-kit

Move the GraphiQL HTTP proxy and its templates/assets out of @shopify/app
and into @shopify/cli-kit so other packages (notably @shopify/store) can
reuse it.

This commit is purely mechanical:
- Files moved to packages/cli-kit/src/public/node/graphiql/ and
  packages/cli-kit/assets/graphiql/.
- Imports inside the moved server now use relative paths to other cli-kit
  modules instead of cross-package @shopify/cli-kit/* imports.
- Asset resolution switched to @shopify/cli-kit/assets/graphiql/*.
- @shopify/app consumers updated to import from
  @shopify/cli-kit/node/graphiql/server.
- cli-kit package.json gains h3, @shopify/polaris, @shopify/polaris-icons,
  and react-dom (with @types/react-dom in devDependencies).

Behavior is unchanged. Existing graphiql server.test.ts and utilities.test.ts
move alongside the source.

Author: gonzaloriestra

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

@@ -1,5 +1,5 @@
 import {BaseProcess, DevProcessFunction} from './types.js'
-import {setupGraphiQLServer} from '../graphiql/server.js'
+import {setupGraphiQLServer} from '@shopify/cli-kit/node/graphiql/server'
 
 interface GraphiQLServerProcessOptions {
   appName: string

packages/app/src/cli/services/dev/processes/setup-dev-processes.test.ts

@@ -8,7 +8,7 @@ import {pushUpdatesForDraftableExtensions} from './draftable-extension.js'
 import {pushUpdatesForDevSession} from './dev-session/dev-session-process.js'
 import {runThemeAppExtensionsServer} from './theme-app-extension.js'
 import {launchAppWatcher} from './app-watcher-process.js'
-import {resolveGraphiQLKey} from '../graphiql/server.js'
+import {resolveGraphiQLKey} from '@shopify/cli-kit/node/graphiql/server'
 import {
   testAppAccessConfigExtension,
   testAppConfigExtensions,

packages/app/src/cli/services/dev/processes/setup-dev-processes.ts

@@ -9,7 +9,7 @@ import {DevSessionProcess, setupDevSessionProcess} from './dev-session/dev-sessi
 import {AppLogsSubscribeProcess, setupAppLogsPollingProcess} from './app-logs-polling.js'
 import {AppWatcherProcess, setupAppWatcherProcess} from './app-watcher-process.js'
 import {DevSessionStatusManager} from './dev-session/dev-session-status-manager.js'
-import {resolveGraphiQLKey} from '../graphiql/server.js'
+import {resolveGraphiQLKey} from '@shopify/cli-kit/node/graphiql/server'
 import {environmentVariableNames} from '../../../constants.js'
 import {AppLinkedInterface, getAppScopes, WebType} from '../../../models/app/app.js'
 

packages/app/assets/graphiql/favicon.ico …ages/cli-kit/assets/graphiql/favicon.icopackages/app/assets/graphiql/favicon.ico renamed to packages/cli-kit/assets/graphiql/favicon.ico packages/app/assets/graphiql/favicon.ico renamed to packages/cli-kit/assets/graphiql/favicon.ico

@@ -107,6 +107,8 @@
     "@graphql-typed-document-node/core": "3.2.0",
     "@iarna/toml": "2.2.5",
     "@oclif/core": "4.5.3",
+    "@shopify/polaris": "12.27.0",
+    "@shopify/polaris-icons": "8.11.1",
     "@shopify/toml-patch": "0.3.0",
     "@opentelemetry/api": "1.9.0",
     "@opentelemetry/core": "1.30.0",
@@ -134,6 +136,7 @@
     "gradient-string": "2.0.2",
     "graphql": "16.10.0",
     "graphql-request": "6.1.0",
+    "h3": "1.15.9",
     "ignore": "6.0.2",
     "ink": "6.8.0",
     "is-executable": "2.0.1",
@@ -151,6 +154,7 @@
     "open": "8.4.2",
     "pathe": "1.1.2",
     "react": "19.2.4",
+    "react-dom": "19.2.4",
     "semver": "7.6.3",
     "stacktracey": "2.1.8",
     "strip-ansi": "7.1.0",
@@ -165,6 +169,7 @@
     "@types/gradient-string": "^1.1.2",
     "@types/lodash": "4.17.19",
     "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@types/semver": "^7.5.2",
     "@types/which": "3.0.4",
     "@vitest/coverage-istanbul": "^3.1.4",

packages/app/assets/graphiql/style.css …ckages/cli-kit/assets/graphiql/style.csspackages/app/assets/graphiql/style.css renamed to packages/cli-kit/assets/graphiql/style.css packages/app/assets/graphiql/style.css renamed to packages/cli-kit/assets/graphiql/style.css

@@ -13,13 +13,13 @@ import {
   setResponseStatus,
   toNodeListener,
 } from 'h3'
-import {performActionWithRetryAfterRecovery} from '@shopify/cli-kit/common/retry'
-import {CLI_KIT_VERSION} from '@shopify/cli-kit/common/version'
-import {AbortError} from '@shopify/cli-kit/node/error'
-import {adminUrl, supportedApiVersions} from '@shopify/cli-kit/node/api/admin'
-import {fetch} from '@shopify/cli-kit/node/http'
-import {renderLiquidTemplate} from '@shopify/cli-kit/node/liquid'
-import {outputDebug} from '@shopify/cli-kit/node/output'
+import {performActionWithRetryAfterRecovery} from '../../common/retry.js'
+import {CLI_KIT_VERSION} from '../../common/version.js'
+import {AbortError} from '../error.js'
+import {adminUrl, supportedApiVersions} from '../api/admin.js'
+import {fetch} from '../http.js'
+import {renderLiquidTemplate} from '../liquid.js'
+import {outputDebug} from '../output.js'
 import {createHmac} from 'crypto'
 import {createServer, Server} from 'http'
 import {readFileSync} from 'fs'
@@ -120,9 +120,9 @@ export function setupGraphiQLServer({
     )
   }
 
-  const faviconPath = require.resolve('@shopify/app/assets/graphiql/favicon.ico')
+  const faviconPath = require.resolve('@shopify/cli-kit/assets/graphiql/favicon.ico')
   const faviconContent = readFileSync(faviconPath)
-  const stylePath = require.resolve('@shopify/app/assets/graphiql/style.css')
+  const stylePath = require.resolve('@shopify/cli-kit/assets/graphiql/style.css')
   const styleContent = readFileSync(stylePath, 'utf8')
 
   app.use(