feat: complete TASK-WP4-04 color and dynamic stickers
This commit is contained in:
suyx
@@ -0,0 +1,35 @@
|
||||
import { mkdirSync } from "node:fs";
|
||||
import { resolve } from "node:path";
|
||||
import { chromium } from "@playwright/test";
|
||||
|
||||
const baseUrl = process.env.DADA_MANUAL_PREVIEW_URL ?? "http://127.0.0.1:43122/app/projects/00000000-0000-4000-8000-000000000904/editor";
|
||||
const output = resolve(process.env.DADA_COMPARISON_DIR ?? "artifacts/manual-review/wp4-04-original-comparison");
|
||||
mkdirSync(output, { recursive: true });
|
||||
|
||||
const browser = await chromium.launch({ channel: "msedge" });
|
||||
const page = await browser.newPage({ viewport: { height: 1200, width: 1500 } });
|
||||
await page.goto(baseUrl);
|
||||
await page.getByText("原版贴纸人工检查").waitFor();
|
||||
|
||||
async function capture(tab, filename, waitForFonts = false) {
|
||||
await page.getByRole("button", { name: tab, exact: true }).click();
|
||||
if (waitForFonts) {
|
||||
const ids = ["15974853bc3294ef68e7e6d58fe74fd7", "46f8336813e4c48d06a1aef294fdccf6", "53ca6b704728520da50c145eabb2e635", "cca5efc0e02fb1bf62349bd68ef30fc1", "dd25b35dcb7ba4476cbaa9a9592e39e2", "e4210c9872f0c279b35273f230809821", "f4bfd4132df2d6be97ceabadf3853505", "FONT081"];
|
||||
await page.waitForFunction((fontIds) => fontIds.every((id) => document.fonts.check(`16px "Dada_${id}"`)), ids, { timeout: 15_000 });
|
||||
}
|
||||
await page.waitForTimeout(800);
|
||||
const panel = page.locator(".editor-assets-panel");
|
||||
await panel.evaluate((element) => {
|
||||
const node = element;
|
||||
node.style.height = "max-content";
|
||||
node.style.maxHeight = "none";
|
||||
node.style.overflow = "visible";
|
||||
});
|
||||
await panel.screenshot({ path: resolve(output, filename) });
|
||||
}
|
||||
|
||||
await capture("普通贴纸", "web-ordinary.png");
|
||||
await capture("色卡", "web-colors.png");
|
||||
await capture("动态贴纸", "web-dynamic.png", true);
|
||||
await browser.close();
|
||||
console.log(output);
|
||||
@@ -0,0 +1,130 @@
|
||||
from __future__ import annotations
|
||||
|
||||
import argparse
|
||||
import os
|
||||
from pathlib import Path
|
||||
|
||||
from PIL import Image, ImageDraw, ImageFont
|
||||
|
||||
|
||||
HOME = Path.home()
|
||||
DYNAMIC_ROOT = Path(os.environ.get("DADA_DYNAMIC_ASSET_ROOT", HOME / "Desktop" / "sticker_interactive" / "单模板归档" / "templates"))
|
||||
STICKER_ROOT = Path(os.environ.get("DADA_STATIC_STICKER_ROOT", HOME / "Desktop" / "贴纸素材"))
|
||||
COLOR_ROOT = Path(os.environ.get("DADA_COLOR_ASSET_ROOT", HOME / "Desktop" / "sticker_colour" / "单模板归档" / "styles"))
|
||||
TEXT_ROOT = Path(os.environ.get("DADA_TEXT_ASSET_ROOT", HOME / "Desktop" / "sticker_text"))
|
||||
UI_FONT = Path("C:/Windows/Fonts/msyh.ttc")
|
||||
FONT081 = TEXT_ROOT / "字体" / "面板全量采集" / "font_panel_full_20260722" / "resources" / "font_packages" / "FONT081_Lexend Deca" / "font_files" / "02034l0o6r57rxed4027b5689e0dxe7e142r0vi8920akeqto.ttf"
|
||||
|
||||
|
||||
def ui_font(size: int, bold: bool = False) -> ImageFont.FreeTypeFont:
|
||||
candidate = Path("C:/Windows/Fonts/msyhbd.ttc") if bold else UI_FONT
|
||||
return ImageFont.truetype(candidate, size)
|
||||
|
||||
|
||||
FONT_PATHS = {
|
||||
"15974853bc3294ef68e7e6d58fe74fd7": DYNAMIC_ROOT / "DYN002" / "fonts" / "15974853bc3294ef68e7e6d58fe74fd7" / "0202b90o6r57rxed4027b5689e0dxe7e142r0yho9d0lljuqj.ttf",
|
||||
"46f8336813e4c48d06a1aef294fdccf6": DYNAMIC_ROOT / "DYN016" / "fonts" / "46f8336813e4c48d06a1aef294fdccf6" / "9fbfbb420cea1df916d7c7c7ac90b1c88b61e117-PingFang-SC-Semibold-2.ttf",
|
||||
"53ca6b704728520da50c145eabb2e635": DYNAMIC_ROOT / "DYN007" / "fonts" / "53ca6b704728520da50c145eabb2e635" / "fab6c26a0b21d5e9b57fb5238843ac1fb77a2ce6-HYZhengYuan.ttf",
|
||||
"cca5efc0e02fb1bf62349bd68ef30fc1": DYNAMIC_ROOT / "DYN015" / "fonts" / "cca5efc0e02fb1bf62349bd68ef30fc1" / "e11ced673fc7e63e8b0b4730166d29845d8bebae-NotoSansCJKsc-Regular.otf",
|
||||
"dd25b35dcb7ba4476cbaa9a9592e39e2": DYNAMIC_ROOT / "DYN001" / "fonts" / "dd25b35dcb7ba4476cbaa9a9592e39e2" / "0202b90o6r57rxed4027b5689e0dxe7e142r0ygbx80porvko.ttf",
|
||||
"e4210c9872f0c279b35273f230809821": DYNAMIC_ROOT / "DYN011" / "fonts" / "e4210c9872f0c279b35273f230809821" / "06b980259e2104e1211a6819a61bc5ddeca77dcb-DJB-Get-Digital-1.ttf",
|
||||
"f4bfd4132df2d6be97ceabadf3853505": DYNAMIC_ROOT / "DYN008" / "fonts" / "f4bfd4132df2d6be97ceabadf3853505" / "6ce05a147aedabbb610d9cb3e75bbe60c064c3f5-BarlowCondensed-SemiBold.ttf",
|
||||
"FONT081": FONT081,
|
||||
}
|
||||
|
||||
|
||||
MODELS = {
|
||||
"DYN001": ((130, 42), [("image28.png", -17.562, 2.203, 219, 67)], [("温州", 0, 0, 21, "dd25b35dcb7ba4476cbaa9a9592e39e2", "#FFFFFF", "mm")]),
|
||||
"DYN002": ((215, 48), [("image29.png", 94.5, 0.5, 232, 77)], [("温州", -94.5, 10.5, 19, "15974853bc3294ef68e7e6d58fe74fd7", "#FFFFFF", "lm"), ("WENZHOU", 0, 36, 10, "15974853bc3294ef68e7e6d58fe74fd7", "#FFFFFF", "lm")]),
|
||||
"DYN003": ((215, 54), [("image30.png", -93.857, -23.635, 235, 85)], [("温州", -54, 9, 18, "dd25b35dcb7ba4476cbaa9a9592e39e2", "#FFFFFF", "lm"), ("温州", -53, -16, 24, "dd25b35dcb7ba4476cbaa9a9592e39e2", "#FFFFFF", "lm")]),
|
||||
"DYN004": ((180, 48), [("image32.png", -21.067, -1, 39, 76)], [("温州", -28, 0, 26, "dd25b35dcb7ba4476cbaa9a9592e39e2", "#FFFFFF", "lm"), ("27°59'39.48\"N", -29.844, 36, 14, "15974853bc3294ef68e7e6d58fe74fd7", "#FFFFFF", "lm"), ("120°41'57.84\"E", 71.523, 36, 14, "15974853bc3294ef68e7e6d58fe74fd7", "#FFFFFF", "lm")]),
|
||||
"DYN007": ((190, 34), [], [("@dada", 0, 0, 50, "53ca6b704728520da50c145eabb2e635", "#295E8B", "mm")]),
|
||||
"DYN008": ((140, 180), [("backendui0.png", -125, 0, 5, 185)], [("Aug.", -112, -32, 70, "f4bfd4132df2d6be97ceabadf3853505", "#FFFFFF", "lm"), ("09:07", -114.024, 97, 130, "f4bfd4132df2d6be97ceabadf3853505", "#FFFFFF", "lm")]),
|
||||
"DYN011": ((130, 40), [("backendui0.png", -120, -19, 8, 12)], [("26", -85, 0, 64, "e4210c9872f0c279b35273f230809821", "#FF6D2F", "mm"), ("08", 0, 0, 64, "e4210c9872f0c279b35273f230809821", "#FF6D2F", "mm"), ("03", 85, 0, 64, "e4210c9872f0c279b35273f230809821", "#FF6D2F", "mm")]),
|
||||
"DYN012": ((118, 78), [], [("09", -60, 0, 100, "FONT081", "#FFFFFF", "mm"), ("07", 60, 0, 100, "FONT081", "#FFFFFF", "mm"), ("AM", 94, -65, 20, "FONT081", "#FFFFFF", "mm")]),
|
||||
"DYN015": ((300, 42), [("imager2_2.png", -140, 0, 60, 60)], [("Dada Creator", -100, 0, 40, "cca5efc0e02fb1bf62349bd68ef30fc1", "#666666", "lm")]),
|
||||
"DYN016": ((160, 48), [("image21.png", -61.842, 16.483, 186, 59)], [("@dada", 0, 0, 27, "46f8336813e4c48d06a1aef294fdccf6", "#FFFFFF", "lm")]),
|
||||
}
|
||||
|
||||
|
||||
def crop_rgba(image: Image.Image, padding: int = 8) -> Image.Image:
|
||||
bbox = image.getbbox()
|
||||
if not bbox:
|
||||
return image
|
||||
left, top, right, bottom = bbox
|
||||
return image.crop((max(0, left - padding), max(0, top - padding), min(image.width, right + padding), min(image.height, bottom + padding)))
|
||||
|
||||
|
||||
def render_dynamic(template_id: str) -> Image.Image:
|
||||
(half_width, half_height), image_layers, text_layers = MODELS[template_id]
|
||||
logical = Image.new("RGBA", (half_width * 2 + 40, half_height * 2 + 40), (0, 0, 0, 0))
|
||||
center = (logical.width / 2, logical.height / 2)
|
||||
for filename, x, y, width, height in image_layers:
|
||||
source = Image.open(DYNAMIC_ROOT / template_id / "resource" / filename).convert("RGBA").resize((width, height), Image.Resampling.LANCZOS)
|
||||
logical.alpha_composite(source, (round(center[0] + x - width / 2), round(center[1] + y - height / 2)))
|
||||
draw = ImageDraw.Draw(logical)
|
||||
if template_id == "DYN012":
|
||||
draw.rectangle((center[0] - 3.5, center[1] - 21, center[0] + 3.5, center[1] + 21), fill="#FFFFFF")
|
||||
for value, x, y, size, font_id, color, anchor in text_layers:
|
||||
draw.text((center[0] + x, center[1] + y), value, font=ImageFont.truetype(FONT_PATHS[font_id], size), fill=color, anchor=anchor)
|
||||
return crop_rgba(logical)
|
||||
|
||||
|
||||
def sheet(title: str, items: list[tuple[str, Image.Image]], output: Path, row_height: int = 140) -> None:
|
||||
width = 420
|
||||
image = Image.new("RGB", (width, 62 + row_height * len(items)), "#F4F5F7")
|
||||
draw = ImageDraw.Draw(image)
|
||||
draw.text((20, 18), title, font=ui_font(24, True), fill="#111111")
|
||||
for index, (label, item) in enumerate(items):
|
||||
top = 62 + index * row_height
|
||||
draw.rounded_rectangle((12, top + 6, width - 12, top + row_height - 6), radius=4, fill="#30343B")
|
||||
fitted = item.copy()
|
||||
fitted.thumbnail((330, row_height - 48), Image.Resampling.LANCZOS)
|
||||
image.paste(fitted, ((width - fitted.width) // 2, top + 12), fitted if fitted.mode == "RGBA" else None)
|
||||
draw.text((20, top + row_height - 30), label, font=ui_font(16, True), fill="#FFFFFF")
|
||||
image.save(output)
|
||||
|
||||
|
||||
def build_sources(output: Path) -> None:
|
||||
output.mkdir(parents=True, exist_ok=True)
|
||||
ordinary = [
|
||||
("STK001 · part1 原版草莓", crop_rgba(Image.open(STICKER_ROOT / "sticker_part1" / "01af6384c2a962d17f55736f9895b505.png").convert("RGBA"))),
|
||||
("STK002 · part2 原版小狗", crop_rgba(Image.open(STICKER_ROOT / "sticker_part2" / "011db0fb6ac4184e4a708374003bce66.png").convert("RGBA"))),
|
||||
]
|
||||
colors = [(color_id, crop_rgba(Image.open(COLOR_ROOT / color_id / "preview.png").convert("RGBA"))) for color_id in ("COLOR001", "COLOR002", "COLOR008", "COLOR016")]
|
||||
dynamics = [(template_id + (" · 原字体缺失，同用 FONT081" if template_id == "DYN012" else ""), render_dynamic(template_id)) for template_id in MODELS]
|
||||
sheet("原始归档 PNG", ordinary, output / "source-ordinary.png", 190)
|
||||
sheet("原始归档 renderer_source.py 预览", colors, output / "source-colors.png", 150)
|
||||
sheet("原始 Prefab / PNG / 字体参数还原", dynamics, output / "source-dynamic.png", 150)
|
||||
|
||||
|
||||
def compose(source: Path, web: Path, destination: Path, title: str) -> None:
|
||||
left = Image.open(source).convert("RGB")
|
||||
right = Image.open(web).convert("RGB")
|
||||
column_width = 500
|
||||
left.thumbnail((column_width - 24, 2200), Image.Resampling.LANCZOS)
|
||||
right.thumbnail((column_width - 24, 2200), Image.Resampling.LANCZOS)
|
||||
height = max(left.height, right.height) + 108
|
||||
result = Image.new("RGB", (column_width * 2, height), "#ECEEF1")
|
||||
draw = ImageDraw.Draw(result)
|
||||
draw.text((24, 18), title, font=ui_font(28, True), fill="#111111")
|
||||
draw.text((24, 62), "左：原始归档参考", font=ui_font(18, True), fill="#434A54")
|
||||
draw.text((column_width + 24, 62), "右：当前网页实拍", font=ui_font(18, True), fill="#434A54")
|
||||
result.paste(left, ((column_width - left.width) // 2, 98))
|
||||
result.paste(right, (column_width + (column_width - right.width) // 2, 98))
|
||||
result.save(destination)
|
||||
|
||||
|
||||
def main() -> None:
|
||||
parser = argparse.ArgumentParser()
|
||||
parser.add_argument("output", type=Path)
|
||||
parser.add_argument("--compose", action="store_true")
|
||||
args = parser.parse_args()
|
||||
build_sources(args.output)
|
||||
if args.compose:
|
||||
for kind, title in (("ordinary", "普通贴纸对比"), ("colors", "颜色卡对比"), ("dynamic", "动态贴纸对比")):
|
||||
compose(args.output / f"source-{kind}.png", args.output / f"web-{kind}.png", args.output / f"comparison-{kind}.png", title)
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
@@ -0,0 +1,112 @@
|
||||
import { existsSync, readFileSync } from "node:fs";
|
||||
import { homedir } from "node:os";
|
||||
import { join, resolve } from "node:path";
|
||||
import { createServer } from "vite";
|
||||
|
||||
const host = "127.0.0.1";
|
||||
const port = Number(process.env.DADA_MANUAL_PREVIEW_PORT ?? 43122);
|
||||
const projectId = "00000000-0000-4000-8000-000000000904";
|
||||
const dynamicRoot = process.env.DADA_DYNAMIC_ASSET_ROOT ?? join(homedir(), "Desktop", "sticker_interactive", "单模板归档", "templates");
|
||||
const stickerRoot = process.env.DADA_STATIC_STICKER_ROOT ?? join(homedir(), "Desktop", "贴纸素材");
|
||||
const textRoot = process.env.DADA_TEXT_ASSET_ROOT ?? join(homedir(), "Desktop", "sticker_text");
|
||||
|
||||
const publicAssets = {
|
||||
STK001: [join(stickerRoot, "sticker_part1", "01af6384c2a962d17f55736f9895b505.png"), "image/png"],
|
||||
STK002: [join(stickerRoot, "sticker_part2", "011db0fb6ac4184e4a708374003bce66.png"), "image/png"],
|
||||
"15974853bc3294ef68e7e6d58fe74fd7": [join(dynamicRoot, "DYN002", "fonts", "15974853bc3294ef68e7e6d58fe74fd7", "0202b90o6r57rxed4027b5689e0dxe7e142r0yho9d0lljuqj.ttf"), "font/ttf"],
|
||||
"46f8336813e4c48d06a1aef294fdccf6": [join(dynamicRoot, "DYN016", "fonts", "46f8336813e4c48d06a1aef294fdccf6", "9fbfbb420cea1df916d7c7c7ac90b1c88b61e117-PingFang-SC-Semibold-2.ttf"), "font/ttf"],
|
||||
"53ca6b704728520da50c145eabb2e635": [join(dynamicRoot, "DYN007", "fonts", "53ca6b704728520da50c145eabb2e635", "fab6c26a0b21d5e9b57fb5238843ac1fb77a2ce6-HYZhengYuan.ttf"), "font/ttf"],
|
||||
"cca5efc0e02fb1bf62349bd68ef30fc1": [join(dynamicRoot, "DYN015", "fonts", "cca5efc0e02fb1bf62349bd68ef30fc1", "e11ced673fc7e63e8b0b4730166d29845d8bebae-NotoSansCJKsc-Regular.otf"), "font/otf"],
|
||||
"dd25b35dcb7ba4476cbaa9a9592e39e2": [join(dynamicRoot, "DYN001", "fonts", "dd25b35dcb7ba4476cbaa9a9592e39e2", "0202b90o6r57rxed4027b5689e0dxe7e142r0ygbx80porvko.ttf"), "font/ttf"],
|
||||
"e4210c9872f0c279b35273f230809821": [join(dynamicRoot, "DYN011", "fonts", "e4210c9872f0c279b35273f230809821", "06b980259e2104e1211a6819a61bc5ddeca77dcb-DJB-Get-Digital-1.ttf"), "font/ttf"],
|
||||
"f4bfd4132df2d6be97ceabadf3853505": [join(dynamicRoot, "DYN008", "fonts", "f4bfd4132df2d6be97ceabadf3853505", "6ce05a147aedabbb610d9cb3e75bbe60c064c3f5-BarlowCondensed-SemiBold.ttf"), "font/ttf"],
|
||||
"DYN001-image28": [join(dynamicRoot, "DYN001", "resource", "image28.png"), "image/png"],
|
||||
"DYN002-image29": [join(dynamicRoot, "DYN002", "resource", "image29.png"), "image/png"],
|
||||
"DYN003-image30": [join(dynamicRoot, "DYN003", "resource", "image30.png"), "image/png"],
|
||||
"DYN004-image32": [join(dynamicRoot, "DYN004", "resource", "image32.png"), "image/png"],
|
||||
"DYN008-backendui0": [join(dynamicRoot, "DYN008", "resource", "backendui0.png"), "image/png"],
|
||||
"DYN011-backendui0": [join(dynamicRoot, "DYN011", "resource", "backendui0.png"), "image/png"],
|
||||
"DYN015-imager2": [join(dynamicRoot, "DYN015", "resource", "imager2_2.png"), "image/png"],
|
||||
"DYN016-image21": [join(dynamicRoot, "DYN016", "resource", "image21.png"), "image/png"],
|
||||
FONT081: [join(textRoot, "字体", "面板全量采集", "font_panel_full_20260722", "resources", "font_packages", "FONT081_Lexend Deca", "font_files", "02034l0o6r57rxed4027b5689e0dxe7e142r0vi8920akeqto.ttf"), "font/ttf"],
|
||||
};
|
||||
|
||||
if (!Object.values(publicAssets).every(([path]) => existsSync(path))) throw new Error("WP4-04 original preview assets are unavailable.");
|
||||
|
||||
const session = {
|
||||
audience: "user", authenticated: true, credits: { available_balance: 10, reserved_balance: 0 },
|
||||
csrf_token: "csrf-wp4-manual-preview-0000000000000000000000000000", expires_at: "2026-09-03T08:00:00.000Z",
|
||||
user: { creator_name: "Dada Creator", role: "user", social_id: "@dada", status: "active", user_id: "00000000-0000-4000-8000-000000000901" },
|
||||
};
|
||||
const backgroundId = "00000000-0000-4000-8000-000000000902";
|
||||
let stateVersion = 1;
|
||||
let canvasState = {
|
||||
background: { adjustments: { brightness: 0, contrast: 0, crop: null, filter: "none", fit: "fill", saturation: 0, sharpness: 0, temperature: 0 }, asset_id: backgroundId },
|
||||
elements: [], pixel_height: 1440, pixel_width: 1080, ratio: "3:4", schema_version: 1,
|
||||
};
|
||||
|
||||
const backgroundSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="1080" height="1440"><rect width="1080" height="1440" fill="#2b3038"/><rect x="0" y="0" width="216" height="1440" fill="#04d960"/><rect x="216" y="0" width="216" height="1440" fill="#0abf58"/><rect x="432" y="0" width="216" height="1440" fill="#5fd994"/><rect x="648" y="0" width="216" height="1440" fill="#a0f2c4"/><rect x="864" y="0" width="216" height="1440" fill="#d5f2e2"/><rect x="0" y="0" width="1080" height="1440" fill="#15181d" opacity=".58"/></svg>`;
|
||||
|
||||
function send(response, status, body, contentType) {
|
||||
response.statusCode = status;
|
||||
response.setHeader("Content-Type", contentType);
|
||||
response.end(body);
|
||||
}
|
||||
|
||||
function sendJson(response, value, status = 200) {
|
||||
send(response, status, JSON.stringify(value), "application/json; charset=utf-8");
|
||||
}
|
||||
|
||||
function readJson(request) {
|
||||
return new Promise((resolveBody, reject) => {
|
||||
const chunks = [];
|
||||
request.on("data", (chunk) => chunks.push(chunk));
|
||||
request.on("end", () => {
|
||||
try { resolveBody(JSON.parse(Buffer.concat(chunks).toString("utf8"))); } catch (error) { reject(error); }
|
||||
});
|
||||
request.on("error", reject);
|
||||
});
|
||||
}
|
||||
|
||||
const mockApi = {
|
||||
name: "wp4-manual-preview-api",
|
||||
configureServer(server) {
|
||||
server.middlewares.use((request, response, next) => {
|
||||
const url = new URL(request.url ?? "/", `http://${host}:${port}`);
|
||||
if (request.method === "GET" && url.pathname === "/api/v1/auth/session") return sendJson(response, session);
|
||||
if (request.method === "GET" && url.pathname === "/api/v1/assets/recent") return sendJson(response, { items: [] });
|
||||
if (request.method === "GET" && url.pathname === `/api/v1/projects/${projectId}`) return sendJson(response, {
|
||||
canvas_state: canvasState, created_at: "2026-08-03T08:00:00.000Z", current_image_id: backgroundId,
|
||||
images: [{ created_at: "2026-08-03T08:00:00.000Z", generation_id: "00000000-0000-4000-8000-000000000903", image_id: backgroundId }],
|
||||
name: "原版贴纸人工检查", pixel_height: 1440, pixel_width: 1080, project_id: projectId, ratio: "3:4", state_version: stateVersion,
|
||||
});
|
||||
if (request.method === "PUT" && url.pathname === `/api/v1/projects/${projectId}/state`) {
|
||||
void readJson(request).then((body) => {
|
||||
canvasState = body.canvas_state;
|
||||
stateVersion += 1;
|
||||
sendJson(response, { save_status: "saved", state_version: stateVersion });
|
||||
}).catch(() => sendJson(response, { error: "invalid_state" }, 400));
|
||||
return;
|
||||
}
|
||||
if (request.method === "GET" && url.pathname === `/api/v1/private-assets/projects/${projectId}/images/${backgroundId}`) return send(response, 200, backgroundSvg, "image/svg+xml");
|
||||
if (request.method === "POST" && url.pathname === "/api/v1/location/reverse-geocode") return sendJson(response, { formatted_value: "浙江省温州市", service_mode: "mock", status: "resolved" });
|
||||
const publicMatch = url.pathname.match(/^\/api\/v1\/assets\/public\/([^/]+)\/([^/]+)$/);
|
||||
if (request.method === "GET" && publicMatch) {
|
||||
const assetId = decodeURIComponent(publicMatch[2]);
|
||||
const asset = publicAssets[assetId];
|
||||
if (!asset) return sendJson(response, { error: "not_found" }, 404);
|
||||
return send(response, 200, readFileSync(asset[0]), asset[1]);
|
||||
}
|
||||
next();
|
||||
});
|
||||
},
|
||||
};
|
||||
|
||||
const vite = await createServer({
|
||||
configFile: resolve("apps/web/vite.config.ts"), plugins: [mockApi], root: resolve("apps/web"),
|
||||
server: { host, port, strictPort: true },
|
||||
});
|
||||
await vite.listen();
|
||||
console.log(`WP4-04 manual preview: http://${host}:${port}/app/projects/${projectId}/editor`);
|
||||
|
||||
for (const signal of ["SIGINT", "SIGTERM"]) process.once(signal, () => { void vite.close().finally(() => process.exit(0)); });
|
||||
@@ -0,0 +1,142 @@
|
||||
import { createHash } from "node:crypto";
|
||||
import { spawnSync } from "node:child_process";
|
||||
import { copyFileSync, existsSync, mkdirSync, readdirSync, readFileSync, writeFileSync } from "node:fs";
|
||||
import { resolve } from "node:path";
|
||||
|
||||
const phaseIndex = process.argv.indexOf("--phase");
|
||||
const phase = phaseIndex >= 0 ? process.argv[phaseIndex + 1] : "green";
|
||||
if (!["red", "green"].includes(phase)) throw new Error(`Unsupported phase: ${phase}`);
|
||||
const manualReviewPassed = phase === "green" && process.env.DADA_WP4_04_MANUAL_REVIEW === "passed";
|
||||
const manualReviewNote = process.env.DADA_WP4_04_MANUAL_REVIEW_NOTE?.trim() ?? "";
|
||||
const manualComparisonRoot = resolve(process.env.DADA_WP4_04_COMPARISON_DIR ?? "artifacts/manual-review/wp4-04-original-comparison");
|
||||
const runId = process.env.DADA_TDD_RUN_ID ?? `wp4-04-${phase}-${new Date().toISOString().replace(/[^0-9]/g, "")}`;
|
||||
const runDirectory = resolve("artifacts", "tdd", runId);
|
||||
const casesDirectory = resolve(runDirectory, "cases");
|
||||
if (existsSync(runDirectory)) throw new Error(`Evidence run already exists: ${runId}`);
|
||||
mkdirSync(casesDirectory, { recursive: true });
|
||||
|
||||
const cases = [
|
||||
{ acceptance_criteria: ["AC-15", "AC-16"], evidence: ["palette.json", "network-timeline.json", "pixel-diff.json", "db-diff.json", "trace.zip"], id: "TDD-WP4-COL-001-deterministic-palette", manual: true, requirements: ["COL-01", "COL-02", "COL-03", "COL-04", "COL-05"] },
|
||||
{ acceptance_criteria: ["AC-14", "AC-16"], evidence: ["canvas-state.json", "clock-trace.json", "pixel-diff.json", "trace.zip"], id: "TDD-WP4-DYN-001-fixed-time", manual: false, requirements: ["DYN-01", "DYN-02", "DYN-03", "DYN-07"] },
|
||||
{ acceptance_criteria: ["AC-17", "AC-47"], evidence: ["external-calls.json", "canvas-state.json", "db-diff.json", "trace.zip"], id: "TDD-WP4-DYN-002-location-consent", manual: false, requirements: ["DYN-04", "DYN-05", "PRIV-03"] },
|
||||
{ acceptance_criteria: ["AC-18", "AC-19"], evidence: ["canvas-state.json", "db-diff.json", "font-load.json", "pixel-diff.json", "trace.zip"], id: "TDD-WP4-DYN-003-identity-font", manual: true, requirements: ["DYN-06", "DYN-07", "DYN-08", "DYN-09"] },
|
||||
];
|
||||
for (const item of cases) mkdirSync(resolve(casesDirectory, item.id), { recursive: true });
|
||||
|
||||
const outputDirectory = resolve(runDirectory, "playwright-output");
|
||||
const sourceEvidence = resolve(runDirectory, "source-validation.json");
|
||||
const fontEvidence = resolve(runDirectory, "font-source.json");
|
||||
const environment = {
|
||||
...process.env,
|
||||
DADA_EVIDENCE_DIR_COLOR_DYNAMIC: casesDirectory,
|
||||
DADA_FONT_SOURCE_EVIDENCE: fontEvidence,
|
||||
DADA_PLAYWRIGHT_OUTPUT_DIR: outputDirectory,
|
||||
DADA_WP4_04_SOURCE_EVIDENCE: sourceEvidence,
|
||||
};
|
||||
const commands = phase === "red" ? [] : [
|
||||
["source", "pnpm exec node scripts/verify-wp4-04-source.mjs"],
|
||||
["font-source", "pnpm exec node scripts/verify-wp4-03-font-source.mjs"],
|
||||
["unit", "pnpm test:unit"],
|
||||
["api", "pnpm test:api"],
|
||||
["e2e", "pnpm test:e2e"],
|
||||
["visual", "pnpm test:visual"],
|
||||
["performance", "pnpm test:performance"],
|
||||
["tdd-trace", "pnpm validate:tdd-trace"],
|
||||
];
|
||||
const commandResults = [];
|
||||
for (const [name, command] of commands) {
|
||||
const started_at = new Date().toISOString();
|
||||
const result = spawnSync(process.env.ComSpec ?? "cmd.exe", ["/d", "/s", "/c", command], { encoding: "utf8", env: environment });
|
||||
if (result.stdout) process.stdout.write(result.stdout);
|
||||
if (result.stderr) process.stderr.write(result.stderr);
|
||||
commandResults.push({ command, exit_code: result.status ?? 1, finished_at: new Date().toISOString(), name, started_at });
|
||||
}
|
||||
|
||||
function findTraces(directory) {
|
||||
const traces = [];
|
||||
if (!existsSync(directory)) return traces;
|
||||
for (const entry of readdirSync(directory, { withFileTypes: true })) {
|
||||
const path = resolve(directory, entry.name);
|
||||
if (entry.isDirectory()) traces.push(...findTraces(path));
|
||||
else if (entry.name === "trace.zip") traces.push(path);
|
||||
}
|
||||
return traces;
|
||||
}
|
||||
if (phase === "green") {
|
||||
const traces = findTraces(outputDirectory);
|
||||
const mappings = ["only-for-a-new-background", "clock-changes-and-reopen", "preserves-manual-fallback", "DYN012-FONT081-substitution"];
|
||||
mappings.forEach((needle, index) => {
|
||||
const trace = traces.find((path) => path.includes(needle));
|
||||
if (trace) copyFileSync(trace, resolve(casesDirectory, cases[index].id, "trace.zip"));
|
||||
});
|
||||
const fontLoadPath = resolve(casesDirectory, cases[3].id, "font-load.json");
|
||||
if (existsSync(fontLoadPath) && existsSync(fontEvidence)) {
|
||||
const browser = JSON.parse(readFileSync(fontLoadPath, "utf8"));
|
||||
const archive = JSON.parse(readFileSync(fontEvidence, "utf8"));
|
||||
writeFileSync(fontLoadPath, `${JSON.stringify({ ...browser, archive_verification: archive }, null, 2)}\n`);
|
||||
}
|
||||
if (manualReviewPassed) {
|
||||
const comparisonByCase = {
|
||||
"TDD-WP4-COL-001-deterministic-palette": "comparison-colors.png",
|
||||
"TDD-WP4-DYN-003-identity-font": "comparison-dynamic.png",
|
||||
};
|
||||
for (const item of cases.filter((candidate) => candidate.manual)) {
|
||||
const comparison = comparisonByCase[item.id];
|
||||
const source = resolve(manualComparisonRoot, comparison);
|
||||
if (!existsSync(source)) throw new Error(`Manual comparison evidence is unavailable: ${comparison}`);
|
||||
copyFileSync(source, resolve(casesDirectory, item.id, comparison));
|
||||
writeFileSync(resolve(casesDirectory, item.id, "manual-review.json"), `${JSON.stringify({
|
||||
comparison_evidence: comparison,
|
||||
note: manualReviewNote || "No material visual issue reported by the project owner.",
|
||||
reviewed_at: new Date().toISOString(),
|
||||
reviewer: "project_owner",
|
||||
source: "interactive_local_preview",
|
||||
status: "passed",
|
||||
}, null, 2)}\n`);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const commandState = phase === "red" ? true : commandResults.every((result) => result.exit_code === 0);
|
||||
const manifest = { path: "tasks.manifest.json", sha256: createHash("sha256").update(readFileSync("tasks.manifest.json")).digest("hex").toUpperCase() };
|
||||
const commit = spawnSync("git", ["rev-parse", "--short", "HEAD"], { encoding: "utf8" }).stdout.trim();
|
||||
const dirty = spawnSync("git", ["status", "--porcelain"], { encoding: "utf8" }).stdout.trim().length > 0;
|
||||
if (phase === "red") {
|
||||
const observation = {
|
||||
expected_failure: "Palette provider, dynamic provider, consent gate and enabled editor entries were absent before TASK-WP4-04",
|
||||
observed_commands: ["pnpm vitest run tests/unit/wp4-04-palette-dynamic.test.ts", "pnpm playwright test tests/e2e/wp4-04-color-dynamic.spec.ts --grep DYN-002"],
|
||||
observed_errors: ["Cannot find module palette-provider.js", "Cannot find module dynamic-provider.js", "动态贴纸 button was disabled"],
|
||||
status: "red_confirmed",
|
||||
};
|
||||
for (const item of cases) writeFileSync(resolve(casesDirectory, item.id, "red-observation.json"), `${JSON.stringify(observation, null, 2)}\n`);
|
||||
}
|
||||
|
||||
const summaries = [];
|
||||
for (const item of cases) {
|
||||
const directory = resolve(casesDirectory, item.id);
|
||||
const manualEvidence = item.manual && manualReviewPassed
|
||||
? ["manual-review.json", item.id.startsWith("TDD-WP4-COL") ? "comparison-colors.png" : "comparison-dynamic.png"]
|
||||
: [];
|
||||
const evidenceRefs = phase === "red" ? ["red-observation.json"] : [...item.evidence, ...manualEvidence];
|
||||
const missingEvidence = evidenceRefs.filter((file) => !existsSync(resolve(directory, file)));
|
||||
const automatedStatus = commandState && missingEvidence.length === 0 ? phase === "red" ? "red_confirmed" : "passed" : "failed";
|
||||
const status = automatedStatus === "passed" && item.manual && !manualReviewPassed ? "awaiting_manual_review" : automatedStatus;
|
||||
writeFileSync(resolve(directory, "commands.json"), `${JSON.stringify({ commands: commandResults, phase, run_id: runId }, null, 2)}\n`);
|
||||
writeFileSync(resolve(directory, "result.json"), `${JSON.stringify({
|
||||
acceptance_criteria: item.acceptance_criteria, automation: item.manual ? ["automated", "manual_review"] : ["automated"], commit,
|
||||
evidence_refs: evidenceRefs, layer: ["UNIT", "E2E", "VIS-PERF", ...(item.manual ? ["MANUAL"] : [])],
|
||||
layer_notes: { MANUAL: item.manual ? manualReviewPassed ? "Passed by project owner using the local original-source comparison preview" : "Required by frozen known-alternative review; not yet performed" : "not_required_for_this_case", PERFORMANCE: "current root runner reports not_applicable for TASK-WP0-01", VISUAL: "focused E2E produces pixel evidence; current root runner reports not_applicable for TASK-WP0-01" },
|
||||
manifest, missing_evidence: missingEvidence, phase, requirements: item.requirements, run_id: runId, status,
|
||||
task_id: "TASK-WP4-04", test_id: item.id, work_package: "WP-4", worktree_under_test: dirty ? "uncommitted implementation" : "clean committed implementation",
|
||||
}, null, 2)}\n`);
|
||||
summaries.push({ manual_review_required: item.manual, missing_evidence: missingEvidence, status, test_id: item.id });
|
||||
}
|
||||
let status;
|
||||
if (phase === "red") status = summaries.every((item) => item.status === "red_confirmed") ? "red_confirmed" : "failed";
|
||||
else if (summaries.some((item) => item.status === "failed")) status = "failed";
|
||||
else if (summaries.some((item) => item.status === "awaiting_manual_review")) status = "awaiting_manual_review";
|
||||
else status = "passed";
|
||||
writeFileSync(resolve(runDirectory, "commands.json"), `${JSON.stringify({ commands: commandResults, phase, run_id: runId }, null, 2)}\n`);
|
||||
writeFileSync(resolve(runDirectory, "evidence.json"), `${JSON.stringify({ cases: summaries, phase, run_id: runId, status }, null, 2)}\n`);
|
||||
console.log(JSON.stringify({ cases: summaries, phase, run_id: runId, status }, null, 2));
|
||||
if (status === "failed") process.exit(1);
|
||||
@@ -0,0 +1,61 @@
|
||||
import { createHash } from "node:crypto";
|
||||
import { existsSync, readFileSync, statSync, writeFileSync } from "node:fs";
|
||||
import { homedir } from "node:os";
|
||||
import { resolve } from "node:path";
|
||||
|
||||
const colorRoot = process.env.DADA_COLOR_ASSET_ROOT ?? resolve(homedir(), "Desktop", "sticker_colour", "单模板归档", "styles");
|
||||
const dynamicRoot = process.env.DADA_DYNAMIC_ASSET_ROOT ?? resolve(homedir(), "Desktop", "sticker_interactive", "单模板归档", "templates");
|
||||
const colorIds = ["COLOR001", "COLOR002", "COLOR008", "COLOR016"];
|
||||
const dynamicIds = ["DYN001", "DYN002", "DYN003", "DYN004", "DYN007", "DYN008", "DYN011", "DYN012", "DYN015", "DYN016"];
|
||||
const expectedColorStyles = { COLOR001: "style_01", COLOR002: "style_02", COLOR008: "style_08", COLOR016: "style_16" };
|
||||
const expectedDynamicSources = {
|
||||
DYN001: "l_POI01", DYN002: "l_POI02", DYN003: "l_POI03", DYN004: "l_POI04", DYN007: "diaoyu",
|
||||
DYN008: "l_shijian2", DYN011: "l_shijian6", DYN012: "l_shijian7", DYN015: "0721userna", DYN016: "l_username00",
|
||||
};
|
||||
const requiredDynamicKeys = {
|
||||
DYN001: ["title"], DYN002: ["city_en", "title"], DYN003: ["city", "title"], DYN004: ["city", "latitude", "longitude"],
|
||||
DYN007: ["nickname"], DYN008: ["hour", "minute", "month"],
|
||||
DYN011: ["day", "month", "year"], DYN012: ["hour", "minute"], DYN015: ["nickname"], DYN016: ["nickname"],
|
||||
};
|
||||
const paths = [
|
||||
...colorIds.map((id) => resolve(colorRoot, id, "metadata.json")),
|
||||
...dynamicIds.map((id) => resolve(dynamicRoot, id, "metadata.json")),
|
||||
];
|
||||
if (!paths.every(existsSync)) throw new Error("WP4-04 normative metadata is unavailable.");
|
||||
const hash = (bytes) => createHash("sha256").update(bytes).digest("hex").toUpperCase();
|
||||
const before = paths.map((path) => ({ bytes: readFileSync(path), mtime: statSync(path).mtimeMs }));
|
||||
const metadata = before.map((entry) => JSON.parse(entry.bytes.toString("utf8")));
|
||||
for (const id of colorIds) {
|
||||
const item = metadata.find((entry) => entry.canonical_id === id);
|
||||
if (!item || item.family !== "color_card" || item.resource_class !== "parameter_renderer"
|
||||
|| item.runtime?.stable_style_id !== expectedColorStyles[id]) throw new Error(`Color metadata verification failed for ${id}.`);
|
||||
}
|
||||
for (const id of dynamicIds) {
|
||||
const item = metadata.find((entry) => entry.canonical_id === id);
|
||||
if (!item || item.family !== "interactive_sticker" || item.resource_class !== "dynamic_resource"
|
||||
|| item.source_candidate_id !== expectedDynamicSources[id] || item.runtime?.has_dynamic_binding !== true
|
||||
|| !requiredDynamicKeys[id].every((key) => item.dynamic_keys.includes(key))
|
||||
|| ![...(item.files?.prefab ?? []), ...(item.files?.images ?? []), ...(item.files?.lua ?? [])]
|
||||
.every((relativePath) => existsSync(resolve(dynamicRoot, id, relativePath)))) {
|
||||
throw new Error(`Dynamic metadata verification failed for ${id}.`);
|
||||
}
|
||||
}
|
||||
const dyn012 = metadata.find((entry) => entry.canonical_id === "DYN012");
|
||||
const missingDin = dyn012.runtime.external_runtime_fonts?.some((entry) => entry.manifest_filename === "DIN_MediumAlternate.otf");
|
||||
if (!missingDin) throw new Error("DYN012 missing-font evidence is unavailable.");
|
||||
const unchanged = paths.every((path, index) => statSync(path).mtimeMs === before[index].mtime && hash(readFileSync(path)) === hash(before[index].bytes));
|
||||
if (!unchanged) throw new Error("Normative source changed during read-only verification.");
|
||||
const result = {
|
||||
color_ids: colorIds,
|
||||
color_metadata_sha256: hash(Buffer.concat(before.slice(0, colorIds.length).map((entry) => entry.bytes))),
|
||||
dyn012_original_font: "DIN_MediumAlternate.otf",
|
||||
dyn012_substitute_font: "FONT081 Lexend Deca",
|
||||
dynamic_ids: dynamicIds,
|
||||
dynamic_metadata_sha256: hash(Buffer.concat(before.slice(colorIds.length).map((entry) => entry.bytes))),
|
||||
lua_prefab_execution: false,
|
||||
source_access: "read_only_normative_metadata",
|
||||
source_unchanged: unchanged,
|
||||
status: "passed",
|
||||
};
|
||||
if (process.env.DADA_WP4_04_SOURCE_EVIDENCE) writeFileSync(process.env.DADA_WP4_04_SOURCE_EVIDENCE, `${JSON.stringify(result, null, 2)}\n`);
|
||||
console.log(JSON.stringify(result, null, 2));
|
||||
Reference in New Issue
Block a user