Matchu
d3b9f72e67
Oh yay, I'm pleased with this! I hope it works out well! stale-while-revalidate is an HTTP caching feature that gives us the ability to still serve relatively static content like item pages ASAP, while also making sure users generally see updates quickly. The trick is that we declare a period of time where, you can still serve the data from the cache, but you should _then_ go re-fetch the latest data in the background for next time. This works on end users and on the CDN! I've scanned the basic wardrobe and homepage stuff and brought them up-to-date, and gave particular attention to the item page, which I hope can be very very snappy now! :3 Note to self: Vercel says we can manually clear out a stale-while-revalidate resource by requesting it with `Pragma: no-cache`. I'm not sure it will listen to us for _fresh_ resources, though, so I'm not sure we can actually use that to flush things out in the way I had been hoping until writing this sentence lol :p
101 lines
2.4 KiB
JavaScript
101 lines
2.4 KiB
JavaScript
const { beelinePlugin } = require("./lib/beeline-graphql");
|
|
const { gql, makeExecutableSchema } = require("apollo-server");
|
|
|
|
const { getUserIdFromToken } = require("./auth");
|
|
const connectToDb = require("./db");
|
|
const buildLoaders = require("./loaders");
|
|
const {
|
|
plugin: cacheControlPluginFork,
|
|
} = require("./lib/apollo-cache-control-fork");
|
|
|
|
const rootTypeDefs = gql`
|
|
enum CacheScope {
|
|
PUBLIC
|
|
PRIVATE
|
|
}
|
|
directive @cacheControl(
|
|
maxAge: Int
|
|
staleWhileRevalidate: Int
|
|
scope: CacheScope
|
|
) on FIELD_DEFINITION | OBJECT
|
|
|
|
type Mutation
|
|
type Query
|
|
`;
|
|
|
|
function mergeTypeDefsAndResolvers(modules) {
|
|
const allTypeDefs = [];
|
|
const allResolvers = {};
|
|
|
|
for (const { typeDefs, resolvers } of modules) {
|
|
allTypeDefs.push(typeDefs);
|
|
for (const typeName of Object.keys(resolvers)) {
|
|
allResolvers[typeName] = {
|
|
...allResolvers[typeName],
|
|
...resolvers[typeName],
|
|
};
|
|
}
|
|
}
|
|
|
|
return { typeDefs: allTypeDefs, resolvers: allResolvers };
|
|
}
|
|
|
|
const schema = makeExecutableSchema(
|
|
mergeTypeDefsAndResolvers([
|
|
{ typeDefs: rootTypeDefs, resolvers: {} },
|
|
require("./types/AppearanceLayer"),
|
|
require("./types/ClosetList"),
|
|
require("./types/Item"),
|
|
require("./types/MutationsForSupport"),
|
|
require("./types/Outfit"),
|
|
require("./types/Pet"),
|
|
require("./types/PetAppearance"),
|
|
require("./types/User"),
|
|
require("./types/Zone"),
|
|
])
|
|
);
|
|
|
|
const plugins = [cacheControlPluginFork({ calculateHttpHeaders: true })];
|
|
|
|
if (process.env["NODE_ENV"] !== "test") {
|
|
plugins.push(beelinePlugin);
|
|
}
|
|
|
|
const config = {
|
|
schema,
|
|
context: async ({ req }) => {
|
|
const db = await connectToDb();
|
|
|
|
const auth = (req && req.headers && req.headers.authorization) || "";
|
|
const authMatch = auth.match(/^Bearer (.+)$/);
|
|
const token = authMatch && authMatch[1];
|
|
const currentUserId = await getUserIdFromToken(token);
|
|
|
|
return {
|
|
db,
|
|
currentUserId,
|
|
...buildLoaders(db),
|
|
};
|
|
},
|
|
|
|
plugins,
|
|
|
|
// We use our own fork of the cacheControl plugin!
|
|
cacheControl: false,
|
|
|
|
// Enable Playground in production :)
|
|
introspection: true,
|
|
playground: {
|
|
endpoint: "/api/graphql",
|
|
},
|
|
};
|
|
|
|
if (require.main === module) {
|
|
const { ApolloServer } = require("apollo-server");
|
|
const server = new ApolloServer(config);
|
|
server.listen().then(({ url }) => {
|
|
console.log(`🚀 Server ready at ${url}`);
|
|
});
|
|
}
|
|
|
|
module.exports = { config };
|