Published in The Internet Computer Review·Jul 22Member-onlyHow to Programmatically Convert ICP Into Cycles in NodeJSA tutorial for using JavaScript to convert Internet Computer utility tokens into cycles to pay for computation and storage. — Until there is a library (e.g. cmc-js 👀) that facilitates the conversion of ICP utility tokens into cycles in JavaScript, the following tutorial may help you implement such a transformation. Introduction Long story short, to convert ICP to cycles you need two things: The exchange rate to transform the values which…Programming3 min read
Published in Geek Culture·Jul 7Member-onlySvelteKit Web WorkerHow to create and communicate with a web worker in SvelteKit — I ❤️ web workers! These background threads are my go to strategy to compute anything I consider as too expensive for a frontend web application (e.g. Tie Tracker) or if it has to execute a recurring tasks (e.g. Papyrs or Cycles.watch). In these two last projects, I used SvelteKit. So…Programming6 min read
Published in ITNEXT·Jul 5Member-onlyBuild a library with esbuild (vol. 2)A year ago I shared a post that explains how to build a library with esbuild. While it remains a valid solution, I developed some improvements in my tooling since its publication. Here are these few add-ons that I hope, will be useful for your projects too. Source and output It can be…Programming4 min read
Published in Better Programming·Jun 23Member-onlyCreate a Popover In SvelteHow to create a popover in Svelte without any other libraries or dependencies. — I have implemented the UI components of my last project Papyrs without any third party design system libraries — i.e. I created all the components from scratch. I did so to get full control and flexibility over the miscellaneous bricks of my opinionated layout. In this blog post, I share…Java Script5 min read
Published in The Internet Computer Review·Jun 17Member-onlyPapyrs: A Web3 Blogging Platform on the Internet ComputerIntroducing an open-source, privacy-first, decentralized blogging platform that lives 100% on-chain. — I have developed a new open-source, privacy-first, decentralized blogging platform that lives 100% on-chain — and today I am making it available to anyone. I call it: Papyrs. Papyrs Blog on web3app.papy.rs What a ride! Last year, I was lucky enough to receive grants from the DFINITY Foundation to port our web editor for slides, DeckDeckGo, to…Web 35 min read
Published in The Internet Computer Review·May 10Member-onlyDynamically Create Canister Smart Contracts in MotokoHow to generate on-the-fly decentralized smart contracts on the Internet Computer. — In one of my latest blog posts, I shared a solution to query smart contracts on Internet Computer in a NodeJS context. That article was the first of a series that will display the various scripts I have developed for new project called Papyrs — an open-source, privacy-first, decentralized blogging…Programming7 min read
Published in Better Programming·May 2Member-onlyA Frameworkless Store In TypeScriptHave you ever developed applications that have their API, services and state management fully separated from their core? — There are undeniable advantages to using frameworks (React, Angular, Svelte etc.) for frontend development but there are also undeniable disadvantages. The interoperability and compatibility between projects across various technologies is often an issue that has to be anticipated for long-lasting applications and for corporates that share resources among teams.Java Script6 min read
Published in Geek Culture·Apr 22Member-onlyCall Internet Computer Canister Smart Contracts In NodeJSI spent last few months developing Papyrs an open-source, privacy-first, decentralized blogging platform that lives 100% on chain. This new web editor is finally ready for testing, I can write some blog posts again 😁. This new web3 platform uses DFINITY’s Internet Computer. Because each registered user gets two smart…Technology4 min read
Published in ITNEXT·Feb 18Member-onlyExport To The File System (Save As…) + Fallback In TypeScriptHow to save a file to the user’s local devices with the new File System Access API and a fallback for incompatible browsers. — In almost every web application I end up reusing the same pattern to export data to the file system in JavaScript — i.e. a solution that uses the File System Access API and a good old “download” feature as fallback. …Typescript3 min read
Published in Geek Culture·Feb 9Member-onlyAnnouncing Stylo — Another kind of rich text editor.So, I developed a new open source WYSIWYG interactive editor for JavaScript. Its goal is to bring great user experience and interactivity to the web, for everyone, with no dependencies. I called it: Stylo. But Why? Last year, while migrating our web editor for slides, DeckDeckGo, to DFINITY’s Internet Computer, we started…Java Script5 min read
