cli icon indicating copy to clipboard operation
cli copied to clipboard
verified publisher icon Shopify

[Bug]: GraphiQL not possible to access via publicly accessible URL

Open michaelhaessig opened this issue 1 year ago • 0 comments

Please confirm that you have:

  • [X] Searched existing issues to see if your issue is a duplicate. (If you’ve found a duplicate issue, feel free to add additional information in a comment on it.)
  • [X] Reproduced the issue in the latest CLI version.

In which of these areas are you experiencing a problem?

App

Expected behavior

I'm trying to setup a dev environment on Replit.com, on replit we cannot directly connect to localhost, the environment is using a proxy to map localhost ports to a public URL.

Accesing the GraphiQL instance via the public URL should be showing a working UI.

Based on the code parameters of the Dev Command it should be possible to access a public GraphiQL instance (key parameter used for security).

Actual behavior

The port mapping is no issue, but the GraphiQL UI frontend always receives the config with localhost hardcoded, this breaks the UI when it's running behind a proxy URL:

graphiql_localhost

It seems that the URL is hardcoded in setupGraphiQLServer

I would suggest making the URL configurable, or if possible let the client side UI just use the port and the existing hostname where it's currently running.

Verbose output

With request headers:
 - User-Agent: Shopify CLI; v=3.64.1
 - Keep-Alive: timeout=30
 - Sec-CH-UA-PLATFORM: darwin
 - Content-Type: application/json

2024-07-18T12:40:12.858Z: Request to https://partners.shopify.com/api/cli/graphql completed in 494 ms
With response headers:
 - cache-control: max-age=0, private, must-revalidate
 - content-type: application/json; charset=utf-8
 - etag: W/"bdfb63cf1e7761642cb3894c54d83ab3"
 - x-request-id: 41507750-c81f-455e-ad04-f10c3518c85c-1721306412
    
2024-07-18T12:40:12.864Z: Sending "Partners" GraphQL request:
  query FindOrganization($id: ID!) {
    organizations(id: $id, first: 1) {
      nodes {
        id
        businessName
        website
      }
    }
  }

With variables:
{
  "id": "890465"
}

With request headers:
 - User-Agent: Shopify CLI; v=3.64.1
 - Keep-Alive: timeout=30
 - Sec-CH-UA-PLATFORM: darwin
 - Content-Type: application/json

2024-07-18T12:40:13.129Z: Request to https://partners.shopify.com/api/cli/graphql completed in 264 ms
With response headers:
 - cache-control: max-age=0, private, must-revalidate
 - content-type: application/json; charset=utf-8
 - etag: W/"9c0e3db71c6f30a3535adfec323e51af"
 - x-request-id: 2a79e53d-bd6a-4a49-aa11-8659e0b496a7-1721306412
    
2024-07-18T12:40:13.134Z: Sending "Partners" GraphQL request:
  query FindOrganization($orgId: ID!, $shopDomain: String) {
    organizations(id: $orgId, first: 1) {
      nodes {
        id
        businessName
        website
        stores(shopDomain: $shopDomain, first: 1, archived: false) {
          nodes {
            shopId
            link
            shopDomain
            shopName
            transferDisabled
            convertableToPartnerTest
          }
        }
      }
    }
  }

With variables:
{
  "orgId": "890465",
  "shopDomain": "redacted-clean.myshopify.com"
}

With request headers:
 - User-Agent: Shopify CLI; v=3.64.1
 - Keep-Alive: timeout=30
 - Sec-CH-UA-PLATFORM: darwin
 - Content-Type: application/json

2024-07-18T12:40:13.440Z: Request to https://partners.shopify.com/api/cli/graphql completed in 305 ms
With response headers:
 - cache-control: max-age=0, private, must-revalidate
 - content-type: application/json; charset=utf-8
 - etag: W/"b43cf20dc6664740e6202be86423b841"
 - x-request-id: dc9c124d-7f8a-4ec3-8189-34760be59237-1721306413
    
2024-07-18T12:40:13.446Z: Sending "Partners" GraphQL request:
  query fetchSpecifications($api_key: String!) {
    extensionSpecifications(apiKey: $api_key) {
      name
      externalName
      externalIdentifier
      identifier
      gated
      experience
      options {
        managementExperience
        registrationLimit
      }
      features {
        argo {
          surface
        }
      }
      validationSchema {
        jsonSchema
      }
    }
  }

With variables:
{
  "api_key": "d33b34d65bc5a4ccabee8edeef03baa0"
}

With request headers:
 - User-Agent: Shopify CLI; v=3.64.1
 - Keep-Alive: timeout=30
 - Sec-CH-UA-PLATFORM: darwin
 - Content-Type: application/json

2024-07-18T12:40:13.851Z: Request to https://partners.shopify.com/api/cli/graphql completed in 404 ms
With response headers:
 - cache-control: max-age=0, private, must-revalidate
 - content-type: application/json; charset=utf-8
 - etag: W/"017ba9e2d8314f3122bf7253e1f7a4bc"
 - x-request-id: e86e63bd-1751-43b4-96d2-6ae6cd6807aa-1721306413
    
2024-07-18T12:40:13.854Z: The following extension specifications were defined locally but not found in the remote specifications: data, payments_extension, tax_calculation
2024-07-18T12:40:13.854Z: The following extension specifications were found in the remote specifications but not defined locally: cloud_terminal_management
2024-07-18T12:40:13.858Z: Sending "Partners" GraphQL request:
  query activeAppVersion($apiKey: String!) {
    app(apiKey: $apiKey) {
      activeAppVersion {
        appModuleVersions {
          registrationId
          registrationUuid
          registrationTitle
          type
          config
          specification {
            identifier
            name
            experience
            options {
              managementExperience
            }
          }
        }
      }
    }
  }

With variables:
{
  "apiKey": "*****"
}

With request headers:
 - User-Agent: Shopify CLI; v=3.64.1
 - Keep-Alive: timeout=30
 - Sec-CH-UA-PLATFORM: darwin
 - Content-Type: application/json

2024-07-18T12:40:14.336Z: Request to https://partners.shopify.com/api/cli/graphql completed in 475 ms
With response headers:
 - cache-control: max-age=0, private, must-revalidate
 - content-type: application/json; charset=utf-8
 - etag: W/"3fcedf795f8ffc7d9dd0b68b490555f4"
 - x-request-id: 25d9f1e0-eb54-4154-a1e9-4608f900a855-1721306413
    
2024-07-18T12:40:14.341Z: Reading cached app information for directory /Users/redacted/code/redacted/redacted-app-playground/src/main/shopify/app-playground...
2024-07-18T12:40:14.342Z: Reading the content of file at shopify.app.toml...
2024-07-18T12:40:14.342Z: Reading the content of file at shopify.app.toml...
2024-07-18T12:40:14.412Z: Reading the .env file at .env
2024-07-18T12:40:14.412Z: Reading the content of file at .env...
2024-07-18T12:40:14.418Z: Reading the content of file at package.json...
2024-07-18T12:40:14.418Z: Reading the content of file at package.json...
2024-07-18T12:40:14.421Z: 
Running system process:
  · Command: npm prefix
  · Working directory: /Users/redacted/code/redacted/redacted-app-playground/src/main/shopify/app-playground

2024-07-18T12:40:14.589Z: Obtaining the dependency manager in directory /Users/redacted/code/redacted/redacted-app-playground/src/main/shopify/app-playground...
2024-07-18T12:40:14.708Z: Reading the content of file at shopify.web.toml...
2024-07-18T12:40:14.710Z: Reading the content of file at package.json...
2024-07-18T12:40:14.711Z: Writing app configuration to /Users/redacted/code/redacted/redacted-app-playground/src/main/shopify/app-playground/shopify.app.toml
2024-07-18T12:40:14.712Z: File-writing some content to file at shopify.app.toml...
╭─ info ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
│                                                                                                                                                                             │
│  Using shopify.app.toml:                                                                                                                                                    │
│                                                                                                                                                                             │
│    • Org:             Cloudlift                                                                                                                                             │
│    • App:             app-playground                                                                                                                                        │
│    • Dev store:       redacted-clean.myshopify.com                                                                                                                         │
│    • Update URLs:     Yes                                                                                                                                                   │
│                                                                                                                                                                             │
│   You can pass `--reset` to your command to reset your app configuration.                                                                                                   │
│                                                                                                                                                                             │
╰─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯

2024-07-18T12:40:14.733Z: Polling tunnel status for cloudflare (attempt 0): starting
2024-07-18T12:40:14.734Z: Getting a random port...
2024-07-18T12:40:14.734Z: Random port obtained: 51221
2024-07-18T12:40:14.734Z: 2024-07-18T12:40:14Z INF +--------------------------------------------------------------------------------------------+
2024-07-18T12:40:14Z INF |  Your quick Tunnel has been created! Visit it at (it may take some time to be reachable):  |
2024-07-18T12:40:14Z INF |  https://reasoning-gains-nancy-executive.trycloudflare.com                                 |
2024-07-18T12:40:14Z INF +--------------------------------------------------------------------------------------------+
2024-07-18T12:40:14Z INF Cannot determine default configuration path. No file [config.yml config.yaml] in [~/.cloudflared ~/.cloudflare-warp ~/cloudflare-warp /etc/cloudflared /usr/local/etc/cloudflared]
2024-07-18T12:40:14Z INF Version 2024.6.1
2024-07-18T12:40:14Z INF GOOS: darwin, GOVersion: go1.22.2-devel-cf, GoArch: amd64
2024-07-18T12:40:14Z INF Settings: map[ha-connections:1 no-autoupdate:true protocol:quic url:http://localhost:51163]
2024-07-18T12:40:14Z INF Generated Connector ID: 669530b9-3588-48cb-b5e2-275fd514e1b7

2024-07-18T12:40:14.776Z: 2024-07-18T12:40:14Z INF Initial protocol quic

2024-07-18T12:40:14.777Z: 2024-07-18T12:40:14Z INF ICMP proxy will use 192.168.0.189 as source for IPv4

2024-07-18T12:40:14.777Z: 2024-07-18T12:40:14Z INF ICMP proxy will use fe80::4b7:4d56:8c05:7a0c in zone en0 as source for IPv6

2024-07-18T12:40:14.777Z: 2024-07-18T12:40:14Z INF Created ICMP proxy listening on 192.168.0.189:0

2024-07-18T12:40:14.778Z: 2024-07-18T12:40:14Z INF Created ICMP proxy listening on [fe80::4b7:4d56:8c05:7a0c%en0]:0

2024-07-18T12:40:14.816Z: 2024-07-18T12:40:14Z INF Starting metrics server on 127.0.0.1:51223/metrics

2024-07-18T12:40:15.196Z: 2024-07-18T12:40:15Z INF Registered tunnel connection connIndex=0 connection=8e2c11c8-5a0e-40c3-8131-5987df669481 event=0 ip=198.41.200.13 location=vie05 protocol=quic

2024-07-18T12:40:15.235Z: Polling tunnel status for cloudflare (attempt 1): connected
2024-07-18T12:40:15.235Z: Getting a random port...
2024-07-18T12:40:15.236Z: Random port obtained: 51232
2024-07-18T12:40:15.241Z: Sending "Partners" GraphQL request:
  mutation appUpdate($apiKey: String!, $applicationUrl: Url!, $redirectUrlWhitelist: [Url]!, $appProxy: AppProxyInput) {
    appUpdate(
      input: {
        apiKey: $apiKey
        applicationUrl: $applicationUrl
        redirectUrlWhitelist: $redirectUrlWhitelist
        appProxy: $appProxy
      }
    ) {
      userErrors {
        message
        field
      }
    }
  }

With variables:
{
  "apiKey": "*****",
  "applicationUrl": "https://reasoning-gains-nancy-executive.trycloudflare.com",
  "redirectUrlWhitelist": [
    "https://reasoning-gains-nancy-executive.trycloudflare.com/auth/callback",
    "https://reasoning-gains-nancy-executive.trycloudflare.com/auth/shopify/callback",
    "https://reasoning-gains-nancy-executive.trycloudflare.com/api/auth/callback"
  ]
}

With request headers:
 - User-Agent: Shopify CLI; v=3.64.1
 - Keep-Alive: timeout=30
 - Sec-CH-UA-PLATFORM: darwin
 - Content-Type: application/json

2024-07-18T12:40:15.785Z: Request to https://partners.shopify.com/api/cli/graphql completed in 541 ms
With response headers:
 - cache-control: max-age=0, private, must-revalidate
 - content-type: application/json; charset=utf-8
 - etag: W/"76acb4e44b91f928c3744a856cacdd2e"
 - x-request-id: cf3d33a5-9917-459d-9ac9-4367e5002762-1721306415
    
2024-07-18T12:40:15.787Z: Writing app configuration to /Users/redacted/code/redacted/redacted-app-playground/src/main/shopify/app-playground/shopify.app.toml
2024-07-18T12:40:15.787Z: File-writing some content to file at shopify.app.toml...
2024-07-18T12:40:15.795Z: Sending "Partners" GraphQL request:
  query allAppExtensionRegistrations($apiKey: String!) {
    app(apiKey: $apiKey) {
      extensionRegistrations {
        id
        uuid
        title
        type
        draftVersion {
          config
          context
        }
        activeVersion {
          config
          context
        }
      }
      configurationRegistrations {
        id
        uuid
        title
        type
        draftVersion {
          config
          context
        }
        activeVersion {
          config
          context
        }
      }
      dashboardManagedExtensionRegistrations {
        id
        uuid
        title
        type
        activeVersion {
          config
          context
        }
        draftVersion {
          config
          context
        }
      }
    }
  }

With variables:
{
  "apiKey": "*****"
}

With request headers:
 - User-Agent: Shopify CLI; v=3.64.1
 - Keep-Alive: timeout=30
 - Sec-CH-UA-PLATFORM: darwin
 - Content-Type: application/json

2024-07-18T12:40:16.573Z: Request to https://partners.shopify.com/api/cli/graphql completed in 777 ms
With response headers:
 - cache-control: max-age=0, private, must-revalidate
 - content-type: application/json; charset=utf-8
 - etag: W/"df12171cebe7ce8e00bdb2654df760e6"
 - x-request-id: 847da329-1ad7-4738-a292-f374a30e9e62-1721306415
    
2024-07-18T12:40:16.579Z: Sending "Partners" GraphQL request:
  query activeAppVersion($apiKey: String!) {
    app(apiKey: $apiKey) {
      activeAppVersion {
        appModuleVersions {
          registrationId
          registrationUuid
          registrationTitle
          type
          config
          specification {
            identifier
            name
            experience
            options {
              managementExperience
            }
          }
        }
      }
    }
  }

With variables:
{
  "apiKey": "*****"
}

With request headers:
 - User-Agent: Shopify CLI; v=3.64.1
 - Keep-Alive: timeout=30
 - Sec-CH-UA-PLATFORM: darwin
 - Content-Type: application/json

2024-07-18T12:40:17.058Z: Request to https://partners.shopify.com/api/cli/graphql completed in 479 ms
With response headers:
 - cache-control: max-age=0, private, must-revalidate
 - content-type: application/json; charset=utf-8
 - etag: W/"3fcedf795f8ffc7d9dd0b68b490555f4"
 - x-request-id: a829119d-4b79-4d86-bd99-b18b379c3da4-1721306416
    
2024-07-18T12:40:17.065Z: Sending "Partners" GraphQL request:
  query activeAppVersion($apiKey: String!) {
    app(apiKey: $apiKey) {
      activeAppVersion {
        appModuleVersions {
          registrationId
          registrationUuid
          registrationTitle
          type
          config
          specification {
            identifier
            name
            experience
            options {
              managementExperience
            }
          }
        }
      }
    }
  }

With variables:
{
  "apiKey": "*****"
}

With request headers:
 - User-Agent: Shopify CLI; v=3.64.1
 - Keep-Alive: timeout=30
 - Sec-CH-UA-PLATFORM: darwin
 - Content-Type: application/json

2024-07-18T12:40:17.497Z: Request to https://partners.shopify.com/api/cli/graphql completed in 431 ms
With response headers:
 - cache-control: max-age=0, private, must-revalidate
 - content-type: application/json; charset=utf-8
 - etag: W/"3fcedf795f8ffc7d9dd0b68b490555f4"
 - x-request-id: 8c411762-28fc-4f08-b66f-924d12cdc354-1721306417
    
2024-07-18T12:40:17.503Z: Storing app information for directory /Users/redacted/code/redacted/redacted-app-playground/src/main/shopify/app-playground:{
  "directory": "/Users/redacted/code/redacted/redacted-app-playground/src/main/shopify/app-playground",
  "previousAppId": "d33b34d65bc5a4ccabee8edeef03baa0"
}
2024-07-18T12:40:17.519Z: 
Running system process:
  · Command: npm prefix
  · Working directory: /Users/redacted/code/redacted/redacted-app-playground/src/main/shopify/app-playground

2024-07-18T12:40:17.654Z: Obtaining the dependency manager in directory /Users/redacted/code/redacted/redacted-app-playground/src/main/shopify/app-playground...
2024-07-18T12:40:17.656Z: 
Running system process:
  · Command: ruby -v
  · Working directory: /Users/redacted/code/redacted/redacted-app-playground/src/main/shopify/app-playground

2024-07-18T12:40:17.955Z: Request to https://monorail-edge.shopifysvc.com/v1/produce completed in 279 ms
With response headers:
 - x-request-id: 05a9523a-9415-46c8-adef-5fcb838b8688
    
2024-07-18T12:40:17.955Z: Analytics event sent: {
  "command": "app dev",
  "time_start": 1721306411155,
  "time_end": 1721306417515,
  "total_time": 6360,
  "success": true,
  "cli_version": "3.64.1",
  "ruby_version": "3.2.2",
  "node_version": "22.3.0",
  "is_employee": false,
  "uname": "darwin arm64",
  "env_ci": false,
  "env_plugin_installed_any_custom": false,
  "env_plugin_installed_shopify": "[\"@shopify/cli\"]",
  "env_shell": "zsh",
  "env_device_id": "03fbe6f170a14698f473852fca106bba9e5f7ab8",
  "env_cloud": "localhost",
  "env_package_manager": "yarn",
  "env_is_global": false,
  "cmd_app_warning_api_key_deprecation_displayed": false,
  "cmd_app_all_configs_any": true,
  "cmd_app_all_configs_clients": "{\"shopify.app.toml\":\"d33b34d65bc5a4ccabee8edeef03baa0\"}",
  "cmd_app_linked_config_used": true,
  "cmd_app_linked_config_name": "shopify.app.toml",
  "cmd_app_linked_config_git_tracked": true,
  "cmd_app_linked_config_source": "cached",
  "cmd_app_linked_config_uses_cli_managed_urls": true,
  "partner_id": 890465,
  "api_key": "****",
  "project_type": "node",
  "app_extensions_any": false,
  "app_extensions_breakdown": "{}",
  "app_extensions_count": 0,
  "app_extensions_custom_layout": false,
  "app_extensions_function_any": false,
  "app_extensions_function_count": 0,
  "app_extensions_theme_any": false,
  "app_extensions_theme_count": 0,
  "app_extensions_ui_any": false,
  "app_extensions_ui_count": 0,
  "app_name_hash": "fd494db45540c54758f7c00a4842aaa6e5f6766c",
  "app_path_hash": "f20effb42af50202f291d1e4c6787217b8cc192f",
  "app_scopes": "[\"read_locales\",\"read_shipping\",\"write_delivery_customizations\",\"write_discounts\",\"write_orders\",\"write_validations\"]",
  "app_web_backend_any": true,
  "app_web_backend_count": 1,
  "app_web_custom_layout": true,
  "app_web_framework": "unknown",
  "app_web_frontend_any": false,
  "app_web_frontend_count": 0,
  "env_package_manager_workspaces": true,
  "cmd_deploy_include_config_used": true,
  "cmd_deploy_config_modules_breakdown": "[\"access_scopes\",\"application_url\",\"auth\",\"embedded\",\"handle\",\"name\",\"pos\",\"webhooks\"]",
  "cmd_deploy_config_modules_updated": "[\"application_url\",\"auth\"]",
  "cmd_dev_tunnel_type": "cloudflare",
  "cmd_dev_urls_updated": true,
  "store_fqdn_hash": "7d970aaf8091f6e76668337325e860579494c258",
  "cmd_app_dependency_installation_skipped": false,
  "cmd_app_reset_used": false,
  "cmd_all_timing_network_ms": 5078,
  "cmd_all_timing_prompts_ms": 0,
  "cmd_all_launcher": "yarn",
  "cmd_all_topic": "app",
  "cmd_all_plugin": "@shopify/cli",
  "cmd_all_verbose": true,
  "cmd_all_path_override": true,
  "cmd_all_path_override_hash": "f20effb42af50202f291d1e4c6787217b8cc192f",
  "cmd_all_timing_active_ms": 1281,
  "cmd_all_exit": "ok",
  "args": "--graphiql-port=3000 --verbose",
  "app_name": "app-playground",
  "store_fqdn": "redacted-clean.myshopify.com",
  "env_plugin_installed_all": "[\"@shopify/cli\"]",
  "metadata": "{\"extraPublic\":{},\"extraSensitive\":{}}"
}
2024-07-18T12:40:17.964Z: Sending "Partners" GraphQL request:
  query allAppExtensionRegistrations($apiKey: String!) {
    app(apiKey: $apiKey) {
      extensionRegistrations {
        id
        uuid
        title
        type
        draftVersion {
          config
          context
        }
        activeVersion {
          config
          context
        }
      }
      configurationRegistrations {
        id
        uuid
        title
        type
        draftVersion {
          config
          context
        }
        activeVersion {
          config
          context
        }
      }
      dashboardManagedExtensionRegistrations {
        id
        uuid
        title
        type
        activeVersion {
          config
          context
        }
        draftVersion {
          config
          context
        }
      }
    }
  }

With variables:
{
  "apiKey": "*****"
}

With request headers:
 - User-Agent: Shopify CLI; v=3.64.1
 - Keep-Alive: timeout=30
 - Sec-CH-UA-PLATFORM: darwin
 - Content-Type: application/json

2024-07-18T12:40:18.840Z: Request to https://partners.shopify.com/api/cli/graphql completed in 874 ms
With response headers:
 - cache-control: max-age=0, private, must-revalidate
 - content-type: application/json; charset=utf-8
 - etag: W/"df12171cebe7ce8e00bdb2654df760e6"
 - x-request-id: 9af6331b-4f4f-46a0-9573-78394e7a29b9-1721306418
    
2024-07-18T12:40:18.851Z: 
Running system process:
  · Command: echo 'shopify web command for tunneling'
  · Working directory: /Users/redacted/code/redacted/redacted-app-playground/src/main/shopify/app-playground

14:40:18 │      graphiql │ 2024-07-18T12:40:18.851Z: Setting up GraphiQL HTTP server on port 3000...
14:40:18 │      graphiql │ GraphiQL server started on port 3000
14:40:18 │   web-backend │ 'shopify web command for tunneling'
2024-07-18T12:40:18.871Z: Sending "Partners" GraphQL request:
  mutation DevelopmentStorePreviewUpdate($input: DevelopmentStorePreviewUpdateInput!) {
    developmentStorePreviewUpdate(input: $input) {
      app {
        id
        developmentStorePreviewEnabled
      }
      userErrors {
        message
        field
      }
    }
  }

With variables:
{
  "input": {
    "apiKey": "d33b34d65bc5a4ccabee8edeef03baa0",
    "enabled": true
  }
}

With request headers:
 - User-Agent: Shopify CLI; v=3.64.1
 - Keep-Alive: timeout=30
 - Sec-CH-UA-PLATFORM: darwin
 - Content-Type: application/json

2024-07-18T12:40:19.024Z: Sending "Partners" GraphQL request:
  mutation ExtensionUpdateDraft($apiKey: String!, $registrationId: ID!, $config: JSON!, $context: String, $handle: String) {
  extensionUpdateDraft(
    input: {apiKey: $apiKey, registrationId: $registrationId, config: $config, context: $context, handle: $handle}
  ) {
    userErrors {
      field
      message
      __typename
    }
    __typename
  }
}

With variables:
{
  "apiKey": "*****",
  "config": "{\"scopes\":\"read_locales,read_shipping,write_delivery_customizations,write_discounts,write_orders,write_validations\",\"use_legacy_install_flow\":false,\"redirect_url_allowlist\":[\"https://whether-stuart-qui-fg.trycloudflare.com/auth/callback\",\"https://whether-stuart-qui-fg.trycloudflare.com/auth/shopify/callback\",\"https://whether-stuart-qui-fg.trycloudflare.com/api/auth/callback\"]}",
  "handle": "app-access",
  "context": "",
  "registrationId": "724422230017"
}

With request headers:
 - User-Agent: Shopify CLI; v=3.64.1
 - Keep-Alive: timeout=30
 - Sec-CH-UA-PLATFORM: darwin
 - Content-Type: application/json

2024-07-18T12:40:19.633Z: Request to https://partners.shopify.com/api/cli/graphql completed in 760 ms
With response headers:
 - cache-control: max-age=0, private, must-revalidate
 - content-type: application/json; charset=utf-8
 - etag: W/"1b69aa76f0603cbf7edc5ab73ad1ae4d"
 - x-request-id: 7ad3a645-b226-4304-98ad-17537d3b3298-1721306419
    
2024-07-18T12:40:19.809Z: Request to https://partners.shopify.com/api/cli/graphql completed in 784 ms
With response headers:
 - cache-control: max-age=0, private, must-revalidate
 - content-type: application/json; charset=utf-8
 - etag: W/"dd0677410b6f7528aaede2e34d449874"
 - x-request-id: 61b6c181-38e1-493f-b1d0-69469b831fd1-1721306419
    
14:40:19 │    app-access │ 2024-07-18T12:40:19.819Z: Watching extension: app-access for:
14:40:19 │    app-access │ Rebuild and Redeploy Paths:
14:40:19 │    app-access │
14:40:19 │    app-access │
14:40:19 │    app-access │ Redeploy Paths:
14:40:19 │    app-access │      /Users/redacted/code/redacted/redacted-app-playground/src/main/shopify/app-playground/shopify.app.toml
2024-07-18T12:40:23.858Z: Sending "Partners" GraphQL request:
  query FindAppPreviewMode($apiKey: String!) {
    app(apiKey: $apiKey) {
      developmentStorePreviewEnabled
    }
  }

With variables:
{
  "apiKey": "*****"
}

With request headers:
 - User-Agent: Shopify CLI; v=3.64.1
 - Keep-Alive: timeout=30
 - Sec-CH-UA-PLATFORM: darwin
 - Content-Type: application/json

2024-07-18T12:40:24.220Z: Request to https://partners.shopify.com/api/cli/graphql completed in 361 ms
With response headers:
 - cache-control: max-age=0, private, must-revalidate
 - content-type: application/json; charset=utf-8
 - etag: W/"f9e834f7231872722829cb9dec035749"
 - x-request-id: 78a5162c-f7f9-406e-b74a-e35ad8206dc4-1721306423
    
2024-07-18T12:40:28.859Z: Sending "Partners" GraphQL request:
  query FindAppPreviewMode($apiKey: String!) {
    app(apiKey: $apiKey) {
      developmentStorePreviewEnabled
    }
  }

With variables:
{
  "apiKey": "*****"
}

With request headers:
 - User-Agent: Shopify CLI; v=3.64.1
 - Keep-Alive: timeout=30
 - Sec-CH-UA-PLATFORM: darwin
 - Content-Type: application/json

2024-07-18T12:40:29.265Z: Request to https://partners.shopify.com/api/cli/graphql completed in 405 ms
With response headers:
 - cache-control: max-age=0, private, must-revalidate
 - content-type: application/json; charset=utf-8
 - etag: W/"f9e834f7231872722829cb9dec035749"
 - x-request-id: b31af2d0-3240-4376-abe8-125022846d67-1721306428
    
2024-07-18T12:40:33.859Z: Sending "Partners" GraphQL request:
  query FindAppPreviewMode($apiKey: String!) {
    app(apiKey: $apiKey) {
      developmentStorePreviewEnabled
    }
  }

With variables:
{
  "apiKey": "*****"
}

With request headers:
 - User-Agent: Shopify CLI; v=3.64.1
 - Keep-Alive: timeout=30
 - Sec-CH-UA-PLATFORM: darwin
 - Content-Type: application/json

2024-07-18T12:40:34.530Z: Request to https://partners.shopify.com/api/cli/graphql completed in 670 ms
With response headers:
 - cache-control: max-age=0, private, must-revalidate
 - content-type: application/json; charset=utf-8
 - etag: W/"f9e834f7231872722829cb9dec035749"
 - x-request-id: 66083921-72e1-45dc-a0b5-402fd3733100-1721306434
    
14:40:36 │      graphiql │ 2024-07-18T12:40:36.948Z: refreshing token
2024-07-18T12:40:37.317Z: Request to https://redacted-clean.myshopify.com/admin/oauth/access_token?client_id=d33b34d65bc5a4ccabee8edeef03baa0&client_secret=c8ae884aca0a28ecad3e3871d620af8a&grant_type=client_credentials completed in 361 ms
With response headers:
 - cache-control: no-store
 - content-type: application/json; charset=utf-8
 - x-request-id: 9ade401b-8849-4f28-a16d-cecc360f24b9-1721306437
    
2024-07-18T12:40:37.320Z: Sending "Admin" GraphQL request:
  query {
      publicApiVersions {
        handle
        supported
      }
    }

With variables:
{}

With request headers:
 - User-Agent: Shopify CLI; v=3.64.1
 - Keep-Alive: timeout=30
 - Sec-CH-UA-PLATFORM: darwin
 - Content-Type: application/json

2024-07-18T12:40:37.661Z: Request to https://redacted-clean.myshopify.com/admin/api/unstable/graphql.json completed in 338 ms
With response headers:
 - content-type: application/json; charset=utf-8
 - x-request-id: 9c6ab14f-344f-402d-ae61-37867a48ea81-1721306437
    
2024-07-18T12:40:38.861Z: Sending "Partners" GraphQL request:
  query FindAppPreviewMode($apiKey: String!) {
    app(apiKey: $apiKey) {
      developmentStorePreviewEnabled
    }
  }

With variables:
{
  "apiKey": "*****"
}

With request headers:
 - User-Agent: Shopify CLI; v=3.64.1
 - Keep-Alive: timeout=30
 - Sec-CH-UA-PLATFORM: darwin
 - Content-Type: application/json

2024-07-18T12:40:39.227Z: Request to https://partners.shopify.com/api/cli/graphql completed in 364 ms
With response headers:
 - cache-control: max-age=0, private, must-revalidate
 - content-type: application/json; charset=utf-8
 - etag: W/"f9e834f7231872722829cb9dec035749"
 - x-request-id: db635627-cddd-407d-87bd-01169f0d2e14-1721306438
    
2024-07-18T12:40:43.864Z: Sending "Partners" GraphQL request:
  query FindAppPreviewMode($apiKey: String!) {
    app(apiKey: $apiKey) {
      developmentStorePreviewEnabled
    }
  }

With variables:
{
  "apiKey": "*****"
}

With request headers:
 - User-Agent: Shopify CLI; v=3.64.1
 - Keep-Alive: timeout=30
 - Sec-CH-UA-PLATFORM: darwin
 - Content-Type: application/json

2024-07-18T12:40:44.256Z: Request to https://partners.shopify.com/api/cli/graphql completed in 389 ms
With response headers:
 - cache-control: max-age=0, private, must-revalidate
 - content-type: application/json; charset=utf-8
 - etag: W/"f9e834f7231872722829cb9dec035749"
 - x-request-id: 6a6ff61e-6052-47c4-8013-67d64e9810c3-1721306443
    

───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────

› Press d │ toggle development store preview: ✔ on
› Press g │ open GraphiQL (Admin API) in your browser
› Press p │ preview in your browser
› Press q │ quit

Reproduction steps

  1. Replit env
  2. Install shopify cli
  3. run shopify app dev
  4. Try to access the graphiQL URL via the replit public URL

Operating System

Replit

Shopify CLI version (check your project's package.json if you're not sure)

3.64.1

Shell

No response

Node version (run node -v if you're not sure)

No response

What language and version are you using in your application?

No response

michaelhaessig avatar Jul 18 '24 12:07 michaelhaessig