Modifying Context in Plugins

[jrjohnson]

Because of a quirk in my app's test data loading (Mirage.js) my fonts get sent with application/octet-stream instead of font/woff2 which breaks converting to a png. I don't think this is the fault of Snapdom at all, but I'd like to work around this and it seems like one choice is to tap into afterRender and modify fontsCSS to just modify the string.

function fixDataUrls() {
  return {
    name: 'fix-embedded',
    async afterExport(context, result) {
      context.fontsCSS = context.fontsCSS.replace(
        'data:application/octet-stream',
        'data:font/woff2',
      );
    },
  };
}

But changes to the context at this point don't seem to make a difference (or possibly I'm changing the wrong thing in the wrong way).

[jrjohnson]

Not sure if this was fixed I 2.6 or I just wasn't using it right before, but I'm now able to create a plugin:

function fixDataUrls() {
  return {
    name: 'fix-embedded',
    async beforeRender(context) {
      context.fontsCSS = context.fontsCSS.replace('application/octet-stream', 'font/woff2');
    },
  };
}
``` and changes made to the context stick.