@knotx/plugins-base-render 0.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 格桑
+
+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/dist/index.cjs

@@ -0,0 +1,316 @@
+'use strict';
+
+const jsxRuntime = require('@knotx/jsx/jsx-runtime');
+const core = require('@knotx/core');
+const decorators = require('@knotx/decorators');
+const render = require('@knotx/render');
+const rxjs = require('rxjs');
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __restKey = (key) => typeof key === "symbol" ? key : key + "";
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __decoratorStart = (base) => {
+  var _a2;
+  return [, , , __create((_a2 = base == null ? void 0 : base[__knownSymbol("metadata")]) != null ? _a2 : null)];
+};
+var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn;
+var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) });
+var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]);
+var __runInitializers = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
+  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings[k + 5];
+  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc(k < 4 ? target : { get [name]() {
+    return __privateGet(this, extra);
+  }, set [name](x) {
+    return __privateSet(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k ^ 4 || it === void 0) __expectFn(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError("Object expected");
+    else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _edgesLayer_dec, _nodesLayer_dec, _registerNodeLevelGetter_dec, _registerNodePositionGetter_dec, _registerNodeFilter_dec, _edge_dec, _edgeMapVersion_dec, _draftNode_dec, _node_dec, _nodeMapVersion_dec, _getEdgeRenderer_dec, _getNodeRenderer_dec, _edges_dec, _nodes_dec, _a, _init;
+const _BaseRender = class _BaseRender extends (_a = core.BasePlugin, _nodes_dec = [decorators.inject.nodes()], _edges_dec = [decorators.inject.edges()], _getNodeRenderer_dec = [decorators.inject.getNodeRenderer()], _getEdgeRenderer_dec = [decorators.inject.getEdgeRenderer()], _nodeMapVersion_dec = [decorators.inject((injectable) => injectable.nodesManager.mapVersion$.value)], _node_dec = [decorators.inject((injectable, context) => injectable.nodesManager.dataMap$.value.get(context.node))], _draftNode_dec = [decorators.inject((injectable, context) => {
+  var _a2, _b;
+  return ((_b = (_a2 = injectable.nodesManager.currentDraftDataMap$) == null ? void 0 : _a2.value) == null ? void 0 : _b.get(context.node)) || void 0;
+})], _edgeMapVersion_dec = [decorators.inject((injectable) => injectable.edgesManager.mapVersion$.value)], _edge_dec = [decorators.inject((injectable, context) => injectable.edgesManager.dataMap$.value.get(context.edge))], _registerNodeFilter_dec = [decorators.register("registerNodeFilter")], _registerNodePositionGetter_dec = [decorators.register("registerNodePositionGetter")], _registerNodeLevelGetter_dec = [decorators.register("registerNodeLevelGetter")], _nodesLayer_dec = [decorators.layer(core.Layer.Nodes)], _edgesLayer_dec = [decorators.layer(core.Layer.Edges)], _a) {
+  constructor() {
+    super(...arguments);
+    __runInitializers(_init, 5, this);
+    __publicField(this, "name", "baseRender");
+    __publicField(this, "nodes", __runInitializers(_init, 8, this, [])), __runInitializers(_init, 11, this);
+    __publicField(this, "edges", __runInitializers(_init, 12, this, [])), __runInitializers(_init, 15, this);
+    __publicField(this, "getNodeRenderer", __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
+    __publicField(this, "getEdgeRenderer", __runInitializers(_init, 20, this)), __runInitializers(_init, 23, this);
+    __publicField(this, "nodeMapVersion", __runInitializers(_init, 24, this)), __runInitializers(_init, 27, this);
+    __publicField(this, "node", __runInitializers(_init, 28, this)), __runInitializers(_init, 31, this);
+    __publicField(this, "draftNode", __runInitializers(_init, 32, this)), __runInitializers(_init, 35, this);
+    __publicField(this, "edgeMapVersion", __runInitializers(_init, 36, this)), __runInitializers(_init, 39, this);
+    __publicField(this, "edge", __runInitializers(_init, 40, this)), __runInitializers(_init, 43, this);
+    __publicField(this, "nodeFilters", new rxjs.BehaviorSubject([]));
+    __publicField(this, "nodePositionGetter", new rxjs.BehaviorSubject({}));
+    __publicField(this, "nodeLevelGetter", new rxjs.BehaviorSubject([]));
+    __publicField(this, "registerNodeFilter", __runInitializers(_init, 44, this, (filter) => {
+      this.nodeFilters.next([...this.nodeFilters.value, filter]);
+      return () => {
+        this.nodeFilters.next(this.nodeFilters.value.filter((f) => f !== filter));
+      };
+    })), __runInitializers(_init, 47, this);
+    __publicField(this, "registerNodePositionGetter", __runInitializers(_init, 48, this, (type, getter) => {
+      this.nodePositionGetter.next(__spreadProps(__spreadValues({}, this.nodePositionGetter.value), { [type]: getter }));
+      return () => {
+        const _a2 = this.nodePositionGetter.value, { [type]: _ } = _a2, rest = __objRest(_a2, [__restKey(type)]);
+        this.nodePositionGetter.next(rest);
+      };
+    })), __runInitializers(_init, 51, this);
+    __publicField(this, "registerNodeLevelGetter", __runInitializers(_init, 52, this, (getter) => {
+      this.nodeLevelGetter.next([...this.nodeLevelGetter.value, getter]);
+      return () => {
+        this.nodeLevelGetter.next(this.nodeLevelGetter.value.filter((g) => g !== getter));
+      };
+    })), __runInitializers(_init, 55, this);
+  }
+  nodesLayer() {
+    const useNode = (id) => {
+      const draftNode = core.use(() => this.draftNode, { node: id });
+      const node = core.use(() => this.node, { node: id });
+      return draftNode || node;
+    };
+    const useNodes = () => {
+      core.use(() => this.nodeMapVersion);
+      return this.nodes.filter((node) => this.nodeFilters.value.every((filter) => filter(node)));
+    };
+    const getNodeRenderer = (type) => this.getNodeRenderer(type) || _BaseRender.DEFAULT_NODE_RENDERER;
+    const getNodePosition = (node) => {
+      var _a2, _b;
+      return ((_b = (_a2 = this.nodePositionGetter.value)[node.type]) == null ? void 0 : _b.call(_a2, node)) || node.position;
+    };
+    const getNodeMeasured = (node) => node.measured;
+    const getNodeLevel = (node) => this.nodeLevelGetter.value.reduce((level, getter) => {
+      const newLevel = getter(node);
+      return newLevel ? Math.max(level != null ? level : 0, newLevel) : level;
+    }, void 0);
+    return _BaseRender.DEFAULT_NODES_RENDERER({
+      useNode,
+      useNodes,
+      getNodeRenderer,
+      getNodePosition,
+      getNodeMeasured,
+      getNodeLevel
+    });
+  }
+  edgesLayer() {
+    const useEdge = (id) => core.use(() => this.edge, { edge: id });
+    const useNode = (id) => {
+      const draftNode = core.use(() => this.draftNode, { node: id });
+      const node = core.use(() => this.node, { node: id });
+      return draftNode || node;
+    };
+    const useEdges = () => {
+      core.use(() => this.edgeMapVersion);
+      return this.edges;
+    };
+    const getEdgeRenderer = (type) => this.getEdgeRenderer(type) || _BaseRender.DEFAULT_EDGE_RENDERER;
+    return _BaseRender.DEFAULT_EDGES_RENDERER({
+      useEdge,
+      useEdges,
+      useNode,
+      getEdgeRenderer
+    });
+  }
+};
+_init = __decoratorStart(_a);
+__decorateElement(_init, 1, "nodesLayer", _nodesLayer_dec, _BaseRender);
+__decorateElement(_init, 1, "edgesLayer", _edgesLayer_dec, _BaseRender);
+__decorateElement(_init, 5, "nodes", _nodes_dec, _BaseRender);
+__decorateElement(_init, 5, "edges", _edges_dec, _BaseRender);
+__decorateElement(_init, 5, "getNodeRenderer", _getNodeRenderer_dec, _BaseRender);
+__decorateElement(_init, 5, "getEdgeRenderer", _getEdgeRenderer_dec, _BaseRender);
+__decorateElement(_init, 5, "nodeMapVersion", _nodeMapVersion_dec, _BaseRender);
+__decorateElement(_init, 5, "node", _node_dec, _BaseRender);
+__decorateElement(_init, 5, "draftNode", _draftNode_dec, _BaseRender);
+__decorateElement(_init, 5, "edgeMapVersion", _edgeMapVersion_dec, _BaseRender);
+__decorateElement(_init, 5, "edge", _edge_dec, _BaseRender);
+__decorateElement(_init, 5, "registerNodeFilter", _registerNodeFilter_dec, _BaseRender);
+__decorateElement(_init, 5, "registerNodePositionGetter", _registerNodePositionGetter_dec, _BaseRender);
+__decorateElement(_init, 5, "registerNodeLevelGetter", _registerNodeLevelGetter_dec, _BaseRender);
+__decoratorMetadata(_init, _BaseRender);
+__publicField(_BaseRender, "DEFAULT_NODE_WRAPPER", ({
+  id,
+  useNode,
+  getNodeRenderer,
+  getNodePosition,
+  getNodeMeasured,
+  getNodeLevel
+}) => {
+  const node = useNode(id);
+  if (!node) {
+    return null;
+  }
+  const position = getNodePosition(node);
+  const measured = getNodeMeasured(node);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: _BaseRender.NODE_WRAPPER_CLASSNAME,
+      style: {
+        position: "absolute",
+        transform: `translate(${position.x}px, ${position.y}px)`,
+        width: measured == null ? void 0 : measured.width,
+        height: measured == null ? void 0 : measured.height,
+        zIndex: getNodeLevel(node)
+      },
+      "data-node-id": node.id,
+      children: getNodeRenderer(node.type)({ node })
+    },
+    node.id
+  );
+});
+__publicField(_BaseRender, "DEFAULT_NODES_RENDERER", ({
+  useNode,
+  useNodes,
+  getNodeRenderer,
+  getNodePosition,
+  getNodeMeasured,
+  getNodeLevel
+}) => {
+  const nodes = useNodes();
+  const NodeWrapper = _BaseRender.DEFAULT_NODE_WRAPPER;
+  return nodes.map((data) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      NodeWrapper,
+      __spreadValues({}, {
+        key: data.id,
+        id: data.id,
+        useNode,
+        getNodeRenderer,
+        getNodePosition,
+        getNodeMeasured,
+        getNodeLevel
+      })
+    );
+  });
+});
+__publicField(_BaseRender, "DEFAULT_EDGE_WRAPPER", ({
+  id,
+  useEdge,
+  useNode,
+  getEdgeRenderer
+}) => {
+  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  const edge = useEdge(id);
+  if (!edge) {
+    return null;
+  }
+  const EdgeRenderer = getEdgeRenderer(edge.type) || _BaseRender.DEFAULT_EDGE_RENDERER;
+  const source = useNode(edge.source);
+  const target = useNode(edge.target);
+  if (!source || !target) {
+    return null;
+  }
+  const sourceX = ((_b = (_a2 = source.position) == null ? void 0 : _a2.x) != null ? _b : 0) + ((_d = (_c = source.measured) == null ? void 0 : _c.width) != null ? _d : 0);
+  const sourceY = ((_f = (_e = source.position) == null ? void 0 : _e.y) != null ? _f : 0) + ((_h = (_g = source.measured) == null ? void 0 : _g.height) != null ? _h : 0) / 2;
+  const targetX = (_j = (_i = target.position) == null ? void 0 : _i.x) != null ? _j : 0;
+  const targetY = ((_l = (_k = target.position) == null ? void 0 : _k.y) != null ? _l : 0) + ((_n = (_m = target.measured) == null ? void 0 : _m.height) != null ? _n : 0) / 2;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      className: _BaseRender.EDGE_WRAPPER_CLASSNAME,
+      style: {
+        position: "absolute",
+        left: 0,
+        top: 0,
+        overflow: "visible",
+        pointerEvents: "none"
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(EdgeRenderer, { edge, sourceX, sourceY, targetX, targetY })
+    },
+    edge.id
+  );
+});
+__publicField(_BaseRender, "DEFAULT_EDGES_RENDERER", ({
+  useEdge,
+  useEdges,
+  useNode,
+  getEdgeRenderer
+}) => {
+  const edges = useEdges();
+  const EdgeWrapper = _BaseRender.DEFAULT_EDGE_WRAPPER;
+  return edges.map((data) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      EdgeWrapper,
+      __spreadValues({}, {
+        key: data.id,
+        id: data.id,
+        useEdge,
+        useNode,
+        getEdgeRenderer
+      })
+    );
+  });
+});
+__publicField(_BaseRender, "NODE_WRAPPER_CLASSNAME", core.bem("node", "wrapper"));
+__publicField(_BaseRender, "EDGE_WRAPPER_CLASSNAME", core.bem("edge", "wrapper"));
+__publicField(_BaseRender, "DEFAULT_NODE_RENDERER", (props) => props.node.id);
+__publicField(_BaseRender, "DEFAULT_EDGE_RENDERER", render.StraightEdge);
+let BaseRender = _BaseRender;
+
+exports.BaseRender = BaseRender;

package/dist/index.d.cts

@@ -0,0 +1,65 @@
+import { NodeData, NodePosition, BasePlugin, NodeRenderType, NodeMeasured, EdgeData, EdgeRenderType } from '@knotx/core';
+
+declare module '@knotx/core' {
+    interface PluginData {
+        baseRender: {
+            registerNodeFilter: (filter: (node: NodeData) => boolean) => (() => void);
+            registerNodePositionGetter: (type: string, getter: (node: NodeData) => NodePosition | undefined) => (() => void);
+            registerNodeLevelGetter: (getter: (node: NodeData) => number | undefined) => (() => void);
+        };
+    }
+}
+declare class BaseRender extends BasePlugin<'baseRender'> {
+    name: "baseRender";
+    private nodes;
+    private edges;
+    private getNodeRenderer;
+    private getEdgeRenderer;
+    private nodeMapVersion;
+    private node;
+    private draftNode;
+    private edgeMapVersion;
+    private edge;
+    private nodeFilters;
+    private nodePositionGetter;
+    private nodeLevelGetter;
+    registerNodeFilter: (filter: (node: NodeData) => boolean) => (() => void);
+    registerNodePositionGetter: (type: string, getter: (node: NodeData) => NodePosition | undefined) => (() => void);
+    registerNodeLevelGetter: (getter: (node: NodeData) => number | undefined) => (() => void);
+    nodesLayer(): JSX.Element[];
+    edgesLayer(): JSX.Element[];
+    static DEFAULT_NODE_WRAPPER: ({ id, useNode, getNodeRenderer, getNodePosition, getNodeMeasured, getNodeLevel, }: {
+        id: string;
+        useNode: (id: string) => NodeData | undefined;
+        getNodeRenderer: (type?: string) => NodeRenderType;
+        getNodePosition: (node: NodeData) => NodePosition;
+        getNodeMeasured: (node: NodeData) => NodeMeasured | undefined;
+        getNodeLevel: (node: NodeData) => number | undefined;
+    }) => JSX.Element | null;
+    static DEFAULT_NODES_RENDERER: ({ useNode, useNodes, getNodeRenderer, getNodePosition, getNodeMeasured, getNodeLevel, }: {
+        useNode: (id: string) => NodeData | undefined;
+        useNodes: () => NodeData[];
+        getNodeRenderer: (type?: string) => NodeRenderType;
+        getNodePosition: (node: NodeData) => NodePosition;
+        getNodeMeasured: (node: NodeData) => NodeMeasured | undefined;
+        getNodeLevel: (node: NodeData) => number | undefined;
+    }) => JSX.Element[];
+    static DEFAULT_EDGE_WRAPPER: ({ id, useEdge, useNode, getEdgeRenderer, }: {
+        id: string;
+        useEdge: (id: string) => EdgeData | undefined;
+        useNode: (id: string) => NodeData | undefined;
+        getEdgeRenderer: (type?: string) => EdgeRenderType;
+    }) => JSX.Element | null;
+    static DEFAULT_EDGES_RENDERER: ({ useEdge, useEdges, useNode, getEdgeRenderer, }: {
+        useEdge: (id: string) => EdgeData | undefined;
+        useEdges: () => EdgeData[];
+        useNode: (id: string) => NodeData | undefined;
+        getEdgeRenderer: (type?: string) => EdgeRenderType;
+    }) => JSX.Element[];
+    static NODE_WRAPPER_CLASSNAME: string;
+    static EDGE_WRAPPER_CLASSNAME: string;
+    static DEFAULT_NODE_RENDERER: NodeRenderType;
+    static DEFAULT_EDGE_RENDERER: EdgeRenderType;
+}
+
+export { BaseRender };

package/dist/index.d.mts

@@ -0,0 +1,65 @@
+import { NodeData, NodePosition, BasePlugin, NodeRenderType, NodeMeasured, EdgeData, EdgeRenderType } from '@knotx/core';
+
+declare module '@knotx/core' {
+    interface PluginData {
+        baseRender: {
+            registerNodeFilter: (filter: (node: NodeData) => boolean) => (() => void);
+            registerNodePositionGetter: (type: string, getter: (node: NodeData) => NodePosition | undefined) => (() => void);
+            registerNodeLevelGetter: (getter: (node: NodeData) => number | undefined) => (() => void);
+        };
+    }
+}
+declare class BaseRender extends BasePlugin<'baseRender'> {
+    name: "baseRender";
+    private nodes;
+    private edges;
+    private getNodeRenderer;
+    private getEdgeRenderer;
+    private nodeMapVersion;
+    private node;
+    private draftNode;
+    private edgeMapVersion;
+    private edge;
+    private nodeFilters;
+    private nodePositionGetter;
+    private nodeLevelGetter;
+    registerNodeFilter: (filter: (node: NodeData) => boolean) => (() => void);
+    registerNodePositionGetter: (type: string, getter: (node: NodeData) => NodePosition | undefined) => (() => void);
+    registerNodeLevelGetter: (getter: (node: NodeData) => number | undefined) => (() => void);
+    nodesLayer(): JSX.Element[];
+    edgesLayer(): JSX.Element[];
+    static DEFAULT_NODE_WRAPPER: ({ id, useNode, getNodeRenderer, getNodePosition, getNodeMeasured, getNodeLevel, }: {
+        id: string;
+        useNode: (id: string) => NodeData | undefined;
+        getNodeRenderer: (type?: string) => NodeRenderType;
+        getNodePosition: (node: NodeData) => NodePosition;
+        getNodeMeasured: (node: NodeData) => NodeMeasured | undefined;
+        getNodeLevel: (node: NodeData) => number | undefined;
+    }) => JSX.Element | null;
+    static DEFAULT_NODES_RENDERER: ({ useNode, useNodes, getNodeRenderer, getNodePosition, getNodeMeasured, getNodeLevel, }: {
+        useNode: (id: string) => NodeData | undefined;
+        useNodes: () => NodeData[];
+        getNodeRenderer: (type?: string) => NodeRenderType;
+        getNodePosition: (node: NodeData) => NodePosition;
+        getNodeMeasured: (node: NodeData) => NodeMeasured | undefined;
+        getNodeLevel: (node: NodeData) => number | undefined;
+    }) => JSX.Element[];
+    static DEFAULT_EDGE_WRAPPER: ({ id, useEdge, useNode, getEdgeRenderer, }: {
+        id: string;
+        useEdge: (id: string) => EdgeData | undefined;
+        useNode: (id: string) => NodeData | undefined;
+        getEdgeRenderer: (type?: string) => EdgeRenderType;
+    }) => JSX.Element | null;
+    static DEFAULT_EDGES_RENDERER: ({ useEdge, useEdges, useNode, getEdgeRenderer, }: {
+        useEdge: (id: string) => EdgeData | undefined;
+        useEdges: () => EdgeData[];
+        useNode: (id: string) => NodeData | undefined;
+        getEdgeRenderer: (type?: string) => EdgeRenderType;
+    }) => JSX.Element[];
+    static NODE_WRAPPER_CLASSNAME: string;
+    static EDGE_WRAPPER_CLASSNAME: string;
+    static DEFAULT_NODE_RENDERER: NodeRenderType;
+    static DEFAULT_EDGE_RENDERER: EdgeRenderType;
+}
+
+export { BaseRender };

package/dist/index.d.ts

@@ -0,0 +1,65 @@
+import { NodeData, NodePosition, BasePlugin, NodeRenderType, NodeMeasured, EdgeData, EdgeRenderType } from '@knotx/core';
+
+declare module '@knotx/core' {
+    interface PluginData {
+        baseRender: {
+            registerNodeFilter: (filter: (node: NodeData) => boolean) => (() => void);
+            registerNodePositionGetter: (type: string, getter: (node: NodeData) => NodePosition | undefined) => (() => void);
+            registerNodeLevelGetter: (getter: (node: NodeData) => number | undefined) => (() => void);
+        };
+    }
+}
+declare class BaseRender extends BasePlugin<'baseRender'> {
+    name: "baseRender";
+    private nodes;
+    private edges;
+    private getNodeRenderer;
+    private getEdgeRenderer;
+    private nodeMapVersion;
+    private node;
+    private draftNode;
+    private edgeMapVersion;
+    private edge;
+    private nodeFilters;
+    private nodePositionGetter;
+    private nodeLevelGetter;
+    registerNodeFilter: (filter: (node: NodeData) => boolean) => (() => void);
+    registerNodePositionGetter: (type: string, getter: (node: NodeData) => NodePosition | undefined) => (() => void);
+    registerNodeLevelGetter: (getter: (node: NodeData) => number | undefined) => (() => void);
+    nodesLayer(): JSX.Element[];
+    edgesLayer(): JSX.Element[];
+    static DEFAULT_NODE_WRAPPER: ({ id, useNode, getNodeRenderer, getNodePosition, getNodeMeasured, getNodeLevel, }: {
+        id: string;
+        useNode: (id: string) => NodeData | undefined;
+        getNodeRenderer: (type?: string) => NodeRenderType;
+        getNodePosition: (node: NodeData) => NodePosition;
+        getNodeMeasured: (node: NodeData) => NodeMeasured | undefined;
+        getNodeLevel: (node: NodeData) => number | undefined;
+    }) => JSX.Element | null;
+    static DEFAULT_NODES_RENDERER: ({ useNode, useNodes, getNodeRenderer, getNodePosition, getNodeMeasured, getNodeLevel, }: {
+        useNode: (id: string) => NodeData | undefined;
+        useNodes: () => NodeData[];
+        getNodeRenderer: (type?: string) => NodeRenderType;
+        getNodePosition: (node: NodeData) => NodePosition;
+        getNodeMeasured: (node: NodeData) => NodeMeasured | undefined;
+        getNodeLevel: (node: NodeData) => number | undefined;
+    }) => JSX.Element[];
+    static DEFAULT_EDGE_WRAPPER: ({ id, useEdge, useNode, getEdgeRenderer, }: {
+        id: string;
+        useEdge: (id: string) => EdgeData | undefined;
+        useNode: (id: string) => NodeData | undefined;
+        getEdgeRenderer: (type?: string) => EdgeRenderType;
+    }) => JSX.Element | null;
+    static DEFAULT_EDGES_RENDERER: ({ useEdge, useEdges, useNode, getEdgeRenderer, }: {
+        useEdge: (id: string) => EdgeData | undefined;
+        useEdges: () => EdgeData[];
+        useNode: (id: string) => NodeData | undefined;
+        getEdgeRenderer: (type?: string) => EdgeRenderType;
+    }) => JSX.Element[];
+    static NODE_WRAPPER_CLASSNAME: string;
+    static EDGE_WRAPPER_CLASSNAME: string;
+    static DEFAULT_NODE_RENDERER: NodeRenderType;
+    static DEFAULT_EDGE_RENDERER: EdgeRenderType;
+}
+
+export { BaseRender };

package/dist/index.mjs

@@ -0,0 +1,314 @@
+import { jsx } from '@knotx/jsx/jsx-runtime';
+import { Layer, use, bem, BasePlugin } from '@knotx/core';
+import { inject, register, layer } from '@knotx/decorators';
+import { StraightEdge } from '@knotx/render';
+import { BehaviorSubject } from 'rxjs';
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __restKey = (key) => typeof key === "symbol" ? key : key + "";
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __decoratorStart = (base) => {
+  var _a2;
+  return [, , , __create((_a2 = base == null ? void 0 : base[__knownSymbol("metadata")]) != null ? _a2 : null)];
+};
+var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn;
+var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) });
+var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]);
+var __runInitializers = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
+  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings[k + 5];
+  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc(k < 4 ? target : { get [name]() {
+    return __privateGet(this, extra);
+  }, set [name](x) {
+    return __privateSet(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k ^ 4 || it === void 0) __expectFn(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError("Object expected");
+    else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _edgesLayer_dec, _nodesLayer_dec, _registerNodeLevelGetter_dec, _registerNodePositionGetter_dec, _registerNodeFilter_dec, _edge_dec, _edgeMapVersion_dec, _draftNode_dec, _node_dec, _nodeMapVersion_dec, _getEdgeRenderer_dec, _getNodeRenderer_dec, _edges_dec, _nodes_dec, _a, _init;
+const _BaseRender = class _BaseRender extends (_a = BasePlugin, _nodes_dec = [inject.nodes()], _edges_dec = [inject.edges()], _getNodeRenderer_dec = [inject.getNodeRenderer()], _getEdgeRenderer_dec = [inject.getEdgeRenderer()], _nodeMapVersion_dec = [inject((injectable) => injectable.nodesManager.mapVersion$.value)], _node_dec = [inject((injectable, context) => injectable.nodesManager.dataMap$.value.get(context.node))], _draftNode_dec = [inject((injectable, context) => {
+  var _a2, _b;
+  return ((_b = (_a2 = injectable.nodesManager.currentDraftDataMap$) == null ? void 0 : _a2.value) == null ? void 0 : _b.get(context.node)) || void 0;
+})], _edgeMapVersion_dec = [inject((injectable) => injectable.edgesManager.mapVersion$.value)], _edge_dec = [inject((injectable, context) => injectable.edgesManager.dataMap$.value.get(context.edge))], _registerNodeFilter_dec = [register("registerNodeFilter")], _registerNodePositionGetter_dec = [register("registerNodePositionGetter")], _registerNodeLevelGetter_dec = [register("registerNodeLevelGetter")], _nodesLayer_dec = [layer(Layer.Nodes)], _edgesLayer_dec = [layer(Layer.Edges)], _a) {
+  constructor() {
+    super(...arguments);
+    __runInitializers(_init, 5, this);
+    __publicField(this, "name", "baseRender");
+    __publicField(this, "nodes", __runInitializers(_init, 8, this, [])), __runInitializers(_init, 11, this);
+    __publicField(this, "edges", __runInitializers(_init, 12, this, [])), __runInitializers(_init, 15, this);
+    __publicField(this, "getNodeRenderer", __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
+    __publicField(this, "getEdgeRenderer", __runInitializers(_init, 20, this)), __runInitializers(_init, 23, this);
+    __publicField(this, "nodeMapVersion", __runInitializers(_init, 24, this)), __runInitializers(_init, 27, this);
+    __publicField(this, "node", __runInitializers(_init, 28, this)), __runInitializers(_init, 31, this);
+    __publicField(this, "draftNode", __runInitializers(_init, 32, this)), __runInitializers(_init, 35, this);
+    __publicField(this, "edgeMapVersion", __runInitializers(_init, 36, this)), __runInitializers(_init, 39, this);
+    __publicField(this, "edge", __runInitializers(_init, 40, this)), __runInitializers(_init, 43, this);
+    __publicField(this, "nodeFilters", new BehaviorSubject([]));
+    __publicField(this, "nodePositionGetter", new BehaviorSubject({}));
+    __publicField(this, "nodeLevelGetter", new BehaviorSubject([]));
+    __publicField(this, "registerNodeFilter", __runInitializers(_init, 44, this, (filter) => {
+      this.nodeFilters.next([...this.nodeFilters.value, filter]);
+      return () => {
+        this.nodeFilters.next(this.nodeFilters.value.filter((f) => f !== filter));
+      };
+    })), __runInitializers(_init, 47, this);
+    __publicField(this, "registerNodePositionGetter", __runInitializers(_init, 48, this, (type, getter) => {
+      this.nodePositionGetter.next(__spreadProps(__spreadValues({}, this.nodePositionGetter.value), { [type]: getter }));
+      return () => {
+        const _a2 = this.nodePositionGetter.value, { [type]: _ } = _a2, rest = __objRest(_a2, [__restKey(type)]);
+        this.nodePositionGetter.next(rest);
+      };
+    })), __runInitializers(_init, 51, this);
+    __publicField(this, "registerNodeLevelGetter", __runInitializers(_init, 52, this, (getter) => {
+      this.nodeLevelGetter.next([...this.nodeLevelGetter.value, getter]);
+      return () => {
+        this.nodeLevelGetter.next(this.nodeLevelGetter.value.filter((g) => g !== getter));
+      };
+    })), __runInitializers(_init, 55, this);
+  }
+  nodesLayer() {
+    const useNode = (id) => {
+      const draftNode = use(() => this.draftNode, { node: id });
+      const node = use(() => this.node, { node: id });
+      return draftNode || node;
+    };
+    const useNodes = () => {
+      use(() => this.nodeMapVersion);
+      return this.nodes.filter((node) => this.nodeFilters.value.every((filter) => filter(node)));
+    };
+    const getNodeRenderer = (type) => this.getNodeRenderer(type) || _BaseRender.DEFAULT_NODE_RENDERER;
+    const getNodePosition = (node) => {
+      var _a2, _b;
+      return ((_b = (_a2 = this.nodePositionGetter.value)[node.type]) == null ? void 0 : _b.call(_a2, node)) || node.position;
+    };
+    const getNodeMeasured = (node) => node.measured;
+    const getNodeLevel = (node) => this.nodeLevelGetter.value.reduce((level, getter) => {
+      const newLevel = getter(node);
+      return newLevel ? Math.max(level != null ? level : 0, newLevel) : level;
+    }, void 0);
+    return _BaseRender.DEFAULT_NODES_RENDERER({
+      useNode,
+      useNodes,
+      getNodeRenderer,
+      getNodePosition,
+      getNodeMeasured,
+      getNodeLevel
+    });
+  }
+  edgesLayer() {
+    const useEdge = (id) => use(() => this.edge, { edge: id });
+    const useNode = (id) => {
+      const draftNode = use(() => this.draftNode, { node: id });
+      const node = use(() => this.node, { node: id });
+      return draftNode || node;
+    };
+    const useEdges = () => {
+      use(() => this.edgeMapVersion);
+      return this.edges;
+    };
+    const getEdgeRenderer = (type) => this.getEdgeRenderer(type) || _BaseRender.DEFAULT_EDGE_RENDERER;
+    return _BaseRender.DEFAULT_EDGES_RENDERER({
+      useEdge,
+      useEdges,
+      useNode,
+      getEdgeRenderer
+    });
+  }
+};
+_init = __decoratorStart(_a);
+__decorateElement(_init, 1, "nodesLayer", _nodesLayer_dec, _BaseRender);
+__decorateElement(_init, 1, "edgesLayer", _edgesLayer_dec, _BaseRender);
+__decorateElement(_init, 5, "nodes", _nodes_dec, _BaseRender);
+__decorateElement(_init, 5, "edges", _edges_dec, _BaseRender);
+__decorateElement(_init, 5, "getNodeRenderer", _getNodeRenderer_dec, _BaseRender);
+__decorateElement(_init, 5, "getEdgeRenderer", _getEdgeRenderer_dec, _BaseRender);
+__decorateElement(_init, 5, "nodeMapVersion", _nodeMapVersion_dec, _BaseRender);
+__decorateElement(_init, 5, "node", _node_dec, _BaseRender);
+__decorateElement(_init, 5, "draftNode", _draftNode_dec, _BaseRender);
+__decorateElement(_init, 5, "edgeMapVersion", _edgeMapVersion_dec, _BaseRender);
+__decorateElement(_init, 5, "edge", _edge_dec, _BaseRender);
+__decorateElement(_init, 5, "registerNodeFilter", _registerNodeFilter_dec, _BaseRender);
+__decorateElement(_init, 5, "registerNodePositionGetter", _registerNodePositionGetter_dec, _BaseRender);
+__decorateElement(_init, 5, "registerNodeLevelGetter", _registerNodeLevelGetter_dec, _BaseRender);
+__decoratorMetadata(_init, _BaseRender);
+__publicField(_BaseRender, "DEFAULT_NODE_WRAPPER", ({
+  id,
+  useNode,
+  getNodeRenderer,
+  getNodePosition,
+  getNodeMeasured,
+  getNodeLevel
+}) => {
+  const node = useNode(id);
+  if (!node) {
+    return null;
+  }
+  const position = getNodePosition(node);
+  const measured = getNodeMeasured(node);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: _BaseRender.NODE_WRAPPER_CLASSNAME,
+      style: {
+        position: "absolute",
+        transform: `translate(${position.x}px, ${position.y}px)`,
+        width: measured == null ? void 0 : measured.width,
+        height: measured == null ? void 0 : measured.height,
+        zIndex: getNodeLevel(node)
+      },
+      "data-node-id": node.id,
+      children: getNodeRenderer(node.type)({ node })
+    },
+    node.id
+  );
+});
+__publicField(_BaseRender, "DEFAULT_NODES_RENDERER", ({
+  useNode,
+  useNodes,
+  getNodeRenderer,
+  getNodePosition,
+  getNodeMeasured,
+  getNodeLevel
+}) => {
+  const nodes = useNodes();
+  const NodeWrapper = _BaseRender.DEFAULT_NODE_WRAPPER;
+  return nodes.map((data) => {
+    return /* @__PURE__ */ jsx(
+      NodeWrapper,
+      __spreadValues({}, {
+        key: data.id,
+        id: data.id,
+        useNode,
+        getNodeRenderer,
+        getNodePosition,
+        getNodeMeasured,
+        getNodeLevel
+      })
+    );
+  });
+});
+__publicField(_BaseRender, "DEFAULT_EDGE_WRAPPER", ({
+  id,
+  useEdge,
+  useNode,
+  getEdgeRenderer
+}) => {
+  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  const edge = useEdge(id);
+  if (!edge) {
+    return null;
+  }
+  const EdgeRenderer = getEdgeRenderer(edge.type) || _BaseRender.DEFAULT_EDGE_RENDERER;
+  const source = useNode(edge.source);
+  const target = useNode(edge.target);
+  if (!source || !target) {
+    return null;
+  }
+  const sourceX = ((_b = (_a2 = source.position) == null ? void 0 : _a2.x) != null ? _b : 0) + ((_d = (_c = source.measured) == null ? void 0 : _c.width) != null ? _d : 0);
+  const sourceY = ((_f = (_e = source.position) == null ? void 0 : _e.y) != null ? _f : 0) + ((_h = (_g = source.measured) == null ? void 0 : _g.height) != null ? _h : 0) / 2;
+  const targetX = (_j = (_i = target.position) == null ? void 0 : _i.x) != null ? _j : 0;
+  const targetY = ((_l = (_k = target.position) == null ? void 0 : _k.y) != null ? _l : 0) + ((_n = (_m = target.measured) == null ? void 0 : _m.height) != null ? _n : 0) / 2;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: _BaseRender.EDGE_WRAPPER_CLASSNAME,
+      style: {
+        position: "absolute",
+        left: 0,
+        top: 0,
+        overflow: "visible",
+        pointerEvents: "none"
+      },
+      children: /* @__PURE__ */ jsx(EdgeRenderer, { edge, sourceX, sourceY, targetX, targetY })
+    },
+    edge.id
+  );
+});
+__publicField(_BaseRender, "DEFAULT_EDGES_RENDERER", ({
+  useEdge,
+  useEdges,
+  useNode,
+  getEdgeRenderer
+}) => {
+  const edges = useEdges();
+  const EdgeWrapper = _BaseRender.DEFAULT_EDGE_WRAPPER;
+  return edges.map((data) => {
+    return /* @__PURE__ */ jsx(
+      EdgeWrapper,
+      __spreadValues({}, {
+        key: data.id,
+        id: data.id,
+        useEdge,
+        useNode,
+        getEdgeRenderer
+      })
+    );
+  });
+});
+__publicField(_BaseRender, "NODE_WRAPPER_CLASSNAME", bem("node", "wrapper"));
+__publicField(_BaseRender, "EDGE_WRAPPER_CLASSNAME", bem("edge", "wrapper"));
+__publicField(_BaseRender, "DEFAULT_NODE_RENDERER", (props) => props.node.id);
+__publicField(_BaseRender, "DEFAULT_EDGE_RENDERER", StraightEdge);
+let BaseRender = _BaseRender;
+
+export { BaseRender };

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@knotx/plugins-base-render",
+  "type": "module",
+  "version": "0.0.0",
+  "description": "Base Render Plugin for Knotx",
+  "author": "boenfu",
+  "license": "MIT",
+  "homepage": "https://github.com/boenfu/knotx#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/boenfu/knotx.git",
+    "directory": "packages/plugins-base-render"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "rxjs": "^7.8.1",
+    "@knotx/decorators": "0.0.0",
+    "@knotx/render": "0.0.0",
+    "@knotx/core": "0.0.0"
+  },
+  "devDependencies": {
+    "@knotx/build-config": "0.0.0",
+    "@knotx/eslint-config": "0.0.0",
+    "@knotx/typescript-config": "0.0.0",
+    "@knotx/jsx": "0.0.0"
+  },
+  "scripts": {
+    "build": "unbuild --failOnWarn=false",
+    "dev": "unbuild --stub",
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit"
+  }
+}