@yanqirenshi/model.sitemap 0.0.0-stage → 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018-2026 Satoshi Iwasaki (yanqirenshi@gmail.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,121 @@
-# Temporary Holding Version
+# @yanqirenshi/model.sitemap
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+画面遷移図(サイトマップ図。view = `d3.sitemap`)の**図ごとの知識**を、描画から独立させたパッケージです。
+react / d3 に依存しない、純粋なデータと関数だけを持ちます。
+d3.sitemap は、このパッケージの既定値(ラベル・枠線・背景・余白・線の stroke・端点の角度)を読みます。
+
+| 持つもの | 入口 |
+|---|---|
+| 入力データのスキーマ(JSON Schema 2020-12) | `SCHEMAS.nodes` / `SCHEMAS.edges` |
+| コレクションをまたぐ整合性ルール(id の重複・参照先の存在) | `check(data)` |
+| d3.sitemap が既定で描いている値 | `withDefaults(record)` / `nodeStyle` / `edgeStyle`、`NODE_STYLE_DEFAULTS` など |
+| 編集できる項目の一覧(インスペクタ用) | `fieldsOf(record)` |
+| UI の操作を保存する patch に変える変換 | `movePatch(node, move)` / `applyPatch(record, values)` |
+
+利用側(iHub など)は、モデルが返す `{ collection, id, patch }` を保存するだけで、図の種類を知らずに書けます。
+
+## 位置づけ
+
+```
+利用側 ──▶ d3.sitemap (view) ──▶ model.sitemap   (既定値を読む)
+     ──▶ colonoscope (ModelInspector)
+     ──▶ model.sitemap
+     ──▶ 自前の永続化
+```
+
+model.sitemap・colonoscope の間に横の依存はありません。組み合わせるのは利用側だけです。
+これは [Foolsgolds/Assholes#138](https://github.com/Foolsgolds/Assholes/issues/138) の派生([#145](https://github.com/Foolsgolds/Assholes/issues/145))です。
+ノードと線の図なので [model.unchi](../model.unchi) と形が近く、`check` / `movePatch` / `mergePatch` と入力の読み取り部品は
+共通部品 [model.core](../model.core) のものに model.sitemap の型を付けて公開しています([#151](https://github.com/Foolsgolds/Assholes/issues/151))。
+
+## レコードの形
+
+d3.sitemap の `data()` に渡す入力そのもの(`nodes` / `edges` の 1 要素)です。
+
+```js
+{
+  nodes: [{ id, type, label: { contents, position, font, link }, size: { w, h }, position: { x, y },
+            padding, border, background, link: { url, icon, position }, path, node_type,
+            children: [ /* 同じ形 */ ] }],
+  edges: [{ id, from: { id, position }, to: { id, position }, stroke: { color, width } }],
+}
+```
+
+model.unchi(ポンチ絵)との違い: ラベルは `label.contents`(unchi は `label.text`)、ノードにリンク(`link.url`)・URL パス(`path`)・画面の種類(`node_type`)があり、線にマーカーとラベルはありません。
+
+## 使い方
+
+```js
+import D3Sitemap, { Rectum } from '@yanqirenshi/d3.sitemap';
+import { ModelInspector } from '@yanqirenshi/colonoscope';
+import {
+  check, fieldsOf, titleOf, withDefaults, movePatch, applyPatch, mergePatch, findById, ModelError,
+} from '@yanqirenshi/model.sitemap';
+
+const errors = check({ nodes, edges });          // [] なら問題なし
+
+const rectum = new Rectum({
+  callbacks: {
+    node: {
+      // ドラッグの終わり → 位置の patch(core は入力のレコード)
+      dragend: (core, node, move) => save(movePatch(core, move)),
+      //  → { collection: 'nodes', id: 1000031, patch: { position: { x: 120, y: 40 } } }
+      contextmenu: (core) => setTarget(core.id),
+    },
+  },
+});
+
+const record = findById(nodes, target);          // 子も探す
+<ModelInspector
+  target={record && withDefaults(record)}
+  fields={fieldsOf}
+  title={titleOf}
+  onApply={(values) => {
+    try {
+      save(applyPatch(record, values));              // 変えた項目だけが patch に入る
+    } catch (e) {
+      if (e instanceof ModelError) alert(e.message);  // 利用者向けの日本語
+    }
+  }}
+/>
+```
+
+### `applyPatch` の検証
+
+| 項目 | 規則 |
+|---|---|
+| 名称(`label.contents`) | 空にできない |
+| 種類(`node_type`) | 空にすると項目を除く |
+| URL(`link.url`) | 空にすると `link` ごと除く(d3.sitemap は url の無い link を描かない) |
+| 幅・高さ | 0 以上。整数に丸める(0 で子に合わせる) |
+| 色(背景・枠線・線) | ブラウザでは `CSS.supports('color', v)`。CSS の無い環境では `#hex` / 関数表記 / 英字の色名を通す緩い判定 |
+| 枠線・線の太さ | 0 以上の数 |
+| 接続位置(角度) | 数。0 以上 360 未満の整数に正規化 |
+
+図に描いている値(`withDefaults` の結果)から**変えた項目だけ**を patch に入れます。
+
+### 編集できる項目(`fieldsOf`)
+
+- ノード: 名称・種類・URL・ID・幅・高さ・背景色・枠線の色 / 太さ
+- 線: ID・遷移元 / 遷移先のノードと位置(角度)・線の色 / 太さ
+
+`path`(文字列か `{ contents, link, font }` の 2 つの形がある)と `label.link` は当面スコープ外です。
+`border.type` は d3.sitemap が描かないので項目にしません。
+
+## スコープ外(いまは持たない)
+
+- `path` / `label.link` / `link.icon` の編集、ノード・線の追加削除
+- ファイル・HTTP などの永続化(利用側の実装)
+
+## 配布形式
+
+ESM(`dist/`)に加えて CommonJS 版(`dist/cjs/`)も出します。
+Babel 系の `d3.sitemap` を jest(CommonJS)でテストするためで、d3.sitemap の jest が ESM を読めるようになったら外せます。
+
+## コマンド
+
+```bash
+npm run build     -w @yanqirenshi/model.sitemap   # tsc で dist/(ESM + d.ts)と dist/cjs/(CommonJS)へビルド
+npm run typecheck -w @yanqirenshi/model.sitemap
+npm test          -w @yanqirenshi/model.sitemap   # vitest(d3.sitemap の Drawer との突き合わせを含む)
+```

package/dist/check.d.ts

@@ -0,0 +1,15 @@
+import type { SitemapGraph, SitemapId, SitemapNodeRecord, SitemapRecord } from './types.js';
+/** 入れ子のノード(children)を平らにする(親 → 子 の順) */
+export declare function flatten(nodes: SitemapNodeRecord[]): SitemapNodeRecord[];
+/**
+ * 図全体を検査する。
+ *   - nodes(子を含む)の id が重複していない
+ *   - edges の id が重複していない
+ *   - edges の from.id / to.id がノードに存在する
+ *
+ * @param prefix メッセージのコレクション名の前に付ける文字列(例: 'sitemap/')
+ */
+export declare function check(data: SitemapGraph, prefix?: string): string[];
+/** ノード(子を含む)か線を id で探す(無ければ null) */
+export declare function findById<T extends SitemapRecord>(list: readonly T[] | undefined, id: SitemapId): T | null;
+//# sourceMappingURL=check.d.ts.map

package/dist/check.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"check.d.ts","sourceRoot":"","sources":["../src/check.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE5F,wCAAwC;AACxC,wBAAgB,OAAO,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,EAAE,CAEvE;AAED;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,SAAK,GAAG,MAAM,EAAE,CAE/D;AAED,qCAAqC;AACrC,wBAAgB,QAAQ,CAAC,CAAC,SAAS,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,CAAC,GAAG,IAAI,CAEzG"}

package/dist/check.js

@@ -0,0 +1,27 @@
+// コレクションをまたぐ整合性の検査(id の重複・参照先の存在)。
+// スキーマ(schema.ts)に合っているデータを渡す。戻り値はエラーのメッセージの配列(空なら問題なし)。
+//
+// iHub の server/validation/rules.mjs の checkGraph('sitemap', data) と同じ検査・同じ文言。
+// 検査そのものは graph 系(unchi / sitemap / deployment)で共通なので model.core の checkGraph にあり、
+// ここでは model.sitemap の型を付けて公開する(#151)。
+// メッセージの先頭はコレクション名で、prefix を渡すと 'sitemap/nodes: ...' のように付けられる。
+import { checkGraph, flattenNodes, findById as findInList } from '@yanqirenshi/model.core';
+/** 入れ子のノード(children)を平らにする(親 → 子 の順) */
+export function flatten(nodes) {
+    return flattenNodes(nodes);
+}
+/**
+ * 図全体を検査する。
+ *   - nodes(子を含む)の id が重複していない
+ *   - edges の id が重複していない
+ *   - edges の from.id / to.id がノードに存在する
+ *
+ * @param prefix メッセージのコレクション名の前に付ける文字列(例: 'sitemap/')
+ */
+export function check(data, prefix = '') {
+    return checkGraph(data, prefix);
+}
+/** ノード(子を含む)か線を id で探す(無ければ null) */
+export function findById(list, id) {
+    return findInList(list, id);
+}

package/dist/cjs/check.js

@@ -0,0 +1,32 @@
+"use strict";
+// コレクションをまたぐ整合性の検査(id の重複・参照先の存在)。
+// スキーマ(schema.ts)に合っているデータを渡す。戻り値はエラーのメッセージの配列(空なら問題なし)。
+//
+// iHub の server/validation/rules.mjs の checkGraph('sitemap', data) と同じ検査・同じ文言。
+// 検査そのものは graph 系(unchi / sitemap / deployment)で共通なので model.core の checkGraph にあり、
+// ここでは model.sitemap の型を付けて公開する(#151)。
+// メッセージの先頭はコレクション名で、prefix を渡すと 'sitemap/nodes: ...' のように付けられる。
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.flatten = flatten;
+exports.check = check;
+exports.findById = findById;
+const model_core_1 = require("@yanqirenshi/model.core");
+/** 入れ子のノード(children)を平らにする(親 → 子 の順) */
+function flatten(nodes) {
+    return (0, model_core_1.flattenNodes)(nodes);
+}
+/**
+ * 図全体を検査する。
+ *   - nodes(子を含む)の id が重複していない
+ *   - edges の id が重複していない
+ *   - edges の from.id / to.id がノードに存在する
+ *
+ * @param prefix メッセージのコレクション名の前に付ける文字列(例: 'sitemap/')
+ */
+function check(data, prefix = '') {
+    return (0, model_core_1.checkGraph)(data, prefix);
+}
+/** ノード(子を含む)か線を id で探す(無ければ null) */
+function findById(list, id) {
+    return (0, model_core_1.findById)(list, id);
+}

package/dist/cjs/defaults.js

@@ -0,0 +1,101 @@
+"use strict";
+// d3.sitemap が「書いていない項目」に既定で描く値。
+//
+// 値の出どころは d3.sitemap の src/js/Drawer.js(normalizeLabel / normalizeBorder / normalizeBackground /
+// normalizePadding)、Edges.js の dataTemplate(stroke)、Rectum.getPortLineTo(角度の既定 90)。
+// d3.sitemap はこのファイルを読む(#145)ので、ここが正。
+//
+// d3.sitemap は border.type を正規化するが描画には使わない(dasharray を付けない)ので、モデルも項目にしない。
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EDGE_DEFAULTS = exports.NODE_DEFAULTS = exports.LABEL_DEFAULTS = exports.NODE_STYLE_DEFAULTS = void 0;
+exports.isEdge = isEdge;
+exports.nodeStyle = nodeStyle;
+exports.edgeStyle = edgeStyle;
+exports.degreeOf = degreeOf;
+exports.withDefaults = withDefaults;
+/** ノードの枠線・背景の既定(Drawer.normalizeBorder / normalizeBackground) */
+exports.NODE_STYLE_DEFAULTS = {
+    border: { color: '#666666', width: 1, type: 'solid' },
+    background: { color: '#ffffff' },
+};
+/** ラベルの既定(Drawer.normalizeLabel) */
+exports.LABEL_DEFAULTS = {
+    position: { x: 20, y: 20 },
+    font: { size: 16, color: '#333333' },
+};
+/** ノードの既定(Drawer.normalizePadding / normalizePosition / normalizeSize)。size の 0 は「子に合わせる」 */
+exports.NODE_DEFAULTS = {
+    type: 'NODE',
+    padding: 0,
+    position: { x: 0, y: 0 },
+};
+/** 線の既定(Edges.dataTemplate の stroke、端点の角度は Rectum.getPortLineTo の 90=左) */
+exports.EDGE_DEFAULTS = {
+    stroke: { color: '#333', width: 1.5 },
+    position: 90,
+};
+/** 線か(from と to を持つ)。ノードは持たない */
+function isEdge(record) {
+    return !!(record && record.from && record.to);
+}
+/** 既定に入力の指定(truthy な項目だけ。Drawer.normalize* と同じ判定)を重ねる。width は 0 も通す */
+function mergeStyle(defaults, given) {
+    const out = { ...defaults };
+    for (const key of Object.keys(given || {})) {
+        const v = given[key];
+        if (v || (key === 'width' && v === 0))
+            out[key] = v;
+    }
+    return out;
+}
+/** ノードが描かれる枠線・背景(既定に入力を重ねた、実際に描かれる値) */
+function nodeStyle(node) {
+    return {
+        border: mergeStyle(exports.NODE_STYLE_DEFAULTS.border, node.border),
+        background: mergeStyle(exports.NODE_STYLE_DEFAULTS.background, node.background),
+    };
+}
+/** 線が描かれる値。stroke は d3.sitemap の Edges.normalize と同じく、stroke があればそれ(無ければ既定) */
+function edgeStyle(edge) {
+    return {
+        stroke: {
+            color: edge.stroke?.color || exports.EDGE_DEFAULTS.stroke.color,
+            width: edge.stroke?.width || exports.EDGE_DEFAULTS.stroke.width,
+        },
+    };
+}
+/** 端点の角度(無ければ 90。Rectum.getPortLineTo と同じ: 0 は 0、それ以外の falsy は 90) */
+function degreeOf(position) {
+    if (position === 0)
+        return 0;
+    return position ? position : exports.EDGE_DEFAULTS.position;
+}
+/**
+ * レコードに、d3.sitemap が既定で描いている値を重ねて返す(入力は書き換えない)。
+ * インスペクタの初期値に使う。children は重ねない(子は右クリックしたときに自分で通す)。
+ *
+ * 重ねる項目: ノードは label.contents(無ければ '')・border・background・type・padding・position、
+ * 線は stroke・from.position・to.position。size は view が子に合わせて埋めるので触らない。
+ */
+function withDefaults(record) {
+    if (isEdge(record)) {
+        return {
+            ...record,
+            ...edgeStyle(record),
+            from: { ...record.from, position: degreeOf(record.from.position) },
+            to: { ...record.to, position: degreeOf(record.to.position) },
+        };
+    }
+    const node = record;
+    const style = nodeStyle(node);
+    const label = node.label && typeof node.label === 'object' ? node.label : {};
+    return {
+        ...node,
+        type: node.type || exports.NODE_DEFAULTS.type,
+        label: { ...label, contents: typeof label.contents === 'string' ? label.contents : '' },
+        padding: node.padding || node.padding === 0 ? node.padding : exports.NODE_DEFAULTS.padding,
+        position: { ...exports.NODE_DEFAULTS.position, ...(node.position || {}) },
+        border: style.border,
+        background: style.background,
+    };
+}

package/dist/cjs/fields.js

@@ -0,0 +1,40 @@
+"use strict";
+// 編集できる項目の一覧。インスペクタ(colonoscope の ModelInspector)に渡す。
+//
+// path はレコードの実際の項目を指す。既定値は withDefaults() で重ねてから渡すので、
+// 書いていない項目(枠線の色など)も、図に描かれている値が初期値として出る。
+// type: 'readonly' は表示だけ。
+//
+// iHub の ScreenTransitionDiagram.js の fields(label.contents / node_type / link.url / id)から始め、
+// d3.sitemap が描く枠線・背景・幅・高さを足した。path(文字列か { contents, link, font })は形が 2 つあるので
+// 当面スコープ外(#145)。border.type は d3.sitemap が描かないので出さない。
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EDGE_FIELDS = exports.NODE_FIELDS = void 0;
+exports.fieldsOf = fieldsOf;
+const defaults_js_1 = require("./defaults.js");
+/** ノードの項目 */
+exports.NODE_FIELDS = [
+    { path: 'label.contents', label: '名称', type: 'text' },
+    { path: 'node_type', label: '種類', type: 'text' },
+    { path: 'link.url', label: 'URL', type: 'text' },
+    { path: 'id', label: 'ID', type: 'readonly' },
+    { path: 'size.w', label: '幅', type: 'number' },
+    { path: 'size.h', label: '高さ', type: 'number' },
+    { path: 'background.color', label: '背景色', type: 'text' },
+    { path: 'border.color', label: '枠線の色', type: 'text' },
+    { path: 'border.width', label: '枠線の太さ', type: 'number' },
+];
+/** 線の項目。接続位置はノードの中心から見た角度(0=真下・時計回り。90=左 / 180=真上 / 270=右) */
+exports.EDGE_FIELDS = [
+    { path: 'id', label: 'ID', type: 'readonly' },
+    { path: 'from.id', label: '遷移元のノード', type: 'readonly' },
+    { path: 'from.position', label: '遷移元の位置 (角度)', type: 'number' },
+    { path: 'to.id', label: '遷移先のノード', type: 'readonly' },
+    { path: 'to.position', label: '遷移先の位置 (角度)', type: 'number' },
+    { path: 'stroke.color', label: '線の色', type: 'text' },
+    { path: 'stroke.width', label: '線の太さ', type: 'number' },
+];
+/** レコードに応じた項目の一覧(線 / ノード) */
+function fieldsOf(record) {
+    return (0, defaults_js_1.isEdge)(record) ? [...exports.EDGE_FIELDS] : [...exports.NODE_FIELDS];
+}

package/dist/cjs/index.js

@@ -0,0 +1,45 @@
+"use strict";
+// model.sitemap — 画面遷移図(d3.sitemap)の「図ごとの知識」。描画はしない(react / d3 に依存しない)。
+//
+//   スキーマ:        SCHEMAS / NODES_SCHEMA / EDGES_SCHEMA(JSON Schema 2020-12)
+//   整合性ルール:    check(data)(id の重複・参照先の存在)/ flatten / findById
+//   既定値の補完:    withDefaults(record) / nodeStyle / edgeStyle / degreeOf
+//                    NODE_STYLE_DEFAULTS / LABEL_DEFAULTS / NODE_DEFAULTS / EDGE_DEFAULTS(d3.sitemap が読む)
+//   編集できる項目:  fieldsOf(record) / NODE_FIELDS / EDGE_FIELDS
+//   patch への変換:  movePatch(node, move) / applyPatch(record, values) / mergePatch(record, patch)
+//
+// graph 系(unchi / sitemap / deployment)で共通の check / flatten / findById / movePatch / mergePatch / getByPath / isColor と
+// 入力の読み取り部品は model.core(#151)のもので、ここでは model.sitemap の型を付けて公開している。
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isColor = exports.applyPatch = exports.movePatch = exports.mergePatch = exports.getByPath = exports.titleOf = exports.collectionOf = exports.ModelError = exports.fieldsOf = exports.EDGE_FIELDS = exports.NODE_FIELDS = exports.findById = exports.flatten = exports.check = exports.SCHEMAS = exports.EDGES_SCHEMA = exports.NODES_SCHEMA = exports.withDefaults = exports.degreeOf = exports.edgeStyle = exports.nodeStyle = exports.isEdge = exports.EDGE_DEFAULTS = exports.NODE_DEFAULTS = exports.LABEL_DEFAULTS = exports.NODE_STYLE_DEFAULTS = void 0;
+var defaults_js_1 = require("./defaults.js");
+Object.defineProperty(exports, "NODE_STYLE_DEFAULTS", { enumerable: true, get: function () { return defaults_js_1.NODE_STYLE_DEFAULTS; } });
+Object.defineProperty(exports, "LABEL_DEFAULTS", { enumerable: true, get: function () { return defaults_js_1.LABEL_DEFAULTS; } });
+Object.defineProperty(exports, "NODE_DEFAULTS", { enumerable: true, get: function () { return defaults_js_1.NODE_DEFAULTS; } });
+Object.defineProperty(exports, "EDGE_DEFAULTS", { enumerable: true, get: function () { return defaults_js_1.EDGE_DEFAULTS; } });
+Object.defineProperty(exports, "isEdge", { enumerable: true, get: function () { return defaults_js_1.isEdge; } });
+Object.defineProperty(exports, "nodeStyle", { enumerable: true, get: function () { return defaults_js_1.nodeStyle; } });
+Object.defineProperty(exports, "edgeStyle", { enumerable: true, get: function () { return defaults_js_1.edgeStyle; } });
+Object.defineProperty(exports, "degreeOf", { enumerable: true, get: function () { return defaults_js_1.degreeOf; } });
+Object.defineProperty(exports, "withDefaults", { enumerable: true, get: function () { return defaults_js_1.withDefaults; } });
+var schema_js_1 = require("./schema.js");
+Object.defineProperty(exports, "NODES_SCHEMA", { enumerable: true, get: function () { return schema_js_1.NODES_SCHEMA; } });
+Object.defineProperty(exports, "EDGES_SCHEMA", { enumerable: true, get: function () { return schema_js_1.EDGES_SCHEMA; } });
+Object.defineProperty(exports, "SCHEMAS", { enumerable: true, get: function () { return schema_js_1.SCHEMAS; } });
+var check_js_1 = require("./check.js");
+Object.defineProperty(exports, "check", { enumerable: true, get: function () { return check_js_1.check; } });
+Object.defineProperty(exports, "flatten", { enumerable: true, get: function () { return check_js_1.flatten; } });
+Object.defineProperty(exports, "findById", { enumerable: true, get: function () { return check_js_1.findById; } });
+var fields_js_1 = require("./fields.js");
+Object.defineProperty(exports, "NODE_FIELDS", { enumerable: true, get: function () { return fields_js_1.NODE_FIELDS; } });
+Object.defineProperty(exports, "EDGE_FIELDS", { enumerable: true, get: function () { return fields_js_1.EDGE_FIELDS; } });
+Object.defineProperty(exports, "fieldsOf", { enumerable: true, get: function () { return fields_js_1.fieldsOf; } });
+var patch_js_1 = require("./patch.js");
+Object.defineProperty(exports, "ModelError", { enumerable: true, get: function () { return patch_js_1.ModelError; } });
+Object.defineProperty(exports, "collectionOf", { enumerable: true, get: function () { return patch_js_1.collectionOf; } });
+Object.defineProperty(exports, "titleOf", { enumerable: true, get: function () { return patch_js_1.titleOf; } });
+Object.defineProperty(exports, "getByPath", { enumerable: true, get: function () { return patch_js_1.getByPath; } });
+Object.defineProperty(exports, "mergePatch", { enumerable: true, get: function () { return patch_js_1.mergePatch; } });
+Object.defineProperty(exports, "movePatch", { enumerable: true, get: function () { return patch_js_1.movePatch; } });
+Object.defineProperty(exports, "applyPatch", { enumerable: true, get: function () { return patch_js_1.applyPatch; } });
+Object.defineProperty(exports, "isColor", { enumerable: true, get: function () { return patch_js_1.isColor; } });

package/dist/cjs/package.json

@@ -0,0 +1,3 @@
+{
+    "type": "commonjs"
+}

package/dist/cjs/patch.js

@@ -0,0 +1,120 @@
+"use strict";
+// UI の操作(ドラッグ・インスペクタの適用)を、保存する patch(JSON Merge Patch)に変換する。
+//
+// 戻り値は { collection, id, patch }。利用側(iHub など)は図の種類を知らずにこれを保存すればよい。
+// 入力の検証に失敗したときは ModelError を投げる(メッセージは利用者にそのまま見せられる日本語)。
+// model.unchi の patch.ts を元にしている(ラベルは label.contents、リンクは link.url、マーカーと border.type は無い)。
+// 読み取り部品(toColor など)と patch の道具は model.core にある(#151)。
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isColor = exports.mergePatch = exports.getByPath = exports.ModelError = void 0;
+exports.collectionOf = collectionOf;
+exports.titleOf = titleOf;
+exports.movePatch = movePatch;
+exports.applyPatch = applyPatch;
+const model_core_1 = require("@yanqirenshi/model.core");
+const defaults_js_1 = require("./defaults.js");
+const fields_js_1 = require("./fields.js");
+// model.core のものをそのまま公開する(利用側が model.sitemap だけを読めばよいように)
+var model_core_2 = require("@yanqirenshi/model.core");
+Object.defineProperty(exports, "ModelError", { enumerable: true, get: function () { return model_core_2.ModelError; } });
+Object.defineProperty(exports, "getByPath", { enumerable: true, get: function () { return model_core_2.getByPath; } });
+Object.defineProperty(exports, "mergePatch", { enumerable: true, get: function () { return model_core_2.mergePatch; } });
+Object.defineProperty(exports, "isColor", { enumerable: true, get: function () { return model_core_2.isColor; } });
+/** レコードを置くコレクション */
+function collectionOf(record) {
+    return (0, defaults_js_1.isEdge)(record) ? 'edges' : 'nodes';
+}
+/** インスペクタの見出し。ラベルの文字、無ければ id(線は「遷移元 → 遷移先」) */
+function titleOf(record) {
+    if ((0, defaults_js_1.isEdge)(record))
+        return `${String(record.from.id)} → ${String(record.to.id)}`;
+    const contents = record.label && typeof record.label === 'object' ? record.label.contents : null;
+    return typeof contents === 'string' && contents !== '' ? contents : String(record.id);
+}
+/**
+ * ドラッグで動かしたノードの位置を保存する patch。
+ * 保存してある position に移動量を足し、整数に丸める(position が無いときは 0, 0 から)。
+ * 子のノードの position は親の中での位置なので、親を動かしても子の patch は要らない。
+ */
+function movePatch(node, move) {
+    return (0, model_core_1.movePatch)(node, move, 'nodes');
+}
+// インスペクタの入力のうち、図に描いている値(withDefaults)から変わった項目だけ
+function changedValues(record, values) {
+    return (0, model_core_1.changedValues)((0, defaults_js_1.withDefaults)(record), values, (0, fields_js_1.fieldsOf)(record));
+}
+// 幅・高さは 0 以上(0 は「子に合わせる」)。枠線・線の太さは 0 以上(0 は線なし)
+const LENGTH = { hint: '(0 で子に合わせる)' };
+const WIDTH = { allowZero: true };
+// ノードの入力 → patch(label.contents / node_type / link.url / size / background / border)
+function nodePatch(node, values) {
+    const patch = {};
+    for (const [path, value] of changedValues(node, values)) {
+        switch (path) {
+            case 'label.contents':
+                // 名称は空にできない(画面の箱に文字が無くなる)
+                if (value === '')
+                    throw new model_core_1.ModelError('名称を入力してください。');
+                (0, model_core_1.put)(patch, path, value);
+                break;
+            case 'node_type':
+                (0, model_core_1.put)(patch, path, (0, model_core_1.toOptionalText)(value));
+                break;
+            case 'link.url':
+                // URL を空にするとリンクごと除く(d3.sitemap は url の無い link を描かない)
+                if (value === '')
+                    patch.link = null;
+                else
+                    (0, model_core_1.put)(patch, path, value);
+                break;
+            case 'size.w':
+                (0, model_core_1.put)(patch, path, (0, model_core_1.toLength)(value, '幅', LENGTH));
+                break;
+            case 'size.h':
+                (0, model_core_1.put)(patch, path, (0, model_core_1.toLength)(value, '高さ', LENGTH));
+                break;
+            case 'background.color':
+                (0, model_core_1.put)(patch, path, (0, model_core_1.toColor)(value, '背景色'));
+                break;
+            case 'border.color':
+                (0, model_core_1.put)(patch, path, (0, model_core_1.toColor)(value, '枠線の色'));
+                break;
+            case 'border.width':
+                (0, model_core_1.put)(patch, path, (0, model_core_1.toWidth)(value, '枠線の太さ', WIDTH));
+                break;
+        }
+    }
+    return patch;
+}
+const END_LABELS = { from: '遷移元', to: '遷移先' };
+// 線の入力 → patch(from / to の角度・stroke)
+function edgePatch(edge, values) {
+    const patch = {};
+    for (const [path, value] of changedValues(edge, values)) {
+        switch (path) {
+            case 'from.position':
+            case 'to.position':
+                (0, model_core_1.put)(patch, path, (0, model_core_1.toDegree)(value, `${END_LABELS[path.split('.')[0]]}の位置`));
+                break;
+            case 'stroke.color':
+                (0, model_core_1.put)(patch, path, (0, model_core_1.toColor)(value, '線の色'));
+                break;
+            case 'stroke.width':
+                (0, model_core_1.put)(patch, path, (0, model_core_1.toWidth)(value, '線の太さ', WIDTH));
+                break;
+        }
+    }
+    return patch;
+}
+/**
+ * インスペクタの「適用」の値を、保存する patch に変換する。
+ * 図に描いている値から変えた項目だけを patch に入れる(変えていない既定の値まで書き込まないため)。
+ * 変更が無ければ patch は {}。
+ */
+function applyPatch(record, values) {
+    return {
+        collection: collectionOf(record),
+        id: record.id,
+        patch: (0, defaults_js_1.isEdge)(record) ? edgePatch(record, values) : nodePatch(record, values),
+    };
+}

package/dist/cjs/schema.js

@@ -0,0 +1,97 @@
+"use strict";
+// d3.sitemap の入力データの JSON Schema(2020-12)。
+//
+// iHub の server/schemas/sitemap/{nodes,edges}.schema.json を移したもの。
+// 検査するのは、図の構造にかかわる項目(id・type・size・position・children・link・node_type、
+// 線の from / to)だけで、見た目の項目(label・border・background・padding・path)は
+// d3.sitemap の入力の形のまま書けるよう additionalProperties を閉じていない(iHub 版は閉じていた)。
+//
+// x-id-start はスキーマの検証には使わない注釈(コレクションが空のときに最初に振る id)。
+// Ajv で使うときは addKeyword({ keyword: 'x-id-start', schemaType: 'number' }) を足す。
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SCHEMAS = exports.EDGES_SCHEMA = exports.NODES_SCHEMA = void 0;
+const ID = { type: ['integer', 'string'] };
+const POINT = {
+    type: 'object',
+    properties: { x: { type: 'number' }, y: { type: 'number' } },
+    required: ['x', 'y'],
+};
+exports.NODES_SCHEMA = {
+    $schema: 'https://json-schema.org/draft/2020-12/schema',
+    title: '画面遷移図のノード',
+    description: 'd3.sitemap に渡す画面のノード。children に子のノードを入れ子で持つ。id は子のノードも含めて一意にする。position は親の中での位置で、ドラッグで動かすと書き換わる。見た目の項目 (label・padding・border・background・path) は d3.sitemap の入力の形のまま書ける。',
+    'x-id-start': 1000000,
+    type: 'array',
+    items: { $ref: '#/$defs/node' },
+    $defs: {
+        node: {
+            type: 'object',
+            properties: {
+                id: ID,
+                type: { type: 'string' },
+                label: {
+                    type: 'object',
+                    properties: { contents: { type: ['string', 'null'] } },
+                },
+                size: {
+                    type: 'object',
+                    properties: { w: { type: 'number', minimum: 0 }, h: { type: 'number', minimum: 0 } },
+                    required: ['w', 'h'],
+                },
+                position: POINT,
+                link: {
+                    type: ['object', 'null'],
+                    properties: {
+                        url: { type: ['string', 'null'] },
+                        icon: { type: ['string', 'null'] },
+                        position: POINT,
+                    },
+                },
+                node_type: { type: ['string', 'null'], description: 'window など (利用側の項目)' },
+                children: { type: 'array', items: { $ref: '#/$defs/node' } },
+            },
+            required: ['id'],
+            additionalProperties: true,
+        },
+    },
+};
+exports.EDGES_SCHEMA = {
+    $schema: 'https://json-schema.org/draft/2020-12/schema',
+    title: '画面遷移図の遷移',
+    description: '画面のノードの間の遷移。from.id / to.id はノード (子を含む) の id。position は接続位置の角度 (0=真下・時計回り。省略すると 90=左)。',
+    'x-id-start': 2000001,
+    type: 'array',
+    items: {
+        type: 'object',
+        properties: {
+            id: ID,
+            from: { $ref: '#/$defs/end' },
+            to: { $ref: '#/$defs/end' },
+            stroke: {
+                type: 'object',
+                properties: {
+                    color: { type: 'string' },
+                    width: { type: 'number' },
+                    type: { type: 'string' },
+                },
+            },
+        },
+        required: ['id', 'from', 'to'],
+        additionalProperties: true,
+    },
+    $defs: {
+        end: {
+            type: 'object',
+            properties: {
+                id: ID,
+                position: { type: 'number' },
+            },
+            required: ['id'],
+        },
+    },
+};
+/** コレクション名 → スキーマ */
+exports.SCHEMAS = {
+    nodes: exports.NODES_SCHEMA,
+    edges: exports.EDGES_SCHEMA,
+};

package/dist/cjs/types.js

@@ -0,0 +1,8 @@
+"use strict";
+// model.sitemap の公開型。
+//
+// ここで言う「レコード」は、d3.sitemap の data() に渡す入力そのもの({ nodes, edges })の 1 要素。
+// iHub では data/sitemap/{nodes,edges}.json の 1 要素。d3.sitemap が正規化したあとの datum(_id / _core を持つもの)ではない。
+// ノードと線の図なので model.unchi と形が近いが、ラベルは label.contents(unchi は label.text)で、
+// ノードにリンク(link.url)と URL パス(path)、画面の種類(node_type)がある。
+Object.defineProperty(exports, "__esModule", { value: true });