#projectfugu — Public Fediverse posts

There's a new origin trial 🧪 in Chrome for the File System Observer API 🗃️👀: https://developer.chrome.com/blog/file-system-observer?hl=en. Rather than poll for file system changes, you'll now get notified. This unlocks use cases like Web-based IDEs and more. Read my article for all details! #ProjectFugu 🐡

You can now update your Meta Quest devices 🥽 with #WebUSB: https://www.meta.com/help/quest/software_update/. After Android with the Android Flash Tool (https://flash.android.com/), that's another major player who bets on the Web with this #ProjectFugu 🐡 API.

@simon @adrian It's a fantastic app that uses some advanced #ProjectFugu 🐡 APIs as well, so we proudly feature it in our showcase: https://developer.chrome.com/docs/capabilities/fugu-showcase?text=Soundslice.

👀 Interesting, Edge launched a new Web Platform top developer needs dashboard. The actual dashboard is at https://microsoftedge.github.io/TopDeveloperNeeds and @slightlyoff wrote about the Edge team's motivations for launching it at https://blogs.windows.com/msedgedev/2024/04/18/2024-web-platform-top-developer-needs-dashboard/. I left a question asking about #ProjectFugu 🐡 APIs on this dashboard: https://github.com/MicrosoftEdge/MSEdgeExplainers/issues/791. Edge also collaborates in #Interop24.

Great new newsletter 📧 (duh, double "new") by @dannymoerkerke called Modern Web Weekly featuring many #ProjectFugu 🐡 APIs: https://modern-web-weekly.ghost.io/.

@jensimmons
- WebUSB
- Web Bluetooth
- Web Serial
- WebHID
- Web MIDI
- Web NFC
#ProjectFugu 🐡

@jensimmons
- File System Access API (show{OpenFile, SaveFile, Directory}Picker)
- Web Share Target API
- Fullscreen API on iOS
- File Handling API
#ProjectFugu 🐡
https://howfuguismybrowser.dev

🍗🌡️ Using Web Bluetooth To Read BBQ Temperature Sensor Data: https://pqina.nl/blog/web-bluetooth-api-read-bbq-temperature-sensor-data/. Fun write-up by @rikschennink of his journey of getting useful data out of a BBQ thermometer with the #ProjectFugu 🐡 #WebBluetooth API.

Handling files in enterprise web solutions: https://dev.to/denladeside/handling-files-in-enterprise-web-solutions-3mkc. Nice post accompanied by a nice #GeoJSON demo by Lars Knudsen on how the #ProjectFugu 🐡 File Handling API (https://developer.chrome.com/docs/capabilities/web-apis/file-handling) can help in enterprise scenarios.

Someone who goes by ThaUnknown has created a ponyfill for the Local Font Access API (https://developer.chrome.com/docs/capabilities/web-apis/local-fonts). Unlike the actual API that queries your locally installed fonts, this ponyfill is backed by the Google Fonts API, that is, Web fonts: https://github.com/ThaUnknown/lfa-ponyfill. #ProjectFugu 🐡

@mozilla On the heels of the File System Access API extension, now a Web Serial API extension for Firefox: https://addons.mozilla.org/en-US/firefox/addon/webserial-for-firefox/. Seems like there's some demand for #ProjectFugu 🐡 APIs on @mozilla #Firefox.

You know you're onto something when developers build a browser extension and a companion app for their browser of choice that adds support for an API their chosen browser doesn't support natively: File System Access by GitHub user ichaoX is a @mozilla #Firefox extension that adds File System Access API support: https://addons.mozilla.org/en-US/firefox/addon/file-system-access/. #ProjectFugu 🐡

🎧 I was on the Syntax podcast with Wes Bos and Scott Tolinski to chat about Project Fugu 🐡: https://syntax.fm/show/722/next-level-web-apis-bluetooth-file-access-thomas-steiner-project-fugu. #Podcast #ProjectFugu #SyntaxFM

🎉 Mozilla will turn on the Screen Wake Lock API by default in Firefox 124: https://groups.google.com/a/mozilla.org/d/msgid/dev-platform/CAGnPer%2BLhGUmbA9QeLX7STNvOdmdnrP6j517KX6vz4609MjSWQ%40mail.gmail.com.

Learn more about this #ProjectFugu 🐡 API: https://developer.chrome.com/docs/capabilities/web-apis/wake-lock.

It's a small addition to the Web platform, but with a positive impact: https://web.dev/case-studies/betty-crocker 🧑‍🍳.

Gave my desk a #NeoPixels makeover based on some leftovers I had (the black holes are from soldering strips together). Really digging the soothing moving gradient. It's powered by an old BBC #microbit that connects to MakeCode over #WebUSB. #ProjectFugu 🐡 FTW!

📢 We're removing one of the biggest annoyances when working with the File System Access API: the constant re-prompting for permission to access files 🎉 even when the user granted permission before.

You can now allow your users to have their file system permissions persisted, both for files 📄 and folders 📂:

https://developer.chrome.com/blog/persistent-permissions-for-the-file-system-access-api.

What this means is that, for example, if you're a Web-based IDE like VS Code, you can now get permanent access to `/Users/tomayac/projects`.

#ProjectFugu 🐡

@freddy Yes. #Interop is an important area, but there're other ways to compare browsers. Just sent this toot: https://toot.cafe/@tomayac/111725053185923814 about #ProjectFugu 🐡 APIs. And I really want Firefox to remain relevant, just yesterday I tooted about the Web Serial position: https://toot.cafe/@tomayac/111719453995856541.

@bentomn @nelson Had the pleasure of working on a case study with the Kiwix team: https://web.dev/case-studies/kiwix. They use a new cross-browser API called the origin private file system.

Regarding PWAs: my biased take is that they are in a similar situation than AJAX apps, which became Ajax apps and eventually just apps people built without even talking about the underlying APIs anymore (the X essentially stood for, erm, JSON anyway).

Follow the #ProjectFugu hashtag for exciting new APIs in the field.

PWAs sometimes need to cover more than one scope, for example, collaborative work chat apps that have a subdomain per workspace and the main app domain. Scope Extensions, a new #ProjectFugu 🐡 API proposal, now allows such app architectures to appear as one coherent PWA without out-of-scope bars: https://developer.chrome.com/docs/capabilities/scope-extensions.

📢 I had the pleasure of working with the @kiwix team on a case study titled "How the #Kiwix PWA allows users to store Gigabytes of data from the Internet for offline use": https://web.dev/case-studies/kiwix. Happy reading! Spoiler: they use the origin private file system, a #ProjectFugu API 🐡.

@Meyerweb @Emily_S @Edent They use a whole bunch of #ProjectFugu 🐡 APIs: https://developer.chrome.com/fugu-showcase/#boxy-svg.com!app. Unfortunately they don't use a progressive enhancement strategy. We have a case study on their local font access API usage: https://developer.chrome.com/blog/how-boxysvg-uses-the-local-font-access-api/.

@zeh As proudly featured on the Project Fugu 🐡 API Showcase: https://developer.chrome.com/fugu-showcase/#wavacity.com
#ProjectFugu

📢 The Origin Private File System (OPFS) is a cross-browser solution for your performance-critical, file-based storage needs on the Web! @chrisdavidmills has documented everything you need to know about the API over on MDN: https://developer.mozilla.org/en-US/docs/Web/API/File_System_API/Origin_private_file_system.

💡 This is what powers Photoshop (https://developer.chrome.com/blog/how-photoshop-solved-working-with-files-larger-than-can-fit-into-memory/) and SQLite Wasm (https://developer.chrome.com/blog/sqlite-wasm-in-the-browser-backed-by-the-origin-private-file-system/).

#️⃣ #OPFS #ProjectFugu 🐡

The Virtual Keyboard API, by @shadeed9: https://ishadeed.com/article/virtual-keyboard-api/. I wrote about this Project Fugu 🐡 API some time ago (linked in the article) and am happy for the API to get some more well-deserved attention. ⌨️
#ProjectFugu #VirtualKeyboard

Generic Sensors and Thingy:52: https://dev.to/denladeside/generic-sensors-and-thingy52-9oa. Cool post by Lars Knudsen, including a Thingy:52 driver for high-level access to the sensors on the device.

(#ProjectFugu 🐡 #GenericSensor #Thingy52 #WebBluetooth)

A look at Chrome’s security review culture http://security.googleblog.com/2023/07/a-look-at-chromes-security-review.html. I love ♥️ the humane tone of this post. This team is super important to #ProjectFugu, but also all feature teams at Google Chrome really.

My "Web Apps on macOS Sonoma 14 Beta" article (https://blog.tomayac.com/2023/06/07/web-apps-on-macos-sonoma-14-beta/) is on HackerNews: https://news.ycombinator.com/item?id=36237332 🫣.
#macOS #Sonoma #WebApps #Safari #ProjectFugu #HackerNews

📢 Web Apps on macOS Sonoma 14 Beta:

https://blog.tomayac.com/2023/06/07/web-apps-on-macos-sonoma-14-beta/

With macOS Sonoma, Apple goes all-in on the concept of installable web apps. They're highly integrated in the overall macOS experience and don't give away their web roots by not showing any Safari UI at all.

#️⃣ #Sonoma #macOS #Apple #WebApps #ProjectFugu #Safari

@sil @simevidas I think the #ProjectFugu Launch Handler API that @tomayac wrote about here is the one that would solve this: https://developer.chrome.com/docs/web-platform/launch-handler/

/cc @kennethrohde

📢 How SVG editor Boxy SVG uses the Local Font Access API to let users pick their favorite local fonts, by Jarek Foksa:

👉 Article: https://developer.chrome.com/en/blog/how-boxysvg-uses-the-local-font-access-api/
👉 Video: https://www.youtube.com/watch?v=Y40vMQap9fs&t=611s

Part 5 of a new blog series on #ProjectFugu 🐡 used in practice.