#OpenToWork Available for new opportunities! Let's build something amazing together.
Get in touchThe end of 2023 is near, meaning it is time to reflect on what happened this year. A lot has happened this year, personally and professionally. It was a year with ups and downs, a year where I lost a job I loved, and a year where I found a new job that brought me back into the Microsoft 365 world.
Read moreI have had many sessions at conferences over the years. One thing I always liked to do is perform live demos. Although I know things could fail, it is also fun to show the audience how things work. Those live coding demos take a lot of preparation to ensure everything goes smoothly.
Read moreimportant The CJS build of Vite’s Node API is no longer supported and will be removed in version 6. As Visual Studio Code extensions do not support ESM, my recommendation is use an alternative bundler such as webpack, tsup, or esbuild instead of Vite. A couple of weeks ago, I started looking into the possibility of retrieving the Content Collections from Astro and generating content-types for Front Matter CMS.
Read moreYou can specify an icon when adding commands to your Visual Studio Code extension. These icons are rendered when you register the commands, such as the explorer title bar, document title bar, and more. info More info on registering command can be found in the VSCode documentation. You have three options for specifying the icon:
Read moreIt has been a while since I wrote an article about SharePoint, but in the last couple of weeks, I got interested in linking and unlinking multilingual pages in SharePoint. This functionality is proper when you migrate pages from other sites to multilingual ones. Still, it can also be helpful to remap pages in case of some information architecture changes.
Read moreIn version 9.2.0 of Front Matter CMS, I wanted to add a status bar item to the editor that shows the Front Matter icon. To achieve this, the Visual Studio Code documentation explains you to add your icon as an icon font to the icon contribution point in your package.json file.
Read moreFor developers leveraging GitHub Actions to automate workflows E2E tests, Playwright provides excellent documentation on its use with GitHub Actions. By default, the setup uses the HTML reporter, offering a detailed look at test results. However, I found myself longing for a more straightforward overview of these results. This led me to develop a GitHub Actions reporter.
Read moreWhen building applications, you can expect things to go wrong. For instance, calls you make to APIs like a server issue, incorrect formatted body, throttling, and much more. A great tool to locally test these unexpected scenarios is Microsoft 365 Developer Proxy which can be used for both Microsoft 365 APIs, but also for any other APIs.
Read moreIn the past, I have written a couple of articles about end-to-end (E2E) testing your SharePoint/Microsoft Teams solutions with Cypress, Puppeteer, and Playwright. I was a big fan of Cypress, but I must admit that Playwright caught up and became my favorite tool for E2E testing. For me, the most significant advantage of Cypress was the visual UI for running your tests, but the main disadvantage was its use of an iframe, which caused issues for testing SharePoint and Microsoft Teams.
Read moreWhile configuring some end-to-end tests with Playwright, I wanted to achieve a visual comparison between the current run and the previous one. Playwright expects to have a snapshot available for its comparison. When I run this on GitHub Actions, the snapshots should be taken from my previous GitHub Actions workflow run.
Read moreI have always been adding my Visual Studio Code extension settings to the contributes.configuration object, but I was missing a way to organize the settings in multiple sections/groups. That way, the end user gets a better overview of all settings grouped by their category. When reading the VSCode contributes.configuration schema documentation, I spotted the following: “This section can either be a single object, representing a single category of settings, or an array of objects, representing multiple categories of settings.
Read moreI wanted to create a roll-up of the latest news articles on our new BIWUG community site (which still needs to be released). Show image BIWUG News Rollup When I retrieved the news collection data, I only got the front matter data and the markdown content. Looking at the Astro documentation, I found several ways to get the HTML.
Read moreEarlier this week, I was working on optimizing an internal analysis website that uses many JSON files for its content collections. During the local development and with smaller datasets, the website was super fast, but when I received a larger dataset, I noticed that the website got very slow. The slowness mainly came from the amount of data and the processing in React.
Read moreIn the previous post, I showed how to localize the extension commands/settings and code. In this post, I want to show how to localize the webviews in Visual Studio Code extensions, as this is a bit more complicated and not yet documented. First, webviews allow you to create fully customizable views for your extensions.
Read moreWelcome to another blog post where we explore the world of Visual Studio Code extensions! In this article, I will delve into localizing your extensions. Localization allows you to make your extension accessible to users around the globe by providing translations in different languages. As some things were unclear to me when I wanted to start localizing one of my extensions, I wrote this article to help others in the same situation.
Read moreIt has been a long time ago since I wrote about SharePoint. Lately, I got into a Viva Connections project where I had to approve a multi-tenant webApiPermissionRequests scope and ran into an issue where it was impossible to approve the permission scope. Show image Failed permission approval The error that gets returned is The requested permission isn't valid.
Read moreIt’s with a heavy heart that I need to say farewell to Rapid. In this company, I had the opportunity to work and build a Visual Studio Code extension that quickly gained popularity among developers. Today Rapid decided to lay off even more people. This time, I was one of them.
Read moreAs a developer, I’ve found that managing my Hugo website’s content with a submodule has been an excellent solution for keeping everything organized and easily accessible. There are several benefits to using a submodule, including the ability to share content with others and reuse it on different sites. With a content submodule, all of your website’s content and assets are stored in a separate repository on GitHub.
Read moreFinally, I made a move with my blog to start using two repositories in production. One repository holds all the markdown content and assets, and another contains the content of my website. The reason for this change is that I want to use the content of my blog for testing out other static-site generators and frameworks.
Read moreA few weeks ago, I embarked on a journey to explore how OpenAI could change the way users interact with documentation. Imagine effortlessly accessing the information you need without reading through multiple pages. Instead, you just ask a question about configuring or using a tool, and voilà – the answer appears before you.
Read moreAs developers, we’re always looking for ways to enhance our productivity and streamline our workflows. One thing which has bothered me endlessly is the floating Debug Toolbar. I love the fact that it is floating, but I have to move it out of the way every time I want to do something.
Read moreAstro is a powerful static-site generator that allows developers to build lightning-fast websites. However, when trying to create a more portable and flexible blog by separating content from the website’s source, I faced issues with symlinks/content not being recognized/found. In this blog post, I’ll walk you through a simple solution to this problem and explain how you can easily symlink your content to an Astro project.
Read moreAs a developer, having a reliable and powerful device that you can take with you wherever you go is essential. Whether working remotely, traveling for business, or simply working from a coffee shop, you need a device to keep up with your workload without weighing you down. The MacBook Air M2 is the perfect device for developers who need a lightweight and powerful machine that they can take on the go.
Read moreIf you work with webviews, you may want to open a link to a website or file within the same instance of Visual Studio Code. There are a couple of ways to achieve this, such as posting a message to the extension host or using the command URI option of your webview.
Read moreI have done many presentations over the years, and my go-to tool has always been PowerPoint. It has all the features I needed, but I always struggled with the time it took to create the presentation. First, you need to get a suitable template, place the images in the correct place, and add the text, but adding code to slides is even trickier and not easy to maintain.
Read moreWhile creating a session about Visual Studio Code extension development, I discovered that creating a submenu in the context menus is possible. These submenus are a great way to make the context menus less cluttered and easier to use. Show image Submenu in a context menu When trying it out, I could not make it work easily as the docs were unclear.
Read more