❤
npm
Sign UpSign In

babel-plugin-apollo-helper

0.1.4 • Public • Published

English | 简体中文

babel-plugin-apollo-helper

auto inject graphql query by apollo hoc

Build Status codecov NPM version NPM downloads

install

npm i -D babel-plugin-apollo-helper
// or
yarn add -D babel-plugin-apollo-helper

then .babelrc:

{
  plugins: [
    "babel-plugin-apollo-helper",
    {
      packages: Array<{specifier: string, source: string}>,
      include: Regex[],
      exclude: Regex[]
    }
  ]
}

config.packages default is :

packages: [
  { specifier: 'graphql', source: '@apollo/react-hoc' },
  { specifier: 'compose', source: 'lodash/flowRight' }
];

you can overide your custom graphql and compose

usage

input:

import { graphql } from '@apollo/react-hoc';
 
export default props => {
  return (
    <div>
      <span>1</span>
    </div>
  );
};
 
export const query = gql`
  query queryDemo {
    a {
      b
    }
  }
`;

output:

import { graphql } from '@apollo/react-hoc';
export default graphql(
  gql`
    query queryDemo {
      a {
        b
      }
    }
  `,
  {
    name: 'query'
  }
)(props => {
  return (
    <div>
      <span>1</span>
    </div>
  );
});

more usages can see feature

with babel-plugin-macros

install

.babelrc

{
  plugins: ['babel-plugin-macros']
}

usage

anything be wrapped by autoInjectGql will be injected graphql queries which is exported in current js.

import { graphql } from '@apollo/react-hoc';
import autoInjectGql from 'babel-plugin-apollo-helper/macro';
 
export default autoInjectGql(props => {
  return (
    <div>
      <span>1</span>
    </div>
  );
});
 
export const query = gql`
  query queryDemo {
    a {
      b
    }
  }
`;

Readme

Keywords

Package Sidebar

Install

npm i babel-plugin-apollo-helper

Repository

github.com/yoyooyooo/babel-plugin-apollo-helper

Homepage

github.com/yoyooyooo/babel-plugin-apollo-helper#readme

Weekly Downloads

0

Version

0.1.4

License

MIT

Unpacked Size

10.9 kB

Total Files

8

Last publish

Collaborators

  • yoyooyoooyoooo
Try on RunKit
Report malware