Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: add context binding example #312

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
2 changes: 2 additions & 0 deletions README.md
Expand Up @@ -608,6 +608,8 @@ const myLoader = new DataLoader(objResults(myBatchLoader))

Looking to get started with a specific back-end? Try the [loaders in the examples directory](/examples).

Want to access your request context from your DataLoader functions? There's an [example of how to do that too](/examples/ContextBinding.md)!

## Other Implementations

Listed in alphabetical order
Expand Down
40 changes: 40 additions & 0 deletions examples/ContextBinding.md
@@ -0,0 +1,40 @@
# Binding context to your DataLoaders

Sometimes in your DataLoader loading function you want to access a local context object of some sort, for example a [request context](https://www.apollographql.com/docs/apollo-server/data/resolvers/#the-context-argument) that could contain your database object, the current user, or some per-request telemetry. While not immediately obvious, it's simple to do this, and actually complements the best practice of creating a new DataLoader for each request. Here's how to do it (the example uses Apollo but this works with anything):

```js
function context(args: ExpressContext): Context {
const context = {
db: getDB(),
user: getUserFromSession(args)
};
context.loaders = {
comments: new DataLoader(commentDataloader.bind(context), {
context: context,
})
};
return context;
}

// Usage (`pg-promise` syntax)

const resolvers = {
// ...
posts: {
comments: (parent: Post, args: Args, context: Context) => {
return context.loaders.comments.loadMany(parent.comments);
}
}
};

export async function commentDataloader(
this: Context,
parentIds: readonly number[]
) {
// Now you can also do fine-grained authorization with `this.user`
return await this.db.manyOrNone(
"SELECT * from comment WHERE id IN ($[parentIds:list]) ORDER BY id DESC",
{ parentIds }
);
}
```