eomsangdonandClaude Opus 5.5
e4befd158a
- logic 새 파일 9 — B06_Section_Cross_Culvert · _Culvert_Geom · _Culvert_Extra · _Culvert_Tiers · _Culvert_Types · _Culvert_Wire · _Box_Geom · _Ford_Geom · _Ford_Pavement - 그림 파일(UI_Cross_Culvert · _Culvert_Types · _Box · _Ford · _Ford_Pavement)은 받은 좌표로 그리기만 · 관 겹 꼭짓점(pipeShellCorners) · 물넘이 노면 끝 · 월류선 · 유출 성토선은 logic 으로 - 옛 순수 기하 6 파일(UI_Cross_Culvert_Geom · _Extra · _Tiers · _Wire · _Box_Geom · _Ford_Geom) 지움 · 부르는 쪽(B05 Corridor · Structure_Layouts · Route_Carry_Patch · Wall 등)은 import 줄만 - test_472_3 GEOMETRY_PULLS 자기 11 줄 + 더는 안 끌리는 Design_Surface 1 줄 걷음 - 시험 · helper 경로를 새 logic 파일로 — 옮긴 파일을 가리키던 낡은 경로 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
114 lines
3.4 KiB
JavaScript
114 lines
3.4 KiB
JavaScript
/* 371-2 관 글 기울기 헬퍼 — 짝 = `test_371_2_pipe_slope_text.py`.
|
|
* B07 픽스처 배관 측점에 `appendCulvertOverlay` 를 가짜 SVG 로 그려 관 글 · 툴팁을 읽음.
|
|
*/
|
|
const fs = require("fs");
|
|
const path = require("path");
|
|
const { makeLoader } = require("./helper_ts_stub_loader.cjs");
|
|
|
|
const ROOT = path.join(__dirname, "..", "..");
|
|
const noop = new Proxy({}, { get: () => () => "" });
|
|
|
|
/** 아주 작은 SVG 가짜 — 글 자리 판정에 쓰는 것만(class 고르기 · 속성 · 부모). */
|
|
class El {
|
|
constructor(tag) {
|
|
this.tag = tag;
|
|
this.attrs = {};
|
|
this.children = [];
|
|
this.parentNode = null;
|
|
this.ownerSVGElement = null;
|
|
this.textContent = "";
|
|
}
|
|
setAttribute(k, v) {
|
|
this.attrs[k] = String(v);
|
|
}
|
|
getAttribute(k) {
|
|
return this.attrs[k] ?? null;
|
|
}
|
|
appendChild(c) {
|
|
c.parentNode = this;
|
|
c.ownerSVGElement = this.tag === "svg" ? this : this.ownerSVGElement;
|
|
this.children.push(c);
|
|
return c;
|
|
}
|
|
append(...cs) {
|
|
cs.forEach((c) => this.appendChild(c));
|
|
}
|
|
addEventListener() {}
|
|
all() {
|
|
return this.children.flatMap((c) => [c, ...c.all()]);
|
|
}
|
|
querySelectorAll(sel) {
|
|
return this.all().filter((e) => (e.attrs.class ?? "").split(" ").includes(sel.slice(1)));
|
|
}
|
|
querySelector(sel) {
|
|
return this.querySelectorAll(sel)[0] ?? null;
|
|
}
|
|
}
|
|
globalThis.document = { addEventListener: () => undefined, createElementNS: (_ns, t) => new El(t) };
|
|
|
|
const { loadTs } = makeLoader({
|
|
root: ROOT,
|
|
requireFor: (full) => {
|
|
const resolve = (base) =>
|
|
fs.existsSync(base) && fs.statSync(base).isFile() ? base : `${base}.ts`;
|
|
const req = (r) => {
|
|
if (r.startsWith("@ui/") || r.startsWith("@config/")) return noop;
|
|
if (r.startsWith("@util/"))
|
|
return loadTs(resolve(path.join(ROOT, "common_util", r.slice(6))));
|
|
return loadTs(resolve(path.join(path.dirname(full), r)));
|
|
};
|
|
return req;
|
|
},
|
|
});
|
|
|
|
const { computeCulvertLayout } = loadTs(
|
|
path.join(ROOT, "B06_Section", "logic/B06_Section_Cross_Culvert_Geom.ts"),
|
|
);
|
|
const { appendCulvertOverlay } = loadTs(
|
|
path.join(ROOT, "B06_Section", "B06_Section_UI_Cross_Culvert.ts"),
|
|
);
|
|
const sections = JSON.parse(
|
|
fs.readFileSync(path.join(__dirname, "fixtures", "b07_cross_overlay_sections.json"), "utf8"),
|
|
).cross_sections;
|
|
const section = sections.find((s) => s.culvert && !s.culvert.hidden_pipe);
|
|
|
|
/** 노폭 라벨이 있는 B06 카드 꼴 svg 에 그려 관 글 · 관 툴팁을 돌려줌. */
|
|
function draw(layout, hidePipe) {
|
|
const svg = new El("svg");
|
|
const road = new El("text");
|
|
road.setAttribute("class", "b06-chart__carriageway-label");
|
|
road.setAttribute("x", 200);
|
|
road.setAttribute("y", 180);
|
|
svg.appendChild(road);
|
|
const plot = new El("g");
|
|
svg.appendChild(plot);
|
|
appendCulvertOverlay(
|
|
plot,
|
|
layout,
|
|
(o) => o,
|
|
(z) => z,
|
|
undefined,
|
|
hidePipe,
|
|
false,
|
|
);
|
|
const titles = svg
|
|
.all()
|
|
.filter((e) => e.tag === "title")
|
|
.map((e) => e.textContent);
|
|
return {
|
|
infos: svg.querySelectorAll(".b06-chart__pipe-info").map((e) => e.textContent),
|
|
pipeTips: titles.filter((t) => t.startsWith("관매설")),
|
|
};
|
|
}
|
|
const layout = computeCulvertLayout(section, section.samples);
|
|
const reverse = { ...layout, pipe: { ...layout.pipe, slopePct: -0.43 } };
|
|
process.stdout.write(
|
|
JSON.stringify({
|
|
slopePct: layout.pipe.slopePct,
|
|
lengthM: layout.pipe.lengthM,
|
|
pipe: draw(layout, false),
|
|
reverse: draw(reverse, false),
|
|
hidden: draw(layout, true),
|
|
}),
|
|
);
|