Lolly 建構者指南

技術文件 — 適合撰寫工具、將 Lolly 整合進工作流程、自行架設,或擴充這個平台的任何人。

這對你有什麼好處。 工具做一次,同樣的需求就不會再回頭找上你。那些吃掉你整個下午、不斷出現的「能不能幫我做一個……」,會變成一個範本,讓其他人自己動手填——而且做得正確,不需要你插手。你的成果是純粹的 HTML/CSS/JS:版本控管、可比對差異、可審查,並且執行在一個開放、沒有廠商綁定的引擎之上,所以它永遠屬於你。把量產流程自動化,你的時間就能花在有趣的問題上,而不是第一萬次的匯出。

Lolly 是一個與平台無關的引擎,能在多種殼層(web PWA、Tauri 桌面版/行動版、CLI、TUI)上執行同一套渲染流程。工具是資料,不是打包好的程式碼——由一份 manifest、一份 template,加上選用的 hooks 組成——因此新工具上線不需要更新應用程式。先讀總覽了解架構,再依你要打造的內容選擇合適的路徑。

第一次接觸這個平台?快速入門 能在你深入研究之前,先幫你把品牌和第一次渲染準備好。

了解架構

The shell's component library, where every shared primitive is rendered live from its own specimen

撰寫工具

下面每一個控制項都是由 tool.json 中宣告的輸入項目產生的。你寫下 manifest 裡的那一行,主機負責畫出控制項,而同一套模型也驅動著 CLI 與網址。

One declared input, one generated control: a url, a colour, a select, a number, a boolean

這套做法能撐的遠遠不只五個控制項。替一個輸入項目加上 section,主機就會把它摺疊收起,所以像 D3 Chart Studio 這種有五十個輸入項目的工具,打開時依然只是一小疊控制項,其餘的都收在具名分組後面。

The D3 sidebar - a handful of primary controls, then Data, Columns, Chart, Axes and the other sections collapsed into one line each

執行與整合

上線與維運

信任與資料

權利與署名資訊也跟其他輸入項目一樣。Embed & Track Image 宣告了創作者、版權、授權與聯絡方式等欄位,匯出時會把它們寫入檔案本身的中介資料,以及它的 C2PA manifest。

The Embed and Track Image controls - creator, copyright, a licence dropdown, contact and title, filled from the link