@retikz/core 0.0.1-rc.0

package/dist/lib/components/node/Node.d.ts

@@ -0,0 +1,54 @@
+import { FC, ReactNode, Ref } from 'react';
+import { NodeShape } from './InnerNode';
+import { CssDistanceType } from '../../types/distance';
+import { SepProps } from '../../types/distance/sep';
+import { StrokeProps } from '../../types/svg/stroke';
+import { TikZKey } from '../../types/tikz';
+import { StrokeShortcutProps, StrokeType } from '../../utils/style/stroke';
+import { PointPosition } from '../../types/coordinate';
+import { TikZFontSize } from '../../utils/style/font';
+import { FontProps } from '../../types/svg/font';
+export type NodeProps = {
+    name?: TikZKey;
+    ref?: Ref<SVGGElement>;
+    /** 位置 */
+    position?: PointPosition;
+    /** 位置偏移 */
+    offset?: PointPosition;
+    /** 内容宽度 */
+    width?: CssDistanceType;
+    /** 内容高度 */
+    height?: CssDistanceType;
+    /** 内容(文本)颜色 */
+    color?: 'currentColor' | 'auto' | string;
+    /** 内容(文本)透明度 */
+    opacity?: number;
+    /** 内容(文本)字体大小 */
+    size?: string | TikZFontSize | number;
+    /** 内容 */
+    children?: ReactNode;
+    /** 边框形状 */
+    shape?: NodeShape;
+    /** 边框圆角 */
+    r?: CssDistanceType;
+    /** 边框圆角-x */
+    rx?: CssDistanceType;
+    /** 边框圆角-y */
+    ry?: CssDistanceType;
+    /** 背景填充色，默认为 auto */
+    fill?: string | 'auto';
+    /** 背景填充色透明度 */
+    fillOpacity?: number;
+    /** 边框样式 */
+    strokeType?: StrokeType;
+    /** 内边距 */
+    innerSep?: CssDistanceType | SepProps;
+    /** 外边距 */
+    outerSep?: CssDistanceType | SepProps;
+    /** 旋转 */
+    rotate?: number;
+    /** 样式 */
+    style?: 'bold' | 'italic' | 'serif' | 'sans-serif';
+} & Partial<FontProps> & Partial<StrokeProps> & StrokeShortcutProps;
+declare const Node: FC<NodeProps>;
+export default Node;

package/dist/lib/components/node/_hooks/useNodeConfig.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("react");
+const useNodeConfig = () => {
+  const configRef = require$$0.useRef({
+    position: [0, 0],
+    contentSize: [0, 0],
+    innerSep: { left: 0, right: 0, top: 0, bottom: 0 },
+    outerSep: { left: 0, right: 0, top: 0, bottom: 0 }
+  });
+  return configRef;
+};
+exports.default = useNodeConfig;

package/dist/lib/components/node/_hooks/useNodeConfig.d.ts

@@ -0,0 +1,3 @@
+import { NodeConfig } from '../../../model/component/node';
+declare const useNodeConfig: () => import('react').RefObject<NodeConfig>;
+export default useNodeConfig;

package/dist/lib/components/node/_hooks/useNodeContent.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../_virtual/jsx-runtime.cjs");
+const require$$0 = require("react");
+const Text = require("../../../elements/Text.cjs");
+const useNodeContent = (props, ref) => {
+  const { color, size, opacity, fontWeight, fontStyle, fontFamily, fontStretch, children } = props;
+  const isTextNode = children !== null && !require$$0.isValidElement(children);
+  return require$$0.useMemo(
+    () => isTextNode ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      Text.default,
+      {
+        fill: color,
+        fontSize: size,
+        fillOpacity: opacity,
+        fontWeight,
+        fontStyle,
+        fontFamily,
+        fontStretch,
+        ref,
+        children
+      }
+    ) : require$$0.isValidElement(children) ? require$$0.cloneElement(children, { ref }) : children,
+    isTextNode ? [color, size, children] : [children]
+  );
+};
+exports.default = useNodeContent;

package/dist/lib/components/node/_hooks/useNodeContent.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from 'react';
+import { ContentProps } from '../InnerNode';
+declare const useNodeContent: (props: ContentProps, ref: Ref<SVGElement>) => import("react/jsx-runtime").JSX.Element | null;
+export default useNodeContent;

package/dist/lib/components/node/_hooks/useNodeShape.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../_virtual/jsx-runtime.cjs");
+const require$$0 = require("react");
+const Rect = require("../../../elements/Rect.cjs");
+const getShapeProps = (nodeProps) => {
+  const { rx, ry, fill, fillOpacity, stroke, strokeWidth, strokeOpacity } = nodeProps;
+  const { strokeDasharray, strokeDashoffset, strokeLinecap, strokeLinejoin, strokeMiterlimit } = nodeProps;
+  return {
+    rx,
+    ry,
+    fill,
+    fillOpacity,
+    stroke,
+    strokeWidth,
+    strokeOpacity,
+    strokeDasharray,
+    strokeDashoffset,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeMiterlimit
+  };
+};
+const useNodeShape = (props, ref) => {
+  const shapeProps = getShapeProps(props);
+  const Shape = require$$0.useMemo(() => {
+    switch (props.shape) {
+      case "rectangle":
+        return Rect.default;
+    }
+  }, [props.shape, ...Object.values(shapeProps)]);
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Shape, { ref, ...shapeProps });
+};
+exports.default = useNodeShape;

package/dist/lib/components/node/_hooks/useNodeShape.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from 'react';
+import { ShapeProps } from '../InnerNode';
+declare const useNodeShape: (props: ShapeProps, ref: Ref<SVGGraphicsElement>) => import("react/jsx-runtime").JSX.Element;
+export default useNodeShape;

package/dist/lib/components/node/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Node = require("./Node.cjs");
+exports.default = Node.default;

package/dist/lib/components/node/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Node } from './Node';
+export type { NodeProps } from './Node';
+export default Node;

package/dist/lib/components/pathNode/PathNode.cjs

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../_virtual/jsx-runtime.cjs");
+const require$$0 = require("react");
+const useCalculate = require("../../hooks/context/useCalculate.cjs");
+const useNodes = require("../../hooks/context/useNodes.cjs");
+const useScope = require("../../hooks/context/useScope.cjs");
+const DescartesPoint = require("../../model/geometry/point/DescartesPoint.cjs");
+const css = require("../../utils/css.cjs");
+const math = require("../../utils/math.cjs");
+const Node = require("../node/Node.cjs");
+const useAnchor = require("./useAnchor.cjs");
+const PathNode = (props) => {
+  const { segmentIndex = -1, offset = [0, 0], anchor, ref, left, right, above, below, name, ...resProps } = props;
+  const { pos, veryNearStart, veryNearEnd, start, nearStart, midway, nearEnd, end, sloped, ...nodeProps } = resProps;
+  const id = require$$0.useId();
+  const realName = name ?? id;
+  const { precision } = useCalculate.default();
+  const posRadio = require$$0.useMemo(() => {
+    if (pos !== void 0) return pos;
+    if (start) return 0;
+    if (veryNearStart) return 0.125;
+    if (nearStart) return 0.25;
+    if (midway) return 0.5;
+    if (nearEnd) return 0.75;
+    if (veryNearEnd) return 0.875;
+    return 1;
+  }, [pos, veryNearStart, veryNearEnd, start, nearStart, midway, nearEnd, end]);
+  const directionPos = require$$0.useMemo(() => {
+    if (left) return { direction: "left", distance: typeof left === "boolean" ? 0 : css.convertCssToPx(left) };
+    if (right) return { direction: "right", distance: typeof right === "boolean" ? 0 : css.convertCssToPx(right) };
+    if (above) return { direction: "top", distance: typeof above === "boolean" ? 0 : css.convertCssToPx(above) };
+    if (below) return { direction: "bottom", distance: typeof below === "boolean" ? 0 : css.convertCssToPx(below) };
+    return { direction: anchor ?? "center", distance: 0 };
+  }, [anchor, left, right, above, below]);
+  const { position: anchorPosition, angle: anchorAngle } = useAnchor.default(posRadio, segmentIndex);
+  const [adjustOffset, setAdjustOffset] = require$$0.useState(DescartesPoint.default.plus(anchorPosition, offset));
+  const { getModel } = useNodes.default();
+  const rotate = require$$0.useMemo(() => {
+    if (!sloped) return 0;
+    return anchorAngle * (180 / Math.PI);
+  }, [sloped, anchorAngle]);
+  require$$0.useLayoutEffect(() => {
+    const model = getModel(realName);
+    if (!model || !model.init) return;
+    const { direction, distance } = directionPos;
+    let directionPosition = [0, 0];
+    switch (direction) {
+      case "left":
+        directionPosition = [-(model == null ? void 0 : model.getOuterDistance("left")) - distance, 0];
+        break;
+      case "right":
+        directionPosition = [(model == null ? void 0 : model.getOuterDistance("right")) + distance, 0];
+        break;
+      case "top":
+        directionPosition = [0, -(model == null ? void 0 : model.getOuterDistance("top")) - distance];
+        break;
+      case "bottom":
+        directionPosition = [0, (model == null ? void 0 : model.getOuterDistance("bottom")) + distance];
+        break;
+    }
+    setAdjustOffset(DescartesPoint.default.plus(anchorPosition, directionPosition, offset));
+  }, [anchorPosition, directionPos]);
+  const scope = useScope.default();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(useScope.ScopeContext, { value: { ...scope, offset: [0, 0] }, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Node.default,
+    {
+      name: realName,
+      position: math.convertPrecision(adjustOffset, precision),
+      ref,
+      rotate,
+      ...nodeProps
+    }
+  ) });
+};
+exports.default = PathNode;

package/dist/lib/components/pathNode/PathNode.d.ts

@@ -0,0 +1,39 @@
+import { FC } from 'react';
+import { Direction } from '../../types/coordinate';
+import { Position } from '../../types/coordinate/descartes';
+import { NodeProps } from '../node/Node';
+type PathNodePositionProps = {
+    left?: boolean | number | string;
+    right?: boolean | number | string;
+    above?: boolean | number | string;
+    below?: boolean | number | string;
+};
+type PosShortcutProps = {
+    /** pos: 0 */
+    start?: boolean;
+    /** pos: 0.125 */
+    veryNearStart?: boolean;
+    /** pos: 0.25 */
+    nearStart?: boolean;
+    /** pos: 0.5 */
+    midway?: boolean;
+    /** pos: 0.75 */
+    nearEnd?: boolean;
+    /** pos: 0.875 */
+    veryNearEnd?: boolean;
+    /** pos: 1 */
+    end?: boolean;
+};
+export type PathNodeProps = {
+    segmentIndex?: number;
+    /** path 片段的下标 */
+    pos?: number;
+    /** 相对于路径的位置 */
+    anchor?: Direction | 'center';
+    /** 偏移位置 */
+    offset?: Position;
+    /** 跟随箭头位置 */
+    sloped?: boolean;
+} & PathNodePositionProps & PosShortcutProps & Omit<NodeProps, 'position'>;
+declare const PathNode: FC<PathNodeProps>;
+export default PathNode;

package/dist/lib/components/pathNode/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const PathNode = require("./PathNode.cjs");
+exports.default = PathNode.default;

package/dist/lib/components/pathNode/index.d.ts

@@ -0,0 +1,3 @@
+import { default as PathNode } from './PathNode';
+export type { PathNodeProps } from './PathNode';
+export default PathNode;

package/dist/lib/components/pathNode/useAnchor.cjs

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("react");
+const useCalculate = require("../../hooks/context/useCalculate.cjs");
+const usePath = require("../../hooks/context/usePath.cjs");
+const useForceUpdate = require("../../hooks/useForceUpdate.cjs");
+const line = require("../../model/equation/line.cjs");
+const math = require("../../utils/math.cjs");
+const useAnchor = (pos, segmentIndex) => {
+  const pathUpdateCount = require$$0.useRef(0);
+  const forceUpdate = useForceUpdate.default();
+  const { model, subscribeModel } = usePath.default();
+  const { precision } = useCalculate.default();
+  const subscribeCb = subscribeModel((model2) => {
+    if (!(model2 == null ? void 0 : model2.init)) return;
+    pathUpdateCount.current += 1;
+    queueMicrotask(forceUpdate);
+  });
+  require$$0.useLayoutEffect(() => () => {
+    subscribeCb == null ? void 0 : subscribeCb();
+  });
+  const adjustIndex = segmentIndex >= 0 ? segmentIndex : model.ways.length + segmentIndex;
+  if (!math.between(adjustIndex, [0, model.ways.length - 1], true)) throw new Error("segmentIndex is out of range");
+  return require$$0.useMemo(() => {
+    if (!model.init)
+      return {
+        position: [Number.MAX_SAFE_INTEGER / 2, Number.MAX_SAFE_INTEGER / 2],
+        angle: 0
+      };
+    const way = model.ways[adjustIndex];
+    const waySegments = way.length - 1;
+    const segmentPercent = 1 / waySegments;
+    let segmentSum = 0;
+    let index = 0;
+    while (pos >= segmentSum) {
+      segmentSum += segmentPercent;
+      index++;
+    }
+    const startPoint = way[index - 1];
+    const endPoint = way[index];
+    const percent = pos % segmentPercent / segmentPercent;
+    const position = index === way.length ? startPoint : line.default.getPositionByPercent(startPoint, endPoint, percent);
+    return {
+      position: math.convertPrecision(position, precision),
+      angle: index === way.length ? line.default.getDegree(way[way.length - 2], way[way.length - 1]) : line.default.getDegree(startPoint, endPoint)
+    };
+  }, [pos, segmentIndex, pathUpdateCount.current]);
+};
+exports.default = useAnchor;

package/dist/lib/components/pathNode/useAnchor.d.ts

@@ -0,0 +1,6 @@
+import { Position } from '../../types/coordinate/descartes';
+declare const useAnchor: (pos: number, segmentIndex: number) => {
+    position: Position;
+    angle: number;
+};
+export default useAnchor;

package/dist/lib/container/Group.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../_virtual/jsx-runtime.cjs");
+const Group = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("g", { ...props });
+};
+exports.default = Group;

package/dist/lib/container/Group.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren, Ref, SVGProps } from 'react';
+export type GroupProps = {
+    ref?: Ref<SVGGElement>;
+} & SVGProps<SVGGElement>;
+declare const Group: FC<PropsWithChildren<GroupProps>>;
+export default Group;

package/dist/lib/container/Surface.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../_virtual/jsx-runtime.cjs");
+const require$$0 = require("react");
+const Surface = (props) => {
+  const { title, desc, viewBox, children, width, height, ...otherProps } = props;
+  const svgViewBox = require$$0.useMemo(() => {
+    if (!(viewBox == null ? void 0 : viewBox.x) && !(viewBox == null ? void 0 : viewBox.y)) {
+      return void 0;
+    }
+    const viewX = (viewBox == null ? void 0 : viewBox.x) || 0;
+    const viewY = (viewBox == null ? void 0 : viewBox.y) || 0;
+    const viewWidth = (viewBox == null ? void 0 : viewBox.width) || width;
+    const viewHeight = (viewBox == null ? void 0 : viewBox.height) || height;
+    return viewWidth === void 0 || viewHeight === void 0 ? [viewX, viewY].join(" ") : [viewX, viewY, viewWidth, viewHeight].join(" ");
+  }, [width, height, viewBox]);
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("svg", { viewBox: svgViewBox, width, height, ...otherProps, children: [
+    title ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("title", { children: title }) : null,
+    desc ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("desc", { children: desc }) : null,
+    children
+  ] });
+};
+exports.default = Surface;

package/dist/lib/container/Surface.d.ts

@@ -0,0 +1,17 @@
+import { CSSProperties, FC, PropsWithChildren } from 'react';
+export type SurfaceProps = {
+    title?: string;
+    desc?: string;
+    width?: string | number;
+    height?: string | number;
+    viewBox?: {
+        x?: number;
+        y?: number;
+        width?: number;
+        height?: number;
+    };
+    className?: string;
+    style?: CSSProperties;
+};
+declare const Surface: FC<PropsWithChildren<SurfaceProps>>;
+export default Surface;

package/dist/lib/elements/Path.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../_virtual/jsx-runtime.cjs");
+const Path = (props) => {
+  const { fill: propFill, strokeWidth: propStrokeWidth, stroke: propStroke, ...otherProps } = props;
+  const defaultProps = {
+    fill: propFill || "transparent",
+    strokeWidth: propStrokeWidth ?? 1,
+    stroke: propStroke || "currentColor"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("path", { ...defaultProps, ...otherProps });
+};
+exports.default = Path;

package/dist/lib/elements/Path.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from 'react';
+export type PathProps = {} & SVGProps<SVGPathElement>;
+declare const Path: FC<PathProps>;
+export default Path;

package/dist/lib/elements/Rect.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../_virtual/jsx-runtime.cjs");
+const Rect = (props) => {
+  const { ref, ...otherProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("rect", { ref, ...otherProps });
+};
+exports.default = Rect;

package/dist/lib/elements/Rect.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren, Ref, SVGProps } from 'react';
+export type RectProps = {
+    ref?: Ref<SVGRectElement>;
+} & SVGProps<SVGRectElement>;
+declare const Rect: FC<PropsWithChildren<RectProps>>;
+export default Rect;

package/dist/lib/elements/Text.cjs

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../_virtual/jsx-runtime.cjs");
+const require$$0 = require("react");
+const string = require("../utils/string.cjs");
+const Text = (props) => {
+  const { children, ref, align, verticalAlign, fontSize, fill, ...otherProps } = props;
+  const dominantBaseline = require$$0.useMemo(() => {
+    switch (verticalAlign) {
+      case "top":
+        return "text-top";
+      case "bottom":
+        return "text-bottom";
+      case "center":
+        return "central";
+      default:
+        return verticalAlign;
+    }
+  }, [verticalAlign]);
+  const textProps = {
+    textAnchor: align || "middle",
+    dominantBaseline: dominantBaseline || "central",
+    fontSize: fontSize || "1em",
+    fill: fill || "currentColor",
+    ...otherProps
+  };
+  const parseChildren = (children2) => {
+    if (typeof children2 === "string") {
+      return string.textWrapParse(children2).map((child, index) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("tspan", { children: child }, index));
+    }
+    return children2;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("text", { ref, ...textProps, children: parseChildren(children) });
+};
+exports.default = Text;

package/dist/lib/elements/Text.d.ts

@@ -0,0 +1,19 @@
+import { FC, PropsWithChildren, Ref, SVGProps } from 'react';
+import { FontProps } from '../types/svg/font';
+type TextVerticalAlign = 'top' | 'center' | 'bottom';
+export type DominantBaseline = 'auto' | 'text-bottom' | 'alphabetic' | 'ideographic' | 'middle' | 'central' | 'mathematical' | 'hanging' | 'text-top';
+export type TextProps = {
+    x?: SVGProps<SVGTextElement>['x'];
+    y?: SVGProps<SVGTextElement>['y'];
+    align?: 'start' | 'middle' | 'end' | 'inherit';
+    verticalAlign?: TextVerticalAlign | DominantBaseline;
+    fontSize?: SVGProps<SVGTextElement>['fontSize'];
+    fill?: SVGProps<SVGTextElement>['fill'];
+    ref?: Ref<SVGTextElement>;
+} & FontProps & SVGProps<SVGTextElement>;
+/**
+ * 文本节点
+ * @tikz node
+ */
+declare const Text: FC<PropsWithChildren<TextProps>>;
+export default Text;

package/dist/lib/hooks/context/useCalculate.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("react");
+const CalculateContext = require$$0.createContext({ precision: 2 });
+const useCalculate = () => {
+  return require$$0.useContext(CalculateContext);
+};
+exports.CalculateContext = CalculateContext;
+exports.default = useCalculate;

package/dist/lib/hooks/context/useCalculate.d.ts

@@ -0,0 +1,7 @@
+export type CalculateProps = {
+    precision: number | false;
+};
+export declare const CalculateContext: import('react').Context<CalculateProps>;
+declare const useCalculate: () => CalculateProps;
+export declare const useCalculateValue: (value: number, deep?: boolean) => number;
+export default useCalculate;

package/dist/lib/hooks/context/useNodes.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("react");
+const node = require("../../model/component/node.cjs");
+const NodesContext = require$$0.createContext(/* @__PURE__ */ new Map());
+const useNodes = () => {
+  const nodes = require$$0.useContext(NodesContext);
+  return {
+    subscribeModel: (name, listener) => {
+      const model = nodes.get(name);
+      if (!model) return false;
+      return model.subscribe(listener);
+    },
+    getModel: (name) => nodes.get(name),
+    updateModel: (name, config, init = true) => {
+      const model = nodes.get(name);
+      if (model) {
+        model.update(config, init);
+      } else {
+        nodes.set(name, new node.default(config, init));
+      }
+    },
+    deleteModel: (name) => {
+      const model = nodes.get(name);
+      if (!model) return;
+      model.dispose();
+      model.notify();
+      nodes.delete(name);
+    }
+  };
+};
+exports.NodesContext = NodesContext;
+exports.default = useNodes;

package/dist/lib/hooks/context/useNodes.d.ts

@@ -0,0 +1,9 @@
+import { default as NodeModel, NodeConfig, StateListener } from '../../model/component/node';
+export declare const NodesContext: import('react').Context<Map<string, NodeModel>>;
+declare const useNodes: () => {
+    subscribeModel: (name: string, listener: StateListener) => false | (() => boolean);
+    getModel: (name: string) => NodeModel | undefined;
+    updateModel: (name: string, config: NodeConfig, init?: boolean) => void;
+    deleteModel: (name: string) => void;
+};
+export default useNodes;

package/dist/lib/hooks/context/usePath.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("react");
+const PathContext = require$$0.createContext(null);
+const usePath = () => {
+  const pathModel = require$$0.useContext(PathContext);
+  if (!pathModel) throw new Error("usePath must be used within a PathProvider");
+  return {
+    model: pathModel,
+    subscribeModel: (listener) => {
+      if (!pathModel) return;
+      return pathModel.subscribe(listener);
+    },
+    updateModel: (config) => {
+      pathModel == null ? void 0 : pathModel.update(config);
+    }
+  };
+};
+exports.PathContext = PathContext;
+exports.default = usePath;

package/dist/lib/hooks/context/usePath.d.ts

@@ -0,0 +1,13 @@
+import { default as PathModel, StateListener } from '../../model/component/path';
+import { Position } from '../../types/coordinate/descartes';
+export declare const PathContext: import('react').Context<PathModel | null>;
+declare const usePath: () => {
+    model: PathModel;
+    subscribeModel: (listener: StateListener) => (() => boolean) | undefined;
+    updateModel: (config: {
+        ways?: Array<Position[]>;
+        lineWidth?: number;
+        init?: boolean;
+    }) => void;
+};
+export default usePath;

package/dist/lib/hooks/context/useScope.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("react");
+const ScopeContext = require$$0.createContext({});
+const useScope = () => require$$0.useContext(ScopeContext);
+exports.ScopeContext = ScopeContext;
+exports.default = useScope;

package/dist/lib/hooks/context/useScope.d.ts

@@ -0,0 +1,11 @@
+import { DrawProps } from '../../components/draw/Draw';
+import { NodeProps } from '../../components/node';
+import { Position } from '../../types/coordinate/descartes';
+export type ScopeProps = {
+    offset?: Position;
+    node?: Omit<NodeProps, 'name' | 'ref' | 'position' | 'offset'>;
+    draw?: Omit<DrawProps, 'ref' | 'way' | 'offset'>;
+};
+export declare const ScopeContext: import('react').Context<ScopeProps>;
+declare const useScope: () => ScopeProps;
+export default useScope;

package/dist/lib/hooks/useForceUpdate.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("react");
+const useForceUpdate = () => {
+  const [_, forceUpdate] = require$$0.useReducer(() => ({}), {});
+  return forceUpdate;
+};
+exports.default = useForceUpdate;

package/dist/lib/hooks/useForceUpdate.d.ts

@@ -0,0 +1,2 @@
+declare const useForceUpdate: () => import('react').ActionDispatch<[]>;
+export default useForceUpdate;