update

generate-table.ts

@@ -5,7 +5,9 @@ const baseUrl = 'https://t1ckbase-minesweeper.hf.space';
 const html = '<table id="toc">\n' +
   '  <tr>\n' +
   '    <td align="center">\n' +
+  `      <img src="${baseUrl}/mines/count" height="48px" />\n` +
   `      <a href="${baseUrl}/game/reset"><img src="${baseUrl}/game/status" width="48px" height="48px" /></a>\n` +
+  `      <img src="${baseUrl}/mines/count" height="48px" />\n` +
   '    </td>\n' +
   '  </tr>\n' +
   Array.from({ length: rows }, (_, r) =>

main.ts

@@ -1,10 +1,9 @@
 import { Hono } from 'hono';
 // import { logger } from 'hono/logger';
+import { serveStatic } from 'hono/deno';
 import { Minesweeper } from './minesweeper.ts';
 import { isGithubUserPath } from './utils.ts';
 
-// TODO: check header referer
-
 // https://t1ckbase-minesweeper.hf.space
 
 const USER = 'T1ckbase';
@@ -24,6 +23,8 @@ if (Deno.env.get('DENO_ENV') === 'development') {
   app.get('/board', (c) => c.text(minesweeper.getBoard().map((row) => row.map((cell) => cell.isMine ? 'b' : cell.adjacentMines).join('')).join('\n')));
 }
 
+app.use('/mines/count', serveStatic({ path: './images/counter.svg' }));
+
 app.get('/cell/:row/:col/image', (c) => {
   const row = Number(c.req.param('row'));
   const col = Number(c.req.param('col'));