KASISOFT

This is just a minor post to let you know that I’ve updated dependencies of the following NPM modules:

• remark-autolinker
• remark-imagetools
• remark-svelte-auto-import

Obviously I made corresponding changes to the sample projects:

• remark-example
• svelte-mdsvex-starter

In A Dashboard to monitor restic backups I introduced the initial state of a project allowing to monitor restic backups. For the user interface I resorted to the flowbite UI framework as it provides plenty of components and is based upon the famous [tailwindcss] framework. Obviously I looked for a svelte implementation for flowbite which exists in flowbite-svelte . However I’m using svelte5 and runes which wasn’t supported. That’s not directly an issue but I wanted to use something supporting runes so I used the flowbite code snippets directly. Fast forward: Now there is a svelte5 supporting flowbite extension with svelte-5-ui-lib , so I decided to switch to this library. The following video shows some necessary changes and the advantages of using svelte components rather than the flowbite snippets:

One of the basic features of writing Markdown are links. If you are working in a certain domain chances are that you will create the same links over and over again. Nothing stands against it but it’s inconvenient and there’s a likelihood that you occasionally mess up a link.

The remark-autolinker plugin allows you to use a global configuration where certain terms are associated with corresponding links. The plugin will then transform these terms into proper Markdown links. Just provide a configuration like this:

I made an update for the following plugins:

• remark-imagetools -> 0.1.3
• remark-svelte-auto-import -> 0.2.4

These were minor updates to improve their usability. Both plugins provide support for to generate some logging output configurable using the setting debug. This could have been done easily using the type Debug if you were using Typescript though you had to “calculate” the right number in Javascript. Therefore this propery now allows a string or an array of string providing the corresponding literals. For instance: