[api-codegen] Project isn't "consuming" output from storefront generated graphql types

[seaders]

Issue summary

Issue is as stated, snapshots:

I've a backend that works 99% with the admin API, but, because there's nowhere to do a cartCreate with it, that has to be from the storefront. I'm using @shopify/shopify-api v11.6.1 and everything runs perfectly, at run-time, and everything with the admin side of things works absolutely perfectly at compile time and run-time.

With the storefront side of things, in vscode, there's no automatic association between the generated code and the actual response, even though the code is generated perfectly.

A similar call with the admin api, without anything changing in the project settings,

If I go and manually reference the generated file, we get what we want,

.graphqlrc.ts

import { ApiType, shopifyApiProject } from "@shopify/api-codegen-preset"

export default {
  schema: "https://shopify.dev/storefront-graphql-direct-proxy/2024-10",
  projects: {
    default: shopifyApiProject({
      apiType: ApiType.Admin,
      apiVersion: "2024-10",
      documents: ["./lib/shopify/admin/*.ts"],
      outputDir: "./lib/graphql-types/admin"
    }),
    storefront: shopifyApiProject({
      apiType: ApiType.Storefront,
      apiVersion: "2024-10",
      documents: ["./lib/shopify/storefront/*.ts"],
      outputDir: "./lib/graphql-types/storefront"
    })
  }
}

Admin gen command
npx graphql-codegen

Storefront gen command
npx graphql-codegen -p storefront

I've followed the advice in #1058 to get 90% of the way there, but not all the way.

At the end of the day, especially because this is the only storefront call I make with our backend, and I can manually reference that output, or just type it out myself, it's not really a big issue, but it does seem like a bug, and should work "out of the box" like with admin.

Before opening this issue, I have:

• [ x ] Upgraded to the latest version of the relevant packages
  • @shopify/* package and version:

    "@shopify/admin-api-client": "^1.0.4",
    "@shopify/graphql-client": "^1.2.1",
    "@shopify/shopify-api": "^11.6.1",
    "@shopify/shopify-app-session-storage": "^3.0.9",
---
    "@shopify/api-codegen-preset": "^1.1.3",

• Node version: v20.18.1
• Operating system: OSX 15.2
• [ x] Set { logger: { level: LogSeverity.Debug } } in my configuration, when applicable
• [x ] Found a reliable way to reproduce the problem that indicates it's a problem with the package
• [ x] Looked for similar issues in this repository
• [x ] Checked that this isn't an issue with a Shopify API

[seaders]

No idea the actual reason, but I know now what causes this. Using pnpm. I set up a vanilla project to see if I could figure some things out, and couldn't get anything working at all. Found a stack overflow that said the age old rm -rf node_modules && npm i, which I did, instead of my usual pnpm, and everything worked exactly right.

I then did the same again, but pnpm i and? Same problem, no "connection" to the storefront and the typehinting for the storefront side was lost.

[lizkenyon]

Hi there 👋

Thank you for flagging this issue. It does sound like something we want to resolve. I will bring this to the team to review.

[Subraiz]

@seaders I actually ran into the same exact issue, had an app which for 99% of things just needed admin api, but needed storefront for 1 thing. I posted my workaround for this in #1058 (comment)