feat(libs): データ作成処理を分離

- 取得する情報を追加（imas:Idol_1st, schema:MusicRelease）
- データを件数降順でソート

Author: arrow2nd

libs/create.ts

@@ -0,0 +1,50 @@
+import { CardDetail } from "@interfaces/card.ts";
+import { ImasparqlResponse } from "@interfaces/imasparql.ts";
+
+/**
+ * クラス名をラベルに変換
+ * @param c クラス名
+ * @returns ラベル
+ */
+function toLabel(c: string): string {
+  const altLabels = new Map([
+    ["MusicAlbum", "アルバム"],
+    ["MusicRelease", "CD"],
+    ["MusicComposition", "作詞・作曲家"],
+    ["MusicRecording", "楽曲"],
+  ]);
+
+  return altLabels.get(c) || "Unknown";
+}
+
+/**
+ * アイコンを取得
+ * @param c クラス名
+ * @returns アイコン名
+ */
+function getIcon(c: string): string {
+  const icons = new Map([
+    ["CallName", "messages"],
+  ]);
+
+  return icons.get(c) || "error-404";
+}
+
+/**
+ * APIのレスポンスからカードに表示するデータを作成
+ * @param json レスポンス
+ * @returns カードに表示するデータの配列
+ */
+export function createCardDetails(json: ImasparqlResponse): CardDetail[] {
+  console.log(json);
+
+  const cards = json.results.bindings.map((e): CardDetail => {
+    return {
+      title: e.label?.value || toLabel(e.class.value),
+      count: e.count.value,
+      icon: getIcon(e.class.value),
+    };
+  });
+
+  return cards;
+}

libs/fetch.ts

@@ -1,7 +1,9 @@
+import { createCardDetails } from "./create.ts";
+
 import { CardDetail } from "@interfaces/card.ts";
 import { ImasparqlResponse } from "@interfaces/imasparql.ts";
 
-const baseUrl = "https://sparql.crssnky.xyz/spql/imas/query";
+const endpointUrl = "https://sparql.crssnky.xyz/spql/imas/query";
 
 const query = `PREFIX owl: <http://www.w3.org/2002/07/owl#>
 PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>
@@ -12,52 +14,18 @@ PREFIX imas: <https://sparql.crssnky.xyz/imasrdf/URIs/imas-schema.ttl#>
 SELECT (IF(CONTAINS(STR(?o), "#"), STRAFTER(str(?o), "#"), STRAFTER(STR(?o), STR(schema:))) AS ?class) ?label (COUNT(DISTINCT ?s) AS ?count)
 WHERE {
   ?s rdf:type ?o.
-  FILTER(?o NOT IN (rdf:Property, rdfs:Class, owl:Ontology, imas:Idol_1st, schema:MusicRelease))
+  FILTER(?o NOT IN (rdf:Property, rdfs:Class, owl:Ontology))
   OPTIONAL { ?o rdfs:label ?label }
 }
 GROUP BY ?o ?label
-ORDER BY ?o`;
-
-/**
- * APIのレスポンスからカードに表示するデータを作成
- * @param json レスポンス
- * @returns カードに表示するデータの配列
- */
-function createCardDetails(json: ImasparqlResponse): CardDetail[] {
-  console.log(json);
-
-  const cards: CardDetail[] = [
-    {
-      title: "アイドル",
-      count: "335",
-      icon: "user",
-    },
-    {
-      title: "ユニット",
-      count: "1520",
-      icon: "users",
-    },
-    {
-      title: "ボイスアイドルオーディション",
-      count: "6",
-      icon: "microphone-2",
-    },
-    {
-      title: "呼び名",
-      count: "5923",
-      icon: "messages",
-    },
-  ];
-
-  return cards;
-}
+ORDER BY DESC (?count)`;
 
 /**
  * カードに表示するデータを取得
  * @returns カードに表示するデータの配列
  */
 export async function fetchCardDetails(): Promise<CardDetail[]> {
-  const url = new URL(baseUrl);
+  const url = new URL(endpointUrl);
   url.searchParams.append("query", query);
 
   // TODO: アクセスエラー時の処理・タイムアウトの実装