@retikz/core 0.0.1-rc.0 → 0.0.1-rc.1

package/dist/lib/elements/Text.cjs

@@ -1,11 +1,11 @@
 "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 jsxRuntime = require("react/jsx-runtime");
+const react = 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(() => {
+const Text = react.forwardRef((props, ref) => {
+  const { children, align, verticalAlign, fontSize, fill, ...otherProps } = props;
+  const dominantBaseline = react.useMemo(() => {
     switch (verticalAlign) {
       case "top":
         return "text-top";
@@ -26,10 +26,10 @@ const Text = (props) => {
   };
   const parseChildren = (children2) => {
     if (typeof children2 === "string") {
-      return string.textWrapParse(children2).map((child, index) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("tspan", { children: child }, index));
+      return string.textWrapParse(children2).map((child, index) => /* @__PURE__ */ jsxRuntime.jsx("tspan", { children: child }, index));
     }
     return children2;
   };
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("text", { ref, ...textProps, children: parseChildren(children) });
-};
+  return /* @__PURE__ */ jsxRuntime.jsx("text", { ref, ...textProps, children: parseChildren(children) });
+});
 exports.default = Text;

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

@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren, Ref, SVGProps } from 'react';
+import { PropsWithChildren, 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';
@@ -9,11 +9,10 @@ export type TextProps = {
     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>>;
+declare const Text: import('react').ForwardRefExoticComponent<Omit<PropsWithChildren<TextProps>, "ref"> & import('react').RefAttributes<SVGTextElement>>;
 export default Text;

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

@@ -1,9 +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 react = require("react");
+const CalculateContext = react.createContext({ precision: 2 });
 const useCalculate = () => {
-  return require$$0.useContext(CalculateContext);
+  return react.useContext(CalculateContext);
 };
 exports.CalculateContext = CalculateContext;
 exports.default = useCalculate;

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("react");
+const react = require("react");
 const node = require("../../model/component/node.cjs");
-const NodesContext = require$$0.createContext(/* @__PURE__ */ new Map());
+const NodesContext = react.createContext(/* @__PURE__ */ new Map());
 const useNodes = () => {
-  const nodes = require$$0.useContext(NodesContext);
+  const nodes = react.useContext(NodesContext);
   return {
     subscribeModel: (name, listener) => {
       const model = nodes.get(name);

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

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

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

@@ -1,7 +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);
+const react = require("react");
+const ScopeContext = react.createContext({});
+const useScope = () => react.useContext(ScopeContext);
 exports.ScopeContext = ScopeContext;
 exports.default = useScope;

package/dist/lib/hooks/useForceUpdate.cjs

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

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

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

package/dist/lib/index.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Draw = require("./components/draw/Draw.cjs");
 const Node = require("./components/node/Node.cjs");
-const PathNode = require("./components/pathNode/PathNode.cjs");
+const PathNode = require("./components/path-node/PathNode.cjs");
 const Scope = require("./components/Scope.cjs");
 const TikZ = require("./components/TikZ.cjs");
 exports.Draw = Draw.default;

package/dist/lib/index.d.ts

@@ -1,9 +1,9 @@
-export { default as Draw } from './components/draw/Draw';
-export type { DrawProps } from './components/draw/Draw';
+export { default as Draw } from './components/draw';
+export type { DrawProps } from './components/draw';
 export { default as Node } from './components/node';
 export type { NodeProps } from './components/node';
-export { default as PathNode } from './components/pathNode';
-export type { PathNodeProps } from './components/pathNode';
+export { default as PathNode } from './components/path-node';
+export type { PathNodeProps } from './components/path-node';
 export { default as Scope } from './components/Scope';
 export type { ScopeProps } from './components/Scope';
 export { default as TikZ } from './components/TikZ';

package/dist/lib/test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/types/svg/stroke.d.ts

@@ -1,10 +1,10 @@
 export type StrokeProps = {
     stroke?: string;
-    strokeWidth?: number;
+    strokeWidth?: number | string;
     strokeDasharray?: string;
     strokeDashoffset?: string;
     strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit';
-    strokeLinejoin?: "round" | "inherit" | "bevel" | "miter";
+    strokeLinejoin?: 'round' | 'inherit' | 'bevel' | 'miter';
     strokeMiterlimit?: number;
     strokeOpacity?: number;
 };

package/dist/lib/utils/style/stroke.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const convertStrokeType = (strokeType, strokeWidth = 1) => {
+const convertStrokeType = (strokeType, oriStrokeWidth = 1) => {
+  const strokeWidth = Number(oriStrokeWidth);
   switch (strokeType) {
     case "solid":
       return {};
@@ -30,7 +31,8 @@ const convertStrokeType = (strokeType, strokeWidth = 1) => {
       return { strokeDasharray: `${strokeWidth * 4} ${strokeWidth * 6} 1 ${strokeWidth * 6} 1 ${strokeWidth * 6}` };
   }
 };
-const convertStrokeShortcut = (shortcutProps, strokeWidth = 1) => {
+const convertStrokeShortcut = (shortcutProps, oriStrokeWidth = 1) => {
+  const strokeWidth = Number(oriStrokeWidth);
   return convertStrokeType(
     shortcutProps.dashed ? "dashed" : shortcutProps.denselyDashed ? "denselyDashed" : shortcutProps.looselyDashed ? "looselyDashed" : shortcutProps.dotted ? "dotted" : shortcutProps.denselyDotted ? "denselyDotted" : shortcutProps.looselyDotted ? "looselyDotted" : shortcutProps.dashDot ? "dashDot" : shortcutProps.denselyDashDot ? "denselyDashDot" : shortcutProps.looselyDashDot ? "looselyDashDot" : shortcutProps.dashDashDot ? "dashDashDot" : shortcutProps.denselyDashDashDot ? "denselyDashDashDot" : shortcutProps.looselyDashDashDot ? "looselyDashDashDot" : "solid",
     strokeWidth || 1

package/dist/lib/utils/style/stroke.d.ts

@@ -1,5 +1,6 @@
 import { StrokeProps } from '../../types/svg/stroke';
-export type StrokeType = 'solid' | 'dashed' | 'denselyDashed' | 'looselyDashed' | 'dotted' | 'denselyDotted' | 'looselyDotted' | 'dashDot' | 'denselyDashDot' | 'looselyDashDot' | 'dashDashDot' | 'denselyDashDashDot' | 'looselyDashDashDot';
+export declare const strokeTypes: readonly ["solid", "dashed", "denselyDashed", "looselyDashed", "dotted", "denselyDotted", "looselyDotted", "dashDot", "denselyDashDot", "looselyDashDot", "dashDashDot", "denselyDashDashDot", "looselyDashDashDot"];
+export type StrokeType = typeof strokeTypes[number];
 export type StrokeShortcutProps = {
     dashed?: boolean;
     denselyDashed?: boolean;
@@ -15,5 +16,5 @@ export type StrokeShortcutProps = {
     looselyDashDashDot?: boolean;
 };
 /** 将 StrokeType 转换为 svg 原生的属性 */
-export declare const convertStrokeType: (strokeType: StrokeType, strokeWidth?: number) => Partial<StrokeProps>;
-export declare const convertStrokeShortcut: (shortcutProps: StrokeShortcutProps, strokeWidth?: number) => Partial<StrokeProps>;
+export declare const convertStrokeType: (strokeType: StrokeType, oriStrokeWidth?: string | number) => Partial<StrokeProps>;
+export declare const convertStrokeShortcut: (shortcutProps: StrokeShortcutProps, oriStrokeWidth?: string | number) => Partial<StrokeProps>;

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@retikz/core",
-  "version": "0.0.1-rc.0",
+  "version": "0.0.1-rc.1",
   "description": "atomic drawing library implemented using react and d3, inspired by tikz",
   "type": "module",
+  "homepage": "https://pionpill.github.io/retikz.doc/",
   "keywords": [
     "react",
     "tikz",
@@ -10,7 +11,7 @@
   ],
   "license": "MIT",
   "repository": "https://github.com/Pionpill/retikz",
-  "main": "dist/lib/index.js",
+  "main": "dist/lib/index.cjs",
   "module": "dist/es/index.js",
   "types": "dist/lib/index.d.ts",
   "publishConfig": {
@@ -28,22 +29,22 @@
     "preview": "vite preview"
   },
   "peerDependencies": {
-    "react": ">=19.0.0",
-    "react-dom": ">=19.0.0"
+    "react": ">=18",
+    "react-dom": ">=18"
   },
   "dependencies": {
     "d3-color": "^3.1.0",
     "d3-shape": "^3.2.0",
-    "react": "^19",
-    "react-dom": "^19"
+    "react": "~18.3",
+    "react-dom": "~18.3"
   },
   "devDependencies": {
     "@eslint/js": "^9.15.0",
     "@types/d3-color": "^3.1.3",
     "@types/d3-shape": "^3.1.6",
     "@types/node": "^22.10.7",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
+    "@types/react": "~18.3",
+    "@types/react-dom": "~18.3",
     "@vitejs/plugin-react": "^4.3.4",
     "eslint": "^9.15.0",
     "eslint-plugin-react-hooks": "^5.0.0",

package/dist/es/_virtual/jsx-runtime.js

@@ -1,5 +0,0 @@
-import { __require as requireJsxRuntime } from "../node_modules/.pnpm/react@19.0.0/node_modules/react/jsx-runtime.js";
-var jsxRuntimeExports = requireJsxRuntime();
-export {
-  jsxRuntimeExports as j
-};

package/dist/es/_virtual/jsx-runtime2.js

@@ -1,4 +0,0 @@
-var jsxRuntime = { exports: {} };
-export {
-  jsxRuntime as __module
-};

package/dist/es/_virtual/react-jsx-runtime.development.js

@@ -1,4 +0,0 @@
-var reactJsxRuntime_development = {};
-export {
-  reactJsxRuntime_development as __exports
-};

package/dist/es/_virtual/react-jsx-runtime.production.js

@@ -1,4 +0,0 @@
-var reactJsxRuntime_production = {};
-export {
-  reactJsxRuntime_production as __exports
-};

package/dist/es/node_modules/.pnpm/react@19.0.0/node_modules/react/cjs/react-jsx-runtime.development.js

@@ -1,20 +0,0 @@
-import { __exports as reactJsxRuntime_development } from "../../../../../../_virtual/react-jsx-runtime.development.js";
-import require$$0 from "react";
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactJsxRuntime_development;
-function requireReactJsxRuntime_development() {
-  if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
-  hasRequiredReactJsxRuntime_development = 1;
-  return reactJsxRuntime_development;
-}
-export {
-  requireReactJsxRuntime_development as __require
-};

package/dist/es/node_modules/.pnpm/react@19.0.0/node_modules/react/cjs/react-jsx-runtime.production.js

@@ -1,41 +0,0 @@
-import { __exports as reactJsxRuntime_production } from "../../../../../../_virtual/react-jsx-runtime.production.js";
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactJsxRuntime_production;
-function requireReactJsxRuntime_production() {
-  if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
-  hasRequiredReactJsxRuntime_production = 1;
-  var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-  function jsxProd(type, config, maybeKey) {
-    var key = null;
-    void 0 !== maybeKey && (key = "" + maybeKey);
-    void 0 !== config.key && (key = "" + config.key);
-    if ("key" in config) {
-      maybeKey = {};
-      for (var propName in config)
-        "key" !== propName && (maybeKey[propName] = config[propName]);
-    } else maybeKey = config;
-    config = maybeKey.ref;
-    return {
-      $$typeof: REACT_ELEMENT_TYPE,
-      type,
-      key,
-      ref: void 0 !== config ? config : null,
-      props: maybeKey
-    };
-  }
-  reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
-  reactJsxRuntime_production.jsx = jsxProd;
-  reactJsxRuntime_production.jsxs = jsxProd;
-  return reactJsxRuntime_production;
-}
-export {
-  requireReactJsxRuntime_production as __require
-};

package/dist/es/node_modules/.pnpm/react@19.0.0/node_modules/react/jsx-runtime.js

@@ -1,17 +0,0 @@
-import { __module as jsxRuntime } from "../../../../../_virtual/jsx-runtime2.js";
-import { __require as requireReactJsxRuntime_production } from "./cjs/react-jsx-runtime.production.js";
-import { __require as requireReactJsxRuntime_development } from "./cjs/react-jsx-runtime.development.js";
-var hasRequiredJsxRuntime;
-function requireJsxRuntime() {
-  if (hasRequiredJsxRuntime) return jsxRuntime.exports;
-  hasRequiredJsxRuntime = 1;
-  if (true) {
-    jsxRuntime.exports = requireReactJsxRuntime_production();
-  } else {
-    jsxRuntime.exports = requireReactJsxRuntime_development();
-  }
-  return jsxRuntime.exports;
-}
-export {
-  requireJsxRuntime as __require
-};

package/dist/lib/_virtual/jsx-runtime.cjs

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../node_modules/.pnpm/react@19.0.0/node_modules/react/jsx-runtime.cjs");
-var jsxRuntimeExports = jsxRuntime.__require();
-exports.jsxRuntimeExports = jsxRuntimeExports;

package/dist/lib/_virtual/jsx-runtime2.cjs

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var jsxRuntime = { exports: {} };
-exports.__module = jsxRuntime;

package/dist/lib/_virtual/react-jsx-runtime.development.cjs

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var reactJsxRuntime_development = {};
-exports.__exports = reactJsxRuntime_development;

package/dist/lib/_virtual/react-jsx-runtime.production.cjs

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var reactJsxRuntime_production = {};
-exports.__exports = reactJsxRuntime_production;

package/dist/lib/node_modules/.pnpm/react@19.0.0/node_modules/react/cjs/react-jsx-runtime.development.cjs

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactJsxRuntime_development = require("../../../../../../_virtual/react-jsx-runtime.development.cjs");
-const require$$0 = require("react");
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactJsxRuntime_development;
-function requireReactJsxRuntime_development() {
-  if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development.__exports;
-  hasRequiredReactJsxRuntime_development = 1;
-  return reactJsxRuntime_development.__exports;
-}
-exports.__require = requireReactJsxRuntime_development;

package/dist/lib/node_modules/.pnpm/react@19.0.0/node_modules/react/cjs/react-jsx-runtime.production.cjs

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactJsxRuntime_production = require("../../../../../../_virtual/react-jsx-runtime.production.cjs");
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactJsxRuntime_production;
-function requireReactJsxRuntime_production() {
-  if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production.__exports;
-  hasRequiredReactJsxRuntime_production = 1;
-  var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-  function jsxProd(type, config, maybeKey) {
-    var key = null;
-    void 0 !== maybeKey && (key = "" + maybeKey);
-    void 0 !== config.key && (key = "" + config.key);
-    if ("key" in config) {
-      maybeKey = {};
-      for (var propName in config)
-        "key" !== propName && (maybeKey[propName] = config[propName]);
-    } else maybeKey = config;
-    config = maybeKey.ref;
-    return {
-      $$typeof: REACT_ELEMENT_TYPE,
-      type,
-      key,
-      ref: void 0 !== config ? config : null,
-      props: maybeKey
-    };
-  }
-  reactJsxRuntime_production.__exports.Fragment = REACT_FRAGMENT_TYPE;
-  reactJsxRuntime_production.__exports.jsx = jsxProd;
-  reactJsxRuntime_production.__exports.jsxs = jsxProd;
-  return reactJsxRuntime_production.__exports;
-}
-exports.__require = requireReactJsxRuntime_production;

package/dist/lib/node_modules/.pnpm/react@19.0.0/node_modules/react/jsx-runtime.cjs

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../../../_virtual/jsx-runtime2.cjs");
-const reactJsxRuntime_production = require("./cjs/react-jsx-runtime.production.cjs");
-const reactJsxRuntime_development = require("./cjs/react-jsx-runtime.development.cjs");
-var hasRequiredJsxRuntime;
-function requireJsxRuntime() {
-  if (hasRequiredJsxRuntime) return jsxRuntime.__module.exports;
-  hasRequiredJsxRuntime = 1;
-  if (true) {
-    jsxRuntime.__module.exports = reactJsxRuntime_production.__require();
-  } else {
-    jsxRuntime.__module.exports = reactJsxRuntime_development.__require();
-  }
-  return jsxRuntime.__module.exports;
-}
-exports.__require = requireJsxRuntime;