svelte-lexical version 0.3.0 is out with a lot of new features and bug fixes. Now, we can insert code blocks. They support keyword and syntax highlighting in 14 different languages. Also, there is support for code formatting using Prettier for HTML, JavaScript, CSS and markdown. Another focus area for enhancements in this release is hyperlinks.…
TypeScript is often quoted as one of the most loved programming languages (StackOverflow, 2022). I guess, what contributes to it is the ease with which TypeScript can be introduced in a JavaScript project and the benefits it bring like static type checking, null safety, better refactoring and IntelliSence support. Another aspect of TypeScript which I…
We are going to set up unit testing in Svelte using Testing Library and Jest. The working version of the project is available here. You can use it as a starter template for your project. 1 – Let’s start with the standard svelte template to create a new project. You need to have Nodejs, npm,…
Developed a rich-text editor for svelte called svelte-lexical. It is based on Lexical, an open source framework for creating rich-text editors developed by Facebook. Here is the GitHub repo: https://github.com/umaranis/svelte-lexical Technical details
Here is the summary: Install Nodejs Initialize Javascript project Convert to Typescript Install ts-node Prerequisite You would need a code editor installed on your system. I personally recommend Visual Studio Code as it has amazing support for Typescript. Install Nodejs Nodejs can be downloaded and installed from here. It will also include NPM (node package…
Cypress.io is a newish front-end test automation tool. In my brief encounter with Cypress, I found it relatively easy to set up and get started. The development workflow from coding to writing tests and running them is refreshingly smooth as compared to other Selenium based tools. Cypress does have its own limitations though as explained…
I have been optimizing the performance of a WordPress site for a couple of days and managed to shave off about half a second from page load times and significantly improve the performance scores. Evaluating Performance The first step towards optimization is to measure the performance of your site and identify the issues and bottlenecks.…
Public-key Cryptography is asymmetric meaning the key used for encryption cannot be used for decryption. There is a pair of keys, if the message is encrypted with one key, then the other is required for decryption. How Public-key Cryptography works conceptually? Let’s say Alice and Bob want to exchange messages in a secure way. To do it using…
Took Microsoft Exam 70-486 which part of MCSD certification. I spend about 2 weeks studying the material and took some notes which are posted here. Notes are not complete in the sense that they don’t cover the full syllabus – half of my notes are scattered in different places which will be incorporated here later…
Update June 2019: Five years on, each one of the following projects is either discontinued or stale for years. While Bridge.Net has been active for many years and doing pretty well. There are some tools which convert C# code to JavaScript. Obviously, these will only be useful if your code is not tightly coupled with…