TryTypeSpecEditor

TypeSpec の試し書きリポジトリ https://github.com/tshion/TryTypeSpec を基に、その編集UI を実装するリポジトリ。

Getting started

1. ./schemas にJSON Schema を配置する

   schemas/
       json-schema/*.json
       defaults.json
   

2. Node.js (※バージョン情報) が使える環境で npm ci を実行する
3. VSCode で F5 キーを入力する (※ npm start + ブラウザ起動)

デプロイ手順

1. create-release-pr を実行し、Editor 実装のリリースPull Request を作成する
2. (問題がなければ) 前述のPull Request をマージする
3. deploy に、TryTypeSpec バージョンを指定して実行する
4. 前述のデプロイしたものがGitHub Pages に反映されていることを確認する

Notes

初期生成時のコマンド

npx -p @angular/[email protected] ng new try-typespec-editor --minimal --package-manager npm --routing false --skip-git --skip-install --ssr false --standalone --style css

入力形式の対応表

TypeSpec (※ は独自型)	(code) (※ は独自型)	HTML 入力欄
argb ※	TEXT	input:text + pattern:^#[\dA-F]{8}$
boolean	CHECKBOX	input:checkbox
float	DOUBLE ※	input:text + pattern:^\d+\.\d+$
integer	NUMBER	input:number + ( min + max )
integer | integer	SELECT_INT ※	select + <option>int</option>
latitude ※	NUMBER	input:number + min:-90.0 + max:90.0 + step:0.000001
longitude ※	NUMBER	input:number + min:-180.0 + max:180.0 + step:0.000001
rgb ※	COLOR	input:color
string	TEXT	input:text
string | string	SELECT_TEXT ※	select + <option>text</option>
url	URL	input:url

バージョンの決め方

バージョンそのものはGitHub Actions で付与する。 そのルールは下記の通り。

• Editor 実装自体は、更新日を設定する
• 最終成果物は (TryTypeSpec バージョン)_editor(TryTypeSpecEditor バージョン) を設定する
  • 併せてgit tag にも設定する