Support babel-plugin-macros #2171
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,31 @@ | ||
| /** | ||
| * Copyright (c) 2013-present, Facebook, Inc. | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| * | ||
| * @providesModule BabelPluginRelayMacro | ||
| * @flow | ||
| * @format | ||
| */ | ||
|
|
||
| 'use strict'; | ||
|
|
||
| const {createMacro} = require('babel-plugin-macros'); | ||
| const compileGraphQLTag = require('./compileGraphQLTag'); | ||
| const getValidGraphQLTag = require('./getValidGraphQLTag'); | ||
|
|
||
| function BabelPluginRelayMacro({references, state, babel}) { | ||
| const {types: t} = babel; | ||
| Object.keys(references).forEach(referenceKey => { | ||
| references[referenceKey].forEach(reference => { | ||
| const path = reference.parentPath; | ||
| const ast = getValidGraphQLTag(path); | ||
| if (ast) { | ||
| compileGraphQLTag(t, path, state, ast); | ||
| } | ||
| }); | ||
| }); | ||
| } | ||
|
|
||
| module.exports = createMacro(BabelPluginRelayMacro); | ||
|
There was a problem hiding this comment. It looks like There was a problem hiding this comment. Thanks for the pointer. I didn't address this yet, as most of the options only pertain to Compat and Classic. Maybe @gaearon can help answer whether Compat and Classic should be supported? There was a problem hiding this comment. If configuration is an edge case, I'd suggest omitting it for now. That's something that can be added later and I think it's better to not slow down the merge-ability of this PR for something that not many folks will need/use. There was a problem hiding this comment. I don't think we would want to support classic and compat for anything new. The rest of the options are only to allow us to use the same plugin internally at FB and shouldn't be needed in OSS. |
||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,42 @@ | ||
| /** | ||
| * Copyright (c) 2013-present, Facebook, Inc. | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| * | ||
| * @format | ||
| * @emails oncall+relay | ||
| */ | ||
|
|
||
| 'use strict'; | ||
|
|
||
| require('configureForRelayOSS'); | ||
|
|
||
| const pluginTester = require('babel-plugin-tester'); | ||
| const plugin = require('babel-plugin-macros'); | ||
|
|
||
| pluginTester({ | ||
| plugin, | ||
| snapshot: true, | ||
| title: 'BabelPluginRelayMacro', | ||
| babelOptions: {filename: __filename, parserOpts: {plugins: ['jsx']}}, | ||
| tests: { | ||
| works: ` | ||
| 'use strict'; | ||
|
|
||
| const {graphql} = require('../../react-relay/modern/ReactRelayGraphQL.macro'); | ||
| const CompatProfilePic = require('CompatProfilePic'); | ||
|
|
||
| const CompatViewerQuery = graphql\` | ||
| query CompatViewerQuery($id: ID!, $scale: Float = 1.5) { | ||
| node(id: $id) { | ||
| ... on User { | ||
| id | ||
| ...CompatProfilePic_user | ||
| } | ||
| } | ||
| } | ||
| \`; | ||
| `, | ||
| }, | ||
| }); |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,37 @@ | ||
| // Jest Snapshot v1, https://goo.gl/fbAQLP | ||
|
|
||
| exports[`BabelPluginRelayMacro works: works 1`] = ` | ||
| " | ||
| 'use strict'; | ||
|
|
||
|
There was a problem hiding this comment. Unlike in There was a problem hiding this comment. If the import needs to be retained (or replaced with something else) then your macros can get the Program node from the There was a problem hiding this comment. The import is not needed in Modern (classic pulls some runtime helpers from it). |
||
| const {graphql} = require('../../react-relay/modern/ReactRelayGraphQL.macro'); | ||
| const CompatProfilePic = require('CompatProfilePic'); | ||
|
|
||
| const CompatViewerQuery = graphql\` | ||
| query CompatViewerQuery($id: ID!, $scale: Float = 1.5) { | ||
| node(id: $id) { | ||
| ... on User { | ||
| id | ||
| ...CompatProfilePic_user | ||
| } | ||
| } | ||
| } | ||
| \`; | ||
|
|
||
| ↓ ↓ ↓ ↓ ↓ ↓ | ||
|
|
||
| 'use strict'; | ||
|
|
||
| const CompatProfilePic = require('CompatProfilePic'); | ||
|
|
||
| const CompatViewerQuery = function () { | ||
| const node = require('./__generated__/CompatViewerQuery.graphql'); | ||
|
|
||
| if (node.hash && node.hash !== '42a62b166f34144936e64b3c65e42c4d') { | ||
| console.error('The definition of \\\\'CompatViewerQuery\\\\' appears to have changed. Run \`relay-compiler\` to update the generated files to receive the expected data.'); | ||
| } | ||
|
|
||
| return require('./__generated__/CompatViewerQuery.graphql'); | ||
| }; | ||
| " | ||
| `; | ||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| // This module is named the way it is because babel-plugin-macros requires | ||
| // the source string to match the regex /[./]macro(\.js)?$/, and | ||
| // this module is imported in the test suite. | ||
|
|
||
| module.exports = require('../../babel-plugin-relay/BabelPluginRelayMacro'); | ||
|
There was a problem hiding this comment. This module is named the way it is because There was a problem hiding this comment. You might want to add that as a comment in the file 👍 |
||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This outputs
macro.jsindist/react-relay.