index.js

/**
 * Welcome to Cloudflare Workers! This is your first worker.
 *
 * - Run `npm run dev` in your terminal to start a development server
 * - Open a browser tab at http://localhost:8787/ to see your worker in action
 * - Run `npm run deploy` to publish your worker
 *
 * Learn more at https://developers.cloudflare.com/workers/
 */

import auto from '@greenweb/gaw-plugin-cloudflare-workers';

// Spammy paths that I don't want to serve the content for.
const spammyPaths = [
	'/wp-includes/',
	'/wp-content/',
	'/wp-admin/',
	'/contact?',
	'.php?',
	'/ueditor/',
	'/Ueditor/',
	'/php-cgi/',
	'/wp-json/',
	'.php',
	'.php7',
	'/.git',
];

// This is the main function that fetches the user's location, fetches the grid data, and determines what page (regular or grid-aware) to return the to the user.
export default {
	async fetch(request, env, ctx) {
		// EMAPS MULTI ZONES
		// Australia, Brazil, Canada, Denmark, Spain, Faroe Islands, France, Great Britain, India, Italy, Japan, Norway, Philippines, Portugal, Russia, Sweden, USA
		const eMapsMultiZones = ['AU', 'BR', 'CA', 'DK', 'ES', 'FO', 'FR', 'GB', 'IN', 'IT', 'JP', 'NO', 'PH', 'PT', 'RU', 'SE', 'US'];
		const country = request.cf.country;

		// Check if the request URL contains any of the spammy paths & return a 404 response.
		if (spammyPaths.some((path) => request.url.includes(path))) {
			return new Response(null, { status: 404 });
		}

		return auto(request, env, ctx, {
			debug: 'headers',
			gawDataApiKey: env.EMAPS_API_KEY,
			locationType: eMapsMultiZones.includes(country) ? 'latlon' : 'country',
			kvCacheData: true,
			kvCachePage: false,
			ignoreRoutes: ['/og'],
			defaultView: 'low',
			infoBar: {
				target: '#gaw-bar-holder',
				learnMoreLink: 'https://fershad.com/grid-aware-site',
			},
			htmlChanges: {
				low: new HTMLRewriter(),
				moderate: new HTMLRewriter()
					.on('body', {
						element(element) {
							element.setAttribute('class', 'deglitch');
							element.setAttribute('data-gaw-level', 'moderate');
						},
					})
					.on('#glitch-toggle', {
						element(element) {
							element.removeAttribute('checked');
						},
					}),
				high: new HTMLRewriter()
					.on('body', {
						element(element) {
							element.setAttribute('class', 'deglitch');
							element.setAttribute('data-gaw-level', 'high');
						},
					})
					.on('[data-gaw-remove]', {
						element(element) {
							element.remove();
						},
					}),
			},
		});
	},
};