direct-img/vibegif.direct-img.link
1
0
Fork 0
mirror of https://github.com/direct-img/vibegif.direct-img.link.git synced 2026-10-29 03:34:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add image search metadata: CC0 license data, sitemap, robots, 404 page

Browse Source 
Every tile image gets ImageObject license data so search engines can list it
as Creative Commons, the build writes sitemap.xml with all tile images,
robots.txt points at it, unknown paths get a real 404 instead of the gallery,
and the page gets a descriptive title, canonical, large image previews and
an og.png collage for link previews.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
multipleof4
2026-10-23 21:53:49 +00:00
co-authored by Claude Opus 5.5
parent 25b7109665
commit c910011cd2
5 changed files with 71 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vite.config.js
+28 -9
View File
@@ -4,13 +4,16 @@
// hand-made files that have no gen file go in the first section
// only files inside a subject folder are tiles, so root files like favicon.webp stay out
// tile images get ?v=<hash> so browsers drop old copies when a file changes, links stay clean for hotlinking
// <!--ld--> gets CC0 license data for every tile image, so image search can list them under creative commons
// and the build writes sitemap.xml with the page and its tile images (google reads up to 1000 images per page)
import{readdirSync as rd,readFileSync as rf}from'fs'
import{createHash}from'crypto'
const site='https://vibegif.direct-img.link',cc0='https://creativecommons.org/publicdomain/zero/1.0/'
const sections=['bw','color','anime','manga','mini','minicolor']
const hidden=['cat/tail.gif'] // same drawing as cat/wag.gif, kept so old links still work
const walk=d=>rd(d,{withFileTypes:true}).flatMap(e=>e.isDirectory()?walk(`${d}/${e.name}`):`${d}/${e.name}`)
const dims=(b,x)=>x=='gif'?[b.readUInt16LE(6),b.readUInt16LE(8)]:[b.readUIntLE(24,3)+1,b.readUIntLE(27,3)+1]
const gallery=()=>{
const tiles=()=>{
const sec={},g=Object.fromEntries(sections.map(s=>[s,{}]))
for(const f of walk('gen').filter(f=>f.endsWith('.js'))){const[,s,...r]=f.split('/');sec[r.join('/').slice(0,-3)]=s}
for(const f of walk('public').filter(f=>/^public\/[^/]+\/.+\.(webp|gif)$/.test(f)).sort()){
@@ -18,12 +21,28 @@ const gallery=()=>{
if(!hidden.includes(p))(g[sec[id]??sections[0]][id]??={})[x]=f
}
return sections.map(s=>Object.entries(g[s]).map(([id,fm])=>{
const x=fm.webp?'webp':'gif',b=rf(fm[x]),[w,h]=dims(b,x),v=createHash('md5').update(b).digest('hex').slice(0,8)
const links=['webp','gif'].filter(k=>fm[k]).map(k=>`<a href="/${id}.${k}">${k}</a>`).join(' ')
return`<figure><a href="/${id}.${x}"><img src="/${id}.${x}?v=${v}" alt="${id.replace('/',' ')}" width="${w}" height="${h}" loading="lazy" decoding="async"></a><figcaption>${links}</figcaption></figure>`
}).join('\n')).filter(Boolean).join('\n<hr>\n')
const x=fm.webp?'webp':'gif',b=rf(fm[x]),[w,h]=dims(b,x)
return{id,fm,x,w,h,src:`/${id}.${x}?v=${createHash('md5').update(b).digest('hex').slice(0,8)}`}
}))
}
export default{plugins:[{name:'gallery',transformIndexHtml:h=>{
const g=gallery()
return h.replace('<!--gallery-->',g).replaceAll('<!--count-->',g.split('<figure>').length-1)
}}]}
const figure=t=>{
const links=['webp','gif'].filter(k=>t.fm[k]).map(k=>`<a href="/${t.id}.${k}">${k}</a>`).join(' ')
return`<figure><a href="/${t.id}.${t.x}"><img src="${t.src}" alt="${t.id.replace('/',' ')}" width="${t.w}" height="${t.h}" loading="lazy" decoding="async"></a><figcaption>${links}</figcaption></figure>`
}
const ld=all=>`<script type="application/ld+json">${JSON.stringify({'@context':'https://schema.org','@graph':
all.map(t=>({'@type':'ImageObject',contentUrl:site+t.src,license:cc0,acquireLicensePage:site+'/'}))})}</script>`
const sitemap=all=>`<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
<url><loc>${site}/</loc><lastmod>${new Date().toISOString().slice(0,10)}</lastmod>
${all.map(t=>`<image:image><image:loc>${site+t.src}</image:loc></image:image>`).join('\n')}
</url>
</urlset>
`
export default{plugins:[{name:'gallery',
transformIndexHtml:h=>{
const s=tiles(),all=s.flat()
return h.replace('<!--gallery-->',s.map(ts=>ts.map(figure).join('\n')).filter(Boolean).join('\n<hr>\n'))
.replace('<!--ld-->',ld(all)).replaceAll('<!--count-->',all.length)
},
generateBundle(){this.emitFile({type:'asset',fileName:'sitemap.xml',source:sitemap(tiles().flat())})}
}]}