code-file example not working

[simplecommerce]

Hi,

I have followed the example for the code-file for my *.js files and I keep getting these 2 errors:

1:0 error Parsing error: [graphql-eslint] Syntax Error: Unexpected Name "const"
1:0 error Parsing error: [graphql-eslint] Syntax Error: Unexpected Name "export"

In my *.js files I have the following:

const { gql } = require('apollo-server');

export default gql`
# schema here
`

In my .eslintrc.json file I have the following config

{
    "root": true,
    // ❗️ It's very important that you don't have any rules configured at the top-level config,
    // and to move all configurations into the overrides section. Since JavaScript rules
    // can't run on GraphQL files and vice versa, if you have rules configured at the top level,
    // they will try to also execute for all overrides, as ESLint's configs cascade
    "overrides": [
      {
        "files": ["*.js"],
        "processor": "@graphql-eslint/graphql",
        "extends": ["eslint:recommended","plugin:@graphql-eslint/schema-recommended"],
        "plugins": ["@graphql-eslint"],
        "env": {
            "es2021": true,
            "node": true
        },
        "parserOptions": {
            "ecmaFeatures": {
              "ecmaVersion": "latest",        
              "globalReturn": false
            },
            "sourceType": "module"
        }        
    }
}

I don't understand why it is always stopping at the const and export.

Am I missing something?

Sorry if the answer is obvious.

[simplecommerce]

I figured my issue, sorry about that.

This is what I ended up with.

{
    "root": true,
    // ❗️ It's very important that you don't have any rules configured at the top-level config,
    // and to move all configurations into the overrides section. Since JavaScript rules
    // can't run on GraphQL files and vice versa, if you have rules configured at the top level,
    // they will try to also execute for all overrides, as ESLint's configs cascade
    "overrides": [
      {
        "files": ["*.js"],
        "processor": "@graphql-eslint/graphql",
        "extends": ["eslint:recommended","plugin:prettier/recommended"],
        "plugins": ["@graphql-eslint"],
        "env": {
            "es6": true,
            "node": true
        },
        "parserOptions": {
            "sourceType": "module"
        }
    }
]   
}

[simplecommerce]

Odd, this doesn't work and keeps giving me the error with const

{
    "root": true,
    // ❗️ It's very important that you don't have any rules configured at the top-level config,
    // and to move all configurations into the overrides section. Since JavaScript rules
    // can't run on GraphQL files and vice versa, if you have rules configured at the top level,
    // they will try to also execute for all overrides, as ESLint's configs cascade
    "overrides": [
      {
        "files": ["*.js"],
        "extends": ["eslint:recommended","plugin:prettier/recommended","plugin:@graphql-eslint/schema-recommended"],
        "env": {
            "es6": true,
            "node": true
        },
        "parserOptions": {
            "sourceType": "module"
        }
    }
]   
}

[simplecommerce]

Ok I think I know what my problem is, it is because I am not using *.graphql schema files.
And I can't seem to get it to work without that.
Does this plugin actually work without *.graphql files if I only have my schemas in *.js code files?

[dimaMachina]

Your configuration is invalid, follow this example https://github.com/B2o5T/graphql-eslint/blob/master/examples/monorepo/.eslintrc.cjs to found what’s wrong in your configuration

[dimaMachina]

Add a minimal reproduction repo and I’ll try to help you

[simplecommerce]

@B2o5T here is the repo: https://github.com/simplecommerce/graphql-eslint

I am using node v14.18.1 in case you need this info.
All I did was

npm install and then npx eslint authentication.js

And nothing changes in the file.

Thanks for your help I appreciate it.

[dimaMachina]

@simplecommerce the issue was due missing "processor": "@graphql-eslint/graphql", in *.js override

Note: processor is needed to extract graphql document from code-files (.js/.ts)

[simplecommerce]

@B2o5T thanks for your help, I appreciate the time, I got it semi working and am getting issues but I think its just the way my project is coded/defined.

Another quick question, I assume this plugin doesn't support schema merging?

In my current project my schemas are defined in *.js files and some files can use schema types from other files, in my project main file, I merge my schemas into one single schema.

I assume this won't work.

[dimaMachina]

If you want to use schema-recommended you must provide a full schema for graphql-eslint. If you use some types from other project you can manually extend your schema as I described in this comment #1063 (comment)