Service Worker to the Rescue

There has been a lot of traffic opining about the new release that changed various aspects of the GUI. To be honest I didn't read most of the posts in detail nor do I have any problem overcoming any of the undesirable changes. That is because I can modify any aspect of QuickBase using Service Workers. You can to.

As an example, here is a grid edit viewof an application that shows the current green New Record button which I want to remove using a Service Worker:



Here is a screenshot of the same page where a Service Worker has removed the green button:



Now you may be wondering what the left hand panel is and why the URL is showing the domain https://cloudflareworkers.com/. In a nutshell, cloudflare has implemented a jsfiddle like service where you can demonstrate and share the implementation of a Service Worker as applied to any URL. It just turns out that this is an easier way for me to publiclly share a Service Worker demo rather than implement it wholly within QuickBase.

Here is full source of the Service Worker used above:

addEventListener("fetch", event => {
  event.respondWith(fetchAndModify(event.request));
});
async function fetchAndModify(request) {
  console.log("got a request:", request);
  // Send the request on to the origin server.
  const response = await fetch(request);
  // Read response body.
  const text = await response.text();
  // Modify it.
  const modified = text.replace(
  '<a onclick="GE_embMenu_newRec(this)" id="GE_NewRecordPick">New Record</a>',
  "");
  // Return modified response.
  return new Response(modified, {
    status: response.status,
    statusText: response.statusText,
    headers: response.headers
  });
}

Basically the Service Worker looks for the <a> element associated with the New Record button and removes it - BEFORE THE BROWSER EVEN STARTS TO RENDER THE PAGE.

Now the important thing to notice is that this very same Service Worker implemented as a part of the CloudFlareWorker demo can be used as a client side Service Worker. (wholly within QuickBase)

Now I could write a hundred pages extolling the virtues of using Service Workers with QuickBase but the bottom line is there is nothing Service Workers can't do. Service Workers is god mode for QuickBase.

UPDATE: I forgot to post the link:

https://cloudflareworkers.com/#28a28d6d0a693d85a38d856f44a8de37:https://haversineconsulting.quickbas...~

Similar to a jsfiddle, you can modify the Service Worker code in the left panel and create your own version for experimentation before porting the code to your own application.