話者ごとにicon.pngを作る

[Hiroshiba]

内容

• 話者ごとにicon.pngを作る #64

の解決プルリクエストです。

話者ディレクトリごとにルートにicon.pngを作成し、スタイルごとにアイコン画像を配置しなくてもよくします。
大体はファイルmvになっています。

関連 Issue

close #64

スクリーンショット・動画など

その他

Denoとzxを使ってスクリプトを書いてみていました。
bashよりは書きやすかったけど、全てのbashコードをこっちに置き換えるほどではなかったかなという感想でした。

コードメモ：

import "npm:zx/globals";

// character_infoディレクトリ直下にあるすべてのディレクトリを取得する
const rootDir = "./character_info";
const dirs = Deno.readDirSync(rootDir);

// それぞれのキャラクターディレクトリの下で作業する
for (const dir of dirs) {
  console.log(`Character: ${dir.name}`);

  // iconsディレクトリの中の Number.png 一覧を取得し、一番数字が小さいものを探す
  const icons = Array.from(Deno.readDirSync(`${rootDir}/${dir.name}/icons`));
  const iconNumbers = icons
    .map((icon) => parseInt(icon.name.replace(".png", "")))
    .filter((n) => !isNaN(n));
  const minIconNumber = Math.min(...iconNumbers);
  console.log(`Min Icon Number: ${minIconNumber}`);

  // そのファイルを キャラディレクトリ/icon.png にコピーする
  const topIconPath = `${rootDir}/${dir.name}/icon.png`;
  Deno.copyFileSync(
    `${rootDir}/${dir.name}/icons/${minIconNumber}.png`,
    topIconPath,
  );

  // topIcon と同じハッシュ値を計算
  const calcHash = (path: string) => {
    return ($.sync`md5sum ${path}`.stdout as string).split(" ")[0];
  };
  const topIconHash = calcHash(topIconPath);
  console.log(`Top Icon Hash: ${topIconHash}`);

  // ハッシュ値が同じファイルを消していく
  for (const icon of icons) {
    const iconPath = `${rootDir}/${dir.name}/icons/${icon.name}`;
    const iconHash = calcHash(iconPath);
    if (iconHash === topIconHash) {
      console.log(`Remove: ${iconPath}`);
      Deno.removeSync(iconPath);
    }
  }
}

[Hiroshiba]

たぶん大丈夫だと思うのでマージ！