[{"data":1,"prerenderedAt":119},["ShallowReactive",2],{"page:\u002Farticles\u002Fintroducing-pic-viewer":3},{"id":4,"title":5,"author":6,"body":10,"cover":105,"date":106,"description":107,"extension":108,"head":109,"layout":112,"meta":113,"navigation":114,"path":115,"seo":116,"stem":117,"__hash__":118},"pages\u002Farticles\u002F21.introducing-pic-viewer.md","Introducing pic-viewer",{"name":7,"avatarUrl":8,"link":9},"Likun Cai","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F103620968?v=4","https:\u002F\u002Fgithub.com\u002FAlchemist-Aloha",{"type":11,"value":12,"toc":102},"minimark",[13,17,21,24,27,32,35,80,87,98],[14,15,5],"h1",{"id":16},"introducing-pic-viewer",[18,19,20],"p",{},"pic-viewer is a desktop image browser built with a Go backend and Vue interface through Wails. Its defining feature is folder-aware navigation: when the current directory ends, sequential browsing can continue into the next leaf folder instead of stopping at a filesystem boundary.",[18,22,23],{},"The resizable tree sidebar selects a root and exposes nested folders. Buttons jump to the next, previous, random, or last-visited leaf directory. Slideshows can run sequentially, randomly within one folder, or randomly across the full tree. The next sequential image is preloaded for smoother browsing.",[18,25,26],{},"Mouse-wheel and arrow-key navigation keep the viewer fast to operate, while Ctrl plus the wheel controls zoom. Supported formats include JPEG, PNG, GIF, BMP, WebP, and embedded JPEG previews from Fuji RAF files.",[28,29,31],"h2",{"id":30},"build-it","Build it",[18,33,34],{},"Install Go, Node.js, npm, and the Wails CLI, then run:",[36,37,42],"pre",{"className":38,"code":39,"language":40,"meta":41,"style":41},"language-bash shiki shiki-themes github-light github-dark","git clone https:\u002F\u002Fgithub.com\u002FAlchemist-Aloha\u002Fpic-viewer.git\ncd pic-viewer\nwails build\n","bash","",[43,44,45,61,71],"code",{"__ignoreMap":41},[46,47,50,54,58],"span",{"class":48,"line":49},"line",1,[46,51,53],{"class":52},"sScJk","git",[46,55,57],{"class":56},"sZZnC"," clone",[46,59,60],{"class":56}," https:\u002F\u002Fgithub.com\u002FAlchemist-Aloha\u002Fpic-viewer.git\n",[46,62,64,68],{"class":48,"line":63},2,[46,65,67],{"class":66},"sj4cs","cd",[46,69,70],{"class":56}," pic-viewer\n",[46,72,74,77],{"class":48,"line":73},3,[46,75,76],{"class":52},"wails",[46,78,79],{"class":56}," build\n",[18,81,82,83,86],{},"The executable is written under ",[43,84,85],{},"build\u002Fbin",". This is a viewer, not an editor or catalog database; it is best suited to collections whose existing folder structure already carries useful meaning.",[18,88,89,90,97],{},"Visit the ",[91,92,96],"a",{"href":93,"rel":94},"https:\u002F\u002Fgithub.com\u002FAlchemist-Aloha\u002Fpic-viewer",[95],"nofollow","pic-viewer repository"," for the source and current control list.",[99,100,101],"style",{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":41,"searchDepth":63,"depth":63,"links":103},[104],{"id":30,"depth":63,"text":31},"\u002Farticles\u002Fpic-viewer-cover.webp","2026-08-12T00:21:00.000Z","A lightweight Wails desktop viewer for moving quickly through images across deeply nested folder trees.","md",{"title":110},{"Introducing pic-viewer":111},"Fast Browsing across Nested Folders","page",{},true,"\u002Farticles\u002Fintroducing-pic-viewer",{"title":5,"description":107},"articles\u002F21.introducing-pic-viewer","c_FwvZROZkPUhrpZ3ktoJ_SYM9hveQvvg7GDC_I4PVY",1786980373682]