Bringing a Mobile C++ Codebase to the Web

on YouTube ↗28m

" summary

Claim: adding full WebAssembly support to Djinni lets the same interface definitions expose existing C++ to JavaScript/TypeScript with almost no C++ changes. Implementation uses WebAssembly and embind for primitive and object marshalling, generates TypeScript bindings for static checks, uses FinalizationRegistry to free C++ objects automatically, and preserves object identity across the boundary. Result: a large mobile C++ codebase powers Snapchat for Desktop Web, and the extension is available on GitHub.

AI-written summary · about

" chapters (15)

1. 0:00Start
2. 0:24Snapchat for Desktop web
3. 1:51A Brief History of Djinni at Snap
4. 3:55Compare to the alternatives
5. 5:16TypeScript Interface Output
6. 5:56Better Support for C++ Containers
7. 7:30Asynchronous Methods
8. 8:21Building Web Apps with Djinni
9. 10:15Djinni Primitive Types
10. 10:57Djinni Composite Types
11. 18:58Crossing the WebAssembly/Javascript boundary
12. 21:31Automatic Memory Management
13. 22:43Retaining Object Identity
14. 25:27Exception Handling
15. 26:07Limitations

" related talks

• 32mC++ Everywhere with WebAssemblyDamien Buhl · CppCon 2018
• 39mBringing the power of C++ to the webKrzysztof Paprocki · Meeting C++ 2019
• 26mWebAssembly as cross-platform architecture?!Benedek Gagyi · Render Conference 2018
• 30mWebAssembly as cross-platform architecture?!Benedek Gagyi · Nordic.js 2018
• 28mWebAssembly: Of Portability, and PerformanceDeepti Gandluri · Node+JS Interactive 2018
• 30mBeyond Web-Apps: React, JavaScript and WebAssembly To Port Legacy Native AppsFlorian Rival · React Conf 2018
• 35mWebAssembly: now web is a new compiler target architectureNoritada Shimizu · FOSSASIA Summit 2017
• 30mNative Web Apps: React, JS & WebAssembly to rewrite native appsFlorian Rival · JSConf US 2019