@d3-polytree/editor 0.1.0

package/dist/index.cjs

@@ -0,0 +1,86 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Editor: () => Editor,
+  default: () => index_default
+});
+module.exports = __toCommonJS(index_exports);
+var import_interactive_viewer = require("@d3-polytree/interactive-viewer");
+var import_viewer = require("@d3-polytree/viewer");
+var import_core = require("@d3-polytree/core");
+var import_properties_panel = require("@d3-polytree/properties-panel");
+var INITIAL_DIAGRAM = '<?xml version="1.0" encoding="UTF-8"?><pfdn:diagram xmlns:pfdn="http://pfdn" xmlns="http://pfdn"><settings author="No Author" name="No Name Diagram" status="1"><zoom><offset x="0" y="0" /><scale>1</scale></zoom><grid /></settings><node id="node_1" label="label_1" status="1"><position x="20" y="100" /></node><label id="label_1" fontSize="12" isReadOnly="true" status="1"><position x="33" y="140" /><text>Node 1</text></label></pfdn:diagram>';
+var _Editor = class _Editor extends import_interactive_viewer.InteractiveViewer {
+  constructor() {
+    super(...arguments);
+    /** The document a fresh editor opens with (used by {@link createDiagram}). */
+    this.initialDiagram = INITIAL_DIAGRAM;
+  }
+  /** (Re)open the initial diagram. */
+  createDiagram() {
+    return this.importDiagram(this.initialDiagram);
+  }
+  getModules() {
+    return [
+      ...import_interactive_viewer.InteractiveViewer.interactionModules,
+      ..._Editor.editionModules,
+      ...import_viewer.Viewer.modules
+    ];
+  }
+  /** Create a node (and its associated label) at an optional position. */
+  createNode(parameters = {}) {
+    return this.get("modellingNodes").create(parameters);
+  }
+  /** Select an element by definition (e.g. to prepare a delete). */
+  select(definition) {
+    const element = this.get("drawingRegistry").get(definition.id);
+    if (element) {
+      this.get("selection").select(element, definition);
+    }
+  }
+  /** Delete the current selection (cascading to associated labels). */
+  deleteSelected() {
+    this.get("selection").deleteSelected();
+  }
+};
+/** Editing modules on top of the interaction layer. */
+_Editor.editionModules = [
+  import_core.dragModule,
+  import_core.modellingModule,
+  import_core.exportingModule,
+  import_core.localStorageModule,
+  import_core.uploadModule,
+  import_core.paletteModule,
+  import_core.resizeElementModule,
+  // the properties panel (registers a side tab; side-tabs + search-panel are
+  // inherited from InteractiveViewer)
+  import_properties_panel.entryFactoryModule,
+  import_properties_panel.pfdnPropertiesProviderModule,
+  import_properties_panel.propertiesPanelModule
+];
+var Editor = _Editor;
+var index_default = Editor;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Editor
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["/**\n * @d3-polytree/editor — create and modify polytree diagrams.\n *\n * Extends the {@link InteractiveViewer} with the editing layer: element\n * dragging plus the modelling create/save/delete flows. Element creation is\n * exposed programmatically here; the palette toolbar UI is layered on next.\n */\nimport { InteractiveViewer, type InteractiveViewerOptions } from '@d3-polytree/interactive-viewer';\nimport { Viewer } from '@d3-polytree/viewer';\nimport {\n  dragModule,\n  modellingModule,\n  exportingModule,\n  localStorageModule,\n  uploadModule,\n  paletteModule,\n  resizeElementModule,\n  type DiagramModule,\n  type DrawingRegistry,\n  type ModellingNodes,\n  type ModellingModelElement,\n  type CreateParameters,\n  type Selection\n} from '@d3-polytree/core';\nimport {\n  entryFactoryModule,\n  pfdnPropertiesProviderModule,\n  propertiesPanelModule\n} from '@d3-polytree/properties-panel';\n\n/** The document a fresh editor opens with. */\nconst INITIAL_DIAGRAM =\n  '<?xml version=\"1.0\" encoding=\"UTF-8\"?>' +\n  '<pfdn:diagram xmlns:pfdn=\"http://pfdn\" xmlns=\"http://pfdn\">' +\n  '<settings author=\"No Author\" name=\"No Name Diagram\" status=\"1\">' +\n  '<zoom><offset x=\"0\" y=\"0\" /><scale>1</scale></zoom><grid />' +\n  '</settings>' +\n  '<node id=\"node_1\" label=\"label_1\" status=\"1\"><position x=\"20\" y=\"100\" /></node>' +\n  '<label id=\"label_1\" fontSize=\"12\" isReadOnly=\"true\" status=\"1\">' +\n  '<position x=\"33\" y=\"140\" /><text>Node 1</text></label>' +\n  '</pfdn:diagram>';\n\nexport type EditorOptions = InteractiveViewerOptions;\n\nexport class Editor extends InteractiveViewer {\n  /** Editing modules on top of the interaction layer. */\n  static readonly editionModules: readonly DiagramModule[] = [\n    dragModule as DiagramModule,\n    modellingModule as DiagramModule,\n    exportingModule as DiagramModule,\n    localStorageModule as DiagramModule,\n    uploadModule as DiagramModule,\n    paletteModule as DiagramModule,\n    resizeElementModule as DiagramModule,\n    // the properties panel (registers a side tab; side-tabs + search-panel are\n    // inherited from InteractiveViewer)\n    entryFactoryModule as DiagramModule,\n    pfdnPropertiesProviderModule as DiagramModule,\n    propertiesPanelModule as DiagramModule\n  ];\n\n  /** The document a fresh editor opens with (used by {@link createDiagram}). */\n  initialDiagram = INITIAL_DIAGRAM;\n\n  /** (Re)open the initial diagram. */\n  createDiagram(): Promise<void> {\n    return this.importDiagram(this.initialDiagram);\n  }\n\n  getModules(): readonly DiagramModule[] {\n    // interaction + editing features first (they subscribe / swap the layer),\n    // then the drawers\n    return [\n      ...InteractiveViewer.interactionModules,\n      ...Editor.editionModules,\n      ...Viewer.modules\n    ];\n  }\n\n  /** Create a node (and its associated label) at an optional position. */\n  createNode(parameters: CreateParameters = {}): ModellingModelElement {\n    return this.get<ModellingNodes>('modellingNodes').create(parameters);\n  }\n\n  /** Select an element by definition (e.g. to prepare a delete). */\n  select(definition: ModellingModelElement): void {\n    const element = this.get<DrawingRegistry>('drawingRegistry').get(definition.id as string);\n    if (element) {\n      this.get<Selection>('selection').select(element, definition);\n    }\n  }\n\n  /** Delete the current selection (cascading to associated labels). */\n  deleteSelected(): void {\n    this.get<Selection>('selection').deleteSelected();\n  }\n}\n\nexport default Editor;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,gCAAiE;AACjE,oBAAuB;AACvB,kBAcO;AACP,8BAIO;AAGP,IAAM,kBACJ;AAYK,IAAM,UAAN,MAAM,gBAAe,4CAAkB;AAAA,EAAvC;AAAA;AAkBL;AAAA,0BAAiB;AAAA;AAAA;AAAA,EAGjB,gBAA+B;AAC7B,WAAO,KAAK,cAAc,KAAK,cAAc;AAAA,EAC/C;AAAA,EAEA,aAAuC;AAGrC,WAAO;AAAA,MACL,GAAG,4CAAkB;AAAA,MACrB,GAAG,QAAO;AAAA,MACV,GAAG,qBAAO;AAAA,IACZ;AAAA,EACF;AAAA;AAAA,EAGA,WAAW,aAA+B,CAAC,GAA0B;AACnE,WAAO,KAAK,IAAoB,gBAAgB,EAAE,OAAO,UAAU;AAAA,EACrE;AAAA;AAAA,EAGA,OAAO,YAAyC;AAC9C,UAAM,UAAU,KAAK,IAAqB,iBAAiB,EAAE,IAAI,WAAW,EAAY;AACxF,QAAI,SAAS;AACX,WAAK,IAAe,WAAW,EAAE,OAAO,SAAS,UAAU;AAAA,IAC7D;AAAA,EACF;AAAA;AAAA,EAGA,iBAAuB;AACrB,SAAK,IAAe,WAAW,EAAE,eAAe;AAAA,EAClD;AACF;AAAA;AApDa,QAEK,iBAA2C;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AACF;AAfK,IAAM,SAAN;AAsDP,IAAO,gBAAQ;","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,29 @@
+import { InteractiveViewer, InteractiveViewerOptions } from '@d3-polytree/interactive-viewer';
+import { DiagramModule, CreateParameters, ModellingModelElement } from '@d3-polytree/core';
+
+/**
+ * @d3-polytree/editor — create and modify polytree diagrams.
+ *
+ * Extends the {@link InteractiveViewer} with the editing layer: element
+ * dragging plus the modelling create/save/delete flows. Element creation is
+ * exposed programmatically here; the palette toolbar UI is layered on next.
+ */
+
+type EditorOptions = InteractiveViewerOptions;
+declare class Editor extends InteractiveViewer {
+    /** Editing modules on top of the interaction layer. */
+    static readonly editionModules: readonly DiagramModule[];
+    /** The document a fresh editor opens with (used by {@link createDiagram}). */
+    initialDiagram: string;
+    /** (Re)open the initial diagram. */
+    createDiagram(): Promise<void>;
+    getModules(): readonly DiagramModule[];
+    /** Create a node (and its associated label) at an optional position. */
+    createNode(parameters?: CreateParameters): ModellingModelElement;
+    /** Select an element by definition (e.g. to prepare a delete). */
+    select(definition: ModellingModelElement): void;
+    /** Delete the current selection (cascading to associated labels). */
+    deleteSelected(): void;
+}
+
+export { Editor, type EditorOptions, Editor as default };

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+import { InteractiveViewer, InteractiveViewerOptions } from '@d3-polytree/interactive-viewer';
+import { DiagramModule, CreateParameters, ModellingModelElement } from '@d3-polytree/core';
+
+/**
+ * @d3-polytree/editor — create and modify polytree diagrams.
+ *
+ * Extends the {@link InteractiveViewer} with the editing layer: element
+ * dragging plus the modelling create/save/delete flows. Element creation is
+ * exposed programmatically here; the palette toolbar UI is layered on next.
+ */
+
+type EditorOptions = InteractiveViewerOptions;
+declare class Editor extends InteractiveViewer {
+    /** Editing modules on top of the interaction layer. */
+    static readonly editionModules: readonly DiagramModule[];
+    /** The document a fresh editor opens with (used by {@link createDiagram}). */
+    initialDiagram: string;
+    /** (Re)open the initial diagram. */
+    createDiagram(): Promise<void>;
+    getModules(): readonly DiagramModule[];
+    /** Create a node (and its associated label) at an optional position. */
+    createNode(parameters?: CreateParameters): ModellingModelElement;
+    /** Select an element by definition (e.g. to prepare a delete). */
+    select(definition: ModellingModelElement): void;
+    /** Delete the current selection (cascading to associated labels). */
+    deleteSelected(): void;
+}
+
+export { Editor, type EditorOptions, Editor as default };

package/dist/index.js

@@ -0,0 +1,73 @@
+// src/index.ts
+import { InteractiveViewer } from "@d3-polytree/interactive-viewer";
+import { Viewer } from "@d3-polytree/viewer";
+import {
+  dragModule,
+  modellingModule,
+  exportingModule,
+  localStorageModule,
+  uploadModule,
+  paletteModule,
+  resizeElementModule
+} from "@d3-polytree/core";
+import {
+  entryFactoryModule,
+  pfdnPropertiesProviderModule,
+  propertiesPanelModule
+} from "@d3-polytree/properties-panel";
+var INITIAL_DIAGRAM = '<?xml version="1.0" encoding="UTF-8"?><pfdn:diagram xmlns:pfdn="http://pfdn" xmlns="http://pfdn"><settings author="No Author" name="No Name Diagram" status="1"><zoom><offset x="0" y="0" /><scale>1</scale></zoom><grid /></settings><node id="node_1" label="label_1" status="1"><position x="20" y="100" /></node><label id="label_1" fontSize="12" isReadOnly="true" status="1"><position x="33" y="140" /><text>Node 1</text></label></pfdn:diagram>';
+var _Editor = class _Editor extends InteractiveViewer {
+  constructor() {
+    super(...arguments);
+    /** The document a fresh editor opens with (used by {@link createDiagram}). */
+    this.initialDiagram = INITIAL_DIAGRAM;
+  }
+  /** (Re)open the initial diagram. */
+  createDiagram() {
+    return this.importDiagram(this.initialDiagram);
+  }
+  getModules() {
+    return [
+      ...InteractiveViewer.interactionModules,
+      ..._Editor.editionModules,
+      ...Viewer.modules
+    ];
+  }
+  /** Create a node (and its associated label) at an optional position. */
+  createNode(parameters = {}) {
+    return this.get("modellingNodes").create(parameters);
+  }
+  /** Select an element by definition (e.g. to prepare a delete). */
+  select(definition) {
+    const element = this.get("drawingRegistry").get(definition.id);
+    if (element) {
+      this.get("selection").select(element, definition);
+    }
+  }
+  /** Delete the current selection (cascading to associated labels). */
+  deleteSelected() {
+    this.get("selection").deleteSelected();
+  }
+};
+/** Editing modules on top of the interaction layer. */
+_Editor.editionModules = [
+  dragModule,
+  modellingModule,
+  exportingModule,
+  localStorageModule,
+  uploadModule,
+  paletteModule,
+  resizeElementModule,
+  // the properties panel (registers a side tab; side-tabs + search-panel are
+  // inherited from InteractiveViewer)
+  entryFactoryModule,
+  pfdnPropertiesProviderModule,
+  propertiesPanelModule
+];
+var Editor = _Editor;
+var index_default = Editor;
+export {
+  Editor,
+  index_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["/**\n * @d3-polytree/editor — create and modify polytree diagrams.\n *\n * Extends the {@link InteractiveViewer} with the editing layer: element\n * dragging plus the modelling create/save/delete flows. Element creation is\n * exposed programmatically here; the palette toolbar UI is layered on next.\n */\nimport { InteractiveViewer, type InteractiveViewerOptions } from '@d3-polytree/interactive-viewer';\nimport { Viewer } from '@d3-polytree/viewer';\nimport {\n  dragModule,\n  modellingModule,\n  exportingModule,\n  localStorageModule,\n  uploadModule,\n  paletteModule,\n  resizeElementModule,\n  type DiagramModule,\n  type DrawingRegistry,\n  type ModellingNodes,\n  type ModellingModelElement,\n  type CreateParameters,\n  type Selection\n} from '@d3-polytree/core';\nimport {\n  entryFactoryModule,\n  pfdnPropertiesProviderModule,\n  propertiesPanelModule\n} from '@d3-polytree/properties-panel';\n\n/** The document a fresh editor opens with. */\nconst INITIAL_DIAGRAM =\n  '<?xml version=\"1.0\" encoding=\"UTF-8\"?>' +\n  '<pfdn:diagram xmlns:pfdn=\"http://pfdn\" xmlns=\"http://pfdn\">' +\n  '<settings author=\"No Author\" name=\"No Name Diagram\" status=\"1\">' +\n  '<zoom><offset x=\"0\" y=\"0\" /><scale>1</scale></zoom><grid />' +\n  '</settings>' +\n  '<node id=\"node_1\" label=\"label_1\" status=\"1\"><position x=\"20\" y=\"100\" /></node>' +\n  '<label id=\"label_1\" fontSize=\"12\" isReadOnly=\"true\" status=\"1\">' +\n  '<position x=\"33\" y=\"140\" /><text>Node 1</text></label>' +\n  '</pfdn:diagram>';\n\nexport type EditorOptions = InteractiveViewerOptions;\n\nexport class Editor extends InteractiveViewer {\n  /** Editing modules on top of the interaction layer. */\n  static readonly editionModules: readonly DiagramModule[] = [\n    dragModule as DiagramModule,\n    modellingModule as DiagramModule,\n    exportingModule as DiagramModule,\n    localStorageModule as DiagramModule,\n    uploadModule as DiagramModule,\n    paletteModule as DiagramModule,\n    resizeElementModule as DiagramModule,\n    // the properties panel (registers a side tab; side-tabs + search-panel are\n    // inherited from InteractiveViewer)\n    entryFactoryModule as DiagramModule,\n    pfdnPropertiesProviderModule as DiagramModule,\n    propertiesPanelModule as DiagramModule\n  ];\n\n  /** The document a fresh editor opens with (used by {@link createDiagram}). */\n  initialDiagram = INITIAL_DIAGRAM;\n\n  /** (Re)open the initial diagram. */\n  createDiagram(): Promise<void> {\n    return this.importDiagram(this.initialDiagram);\n  }\n\n  getModules(): readonly DiagramModule[] {\n    // interaction + editing features first (they subscribe / swap the layer),\n    // then the drawers\n    return [\n      ...InteractiveViewer.interactionModules,\n      ...Editor.editionModules,\n      ...Viewer.modules\n    ];\n  }\n\n  /** Create a node (and its associated label) at an optional position. */\n  createNode(parameters: CreateParameters = {}): ModellingModelElement {\n    return this.get<ModellingNodes>('modellingNodes').create(parameters);\n  }\n\n  /** Select an element by definition (e.g. to prepare a delete). */\n  select(definition: ModellingModelElement): void {\n    const element = this.get<DrawingRegistry>('drawingRegistry').get(definition.id as string);\n    if (element) {\n      this.get<Selection>('selection').select(element, definition);\n    }\n  }\n\n  /** Delete the current selection (cascading to associated labels). */\n  deleteSelected(): void {\n    this.get<Selection>('selection').deleteSelected();\n  }\n}\n\nexport default Editor;\n"],"mappings":";AAOA,SAAS,yBAAwD;AACjE,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAOK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,IAAM,kBACJ;AAYK,IAAM,UAAN,MAAM,gBAAe,kBAAkB;AAAA,EAAvC;AAAA;AAkBL;AAAA,0BAAiB;AAAA;AAAA;AAAA,EAGjB,gBAA+B;AAC7B,WAAO,KAAK,cAAc,KAAK,cAAc;AAAA,EAC/C;AAAA,EAEA,aAAuC;AAGrC,WAAO;AAAA,MACL,GAAG,kBAAkB;AAAA,MACrB,GAAG,QAAO;AAAA,MACV,GAAG,OAAO;AAAA,IACZ;AAAA,EACF;AAAA;AAAA,EAGA,WAAW,aAA+B,CAAC,GAA0B;AACnE,WAAO,KAAK,IAAoB,gBAAgB,EAAE,OAAO,UAAU;AAAA,EACrE;AAAA;AAAA,EAGA,OAAO,YAAyC;AAC9C,UAAM,UAAU,KAAK,IAAqB,iBAAiB,EAAE,IAAI,WAAW,EAAY;AACxF,QAAI,SAAS;AACX,WAAK,IAAe,WAAW,EAAE,OAAO,SAAS,UAAU;AAAA,IAC7D;AAAA,EACF;AAAA;AAAA,EAGA,iBAAuB;AACrB,SAAK,IAAe,WAAW,EAAE,eAAe;AAAA,EAClD;AACF;AAAA;AApDa,QAEK,iBAA2C;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AACF;AAfK,IAAM,SAAN;AAsDP,IAAO,gBAAQ;","names":[]}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@d3-polytree/editor",
+  "version": "0.1.0",
+  "description": "Polytree editor (create and modify diagrams)",
+  "license": "MIT",
+  "author": "David Castillo",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./umd": "./dist/editor.umd.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "dependencies": {
+    "@d3-polytree/viewer": "0.1.0",
+    "@d3-polytree/core": "0.1.0",
+    "@d3-polytree/interactive-viewer": "0.1.0",
+    "@d3-polytree/properties-panel": "0.1.0"
+  },
+  "unpkg": "./dist/editor.umd.js",
+  "jsdelivr": "./dist/editor.umd.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/davcs86/d3-polytree.git",
+    "directory": "packages/editor"
+  },
+  "homepage": "https://github.com/davcs86/d3-polytree/tree/v2/packages/editor#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  }
+}