Code Monkey home page Code Monkey logo

colter's Introduction

colter

ターミナルにてlsコマンドを使用した際に表示されるディレクトリやファイルの色を任意の色に変更するCLIアプリケーションです。

インストール

ターミナル上で以下のコマンドを実行する。

$ sudo npm install -g colter

設定

使用する前にcolterをtarminalで実行されるように以下の行をbashrcなどの設定ファイルに書き込んでください。

eval $(colter --init)

コマンド

第1引数に色を変換したい文字、第2引数に変換させたい色コードを入力すると第1引数の文字が第2引数で指定した色に変換されます。

$ colter [変換したい文字] [変換したい色]

colter's People

Contributors

ctare avatar non258 avatar

Watchers

James Cloos avatar  avatar

Forkers

ctare

colter's Issues

colter --configの設定項目の拡張

#74 が完了した後に行う

  • ボタンをクリックするだけでテンプレートの色に変更できる
  • DIRなどよく使う項目の設定を別途用意する

以上2項目を追加する

rgbで色を指定したい

現状だと16進表記の指定方法だけなので、rgbでも指定できると便利だと思いました

READMEに詳細の追記

READMEにcolterの詳細を追記する.

  • ターミナルの色を任意に変更できる...など

開発用branchの作成

開発用branchを作成する
今後開発はこの開発用branchからbranchを切っていき、masterは常にリリースされているものと同じ状態にする

ついでにmasterに保護をかける

練習用helpの削除

練習用に追加したhelpを削除、または別ブランチに保存 する
masterに練習用のコードを残しておきたくない

色のテンプレートをユーザーが作れるようにする

変数みたいに、ユーザーが色のテンプレートを定義しておけると便利なのかなと思いました

colter --var="orange : rgb(255, 100, 0)"   とか
colter --var="sky : 0af" みたいな感じ・・・?

colter DIR sky
colter .jpg orange

node_modulesをいぐのあする

node_modulesがまだトラッキングされているから外す
node_modulesは、インストール時に勝手に解決してくれるからgithubに上げる必要が無い

設定ファイルがない場合の案内の表示

設定ファイルに
eval $(colter --init)
が書き込んでない場合に書き込むように案内を表示させる

書き込んであるかどうかの判断は.colterがあるかないかで判断する

helpを軽く整備

initと、通常コマンド分だけとりあえず

無いと、久しぶりに見たとき引数わけわからんちん

第3引数に大文字を考慮する

第3引数にて色の指定をする際に
colter DIR FFFFF
のように大文字を含む値を入力すると第3引数が認識されない。

READMEの整備

現段階までをまとめておく

現状と次実装するもの達

hex形式の色をターミナルで使える色に変換する

https://www.npmjs.com/package/chalk
chalkを使う
npm install --save chalk

ちょっと怪しいことするから、2.4.1でバージョンを固定する
https://qiita.com/chihiro/items/5826678bc9287fb57a28
こんな感じで


a = chalk.rgb(25, 1, 123)
a._styles
これにアクセスする

a._styles[0].open.slice(2, -1)
こんな感じ 激しい


a._styles

open: '\u001b[38;5;196m'
...
こういうのが何個か入ってる

それの、2番目から1個前

initの中身を作る

colter管理の色設定がなかったら、元のdircolorsから設定ファイルを生成する

colter管理の色設定から色を反映させるためのコードを吐き出す
dircolors <(echo "ここにjsonから色のやつに変換したもの") これを実行すると文字列が出てくるから、それをプリント

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.