Benjie's responses megathread

[benjie]

I often post useful answers in various locations (chat, issues, PRs, StackOverflow, etc). It'd be great if these answers were rewritten and inserted into the documentation for easy reference. Some might make sense in an FAQ format, some might make sense on the relevant pages of the documentation.

This thread collects some of these responses with the intention of later going through them and putting them into the docs - of course if someone wants to take on doing this that would be very welcome!

One response per message, please; each entry should:

• have a checkbox - [ ] Added to docs to indicate completion
• have a source URL or description (e.g. Discord, #help-and-support, 20th December 2019 @ 3:17pm UTC (please include timezone!))
• have a copy of the original text unless it was posted on graphile GitHub in which case a link to the comment sufficies

Thanks!

[benjie]

• Added to docs

Source: graphile/graphile-engine#471 (comment)

I thought hooks were just called when schema entities are created

Correct.

didn't really understand what the extend stuff does

extend(a, {b: 2}) is roughly equivalent to Object.assign(a, {b: 2}) but with a tonne of extra built in protections and logging when fields conflict.

so the plugins are ran on a builder for an object before it is actually built (and thereby can overwrite each others methods)?

We start with an inflectors object that's something like {pluralize, singularize, camelCase}.

Hooks get called on the result of each other to calculate the final value, so you can think of it as:

const initialInflectors = {pluralize, singularize, camelCase}; // Supplied by graphile-build

const finalInflectors =
  hook3( // Your Hook Here
    hook2( // from @graphile-contrib/pg-simplify-inflector
      hook1( // from graphile-build-pg
        initialInflectors
      )
    )
  );

In this situation you might have that hook1 is the graphile-build-pg hook that adds all the PG-specific inflectors (graphile-build doesn't care about PG), hook2 is the simplify inflector's hook, so you need to implement hook3 to augment that with your mods.

But who then calls these methods in the end, where is that documented?

graphile-build (aka Graphile Engine) is responsible for managing the calling of all the hooks. They all execute synchronously. They start here:

https://github.com/graphile/graphile-engine/blob/2c0ce76c55fe2208c1445534f1904b3844a771d2/packages/graphile-build/src/SchemaBuilder.js#L476-L493

Especially with makeAddInflectorsPlugin I am lost, as the "inflection" hook is not documented anywhere…

You shouldn't need to even worry about any of this, the makeAddInflectorsPlugin (documented here) should completely abstract the whole hook system so you only need to worry about writing your override:

const { makeAddInflectorsPlugin } = require("graphile-utils");

module.exports = makeAddInflectorsPlugin({
  allRows(table: PgClass) {
    return this.camelCase(
      `all-${this.distinctPluralize(this._singularizedTableName(table))}`
    );
  },
}, true);

[benjie]

How lookahead works/could work w.r.t. interfaces/unions: graphile/crystal#387 (comment)

[benjie]

• Added to the docs

graphile/crystal#387 (comment) on how the lookahead system works (and might be modified to support unions/interfaces).

[benjie]

• Added to the docs

thanks for making such an awesome library! We've been using it in production for over a year now. We're starting to experiment with GraphQL subscriptions, but would like to be able to add subscriptions to non-Postgres things... for example, to consume a stream of Mixpanel events from Mixpanel's API and then route those back through our GraphQL API to a web client. Do you have examples or tips of how to use Postgraphile (with Koa) to serve GraphQL subscriptions without using the LISTEN/NOTIFY pg-pubsub library? (https://www.npmjs.com/package/@graphile/pg-pubsub)

We don't have any examples, but it's definitely possible.

You can implement it with makeExtendSchemaPlugin; the difference is the shape of the resolvers would change:

const resolvers = {
  TypeName: {
    fieldName: {
      subscribe(parent, args, context, info) {
        return makeYourAsyncIteratorHere();
      },
      resolve(asyncIteratorValue, args, context, info) {
        return someFunctionOf(asyncIteratorValue);
      }
    }
  }
};

Your async iterator can return a stream of events from anywhere.

https://www.graphile.org/postgraphile/make-extend-schema-plugin/

https://discordapp.com/channels/489127045289476126/498852330754801666/673926777512656916

[benjie]

• Added to the docs

Way to get the inflectors so you can write external code that depends on them without building the entire GraphQL schema again.

const { getPostGraphileBuilder } = require('postgraphile-core');

export async function getBuild(connectionString, schema, options) {
  const pool = new Pool({connectionString});
  try {
    const builder = await getPostGraphileBuilder(pool, schema, options);
    return builder.createBuild();
  } finally {
    pool.end();
  }
}

The above function gives you a way to get the build object:

const build = await getBuild(connectionString, schema, options);

You can use inflectors from build.inflection; they typically take introspection results as input, you can get those from build.pgIntrospectionResultsByKind. For example, to map a column name to what it would be called in GraphQL, you could do something like:

const buildPromise = getBuild(connectionString, schema, options);

async function getGraphQLColumnName(schemaName, tableName, columnName) {
  const build = await buildPromise;
  const table = build.pgIntrospectionResultsByKind.class.find(rel => rel.name === tableName && rel.namespaceName === schemaName);
  const column = build.pgIntrospectionResultsByKind.attribute.find(attr => attr.name === columnName && attr.classId === table.id);
  return build.inflection.column(attr);
}

https://discordapp.com/channels/489127045289476126/498852330754801666/675281797080416289

[benjie]

• Added to docs

Jest test to ensure RLS is enabled on all tables (from 2017).

import { withRootDb } from '../test_helpers';

test('RLS is enabled for all tables in mindtree_public', () => withRootDb(async (client) => {
  const { rows } = await client.query(`
  WITH nsp AS (
    SELECT oid FROM pg_namespace WHERE nspname = 'mindtree_public'
  )
  SELECT relname AS "table"
  FROM pg_class
  INNER JOIN nsp
  ON (nsp.oid = pg_class.relnamespace)
  WHERE relkind = 'r'
  AND relrowsecurity IS NOT DISTINCT FROM FALSE
  `);
  expect(rows).toHaveLength(0);
}));

graphile/crystal#461 (comment)

[benjie]

• Added to docs

@whollacsek:
By the way, I've always wondered if there's a case against using simpleCollections: "only"? Currently I have it disabled but I'm starting to find tedious to always have to go through nodes when passing data down to my React components.

@benjie:
Basically it comes down to these questions:

1. Do you need cursor pagination?
2. Do you need totalCount
3. Do you need aggregates to be performed over the collection?

If the answer to any of these questions is "yes" or "I will" or "I might" it's probably best to be a connection.

https://discordapp.com/channels/489127045289476126/498852330754801666/677462518419161089

[benjie]

• Added to docs

anxifer via Discord
Hi. I've defined a makeExtendSchemaPlugin and want to call graphql inside of my custom mutation which is defined in the plugin. The execute command on the graphql object requires to provide a DocumentNode Element. Is there some easy possibility to access my already existing mutations / queries and to pass that info to my graphql object?

You can indeed issue GraphQL requests from various contexts, including within a resolver. To do so you need the following:

• Access to the graphql function from the graphql module
  • In a PostGraphile plugin, if you have access to the build object (which you usually will), you should get this from build.graphql.graphql
  • Failing that, you can import { graphql } from 'graphql' or const { graphql } = require('graphql'), but this has caveats.
• A reference to the GraphQL schema object. You can get this from many sources:
  • in a resolver, you should extract it from info.schema
  • if you have access to the PostGraphile middleware, you can issue await postgraphileMiddleware.getGqlSchema()
  • if you don't need the PostGraphile middleware, you can use await createPostGraphileSchema(...) - see schema only usage - do this once and cache it because it's expensive to compute
• A GraphQL operation (aka query, but includes mutations, subscriptions) to execute; this can be a string or an AST
• The variables to feed to the operation (if necessary)
• A valid GraphQL context for PostGraphile
  • inside a resolver, you can just pass the resolvers context straight through
  • in other situations, have a look at withPostGraphileContext in the schema only usage

Issuing a GraphQL operation from inside a resolver example:

/*
 * Assuming you have access to a `build` object, e.g. inside a 
 * `makeExtendSchemaPlugin`, you can extract the `graphql` function
 * from the `graphql` library here like so:
 */
const { graphql: { graphql } } = build;
/*
 * Failing the above: `import { graphql } from 'graphql';` but beware of
 * duplicate `graphql` modules in your `node_modules` causing issues.
 */

function myResolver(parent, args, context, info) {
  // Whatever GraphQL query you wish to issue:
  const document = /* GraphQL */ `
    query MyQuery($userId: Int!) {
      userById(id: $userId) {
        username
      }
    }
  `;
  // The name of the operation in your query document (optional)
  const operationName = 'MyQuery';
  // The variables for the query
  const variables = { userId: args.userId };

  const { data, errors } = await graphql(
    info.schema,
    document,
    null,
    context,
    variables,
    operationName
  );
  
  return data.userById.username;
}

[benjie]

Added to docs Will not add to docs because this is not an approach that I like, it's a workaround of a limitation of V4 and will hopefully be addressed in V5.

Implicitly setting the relevant companyId argument from a JWT claim on all root level query fields (and removing the argument since it's implicit).

const myPlugin = builder => {
  builder.hook("GraphQLObjectType:fields:field", (field, _, { Self, scope }) => {
    if (!field.args || !field.args.companyId || !scope.isRootQuery) {
      return field;
    }
    // Remove the companyId field and default it from context
    const { companyId, ...remainingArgs } = field.args;
    const { resolve: oldResolve } = field;
    return {
      ...field,
      args: remainingArgs,
      resolve(parent, args, context, info) {
        return oldResolve(parent, {
          ...args,
          // Grab the relevant companyId from the JWT, or some other value
          // from additionalGraphQLContextFromRequest if you prefer
          companyId: context.jwtClaims.companyId,
        }, context, info);
      }
    };
  });
};

[benjie]

Wraps all resolvers returning a DateTime and automatically calls toISOString on them.

const MyPlugin = makeWrapResolversPlugin(
  (context, build, field, options) =>
    build.graphql.getNamedType(field.type).name === "Datetime"
      ? field
      : null,
  (field) => async (resolver) => {
    const d = await resolver();
    // TODO: handle case where `field` is a list.
    return d instanceof Date ? d.toISOString() : d;
  }
);

-- graphile/crystal#1341 (comment)

[benjie]

• Added to docs

For watch mode in production you might not want to install our whole watch schema with its event triggers and what not; instead you can use the “manual” watch trigger. Then just fire that NOTIFY after all your migrations have completed.

For this manual watch mode you still use watchPg: true, but you tell PostGraphile not to install the event listener (in production PostGraphile shouldn't have sufficient permissions to install it anyway, but explicitly stating not to removes it from your logs):

postgraphile(DATABASE_URL, SCHEMA, {
  watchPg: true,
  graphileBuildOptions: {
    pgSkipInstallingWatchFixtures: true,
  }
})

Then when you're ready for PostGraphile to reload your schema, you send a {"type":"manual"} payload on the postgraphile_watch channel:

NOTIFY "postgraphile_watch", json_build_object('type', 'manual')::text;

-- https://discord.com/channels/489127045289476126/498852330754801666/758958528793804840

[benjie]

IMPORTANT: doSomethingWith is not safe: (see: tc39/proposal-async-iteration#126); replace it with an async-iterator (not an async generator) native library.

Wrapping an async iterator:

// THIS IS NOT SAFE, DO NOT USE
async function* doSomethingWith(asyncIterator, context) {
  console.log("Subscription started");
  try {
    for await (const val of asyncIterator) {
      yield val
    }
  } finally {
    console.log("Subscription ended");
  }
}

-- graphile/crystal#1363 (comment)

e.g. as might be done when wrapping a subscribe method:

module.exports = (builder) => {
  builder.hook('GraphQLObjectType:fields:field', (field, build, context) => {
    if (!context.scope.isRootSubscription) return field;
    const oldSubscribe = field.subscribe;
    return {
      ...field,
      async subscribe(
        rootValue,
        args,
        context /* DIFFERENT TO THE CONTEXT ABOVE */,
        info
      ) {
        const asyncIterator = await oldSubscribe(rootValue, args, context, info);
        const derivativeAsyncIterator = doSomethingWith(asyncIterator, context);
        return derivativeAsyncIterator;
      }
    }
  }, ['MySubscribeWrapperThingy'], [], ['PgSubscriptionResolver']);
};

-- graphile/crystal#1218 (comment)