VSCode : Without Apollo engine

[joaogarin]

Hello,

I amt trying to use the apollo vs code extension, but I am not using Apollo Engine. :Does the extension support other endpoints ? or even a local introspection result file (json)?

My config looks like this :

module.exports = {
  client: {
    service: {
      endpoint: {
        url: 'https://{myendpoint}/graphql'
      },
    }
  }
};

Right when opening the editor I can find a couple errors :

TypeError: Only absolute URLs are supported (even though my endpoint is absolute)
UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 2): Error: Unable to find ENGINE_API_KEY

My frontend lives in a subfolder so the apollo.config.js lives also in that folder, even though I also tried putting it in the root but the same errors showed up

Thank you!

[shadaj]

Hi @joaogarin, you'll need to just put the url directly inside service. If you update your config to look like this

module.exports = {
  client: {
    service: {
      url: 'https://{myendpoint}/graphql'
    }
  }
};

everything should work fine.

[joaogarin]

Hello,

thanks for the feedback. I did try that also, and with it I get only the Unhandled promisse error :

(node:69541) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: Unable to find ENGINE_API_KEY
(node:69541) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

but query autocompletion and so on still does not work.

[shadaj]

That's odd. The error message is expected, but code completion should have started to work. Where are you defining your query files? By default the extension only performs code completions in src/**.{js(x), ts(x), graphql}.

[joaogarin]

Ah I see..yeah its not under src/** =/ too bad. Its a nextjs app typically yoi would find certain things under pages and components folder, I Imagine in the future there might be support for other locations? or is there a reason why it only looks in the src folder?

[jessedvrs]

That's odd. The error message is expected, but code completion should have started to work. Where are you defining your query files? By default the extension only performs code completions in src/**.{js(x), ts(x), graphql}.

@shadaj Is there a way to configure this default directory src ?

[jessedvrs]

Found it! @joaogarin you must put the apollo.config.js in the root of the project (so that it can be found by the vscode extension). Then you can configure your target directory like this:

module.exports = {
    client: {
        name: 'graphql-vscode-client-test',
        service: {
            url: "http://localhost:5000/graphql",
        },
        includes: [
            "client/src/**/*.{ts,tsx,js,jsx,graphql}"
        ]
    },
};

Give your vscode a Window Reload! Works for me, I hope it works for you too!

[thompk2]

@jessedvrs That worked for me! Is that includes documented anywhere?

[jbaxleyiii]

@joaogarin @jessedvrs @thompk2 I've written first pass docs here! https://www.apollographql.com/docs/resources/apollo-config.html#loading-files

[joaogarin]

For the likes of me I just can''t get this to work properly...even using the includes. New errors now :

Cannot define a new schema within a schema extension.
    at assertValidSDLExtension (/Users/joaogarin/.vscode/extensions/apollographql.vscode-apollo-1.1.12/node_modules/graphql/validation/validate.js:106:11)
    at Object.extendSchema (/Users/joaogarin/.vscode/extensions/apollographql.vscode-apollo-1.1.12/node_modules/graphql/utilities/extendSchema.js:65:43)
    at loadingHandler.handle (/Users/joaogarin/.vscode/extensions/apollographql.vscode-apollo-1.1.12/node_modules/apollo-language-server/lib/project/client.js:60:37)
    at <anonymous>
    at process._tickCallback (internal/process/next_tick.js:188:7)

[martijnwalraven]

@joaogarin That is a SDL validation error from graphql-js. Do you have multiple schema definitions maybe?

[deftomat]

@jbaxleyiii Link is not working.
Also https://www.apollographql.com/docs/platform/editor-plugins.html#local-schemas pointing to the same wrong link.

[xyy94813]

Why i always get error:

UnhandledPromiseRejectionWarning: Error: No API key found. Please set APOLLO_KEY or use --key

I just want to use local schema (or my server)

// apollo.config.js
module.exports = {
  client: {
    // service: {
    //   name: 'local',
    //   localSchemaFile: __dirname + 'config/schema.graphql',
    // },
    service: {
      name: 'server',
      url: 'https://{myendpoint}/graphql',
      // optional headers
      // optional disable SSL validation check
      // skipSSLValidation: true,
      includes: ['src/**/*.{ts,tsx,js,jsx,graphql}'],
    },
    // localSchemaFile: 'config/schema.graphql',
    // includes: ['./src/**/*.js'],
    // excludes: ['**/__tests__/**'],
  },
};