Universe: use Relay 13 and the new Rust Compiler

This commit upgrades Relay to version 13 and switches from the old
Relay Compiler to the new Rust one (since both things go together).

Basically, the main change is that now we have only one Relay config
for the whole monorepo and the compiler is being executed for the whole
monorepo as well (while being much faster). Additionally, Relay support
is directly integrated into Flow so in many cases I simply removed
previous Flow types (see `useLazyLoadQuery` and `useFragment`).

There is still ongoing effort to improve the Flow types in Relay so not
everything is finalized. For this reason I decided to use "Compat" types
mode. Similarly, some hooks (`useMutation` and `usePreloadedQuery` for
example) still require explicit types information so I didn't change
these yet. Regardless of that, we are pretty close to use "Final" types.
We just need to wait for the Relay team to finish everything.

Many issues were already resolved but there are still some that need to
be fixed (not blocking this PR):

- facebook/relay#3700
- relayjs/eslint-plugin-relay#131
- prettier/prettier#6102

Important links with additional information:

- https://relay.dev/blog/2021/12/08/introducing-the-new-relay-compiler/
- https://github.com/facebook/relay/releases/tag/v13.0.0
- https://github.com/facebook/relay/releases/tag/v13.0.0-rc.0
- https://github.com/facebook/relay/releases/tag/v13.0.0-rc.1
- https://github.com/facebook/relay/releases/tag/v13.0.0-rc.2

adeira-source-id: bc3d10741250e32b6fd399245f62d25484c6ae70

Author: mrtnzlml

CHANGELOG.md

@@ -1,5 +1,7 @@
 # Unreleased
 
+- The old Relay Compiler wrapper has been replaces with the new Rust Compiler. This is the only compiler available in Relay 13+ and you can read more about this change here: https://relay.dev/blog/2021/12/08/introducing-the-new-relay-compiler/
+
 # 4.0.0
 
 - **Breaking**: Relay version upgraded to 12.0.0, for more information please visit: https://github.com/facebook/relay/releases/tag/v12.0.0

bin/commander/__tests__/options.test.js

@@ -1,11 +1,9 @@
 // @flow
 
 let fetchSchemaOptions;
-let relayCompilerOptions;
 beforeEach(() => {
   jest.isolateModules(() => {
     fetchSchemaOptions = require('../options').fetchSchemaOptions;
-    relayCompilerOptions = require('../options').relayCompilerOptions;
   });
 });
 
@@ -35,55 +33,3 @@ describe('fetch schema', () => {
     });
   });
 });
-
-describe('relay compiler', () => {
-  it('no args', () => {
-    expect(() => relayCompilerOptions(['node', 'test'])).toThrowErrorMatchingInlineSnapshot(
-      `"Option --src is required."`,
-    );
-  });
-
-  it('with only src', () => {
-    expect(() =>
-      relayCompilerOptions(['node', 'test', '--src=AAA']),
-    ).toThrowErrorMatchingInlineSnapshot(`"Option --schema is required."`);
-  });
-
-  it('with only schema', () => {
-    expect(() =>
-      relayCompilerOptions(['node', 'test', '--schema=BBB']),
-    ).toThrowErrorMatchingInlineSnapshot(`"Option --src is required."`);
-  });
-
-  it('with only validate', () => {
-    expect(() =>
-      relayCompilerOptions(['node', 'test', '--validate']),
-    ).toThrowErrorMatchingInlineSnapshot(`"Option --src is required."`);
-  });
-
-  it('with only watch', () => {
-    expect(() =>
-      relayCompilerOptions(['node', 'test', '--watch']),
-    ).toThrowErrorMatchingInlineSnapshot(`"Option --src is required."`);
-  });
-
-  it('with src,schema', () => {
-    expect(relayCompilerOptions(['node', 'test', '--src=AAA', '--schema=BBB'])).toStrictEqual({
-      src: 'AAA',
-      schema: 'BBB',
-      validate: false,
-      watch: false,
-    });
-  });
-
-  it('with all', () => {
-    expect(
-      relayCompilerOptions(['node', 'test', '--src=AAA', '--schema=BBB', '--validate', '--watch']),
-    ).toStrictEqual({
-      src: 'AAA',
-      schema: 'BBB',
-      validate: true,
-      watch: true,
-    });
-  });
-});

bin/commander/options.js

@@ -34,45 +34,3 @@ module.exports.fetchSchemaOptions = function (
 
   return config;
 };
-
-/*::
-
-type RelayCompilerOptions = {
-  +src: string,
-  +schema: string,
-  +validate: boolean,
-  +watch: boolean,
-}
-
-*/
-
-module.exports.relayCompilerOptions = function (
-  argToParse: $ReadOnlyArray<string>,
-) /*: RelayCompilerOptions */ {
-  const relayConfig = RelayConfig.loadConfig() ?? {};
-
-  const options = program
-    // Please note: try not to extend this CLI if possible. Always prefer "relay.config.js" file.
-    .option('--src <src>')
-    .option('--schema <schema>')
-    .option('--validate', 'Activates validate only mode', false)
-    .option(
-      '--watch',
-      'This option currently REQUIRES Watchman (https://facebook.github.io/watchman/) to be installed.',
-      false,
-    )
-    .parse(argToParse)
-    .opts();
-
-  const config = {
-    src: options.src ?? relayConfig.src,
-    schema: options.schema ?? relayConfig.schema,
-    validate: options.validate ?? relayConfig.validate,
-    watch: options.watch ?? relayConfig.watch,
-  };
-
-  invariant(config.src != null, 'Option --src is required.');
-  invariant(config.schema != null, 'Option --schema is required.');
-
-  return config;
-};

bin/relay-compiler.js

@@ -18,31 +18,27 @@
     "adeira-fetch-schema": "bin/fetch-schema.js",
     "adeira-relay-compiler": "bin/relay-compiler.js"
   },
-  "scripts": {
-    "test": "yarn eslint src && yarn flow src",
-    "regenerate": "./bin/relay-compiler.js --src=./src --schema=./schema.graphql"
-  },
   "dependencies": {
     "@adeira/fetch": "^2.1.0",
     "@adeira/js": "^2.1.1",
     "@adeira/monorepo-utils": "^0.11.0",
     "@adeira/signed-source": "^2.0.0",
     "@babel/register": "^7.16.7",
     "@babel/runtime": "^7.16.7",
-    "babel-plugin-relay": "^12.0.0",
+    "babel-plugin-relay": "^13.0.0",
     "commander": "^8.3.0",
     "is-ci": "^3.0.1",
-    "react-relay": "^12.0.0",
-    "relay-compiler": "^12.0.0",
-    "relay-config": "^12.0.1",
-    "relay-runtime": "^12.0.0"
+    "react-relay": "^13.0.0",
+    "relay-compiler": "^13.0.0",
+    "relay-config": "0.0.0-main-d92b9e55",
+    "relay-runtime": "^13.0.0"
   },
   "devDependencies": {
     "@testing-library/react-hooks": "^7.0.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-test-renderer": "^17.0.2",
-    "relay-test-utils": "^12.0.0"
+    "relay-test-utils": "^13.0.0"
   },
   "peerDependencies": {
     "graphql": "^15.0.0",

package.json

@@ -8,6 +8,8 @@ const query = graphql`
   }
 `;
 
+type QueryVariables = {};
+
 type QueryTypeMock = {
   +variables: {},
   +response: {},
@@ -16,16 +18,16 @@ type QueryTypeMock = {
 module.exports = {
   validUsage: (): (() => void) => {
     return function TestComponent() {
-      useLazyLoadQuery<QueryTypeMock>(query);
-      useLazyLoadQuery<QueryTypeMock>(query, {});
+      useLazyLoadQuery<QueryVariables, QueryTypeMock>(query);
+      useLazyLoadQuery<QueryVariables, QueryTypeMock>(query, Object.freeze({}));
     };
   },
 
   // Invalid usages:
   invalidUsage: (): (() => void) => {
     return function TestComponent() {
       // $FlowExpectedError[incompatible-call]: should be an object
-      useLazyLoadQuery<QueryTypeMock>(query, 'invalid');
+      useLazyLoadQuery<QueryVariables, QueryTypeMock>(query, 'invalid');
     };
   },
 };