Added fancy pde:// install button

[SableRaf]

Added an install button point at the .pdex file using the custom pde:// uri protocol.

The button includes a tooltip with fallback instructions.

Context

Processing 4.2 added the new pde:// protocol which allows you to open Processing sketches and contributions in the PDE directly from the browser. It builds up on the previous addition of bundled sketches and contributions with the .pdez and .pdex formats.

[netlify]

✅ Deploy Preview for android-processing-d1396c ready!

Name	Link
🔨 Latest commit	1abada0
🔍 Latest deploy log	https://app.netlify.com/sites/android-processing-d1396c/deploys/6697d727f34bdd00086bd96c
😎 Deploy Preview	https://deploy-preview-27--android-processing-d1396c.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[SableRaf]

Hmmm... Looks like the changes I made are causing Processing to see the source as untrusted. This didn't happen with a simple link as it is currently set up on the production deploy. Nevermind it's also broken today. Pretty sure it worked when I tried it yesterday.

cc @mingness @Stefterv

[Stefterv]

Looking at the source code it will always show that dialog: https://github.com/benfry/processing4/blob/6a2cf8cda35552c62a1a794bb1e20f43fe8ffcda/app/src/processing/app/Base.java#L1245

[SableRaf]

Oh my bad! You're right. This is a necessary warning. I just got confused by the scheme8019... title which really obfuscates the question mark. I wonder where that string comes from 🤔 It should be the name of the contribution.

Edit: Getting closer...

String baseName = contribFile.getName();
baseName = baseName.substring(0, baseName.length() - CONTRIB_BUNDLE_EXT.length());

[Stefterv]

Can these side-wide changes be part of a different PR? It hides what you actually did

[SableRaf]

On it! I'm splitting this PR into several more specific ones.

[SableRaf]

Closing and splitting this PR into three: #30 #29 #28