はじめに

標準のAPIを使う

import japan from "@johnmorrisdotca/hata/flags/jp";
import { aspectOf } from "@johnmorrisdotca/hata";
console.log(japan.startsWith("<svg"),aspectOf(japan));

true 1.5

固定のimportはSVGの文字列で、画像のURLやDOMの要素ではありません。ブラウザーでは表示する要素に入れ、サーバーでは文章として保てます。絵ごとのモジュールで、使う旗だけを読み込みます。SVGのviewBoxを保って高さか幅を指定し、引き伸ばして旗の形を変えません。

読み込みの入口を選ぶ

主な入口はコード・URL・SVGの道具、/loadは動的なコード、/namesは説明、/manifestは資料・作者・ライセンスです。任意の/element/defineはブラウザーの要素を登録します。読み込み、一覧、枠へ進めます。実行時の依存関係や外部のサービスを加えません。