${svg}

${label}${tlc ? ` (${tlc})` : \"\"} — size ${size}

\n`;\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\", ...CACHE_HEADERS },\n });\n }\n\n return new Response(\"Not Found\", { status: 404 });\n}\n\nfunction docsPage(origin: string): string {\n const stationExamples = [\n { style: \"jre\" as BadgeStyle, line: \"JY\", number: \"01\", label: \"Yamanote Line — Tokyo\", path: \"/jre/JY/01.svg\" },\n { style: \"jre\" as BadgeStyle, line: \"JK\", number: \"25\", label: \"Keihin-Tohoku — Hamamatsuchō\", path: \"/jre/JK/25.svg\" },\n { style: \"tssn\" as BadgeStyle, line: \"G\", number: \"09\", label: \"Tokyo Metro Ginza — Akasaka-mitsuke\", path: \"/tssn/G/09.svg\" },\n { style: \"tssn\" as BadgeStyle, line: \"M\", number: \"25\", label: \"Tokyo Metro Marunouchi — Ikebukuro\", path: \"/tssn/M/25.svg\" },\n { style: \"jre\" as BadgeStyle, line: \"JC\", number: \"01\", label: \"Chūō Rapid — Tokyo\", path: \"/jre/JC/01.svg\" },\n { style: \"tssn\" as BadgeStyle, line: \"A\", number: \"18\", label: \"Toei Asakusa — Mita\", path: \"/tssn/A/18.svg\" },\n { style: \"jre\" as BadgeStyle, line: \"JO\", number: \"09\", label: \"Yokosuka–Sōbu Rapid — Akihabara\", path: \"/jre/JO/09.svg\" },\n { style: \"tssn\" as BadgeStyle, line: \"Z\", number: \"04\", label: \"Tokyo Metro Hanzōmon — Nagatacho\", path: \"/tssn/Z/04.svg\" },\n { style: \"yk\" as BadgeStyle, line: \"U\", number: \"01\", label: \"Yurikamome — Shimbashi\", path: \"/yk/U/01.svg\" },\n ];\n\n const stationBadges = stationExamples\n .map(({ style, line, number, label, path }) => {\n const svg60 = renderBadgeSVG({ style, line, number, size: 60 });\n return `

${svg60}

\n ${path}\n ${label}\n

`;\n })\n .join(\"\\n\");\n\n const lineExamples = [\n { style: \"jre\" as BadgeStyle, line: \"JY\", label: \"Yamanote Line\", path: \"/jre/JY.svg\" },\n { style: \"jre\" as BadgeStyle, line: \"JK\", label: \"Keihin-Tohoku Line\", path: \"/jre/JK.svg\" },\n { style: \"tssn\" as BadgeStyle, line: \"G\", label: \"Tokyo Metro Ginza\", path: \"/tssn/G.svg\" },\n { style: \"tssn\" as BadgeStyle, line: \"M\", label: \"Tokyo Metro Marunouchi\", path: \"/tssn/M.svg\" },\n { style: \"tssn\" as BadgeStyle, line: \"A\", label: \"Toei Asakusa\", path: \"/tssn/A.svg\" },\n { style: \"tssn\" as BadgeStyle, line: \"Z\", label: \"Tokyo Metro Hanzōmon\", path: \"/tssn/Z.svg\" },\n { style: \"yk\" as BadgeStyle, line: \"U\", label: \"Yurikamome\", path: \"/yk/U.svg\" },\n ];\n\n const lineBadges = lineExamples\n .map(({ style, line, label, path }) => {\n const svg60 = renderBadgeSVG({ style, line, size: 60 });\n return `

${svg60}

\n ${path}\n ${label}\n

`;\n })\n .join(\"\\n\");\n\n const tlcExample = renderBadgeSVG({\n style: \"jre\",\n line: \"JY\",\n number: \"20\",\n size: 60,\n tlc: \"SBY\",\n });\n\n const colorEntries = Object.entries(LINE_COLORS)\n .map(([code, hex]) => {\n const badge = renderBadgeSVG({ style: \"jre\", line: code, number: \"01\", size: 24 });\n return `${badge} ${code}`;\n })\n .join(\"\\n\");\n\n return `\n\n\n\nJRSN Badge API\n\n\n

JRSN Badge API

Render Japanese rail station number badges as SVG, PNG, or HTML.

\n\n

Station Badges

\n${stationBadges}\n

\n\n

Line Symbols

\n${lineBadges}\n

\n\n

TLC (Three-Letter Code)

\n ${tlcExample}\n

\n /jre/JY/20.svg?tlc=SBY&size=60
\n Shibuya — Yamanote Line\n

\n\n

Usage

GET /jre/{line}.{format}                — square line symbol (JRLS)\nGET /jre/{line}/{number}.{format}       — square station badge (JRSN)\nGET /tssn/{line}.{format}               — circle line symbol (TSLS)\nGET /tssn/{line}/{number}.{format}      — circle station badge (TSSN)\nGET /yk/{line}.{format}                 — solid circle line symbol (YKLS)\nGET /yk/{line}/{number}.{format}        — solid circle station badge (YKSN)

\n\n\n\n\n\n\n\n\n\n

Parameter	Description
`line`	Line code, e.g. `JY`, `G`, `JK`
`number`	Station number, e.g. `01`, `25`
`format`	`svg`, `png`, or `html`
`size`	Badge size in px (default: 30)
`tlc`	Three-letter station code, e.g. `SBY` (JRE station badges only)
`color`	Hex color override (without #), e.g. `FF0000`

\n\n

Supported Line Codes

\n${colorEntries}\n

\n\n`;\n}\n",[],[334],{"_106":344,"_97":345,"_160":346,"_162":-5,"_163":145,"_164":347,"_166":167,"_108":348,"_102":290,"_169":310,"_171":349,"_172":22,"_173":-5,"_174":350,"_100":351},"a31b09ce-09e0-11f1-b494-42dde27851f2","render.ts","7376f814-09df-11f1-860b-42dde27851f2",7,["D",1771099583881],"import { Resvg, initWasm } from \"npm:@resvg/resvg-wasm@2.6.2\";\n\nlet wasmInitialized = false;\nlet fontBuffer: Uint8Array | null = null;\n\nasync function ensureWasm() {\n if (wasmInitialized) return;\n const wasmUrl =\n \"https://unpkg.com/@resvg/resvg-wasm@2.6.2/index_bg.wasm\";\n const fontUrl =\n \"https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-700-normal.woff2\";\n\n const [wasmResp, fontResp] = await Promise.all([\n fetch(wasmUrl),\n fetch(fontUrl),\n ]);\n const wasmBuf = await wasmResp.arrayBuffer();\n fontBuffer = new Uint8Array(await fontResp.arrayBuffer());\n await initWasm(wasmBuf);\n wasmInitialized = true;\n}\n\nexport async function svgToPng(svg: string): Promise {\n await ensureWasm();\n\n const resvg = new Resvg(svg, {\n fitTo: { mode: \"original\" },\n font: {\n loadSystemFonts: false,\n fontBuffers: fontBuffer ? [fontBuffer] : [],\n defaultFontFamily: \"Inter\",\n },\n });\n\n const rendered = resvg.render();\n return rendered.asPng();\n}\n",[],[345],"files",[157,176,183,193,204,211,219,227,235,242,250,257,266,275,284,294,303,314,323,332,343],"counts",{"_356":33,"_357":290,"_358":33,"_359":360,"_363":364},"pulls","branches","forks","envVars",{"_361":33,"_362":33},"count","emptyCount","connections",{"_361":33,"_365":33},"unfilledCount","contents",[368,371],{"_106":184,"_97":185,"_160":186,"_162":179,"_163":145,"_164":187,"_166":22,"_108":369,"_102":33,"_169":189,"_171":190,"_172":22,"_173":-5,"_100":370},["D",1771168705891],[159,178,185],{"_106":194,"_97":195,"_160":196,"_162":179,"_163":145,"_164":197,"_166":22,"_108":372,"_102":33,"_169":189,"_171":199,"_172":22,"_173":-5,"_100":373},["D",1771168705814],[159,178,195],{"_106":177,"_97":178,"_160":179,"_162":161,"_163":145,"_164":180,"_166":167,"_108":375,"_102":33,"_169":170,"_171":-5,"_172":22,"_173":-5,"_100":376},["D",1771168703138],[159,178],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_95":96,"_97":98,"_99":45,"_102":103,"_100":101,"_104":385,"_155":390,"_352":454,"_189":455,"_366":457,"_462":-5,"_463":-5,"_464":-5,"_465":-5,"_466":467,"_359":-5},{"_106":107,"_97":98,"_108":386,"_110":-5,"_111":22,"_112":113,"_114":74,"_115":-5,"_14":116,"_117":-5,"_118":22,"_119":-5,"_120":-5,"_121":33,"_16":122,"_123":-5,"_124":-5,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_23":387,"_137":388,"_142":389,"_154":22},["D",1771097415605],{"_95":96,"_135":136},{"_95":96,"_139":136,"_14":116,"_140":141},{"_102":144,"_97":45,"_106":145,"_146":107,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":98,"_153":96},[391,403,430,433,436,439,442,445,448,451],{"_106":158,"_97":159,"_160":161,"_162":-5,"_163":145,"_164":165,"_166":167,"_108":168,"_102":33,"_169":170,"_171":-5,"_172":22,"_173":-5,"_174":392,"_100":402},[393],{"_106":177,"_97":178,"_160":179,"_162":161,"_163":145,"_164":180,"_166":167,"_108":181,"_102":33,"_169":170,"_171":-5,"_172":22,"_173":-5,"_174":394,"_100":401},[395,398],{"_106":184,"_97":185,"_160":186,"_162":179,"_163":145,"_164":187,"_166":22,"_108":188,"_102":33,"_169":189,"_171":190,"_172":22,"_173":-5,"_174":396,"_100":397},[],[159,178,185],{"_106":194,"_97":195,"_160":196,"_162":179,"_163":145,"_164":197,"_166":22,"_108":198,"_102":33,"_169":189,"_171":199,"_172":22,"_173":-5,"_174":399,"_100":400},[],[159,178,195],[159,178],[159],{"_106":205,"_97":206,"_160":207,"_162":-5,"_163":145,"_164":208,"_166":167,"_108":209,"_102":33,"_169":170,"_171":-5,"_172":22,"_173":-5,"_174":404,"_100":429},[405,408,411,414,426],{"_106":212,"_97":213,"_160":214,"_162":207,"_163":145,"_164":215,"_166":167,"_108":216,"_102":33,"_169":170,"_171":-5,"_172":22,"_173":-5,"_174":406,"_100":407},[],[206,213],{"_106":220,"_97":221,"_160":222,"_162":207,"_163":145,"_164":223,"_166":167,"_108":224,"_102":33,"_169":170,"_171":-5,"_172":22,"_173":-5,"_174":409,"_100":410},[],[206,221],{"_106":228,"_97":229,"_160":230,"_162":207,"_163":145,"_164":231,"_166":167,"_108":232,"_102":33,"_169":170,"_171":-5,"_172":22,"_173":-5,"_174":412,"_100":413},[],[206,229],{"_106":236,"_97":237,"_160":238,"_162":207,"_163":145,"_164":239,"_166":167,"_108":240,"_102":33,"_169":170,"_171":-5,"_172":22,"_173":-5,"_174":415,"_100":425},[416,419,422],{"_106":243,"_97":244,"_160":245,"_162":238,"_163":145,"_164":246,"_166":167,"_108":247,"_102":33,"_169":170,"_171":-5,"_172":22,"_173":-5,"_174":417,"_100":418},[],[206,237,244],{"_106":251,"_97":252,"_160":253,"_162":238,"_163":145,"_164":103,"_166":167,"_108":254,"_102":33,"_169":170,"_171":-5,"_172":22,"_173":-5,"_174":420,"_100":421},[],[206,237,252],{"_106":258,"_97":259,"_160":260,"_162":238,"_163":145,"_164":261,"_166":167,"_108":262,"_102":33,"_169":170,"_171":-5,"_172":22,"_173":-5,"_174":423,"_100":424},[],[206,237,259],[206,237],{"_106":267,"_97":268,"_160":269,"_162":207,"_163":145,"_164":270,"_166":167,"_108":271,"_102":33,"_169":170,"_171":-5,"_172":22,"_173":-5,"_174":427,"_100":428},[],[206,268],[206],{"_106":276,"_97":277,"_160":278,"_162":-5,"_163":145,"_164":279,"_166":167,"_108":280,"_102":33,"_169":189,"_171":281,"_172":22,"_173":-5,"_174":431,"_100":432},[],[277],{"_106":285,"_97":286,"_160":287,"_162":-5,"_163":145,"_164":288,"_166":22,"_108":289,"_102":290,"_169":189,"_171":291,"_172":22,"_173":-5,"_174":434,"_100":435},[],[286],{"_106":295,"_97":296,"_160":297,"_162":-5,"_163":145,"_164":298,"_166":167,"_108":299,"_102":33,"_169":189,"_171":300,"_172":22,"_173":-5,"_174":437,"_100":438},[],[296],{"_106":304,"_97":305,"_160":306,"_162":-5,"_163":145,"_164":307,"_166":167,"_108":308,"_102":309,"_169":310,"_171":311,"_172":22,"_173":-5,"_174":440,"_100":441},[],[305],{"_106":315,"_97":316,"_160":317,"_162":-5,"_163":145,"_164":318,"_166":22,"_108":319,"_102":290,"_169":310,"_171":320,"_172":22,"_173":-5,"_174":443,"_100":444},[],[316],{"_106":324,"_97":325,"_160":326,"_162":-5,"_163":145,"_164":327,"_166":167,"_108":328,"_102":33,"_169":189,"_171":329,"_172":22,"_173":-5,"_174":446,"_100":447},[],[325],{"_106":333,"_97":334,"_160":335,"_162":-5,"_163":145,"_164":336,"_166":22,"_108":337,"_102":338,"_169":339,"_171":340,"_172":22,"_173":-5,"_174":449,"_100":450},[],[334],{"_106":344,"_97":345,"_160":346,"_162":-5,"_163":145,"_164":347,"_166":167,"_108":348,"_102":290,"_169":310,"_171":349,"_172":22,"_173":-5,"_174":452,"_100":453},[],[345],[391,393,395,398,403,405,408,411,414,416,419,422,426,430,433,436,439,442,445,448,451],{"_106":177,"_97":178,"_160":179,"_162":161,"_163":145,"_164":180,"_166":167,"_108":375,"_102":33,"_169":170,"_171":-5,"_172":22,"_173":-5,"_100":456},[159,178],[458,460],{"_106":184,"_97":185,"_160":186,"_162":179,"_163":145,"_164":187,"_166":22,"_108":369,"_102":33,"_169":189,"_171":190,"_172":22,"_173":-5,"_100":459},[159,178,185],{"_106":194,"_97":195,"_160":196,"_162":179,"_163":145,"_164":197,"_166":22,"_108":372,"_102":33,"_169":189,"_171":199,"_172":22,"_173":-5,"_100":461},[159,178,195],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

jdan

jrsn-api