For all developer who want to use TypeScript with "strict: true"

ryo — Fri, 06 May 2022 02:04:25 +0000

Hi, I have created a cli tool that automatically adds @ts-expect-error to code with TypeScript type errors.

In this article, I will explain how to use this tool.

https://www.npmjs.com/package/suppress-ts-errors

How to use

Just run the command in a project with tsconfig.json.
If you are using loose type checking, edit tsconfig.json to tighten type checking(e.g strict: true)

$ npx suppress-ts-errors

This alone will add a @ts-expect-errors comment to the location in that TypeScript project where there are type errors, and suppress the occurrence of type errors.

Of course, the tsx code will be added in a comment format in line with tsx.

In addition, the vue subcommand can be used to target type errors in the portion of Vue's SFC.

$ npx suppress-ts-errors vue "./src/**/*.vue"

This option also allows for flexible settings.

option	default	description
-t, --tsconfig-path	`./tsconfig.json`	Path to tsconfig.json.
-c, --comment-type	`1`	Choice of inserted comment type. `1` is @ts-expect-error, `2` is @ts-ignore.
-e, --error-code	`true`	Add error code to comment. e.g. TS2345.

Why I needed it

I am currently working on a project where type checking has not been tightened (cannot set strict: true), and I would like to improve the situation.

Generally, I think it is "fix all existing type errors and then make type checking stricter," but my current project was originally written in JavaScript and then migrated to TypeScript, so there were too many existing errors, and it would have required a lot of man-hours to resolve all of them。

In the meantime, new functions were being developed rapidly, and it was easy to create new code containing type errors. In order to solve this problem, we wanted to first tighten type checking so that newly added code would be type-protected, and then safely begin modification of existing code in that state.
To do this, we needed to add a comment (@ts-expect-error or @ts-ignore) to all existing type errors to nullify them, and we developed this CLI tool to automate this process.

Technology used

TypeScript
ts-morph
vitest

All code is available on GitHub.

https://github.com/kawamataryo/suppress-ts-errors

That's it!

Then finish!

Thanks for reading.
Please send me a message if you need.

https://twitter.com/KawamataRyo

https://github.com/kawamataryo/suppress-ts-errors

How to quickly find the page from your browser's history, bookmarks, and tabs.

ryo — Fri, 11 Feb 2022 23:39:10 +0000

Hi, I've created an web extension that can find the page you want from your browser's history, bookmarks and tabs.

In this article, I will explain how to use this web extension.

Features

An extension with the following features

Incremental search across history, bookmarks, and currently open tabs
Click and enter to move to the target.
Smooth operation with keyboard shortcuts

The name of this extension is cikamichi.
The Japanese meaning of chikamichi is a shorter way.

All processing is done within the browser. No history data will be sent to the any server.

How to use

You can install it from Chrome web store or FireFox AMO.

After downloading the extension, press the alt（option） + k key to launch the search dialog.

Use useful shortcuts and search prefixes.
You can get to the page you want with just a few keyboard strokes.

Shortcuts

shortcut	action
`Alt + k`	Open search dialog
`↓` or `↑` (`Ctrl + n` or `Ctrl + p`)	Select history
`Enter`	Open the selected url
`Ctrl + Enter`	Open the selected url in new tab