@ design- parity/ adapter- bundle (英语)
图像组合 ReferenceAdapter 页:1
设计平等。 仅取决于 @design-parity/core (加上微小的,
无依赖性 fflate 内存
(原始内容存档于2018-09-29). unzip.
原始图像 + 微小显示
有一个真正的工作流程与 没有设计工具 API 和 HTML 导出(单位:千美元)
设计师只要交出一个 一批出口的巴布亚新几内亚 - 已承诺的文件夹或
.zip ——直出设计工具. 这个
adapter-claude-design 驱动程序已经
“ 承诺 HTML 导出 + 交接” , 但这超出了本案的需要 。 这个
适配器将其归纳为“绘制图像+一个微小的图像” manifest.json",所以这个
包括作为巴布亚新几内亚出口的法格玛/斯地克/克洛德出口,或无任何工具
完全融入.
一样 linkMethod: "manifest" (唯一的链接方法是一个没有机器的源
链接可以; 更简单的输入.
design-map.json ──▶ fixtures/bundle/offer-card/ ──┐
(manifest) (dir or .zip of PNGs) ├─▶ DesignReference
└─ manifest.json ────────────┘ (manifest)
捆绑
这个 ref 内 design-map.json 是一条与承诺相对的道路
目录 或者说 .zip。捆绑 持有参考 PNGs + a
manifest.json数字 :
{
"componentId": "ui/Card.kt#OfferCard",
"tokens": { "spacing": { "padding": 16 }, "radius": { "corner": 12 } },
"images": [
{ "state": "default", "theme": "light", "size": "600px", "path": "offer-card.light.png" },
{ "state": "default", "theme": "dark", "size": "600px", "path": "offer-card.dark.png" }
]
}
images[].path——一PNG,相对于捆接根解决. 内容width编号 :height从巴布亚新几内亚的IHDR中读取 ——因此参考维度永远不能从承诺的字节漂移. ()width编号 :height如果在清单中出现,则会忽略提示。 )images[].size——制片方的断点标签,通过canonicalized通过normalizeSize从@design-parity/core(单位:千美元)"600px"→"medium")所以说 捆绑的图像 组合 与候选人。 未识别标签被保存 逐字记录.tokens——内含DesignTokens用来检查遵守规定的情况.componentId——可选;在提交时必须与组件相匹配 解决者要求, 否则resolve掷出.
目录捆绑的图像 uri 是通往巴布亚新几内亚的相对路径;a .zip
捆绑没有独立文件 每个条目,所以 uri 是未解析的 PNG 字节
内含为 data:image/png;base64,… URI (英语). diff 引擎和 HTML 报告
两种解码 data: URIs,所以一个 .zip 捆绑是完全可以和可制造的
端对端.
使用量
import { createBundleAdapter } from "@design-parity/adapter-bundle";
const adapter = createBundleAdapter();
const ref = await adapter.resolve(
"ui/Card.kt#OfferCard", // resolver-supplied code handle
"fixtures/bundle/offer-card", // the design-map ref (dir or .zip, repo-relative)
{ repoRoot: process.cwd(), env: process.env },
);
错误
resolve 扔出一个清晰、前缀、打出的错误( 全部扩展) BundleError:
BundleNotFoundError——目录 /.zip名称ref缺少.BundleManifestError—— 说manifest.json不存在 无效 JSON 畸形, 或编号componentId与解脱相矛盾.BundleImageNotFoundError— 显示图像引用未在 捆绑.
一切运行 离线 ——没有网络,没有模型.