@tienne/gestalt 0.99.0 → 0.100.0

package/dist/src/research/canvas-view.js

@@ -0,0 +1,274 @@
+// 리서치 HTML의 캔버스 보기. 섹션 하나가 보드 하나이고 피그마처럼 펼쳐 놓고 끌고 확대한다.
+// 문서 보기는 보드 클래스에 아무 모양도 없어서 감싸기 전과 똑같이 보인다.
+/** h2마다 섹션을 끊어 보드로 감싼다. 첫 h2 앞의 제목과 안내는 첫 보드로 묶는다 */
+export function boardMarkup(parts, firstTitle) {
+    const out = [`<section class="board" data-title="${firstTitle}">`];
+    for (const p of parts) {
+        const m = /^<h2>(.*)<\/h2>$/s.exec(p);
+        if (m)
+            out.push('</section>', `<section class="board" data-title="${m[1]}">`);
+        out.push(p);
+    }
+    out.push('</section>');
+    return out.join('\n');
+}
+export const CANVAS_CSS = `
+:root{--canvas:#e7e5e4}
+@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--canvas:#000}}
+:root[data-theme="dark"]{--canvas:#000}
+.board-label{display:none}
+.cv-bar{position:fixed;top:12px;right:12px;z-index:10;display:flex;gap:4px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:4px;box-shadow:0 2px 8px rgba(0,0,0,.08);font-size:13px}
+.cv-bar select{max-width:140px}
+.cv-bar button,.cv-bar select{font:inherit;color:var(--fg);background:transparent;border:0;border-radius:6px;padding:4px 8px;cursor:pointer}
+.cv-bar button:hover,.cv-bar select:hover{background:var(--chip)}
+.cv-bar .cv-only{display:none}
+.cv-zoom{min-width:48px;text-align:center;color:var(--muted)}
+body.canvas{overflow:hidden;height:100vh;background:var(--canvas);overscroll-behavior:none}
+body.canvas .cv-bar .cv-only{display:inline-block}
+body.canvas main{position:absolute;left:0;top:0;max-width:none;margin:0;padding:0;transform-origin:0 0}
+body.canvas .board{position:absolute;width:1080px;background:var(--card);border-radius:12px;padding:28px 40px 40px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 0 0 1px var(--line)}
+body.canvas .board>h2:first-of-type{border-top:0;margin-top:0;padding-top:0}
+body.canvas .wrap{overflow:visible}
+body.canvas .board-label{display:block;position:absolute;bottom:100%;left:0;padding-bottom:calc(8px / var(--z,1));font-size:calc(13px / var(--z,1));line-height:1.2;color:var(--muted);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;cursor:pointer;user-select:none}
+body.canvas .board-label:hover{color:var(--accent)}
+body.canvas.grab,body.canvas.grab *{cursor:grab!important;user-select:none}
+body.canvas.grabbing,body.canvas.grabbing *{cursor:grabbing!important}
+@media print{.cv-bar{display:none}}
+`;
+// 템플릿 리터럴 안이라 백틱과 달러 중괄호를 쓰지 않는다
+export const CANVAS_JS = `
+(function(){
+  var main = document.querySelector('main');
+  var boards = Array.prototype.slice.call(document.querySelectorAll('.board'));
+  if (!main || boards.length === 0) return;
+  var body = document.body;
+  var GAP_X = 160, GAP_Y = 200, COLS = 4, MIN_Z = 0.05, MAX_Z = 4;
+  var view = { x: 0, y: 0, z: 1 };
+  var bounds = { w: 0, h: 0 };
+  var on = false, laidOut = false;
+
+  var bar = document.createElement('div');
+  bar.className = 'cv-bar';
+  bar.innerHTML =
+    '<button type="button" data-act="toggle"></button>' +
+    '<select class="cv-only" data-act="jump" title="보드로 이동"></select>' +
+    '<button type="button" class="cv-only" data-act="out" title="축소 (-)">−</button>' +
+    '<span class="cv-only cv-zoom"></span>' +
+    '<button type="button" class="cv-only" data-act="in" title="확대 (+)">+</button>' +
+    '<button type="button" class="cv-only" data-act="fit" title="전체 보기 (Shift+1)">전체</button>';
+  body.appendChild(bar);
+  var toggleBtn = bar.querySelector('[data-act="toggle"]');
+  var jump = bar.querySelector('[data-act="jump"]');
+  var zoomText = bar.querySelector('.cv-zoom');
+  jump.innerHTML = '<option value="">보드</option>' + boards.map(function (b, i) {
+    var o = document.createElement('option');
+    o.value = String(i);
+    o.textContent = b.dataset.title || '';
+    return o.outerHTML;
+  }).join('');
+
+  boards.forEach(function (b, i) {
+    var label = document.createElement('div');
+    label.className = 'board-label';
+    label.textContent = b.dataset.title || '';
+    label.dataset.board = String(i);
+    b.insertBefore(label, b.firstChild);
+  });
+
+  function apply() {
+    main.style.transform = 'translate(' + view.x + 'px,' + view.y + 'px) scale(' + view.z + ')';
+    main.style.setProperty('--z', String(view.z));
+    zoomText.textContent = Math.round(view.z * 100) + '%';
+  }
+
+  // 첫 보드(제목과 안내)는 맨 위에 혼자 두고 나머지는 가장 짧은 열에 차례로 채운다
+  function layout() {
+    var head = boards[0], rest = boards.slice(1);
+    head.style.left = '0px';
+    head.style.top = '0px';
+    var top = head.offsetHeight + GAP_Y;
+    var colW = 0;
+    rest.forEach(function (b) { colW = Math.max(colW, b.offsetWidth); });
+    var cols = [];
+    for (var c = 0; c < Math.min(COLS, rest.length); c++) cols.push(top);
+    rest.forEach(function (b) {
+      var i = cols.indexOf(Math.min.apply(null, cols));
+      b.style.left = i * (colW + GAP_X) + 'px';
+      b.style.top = cols[i] + 'px';
+      cols[i] += b.offsetHeight + GAP_Y;
+    });
+    bounds = {
+      w: Math.max(head.offsetWidth, cols.length * (colW + GAP_X) - GAP_X),
+      h: Math.max.apply(null, cols.concat(top)) - GAP_Y,
+    };
+  }
+
+  function widen() {
+    boards.forEach(function (b) {
+      b.style.width = '';
+      var need = 0;
+      b.querySelectorAll('table').forEach(function (t) { need = Math.max(need, t.scrollWidth); });
+      if (need > 1000) b.style.width = (need + 80) + 'px';
+    });
+  }
+
+  function zoomAt(z, cx, cy) {
+    z = Math.min(MAX_Z, Math.max(MIN_Z, z));
+    view.x = cx - (cx - view.x) * (z / view.z);
+    view.y = cy - (cy - view.y) * (z / view.z);
+    view.z = z;
+    apply();
+  }
+
+  function frame(x, y, w, h, maxZ) {
+    var pad = 64, top = 56;
+    var vw = window.innerWidth - pad * 2, vh = window.innerHeight - pad - top;
+    var z = Math.min(maxZ, vw / w, vh / h);
+    view.z = Math.max(MIN_Z, z);
+    view.x = pad + (vw - w * view.z) / 2 - x * view.z;
+    view.y = top + Math.max(0, (vh - h * view.z) / 2) - y * view.z;
+    apply();
+  }
+
+  function fit() { frame(0, 0, bounds.w, bounds.h, 1); }
+
+  function focusBoard(b) { frame(b.offsetLeft, b.offsetTop, b.offsetWidth, Math.min(b.offsetHeight, 900), 1); }
+
+  function focusEl(el) {
+    var b = el.closest('.board');
+    if (!b) return;
+    var r = el.getBoundingClientRect();
+    var z = Math.max(view.z, 0.8);
+    var wx = (r.left - view.x) / view.z, wy = (r.top - view.y) / view.z, ww = r.width / view.z;
+    view.z = z;
+    view.x = window.innerWidth / 2 - (wx + ww / 2) * z;
+    view.y = window.innerHeight / 3 - wy * z;
+    apply();
+  }
+
+  var relayoutQueued = false;
+  function relayout() {
+    if (!on || relayoutQueued) return;
+    relayoutQueued = true;
+    requestAnimationFrame(function () { relayoutQueued = false; if (on) layout(); });
+  }
+  var ro = typeof ResizeObserver === 'function' ? new ResizeObserver(relayout) : null;
+
+  function enter() {
+    on = true;
+    body.classList.add('canvas');
+    toggleBtn.textContent = '문서로 보기';
+    document.querySelectorAll('img[loading="lazy"]').forEach(function (img) { img.loading = 'eager'; });
+    widen();
+    layout();
+    if (ro) boards.forEach(function (b) { ro.observe(b); });
+    if (!laidOut) { fit(); laidOut = true; } else apply();
+    history.replaceState(null, '', '#canvas');
+  }
+
+  function leave() {
+    on = false;
+    if (ro) ro.disconnect();
+    body.classList.remove('canvas', 'grab', 'grabbing');
+    toggleBtn.textContent = '캔버스로 보기';
+    main.style.transform = '';
+    boards.forEach(function (b) { b.style.left = ''; b.style.top = ''; b.style.width = ''; });
+    history.replaceState(null, '', location.pathname + location.search);
+  }
+
+  bar.addEventListener('click', function (ev) {
+    var act = ev.target.closest('[data-act]');
+    if (!act) return;
+    var a = act.dataset.act;
+    var cx = window.innerWidth / 2, cy = window.innerHeight / 2;
+    if (a === 'toggle') { if (on) leave(); else enter(); }
+    else if (a === 'in') zoomAt(view.z * 1.25, cx, cy);
+    else if (a === 'out') zoomAt(view.z / 1.25, cx, cy);
+    else if (a === 'fit') fit();
+  });
+  jump.addEventListener('change', function () {
+    var b = boards[Number(jump.value)];
+    if (b) focusBoard(b);
+    jump.value = '';
+  });
+
+  window.addEventListener('wheel', function (ev) {
+    if (!on || ev.target.closest('.cv-bar')) return;
+    ev.preventDefault();
+    if (ev.ctrlKey || ev.metaKey) {
+      zoomAt(view.z * Math.exp(-ev.deltaY * 0.01), ev.clientX, ev.clientY);
+    } else {
+      var dx = ev.deltaX, dy = ev.deltaY;
+      if (ev.shiftKey && dx === 0) { dx = dy; dy = 0; }
+      view.x -= dx;
+      view.y -= dy;
+      apply();
+    }
+  }, { passive: false });
+
+  // 사파리 트랙패드 핀치는 wheel이 아니라 gesture 이벤트로 온다
+  var gestureZ = 1;
+  window.addEventListener('gesturestart', function (ev) { if (on) { ev.preventDefault(); gestureZ = view.z; } });
+  window.addEventListener('gesturechange', function (ev) {
+    if (on) { ev.preventDefault(); zoomAt(gestureZ * ev.scale, ev.clientX, ev.clientY); }
+  });
+
+  var space = false, drag = null;
+  window.addEventListener('keydown', function (ev) {
+    if (!on) return;
+    var tag = (ev.target.tagName || '').toLowerCase();
+    if (tag === 'select' || tag === 'input' || tag === 'textarea') return;
+    var cx = window.innerWidth / 2, cy = window.innerHeight / 2;
+    if (ev.code === 'Space') { ev.preventDefault(); if (!space) { space = true; body.classList.add('grab'); } }
+    else if (ev.shiftKey && ev.code === 'Digit1') fit();
+    else if (ev.shiftKey && ev.code === 'Digit0') zoomAt(1, cx, cy);
+    else if (ev.key === '+' || ev.key === '=') { ev.preventDefault(); zoomAt(view.z * 1.25, cx, cy); }
+    else if (ev.key === '-' || ev.key === '_') { ev.preventDefault(); zoomAt(view.z / 1.25, cx, cy); }
+  });
+  window.addEventListener('keyup', function (ev) {
+    if (ev.code === 'Space') { space = false; body.classList.remove('grab'); }
+  });
+
+  window.addEventListener('pointerdown', function (ev) {
+    if (!on || ev.target.closest('.cv-bar')) return;
+    var label = ev.target.closest('.board-label');
+    var onBoard = ev.target.closest('.board') && !label;
+    if (onBoard && !space && ev.button !== 1) return;
+    ev.preventDefault();
+    drag = { x: ev.clientX, y: ev.clientY, vx: view.x, vy: view.y, moved: false, label: label };
+    body.classList.add('grabbing');
+  });
+  window.addEventListener('pointermove', function (ev) {
+    if (!drag) return;
+    var dx = ev.clientX - drag.x, dy = ev.clientY - drag.y;
+    if (Math.abs(dx) + Math.abs(dy) > 3) drag.moved = true;
+    view.x = drag.vx + dx;
+    view.y = drag.vy + dy;
+    apply();
+  });
+  window.addEventListener('pointerup', function () {
+    if (!drag) return;
+    if (drag.label && !drag.moved) focusBoard(boards[Number(drag.label.dataset.board)]);
+    drag = null;
+    body.classList.remove('grabbing');
+  });
+
+  // 캡처 썸네일처럼 문서 안 앵커는 캔버스에서 스크롤 대신 그 자리로 화면을 옮긴다
+  document.addEventListener('click', function (ev) {
+    if (!on) return;
+    var a = ev.target.closest('a[href^="#"]');
+    if (!a) return;
+    var id = decodeURIComponent(a.getAttribute('href').slice(1));
+    var el = id && document.getElementById(id);
+    if (!el) return;
+    ev.preventDefault();
+    focusEl(el);
+  });
+
+  window.addEventListener('resize', function () { if (on) apply(); });
+
+  toggleBtn.textContent = '캔버스로 보기';
+  if (location.hash === '#canvas') enter();
+})();
+`;
+//# sourceMappingURL=canvas-view.js.map

package/dist/src/research/canvas-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-view.js","sourceRoot":"","sources":["../../../src/research/canvas-view.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,4CAA4C;AAE5C,qDAAqD;AACrD,MAAM,UAAU,WAAW,CAAC,KAAe,EAAE,UAAkB;IAC7D,MAAM,GAAG,GAAG,CAAC,sCAAsC,UAAU,IAAI,CAAC,CAAC;IACnE,KAAK,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC;QACtB,MAAM,CAAC,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACtC,IAAI,CAAC;YAAE,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE,sCAAsC,CAAC,CAAC,CAAC,CAAE,IAAI,CAAC,CAAC;QAC/E,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,CAAC;IACD,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACvB,OAAO,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACxB,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;CAsBzB,CAAC;AAEF,iCAAiC;AACjC,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0OxB,CAAC"}

package/dist/src/research/evidence.d.ts

@@ -0,0 +1,145 @@
+import { z } from 'zod';
+/**
+ * 한 칸이나 한 문장의 근거 상태.
+ * observation: 화면이나 영상에서 본 것. company-statement: 회사가 직접 말한 것. interpretation: 우리 해석.
+ * unconfirmed: 못 봐서 비워 둔 칸. absent: 없다고 확인한 것. 둘 다 이유(note)를 적는다
+ */
+export declare const BASIS_KINDS: readonly ["observation", "company-statement", "interpretation", "unconfirmed", "absent"];
+export type BasisKind = (typeof BASIS_KINDS)[number];
+/** 출처를 가리키는 한 줄. 캡처와 영상은 같은 문서 안의 id로, 내부 자료는 사람이 적은 이름으로 건다 */
+export declare const evidenceRefSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+    type: z.ZodLiteral<"capture">;
+    captureId: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    type: "capture";
+    captureId: string;
+}, {
+    type: "capture";
+    captureId: string;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"video">;
+    clipId: z.ZodString;
+    at: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    at: number;
+    type: "video";
+    clipId: string;
+}, {
+    at: number;
+    type: "video";
+    clipId: string;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"internal">;
+    source: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    type: "internal";
+    source: string;
+}, {
+    type: "internal";
+    source: string;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"url">;
+    url: z.ZodEffects<z.ZodString, string, string>;
+}, "strip", z.ZodTypeAny, {
+    type: "url";
+    url: string;
+}, {
+    type: "url";
+    url: string;
+}>]>;
+export type EvidenceRef = z.infer<typeof evidenceRefSchema>;
+export declare const evidenceListSchema: z.ZodDefault<z.ZodArray<z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+    type: z.ZodLiteral<"capture">;
+    captureId: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    type: "capture";
+    captureId: string;
+}, {
+    type: "capture";
+    captureId: string;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"video">;
+    clipId: z.ZodString;
+    at: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    at: number;
+    type: "video";
+    clipId: string;
+}, {
+    at: number;
+    type: "video";
+    clipId: string;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"internal">;
+    source: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    type: "internal";
+    source: string;
+}, {
+    type: "internal";
+    source: string;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"url">;
+    url: z.ZodEffects<z.ZodString, string, string>;
+}, "strip", z.ZodTypeAny, {
+    type: "url";
+    url: string;
+}, {
+    type: "url";
+    url: string;
+}>]>, "many">>;
+/** 근거를 달고 다니는 칸이 공통으로 가지는 필드 */
+export declare const basisFields: {
+    basis: z.ZodEnum<["observation", "company-statement", "interpretation", "unconfirmed", "absent"]>;
+    evidence: z.ZodDefault<z.ZodArray<z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+        type: z.ZodLiteral<"capture">;
+        captureId: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        type: "capture";
+        captureId: string;
+    }, {
+        type: "capture";
+        captureId: string;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"video">;
+        clipId: z.ZodString;
+        at: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        at: number;
+        type: "video";
+        clipId: string;
+    }, {
+        at: number;
+        type: "video";
+        clipId: string;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"internal">;
+        source: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        type: "internal";
+        source: string;
+    }, {
+        type: "internal";
+        source: string;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"url">;
+        url: z.ZodEffects<z.ZodString, string, string>;
+    }, "strip", z.ZodTypeAny, {
+        type: "url";
+        url: string;
+    }, {
+        type: "url";
+        url: string;
+    }>]>, "many">>;
+    /** 못 본 이유나 없다고 확인한 방법 */
+    note: z.ZodOptional<z.ZodString>;
+};
+interface BasisCarrier {
+    basis?: BasisKind | undefined;
+    evidence: EvidenceRef[];
+    note?: string | undefined;
+}
+/** basis별 필수 조건. 관찰과 회사 발언은 출처가 있어야 하고 못 봤거나 없다는 칸은 이유가 있어야 한다 */
+export declare function checkBasis(value: BasisCarrier, ctx: z.RefinementCtx): void;
+export {};
+//# sourceMappingURL=evidence.d.ts.map

package/dist/src/research/evidence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"evidence.d.ts","sourceRoot":"","sources":["../../../src/research/evidence.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB;;;;GAIG;AACH,eAAO,MAAM,WAAW,0FAMd,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAErD,gEAAgE;AAChE,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAK5B,CAAC;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAyC,CAAC;AAEzE,gCAAgC;AAChC,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGtB,yBAAyB;;CAE1B,CAAC;AAEF,UAAU,YAAY;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,kEAAkE;AAClE,wBAAgB,UAAU,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,aAAa,GAAG,IAAI,CAmB1E"}

package/dist/src/research/evidence.js

@@ -0,0 +1,50 @@
+import { z } from 'zod';
+import { httpsUrlSchema, idSchema, textSchema } from './schema-base.js';
+/**
+ * 한 칸이나 한 문장의 근거 상태.
+ * observation: 화면이나 영상에서 본 것. company-statement: 회사가 직접 말한 것. interpretation: 우리 해석.
+ * unconfirmed: 못 봐서 비워 둔 칸. absent: 없다고 확인한 것. 둘 다 이유(note)를 적는다
+ */
+export const BASIS_KINDS = [
+    'observation',
+    'company-statement',
+    'interpretation',
+    'unconfirmed',
+    'absent',
+];
+/** 출처를 가리키는 한 줄. 캡처와 영상은 같은 문서 안의 id로, 내부 자료는 사람이 적은 이름으로 건다 */
+export const evidenceRefSchema = z.discriminatedUnion('type', [
+    z.object({ type: z.literal('capture'), captureId: idSchema }),
+    z.object({ type: z.literal('video'), clipId: idSchema, at: z.number().nonnegative() }),
+    z.object({ type: z.literal('internal'), source: textSchema }),
+    z.object({ type: z.literal('url'), url: httpsUrlSchema }),
+]);
+export const evidenceListSchema = z.array(evidenceRefSchema).default([]);
+/** 근거를 달고 다니는 칸이 공통으로 가지는 필드 */
+export const basisFields = {
+    basis: z.enum(BASIS_KINDS),
+    evidence: evidenceListSchema,
+    /** 못 본 이유나 없다고 확인한 방법 */
+    note: z.string().optional(),
+};
+/** basis별 필수 조건. 관찰과 회사 발언은 출처가 있어야 하고 못 봤거나 없다는 칸은 이유가 있어야 한다 */
+export function checkBasis(value, ctx) {
+    if (!value.basis)
+        return;
+    if ((value.basis === 'observation' || value.basis === 'company-statement') &&
+        value.evidence.length === 0) {
+        ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            path: ['evidence'],
+            message: '관찰과 회사 발언에는 출처(evidence)를 하나 이상 건다',
+        });
+    }
+    if ((value.basis === 'unconfirmed' || value.basis === 'absent') && !value.note?.trim()) {
+        ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            path: ['note'],
+            message: '확인 못함과 없음에는 이유(note)를 적는다',
+        });
+    }
+}
+//# sourceMappingURL=evidence.js.map

package/dist/src/research/evidence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"evidence.js","sourceRoot":"","sources":["../../../src/research/evidence.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAExE;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,aAAa;IACb,mBAAmB;IACnB,gBAAgB;IAChB,aAAa;IACb,QAAQ;CACA,CAAC;AAGX,gEAAgE;AAChE,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC,kBAAkB,CAAC,MAAM,EAAE;IAC5D,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;IAC7D,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC;IACtF,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;IAC7D,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,cAAc,EAAE,CAAC;CAC1D,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AAEzE,gCAAgC;AAChC,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;IAC1B,QAAQ,EAAE,kBAAkB;IAC5B,yBAAyB;IACzB,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CAC5B,CAAC;AAQF,kEAAkE;AAClE,MAAM,UAAU,UAAU,CAAC,KAAmB,EAAE,GAAoB;IAClE,IAAI,CAAC,KAAK,CAAC,KAAK;QAAE,OAAO;IACzB,IACE,CAAC,KAAK,CAAC,KAAK,KAAK,aAAa,IAAI,KAAK,CAAC,KAAK,KAAK,mBAAmB,CAAC;QACtE,KAAK,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAC3B,CAAC;QACD,GAAG,CAAC,QAAQ,CAAC;YACX,IAAI,EAAE,CAAC,CAAC,YAAY,CAAC,MAAM;YAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;YAClB,OAAO,EAAE,oCAAoC;SAC9C,CAAC,CAAC;IACL,CAAC;IACD,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,aAAa,IAAI,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;QACvF,GAAG,CAAC,QAAQ,CAAC;YACX,IAAI,EAAE,CAAC,CAAC,YAAY,CAAC,MAAM;YAC3B,IAAI,EAAE,CAAC,MAAM,CAAC;YACd,OAAO,EAAE,2BAA2B;SACrC,CAAC,CAAC;IACL,CAAC;AACH,CAAC"}

package/dist/src/research/figma-plan.d.ts

@@ -0,0 +1,80 @@
+import { ANNOTATION_LABEL } from './render-html.js';
+import { type Research } from './schema.js';
+import type { ResearchAudience } from './store.js';
+export type TextStyle = 'title' | 'h2' | 'h3' | 'body' | 'caption' | 'notice';
+/** 구획 배경색. 판단은 초록, 검증은 파랑, 와우와 페인은 주황이라 한눈에 갈린다 */
+export type SectionTint = 'green' | 'blue' | 'orange';
+export type PlanNode = {
+    type: 'text';
+    style: TextStyle;
+    text: string;
+} | {
+    type: 'table';
+    head: string[];
+    rows: string[][];
+} | {
+    type: 'images';
+    items: {
+        imageId: string;
+        caption: string;
+    }[];
+} | {
+    type: 'section';
+    title: string;
+    tint?: SectionTint;
+    children: PlanNode[];
+};
+export interface RefNote {
+    kind: keyof typeof ANNOTATION_LABEL;
+    label: string;
+    text: string;
+}
+/** 화면 캡처 열의 한 덩어리. 제품 하나의 캡처 줄과 그 옆에 붙는 와우와 페인 메모 */
+export interface RefGroup {
+    title: string;
+    description?: string;
+    images: {
+        imageId: string;
+        caption: string;
+    }[];
+    notes: RefNote[];
+}
+export type BoardColumnKind = 'captures' | 'conclusion' | 'evidence';
+/** board 배치에서 열이 어떤 구획을 어떤 순서로 담는지. sections는 plan.nodes의 구획 제목이다 */
+export interface FigmaBoard {
+    columns: {
+        kind: BoardColumnKind;
+        title: string;
+        sections: string[];
+    }[];
+    groups: RefGroup[];
+}
+export type FigmaLayout = 'board' | 'page';
+export interface FigmaPlan {
+    version: 1;
+    pageName: string;
+    width: number;
+    layout: FigmaLayout;
+    nodes: PlanNode[];
+    /** layout이 board일 때만 있다. 캡처는 nodes가 아니라 board.groups에 담는다 */
+    board?: FigmaBoard;
+    /** 스크립트가 이미지 fill로 붙일 캡처. data는 계획에 싣지 않는다 */
+    images: {
+        id: string;
+        path: string;
+    }[];
+}
+export type FigmaPlanResult = {
+    ok: true;
+    plan: FigmaPlan;
+} | {
+    ok: false;
+    code: 'SHARE_BLOCKED';
+    message: string;
+    captureIds: string[];
+};
+export declare function buildFigmaPlan(research: Research, opts: {
+    audience: ResearchAudience;
+    layout?: FigmaLayout;
+}): FigmaPlanResult;
+//# sourceMappingURL=figma-plan.d.ts.map

package/dist/src/research/figma-plan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"figma-plan.d.ts","sourceRoot":"","sources":["../../../src/research/figma-plan.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EAqBjB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAwB,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGnD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE9E,mDAAmD;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEtD,MAAM,MAAM,QAAQ,GAChB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,MAAM,EAAE,CAAC;IAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAAE,GACjE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,EAAE,QAAQ,EAAE,CAAA;CAAE,CAAC;AAEjF,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,OAAO,gBAAgB,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,qDAAqD;AACrD,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/C,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,YAAY,GAAG,UAAU,CAAC;AAErE,qEAAqE;AACrE,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE;QAAE,IAAI,EAAE,eAAe,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;KAAE,EAAE,CAAC;IACxE,MAAM,EAAE,QAAQ,EAAE,CAAC;CACpB;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,CAAC,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,8CAA8C;IAC9C,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACxC;AAED,MAAM,MAAM,eAAe,GACvB;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,GAC7B;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,eAAe,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AAiBhF,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE;IAAE,QAAQ,EAAE,gBAAgB,CAAC;IAAC,MAAM,CAAC,EAAE,WAAW,CAAA;CAAE,GACzD,eAAe,CAmjBjB"}