Javascript – Yeri Tiete https://yeri.be/tag/javascript/ Yeri Tiete's blog en © Yeri Tiete Wed, 16 Nov 2022 16:07:46 +0100 Using Mastodon with Cloudflare https://yeri.be/using-mastodon-with-cloudflare/ Wed, 16 Nov 2022 16:07:46 +0100 Yeri Tiete https://yeri.be/using-mastodon-with-cloudflare/ <p>If you're using Mastodon with Cloudflare CDN/protection and <a href="http://web.archive.org/web/20230202013849/https://support.cloudflare.com/hc/en-us/articles/200168196-Using-Cloudflare-Auto-Minify" target="_blank" rel="noreferrer noopener">minify</a> turned on, you'll notice the site may look broken (after a few visits, when hitting Cloudflare cache).</p> <figure class="wp-block-image size-large"><a href="https://static.yeri.be/2022/11/Screenshot-2022-11-15-at-16.00.15.png" target="_blank" rel="noreferrer noopener"><img src="https://static.yeri.be/2022/11/Screenshot-2022-11-15-at-16.00.15-1024x944.png" alt="" class="wp-image-70935"/></a><figcaption class="wp-element-caption">Yeah, that's not how it's supposed to look.</figcaption></figure> <p>And you'll notice errors in the webdev tools similar to <code>Failed to find a valid digest in the 'integrity' attribute, with computed SHA-256 integrity</code>:</p> <pre class="wp-block-code"><code>Failed to find a valid digest in the 'integrity' attribute for resource 'https://mastodon.yeri.be/packs/js/common-997d98113e1e433a9a9f.js' with computed SHA-256 integrity 'YgEhHmwjKL88zKfUOMt/qRulYurIuHzhn4SZC9QQ5Mg='. The resource has been blocked. @yeri:1 Failed to find a valid digest in the 'integrity' attribute for resource 'https://mastodon.yeri.be/packs/js/locale_en-f70344940a5a8f625e92.chunk.js' with computed SHA-256 integrity '1VgpQjY/9w/fgRLw1QH2pfzqr36p3hINvg9ahpBiI2U='. The resource has been blocked. @yeri:1 Failed to find a valid digest in the 'integrity' attribute for resource 'https://mastodon.yeri.be/packs/js/public-a52a3460655116c9cf18.chunk.js' with computed SHA-256 integrity 'onh6vHxzykkVgJkiww+OCPk0tKC48KMUD9GVJ8/LKJQ='. The resource has been blocked.</code></pre> <p>Basically, the sha256 hash doesn't match the js or css static files. </p> Using Mastodon with Cloudflare

If you're using Mastodon with Cloudflare CDN/protection and minify turned on, you'll notice the site may look broken (after a few visits, when hitting Cloudflare cache).

Yeah, that's not how it's supposed to look.

And you'll notice errors in the webdev tools similar to Failed to find a valid digest in the 'integrity' attribute, with computed SHA-256 integrity:

Failed to find a valid digest in the 'integrity' attribute for resource 'https://mastodon.yeri.be/packs/js/common-997d98113e1e433a9a9f.js' with computed SHA-256 integrity 'YgEhHmwjKL88zKfUOMt/qRulYurIuHzhn4SZC9QQ5Mg='. The resource has been blocked.
@yeri:1 Failed to find a valid digest in the 'integrity' attribute for resource 'https://mastodon.yeri.be/packs/js/locale_en-f70344940a5a8f625e92.chunk.js' with computed SHA-256 integrity '1VgpQjY/9w/fgRLw1QH2pfzqr36p3hINvg9ahpBiI2U='. The resource has been blocked.
@yeri:1 Failed to find a valid digest in the 'integrity' attribute for resource 'https://mastodon.yeri.be/packs/js/public-a52a3460655116c9cf18.chunk.js' with computed SHA-256 integrity 'onh6vHxzykkVgJkiww+OCPk0tKC48KMUD9GVJ8/LKJQ='. The resource has been blocked.

Basically, the sha256 hash doesn't match the js or css static files.

This happens because Cloudflare minifies those files and thus the hash has been changed.

To get it to work correctly, you'll need to create a Page Rule via Rules > Page Rules > Create Page Rule with the following info:

The page rule created; in this screenshot, the rule is still turned off.
  • URL: YourMastodonURL.com/packs/*
  • Settings: Auto Minify: off (do not select anything)
  • Rocket Loader: slider off
Details on the page rule. Save and deploy.

Don't forget to purge your cache via the dashboard (for the Mastodon domain) via Caching > Custom Purge > Hostname > YourMastodonURL.com.

]]> errorssoftwarewww cloudflarefediversejavascriptmastodon Quick reset! https://yeri.be/quick-reset/ Sat, 04 Oct 2008 01:33:03 +0200 Yeri Tiete https://yeri.be/quick-reset/ <p>I&rsquo;ve added some &ldquo;quick reset&rdquo; javascript to the from and to fields. Should be easier to use, if you want to change stations. Hope the link isn&rsquo;t too small for the iPhone-finger. :) &ndash; This is a request for comments !</p> <p style="text-align: center;"><a href="https://static.yeri.be/2008/10/photo1.jpg" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-589" title="iRail station reset" src="https://static.yeri.be/2008/10/photo1-200x300.jpg" alt="" width="200" height="300" /></a></p> <p style="text-align: left;">There also were a little over 1000 visitors yesterday (Thursday) on the website. Not bad! :)</p> I’ve added some “quick reset” javascript to the from and to fields. Should be easier to use, if you want to change stations. Hope the link isn’t too small for the iPhone-finger. :) – This is a request for comments !

There also were a little over 1000 visitors yesterday (Thursday) on the website. Not bad! :)

]]> miscsoftwareirailwww iphonejavascriptnmbssncb