概要

DTS (Distributed Text Services)ビューアについて、ページネーションへの対応を行ったので、備忘録です。

https://dts-viewer.vercel.app/ja/

背景

DTSで多数のリソースなどを提供する際に、以下のように、viewプロパティを使って、ページネーションに関する情報を提示するようでした。

https://distributed-text-services.github.io/specifications/versions/unstable/#collection-endpoint

{}"""""""""}"]"}@d@@ctttd,m,vctitoooiue"iosdyltttbm.enV"plaall""]b.w""""""teeelleipte."@@fpnler:"cPC"nuir":itireaxstah:Cbt"dyrexsti":irioll{:{"psvtt"oloel"rie":eti"":ne"nndLes"l[""o::"tC"tre"h:a"::u":to:set:en/s""hrl"ntr[ga"""//t"el":"r{""pP/:aat1se/:e::iaappp-_ca1s/gp"iisadtp,1["dii//:leii0d"ftnadd/p_o/0eÉrsadptt/hpnd0c"/ttissdao"t0Po,cis//i"i,s,oloodccs,l/ie"lnctootuclvl"osllrsouNae,l/lli"lsalclceeb,l"tuteoccue,ieicltttco"otliietnnieoodia:/ocnn-ol?nt//tne"i/i??e/Ld?oiix{de=inddt?etld/==-iste=?llsdrtlieee,Cetedttrphsrt=ttvaaetlrrigrdsreeecete_etsse,edst__snsPe_rdd.a"o_deeegv,ipes__i}lo__ppt""uipdooh,hsloeiiut"ui_llbt}slpuu.p&uossispsi&&o:a&lpp//gpuaas/easggpv=g&eeei1ep==ca9=a25if"1g00f.,"e"0io,=,"cr1ag8t/"iv,oinasf//c1o6n7t8e7x4t5/815-"a]l,pha1.json",

そこで、DTS Viewerについて、上記のviewプロパティに対応できるように改修しました。

表示例

コレクションがviewプロパティを持つ時、以下のように、ページネーションに関するボタンを表示するようにしました。

まとめ

DTS (Distributed Text Services) APIを用いたデジタルテキストのコレクションの配信にあたり、参考になりましたら幸いです。