Tangent's Blog

CharaChorder and Forge related articles and notes

TanChord Code (TC Code) - an unofficial, experimental code editor for the chord library of CharaChorder device

ℹ️ Disclaimer: This editor is not affiliated, associated, authorized, endorsed by, or in any way officially connected with CharaChorder.

localhost_4300_

TCCL language

This editor allows you to describe the chord library with a format similar to the chord notation described in the CharaChorder official document. I call this language TanChord Code Library language, or TCCL for short.

Features

  • Loading chords from various sources
    • CharaChorder device
    • JSON backup file of the official device manager
    • TCCL or TXT file in TCCL format
  • Editing chords in a code editor
    • Syntax error and duplicated chords checking
    • Support popular keybindings (classic / emacs / vim)
  • Saving chords to CharaChorder device or file

Side topics

Reason for making this editor

As I mentioned in my article about my usage of chords, the CC chords and Bopomofo chords will conflict if they have the same input. It takes much effort to check it every time before adding new chords with impulse chords or device manager, and sometimes I forget to check it. Checking for the duplicated chords is also a hassle.

As a software engineer, I had an idea. We can edit our chord library in a code editor, which would do all the necessary checks, like when we write a program. This is how the idea of this editor came out.

Naming

For the name of this editor, I initially considered “Chord Studio Code” (a play on Visual Studio Code, a popular code editor) or “Chord Editor”. But these names are too general, so I decided to mix my name, Tangent, into it. That’s why it’s called “TanChord Code”.

Logo design

andy23512.github.io_tccode_

If you look at the strokes, the logo is composed of two circles and one line. The line is both a tangent of the inner circle and a chord of the outer circle. It echoes with the “TanChord” part in the name.

And if you look at the coloring areas, the logo is made of a teal “C”, a black “O”, and a red “D”. This can mean “code” if we ignore the silent “e”, or a possible chord, “c+o+d = code”.

Tech stack