Posts

Vite - Local Plugin

Custom File Type Change Detection

Vite has a plugin system where a transform may be performed on file type changes in the following:

https://vitejs.dev/guide/api-plugin.html#transforming-custom-file-types

Even though the documentation states that transforms might be performed on "custom file types", attempts to listen to changes for file types other than the common web assets type (.js, .ts, .html, .css) will not work.

Categories: #Tooling #javascript
Tags: #frontend
Image Panning

Scrollbar Considerations

Many zooming libraries on npm offers the ability to pan images (translate images), after a large image has been zoomed in, however the majority of them do not take consideration of how the movement of the image affects the visibility of scrollbars.

Categories: #javascript #html
Give Screenshots More Space

Screenshot To Gutters

While taking an image screenshot of an entire software application such as the browser or terminal intact yields the most information when attempting to describe the behavior. It can be a bit difficult to discern what is actually happening in the application due to the "zoomed out" nature of the taken image. It is rare that a user will need to focus on the entirety of the image when a screenshot is shown, because only a certain portion of image is reference at one time.

Categories: #css
Snowpack - JavaScript Api

Control Over Start

When the Snowpack CLI is not able to provide fine-tune control over start operations, the Snowpack JavaScript Api should be used. Being able to programmatically control Snowpack is made possible when invoked inside other JavaScript files for enabling more configuration options.

Categories: #shell #typescript
Tags: #NodeJs
Testing OpenApi Spec File against Api Server URLs

Verifying Apis

Upon creating a REST API and then documenting with OpenApi, the entire set of routes are defined and described properly when the proper care is taken. To ensure that the server provides an Api that matches up to the OpenApi specification JSON or YAML, testing will be required.

Categories: #api #testing