mind-elixir 2.1.0 → 3.0.0

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "mind-elixir",
-  "version": "2.1.0",
+  "version": "3.0.0",
+  "type": "module",
   "description": "Mind elixir is a free open source mind map core.",
   "keywords": [
     "mind-elixir",
@@ -8,36 +9,39 @@
     "dom",
     "visualization"
   ],
-  "main": "dist/MindElixir.js",
   "scripts": {
     "prepare": "husky install",
     "lint": "eslint --cache --max-warnings 0  \"src/**/*.{js,json,ts}\" --fix",
-    "start": "webpack-dev-server --mode development --env dist=0",
-    "startd": "webpack-dev-server --mode development --env dist=1",
+    "dev": "vite",
+    "build": "node build.js && tsc",
+    "preview": "vite preview",
     "test": "jest --runInBand",
-    "build": "webpack --mode production",
-    "doc": "./node_modules/.bin/jsdoc src/ -R readme.md -c conf.json",
-    "md": "./node_modules/.bin/jsdoc2md 'src/*.js' > api.md",
-    "publish2": "npm run build && npm version patch -m \"build: release %s\" && npm publish",
+    "doc": "tsc && api-extractor run --local --verbose",
     "beta": "npm run build && npm publish --tag beta"
   },
-  "types": "dist/types/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
       "import": "./dist/MindElixir.js",
       "require": "./dist/MindElixir.js"
     },
-    "./dist/example1": {
+    "./example": {
       "types": "./dist/types/exampleData/1.d.ts",
-      "import": "./dist/example1.js",
-      "require": "./dist/example1.js"
+      "import": "./dist/example.js",
+      "require": "./dist/example.js"
     },
-    "./readme.md": { 
-      "import": "./readme.md",
-      "require": "./readme.md"
+    "./readme.md": "./readme.md",
+    "./package.json": "./package.json"
+  },
+  "typesVersions": {
+    "*": {
+      "example": [
+        "./dist/types/exampleData/1.d.ts"
+      ]
     }
   },
+  "main": "dist/MindElixir.js",
+  "types": "dist/types/index.d.ts",
   "lint-staged": {
     "src/**/*.{ts,js}": [
       "eslint --cache --fix"
@@ -58,41 +62,21 @@
   "author": "ssshooter",
   "license": "MIT",
   "devDependencies": {
-    "@babel/core": "^7.4.5",
-    "@babel/plugin-transform-runtime": "^7.12.10",
-    "@babel/preset-env": "^7.11.5",
-    "@babel/runtime": "^7.15.4",
-    "@commitlint/cli": "^17.4.3",
-    "@commitlint/config-conventional": "^17.4.3",
-    "@typescript-eslint/eslint-plugin": "^5.52.0",
-    "@typescript-eslint/parser": "^5.52.0",
-    "babel-loader": "^8.0.6",
-    "better-docs": "^2.3.2",
-    "css-loader": "^6.7.1",
-    "docdash": "^1.1.1",
-    "eslint": "^8.34.0",
-    "eslint-config-prettier": "^8.6.0",
+    "@commitlint/cli": "^17.6.7",
+    "@commitlint/config-conventional": "^17.6.7",
+    "@microsoft/api-extractor": "^7.36.4",
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
+    "@typescript-eslint/parser": "^5.62.0",
+    "eslint": "^8.46.0",
+    "eslint-config-prettier": "^8.10.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "html-webpack-plugin": "^5.3.2",
     "husky": "^8.0.3",
-    "jest": "^27.5.1",
-    "jsdoc": "^3.6.3",
-    "jsdoc-to-markdown": "^7.1.1",
-    "less": "^4.1.2",
+    "less": "^4.1.3",
     "less-loader": "^10.2.0",
-    "lint-staged": "^13.1.2",
+    "lint-staged": "^13.2.3",
     "prettier": "2.8.4",
-    "puppeteer": "^13.5.1",
-    "puppeteer-to-istanbul": "^1.4.0",
-    "regenerator-runtime": "^0.13.7",
-    "style-loader": "^3.3.1",
-    "terser-webpack-plugin": "^5.3.1",
-    "ts-loader": "^9.2.6",
-    "typescript": "^4.4.3",
-    "url-loader": "^4.1.1",
-    "webpack": "5.76.0",
-    "webpack-bundle-analyzer": "^4.5.0",
-    "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.7.4"
+    "typescript": "^5.1.6",
+    "vite": "^4.4.8",
+    "vite-plugin-css-injected-by-js": "^3.2.1"
   }
 }

package/readme.cn.md

@@ -87,8 +87,6 @@ let options = {
   locale: 'en', // [zh_CN,zh_TW,en,ja,pt] waiting for PRs
   overflowHidden: false, // default false
   mainLinkStyle: 2, // [1,2] default 1
-  mainNodeVerticalGap: 15, // default 25
-  mainNodeHorizontalGap: 15, // default 65
   contextMenuOption: {
     focus: true,
     link: true,

package/readme.md

@@ -140,8 +140,6 @@ let options = {
   locale: 'en', // [zh_CN,zh_TW,en,ja,pt,ru] waiting for PRs
   overflowHidden: false, // default false
   mainLinkStyle: 2, // [1,2] default 1
-  mainNodeVerticalGap: 15, // default 25
-  mainNodeHorizontalGap: 15, // default 65
   contextMenuOption: {
     focus: true,
     link: true,

package/dist/example1.js

@@ -1 +0,0 @@
-!function(d,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.example1=e():d.example1=e()}(self,(()=>(()=>{"use strict";var d={d:(e,i)=>{for(var c in i)d.o(i,c)&&!d.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:i[c]})},o:(d,e)=>Object.prototype.hasOwnProperty.call(d,e)},e={};d.d(e,{default:()=>i});const i={direction:2,nodeData:{id:"me-root",topic:"Mind Elixir",root:!0,tags:["Mind Map Core"],children:[{topic:"logo2",id:"56dae51a90d350a8",direction:0,expanded:!0,children:[{id:"use-image",topic:"mind-elixir",image:{url:"https://raw.githubusercontent.com/ssshooter/mind-elixir-core/master/images/logo2.png",height:90,width:90}}]},{topic:"What is Minde Elixir",id:"bd4313fbac40284b",direction:0,expanded:!0,children:[{topic:"A mind map core",id:"beeb823afd6d2114"},{topic:"Free",id:"c1f068377de9f3a0"},{topic:"Open-Source",id:"c1f06d38a09f23ca"},{topic:"Use without JavaScript framework",id:"c1f06e4cbcf16463",expanded:!0,children:[]},{topic:"Use in your own project",id:"c1f1f11a7fbf7550",children:[{topic:"import MindElixir from 'mind-elixir'",id:"c1f1e245b0a89f9b"},{topic:"new MindElixir({...}).init(data)",id:"c1f1ebc7072c8928"}]},{topic:"Easy to use",id:"c1f0723c07b408d7",expanded:!0,children:[{topic:"Use it like other mind map application",id:"c1f09612fd89920d"}]}]},{topic:"Basics",id:"bd1b66c4b56754d9",direction:0,expanded:!0,children:[{topic:"tab - Create a child node",id:"bd1b6892bcab126a"},{topic:"enter - Create a sibling node",id:"bd1b6b632a434b27"},{topic:"del - Remove a node",id:"bd1b983085187c0a"}]},{topic:"Focus mode",id:"bd1b9b94a9a7a913",direction:1,expanded:!0,children:[{topic:"Right click and select Focus Mode",id:"bd1bb2ac4bbab458"},{topic:"Right click and select Cancel Focus Mode",id:"bd1bb4b14d6697c3"}]},{topic:"Left menu",id:"bd1b9d1816ede134",direction:0,expanded:!0,children:[{topic:"Node distribution",id:"bd1ba11e620c3c1a",expanded:!0,children:[{topic:"Left",id:"bd1c1cb51e6745d3"},{topic:"Right",id:"bd1c1e12fd603ff6"},{topic:"Both l & r",id:"bd1c1f03def5c97b"}]}]},{topic:"Bottom menu",id:"bd1ba66996df4ba4",direction:1,expanded:!0,children:[{topic:"Full screen",id:"bd1ba81d9bc95a7e"},{topic:"Return to Center",id:"bd1babdd5c18a7a2"},{topic:"Zoom in",id:"bd1bae68e0ab186e"},{topic:"Zoom out",id:"bd1bb06377439977"}]},{topic:"Link",id:"bd1beff607711025",direction:0,expanded:!0,children:[{topic:"Right click and select Link",id:"bd1bf320da90046a"},{topic:"Click the target you want to link",id:"bd1bf6f94ff2e642"},{topic:"Modify link with control points",id:"bd1c0c4a487bd036"}]},{topic:"Node style",id:"bd1c217f9d0b20bd",direction:0,expanded:!0,children:[{topic:"Font Size",id:"bd1c24420cd2c2f5",style:{fontSize:"32",color:"#3298db"}},{topic:"Font Color",id:"bd1c2a59b9a2739c",style:{color:"#c0392c"}},{topic:"Background Color",id:"bd1c2de33f057eb4",style:{color:"#bdc3c7",background:"#2c3e50"}},{topic:"Add tags",id:"bd1cff58364436d0",tags:["Completed"]},{topic:"Add icons",id:"bd1d0317f7e8a61a",icons:["😂"],tags:["www"]},{topic:"Bolder",id:"bd41fd4ca32322a4",style:{fontWeight:"bold"}},{topic:"Hyper link",id:"bd41fd4ca32322a5",hyperLink:"https://github.com/ssshooter/mind-elixir-core"}]},{topic:"Draggable",id:"bd1f03fee1f63bc6",direction:1,expanded:!0,children:[{topic:"Drag a node to another node\nand the former one will become a child node of latter one",id:"bd1f07c598e729dc"}]},{topic:"TODO",id:"bd1facea32a1967c",direction:1,expanded:!0,children:[{topic:"Add image",id:"bd1fb1ec53010749"},{topic:"Free node (position)",id:"bd42d3e3bee992b9"},{topic:"Style adjustment",id:"beeb7f3db6ad6496"}]},{topic:"Export data",id:"beeb7586973430db",direction:1,expanded:!0,children:[{topic:"JSON",id:"beeb784cc189375f"},{topic:"HTML",id:"beeb7a6bec2d68f5"}]},{topic:"Caution",id:"bd42dad21aaf6bae",direction:0,style:{background:"#f1c40e"},expanded:!0,children:[{topic:"Only save manually",id:"bd42e1d0163ebf04",expanded:!0,children:[{topic:"Save button in the top-right corner",id:"bd42e619051878b3",expanded:!0,children:[]},{topic:"ctrl + S",id:"bd42e97d7ac35e99"}]}]}],expanded:!0},linkData:{}};return e=e.default})()));

package/dist/example2.js

@@ -1 +0,0 @@
-!function(e,d){"object"==typeof exports&&"object"==typeof module?module.exports=d():"function"==typeof define&&define.amd?define([],d):"object"==typeof exports?exports.example2=d():e.example2=d()}(self,(()=>(()=>{"use strict";var e={d:(d,c)=>{for(var t in c)e.o(c,t)&&!e.o(d,t)&&Object.defineProperty(d,t,{enumerable:!0,get:c[t]})},o:(e,d)=>Object.prototype.hasOwnProperty.call(e,d)},d={};e.d(d,{default:()=>c});const c={direction:1,theme:{name:"Dark",palette:["#848FA0","#748BE9","#D2F9FE","#4145A5","#789AFA","#706CF4","#EF987F","#775DD5","#FCEECF","#DA7FBC"],cssVar:{"--main-color":"#ffffff","--main-bgcolor":"#4c4f69","--color":"#cccccc","--bgcolor":"#252526"}},nodeData:{id:"me-root",topic:"HTML structure",root:!0,children:[{topic:"div.map-container",id:"33905a6bde6512e4",expanded:!0,children:[{topic:"div.map-canvas",id:"33905d3c66649e8f",tags:["A special case of a `grp` tag"],expanded:!0,children:[{topic:"me-root",id:"33906b754897b9b9",tags:["A special case of a `t` tag"],expanded:!0,children:[{topic:"ME-TPC",id:"33b5cbc93b9968ab"}]},{topic:"children.box",id:"33906db16ed7f956",expanded:!0,children:[{topic:"grp(group)",id:"33907d9a3664cc8a",expanded:!0,children:[{topic:"t(top)",id:"3390856d09415b95",expanded:!0,children:[{topic:"tpc(topic)",id:"33908dd36c7d32c5",expanded:!0,children:[{topic:"text",id:"3391630d4227e248"},{topic:"icons",id:"33916d74224b141f"},{topic:"tags",id:"33916421bfff1543"}],tags:["E() function return"]},{topic:"epd(expander)",id:"33909032ed7b5e8e",tags:["If had child"]}],tags:["createParent retun"]},{topic:"me-children",id:"339087e1a8a5ea68",expanded:!0,children:[{topic:"me-wrapper",id:"3390930112ea7367",tags:["what add node actually do is to append grp tag to children"]},{topic:"grp...",id:"3390940a8c8380a6"}],tags:["layoutChildren return"]},{topic:"svg.subLines",id:"33908986b6336a4f"}],tags:["have child"]},{topic:"me-wrapper",id:"339081c3c5f57756",expanded:!0,children:[{topic:"ME-PARENT",id:"33b6160ec048b997",expanded:!0,children:[{topic:"ME-TPC",id:"33b616f9fe7763fc"}]}],tags:["no child"]},{topic:"grp...",id:"33b61346707af71a"}]},{topic:"svg.lines",id:"3390707d68c0779d"},{topic:"svg.linkcontroller",id:"339072cb6cf95295"},{topic:"svg.topiclinks",id:"3390751acbdbdb9f"}]},{topic:"cmenu",id:"33905f95aeab942d"},{topic:"toolbar.rb",id:"339060ac0343f0d7"},{topic:"toolbar.lt",id:"3390622b29323de9"},{topic:"nmenu",id:"3390645e6d7c2b4e"}]}]},linkData:{}};return d=d.default})()));

package/dist/types/index.lite.d.ts

@@ -1,13 +0,0 @@
-import './index.less';
-import './iconfont/iconfont.js';
-import type { MindElixirInstance, Options } from './types/index';
-export declare const E: (id: string, instance?: MindElixirInstance | undefined) => import("./types/dom").Topic;
-declare function MindElixir(this: MindElixirInstance, { el, direction, toolBar, keypress, newTopicName, mainLinkStyle, overflowHidden, mainNodeHorizontalGap, mainNodeVerticalGap, mobileMenu }: Options): Error | undefined;
-declare namespace MindElixir {
-    var LEFT: number;
-    var RIGHT: number;
-    var SIDE: number;
-    var version: string;
-    var E: (id: string, instance?: MindElixirInstance | undefined) => import("./types/dom").Topic;
-}
-export default MindElixir;

package/dist/types/types/function.d.ts

@@ -1,45 +0,0 @@
-import type { Topic, Wrapper, Parent, Children, CustomSvg } from './dom';
-import type { MindElixirInstance, MindElixirData, NodeObj, LinkItem } from './index';
-export declare type Init = (this: MindElixirInstance, data: MindElixirData) => void;
-export declare type CreateInputDiv = (this: MindElixirInstance, el: Topic) => void;
-export declare type CreateWrapper = (this: MindElixirInstance, nodeObj: NodeObj, omitChildren?: boolean) => {
-    grp: Wrapper;
-    top: Parent;
-};
-export declare type CreateChildren = (this: MindElixirInstance, wrappers: Wrapper[]) => Children;
-export declare type CreateParent = (this: MindElixirInstance, nodeObj: NodeObj) => Parent;
-export declare type CreateTopic = (this: MindElixirInstance, nodeObj: NodeObj) => Topic;
-export declare type InsertNodeCommon = (this: MindElixirInstance, el?: Topic, node?: NodeObj) => void;
-export declare type RemoveNode = (this: MindElixirInstance, el?: Topic) => void;
-export declare type MoveNodeCommon = (this: MindElixirInstance, target?: Topic) => void;
-export declare type MoveNodeToCommon = (this: MindElixirInstance, from: Topic, to: Topic) => void;
-export declare type TNodeCopy = (this: MindElixirInstance, node: Topic, to: Topic) => void;
-export declare type AddChildFunction = (this: MindElixirInstance, nodeEle: Topic, node?: NodeObj) => {
-    newTop: Parent;
-    newNodeObj: NodeObj;
-} | null;
-export declare type ReshapeNode = (this: MindElixirInstance, tpc: Topic, patchData: NodeObj) => void;
-export declare type Layout = (this: MindElixirInstance) => void;
-export declare type LayoutChildren = (this: MindElixirInstance, data: NodeObj[], container?: Children, direction?: number) => Children;
-export declare type LinkDiv = (this: MindElixirInstance, mainNode?: Wrapper) => void;
-export declare type TraverseChildrenFunc = (children: HTMLCollection, parent: Parent, isFirst?: boolean) => string;
-export declare type JudgeDirection = (this: MindElixirInstance, mainNode: Wrapper, obj: NodeObj) => void;
-export declare type CreateLink = (this: MindElixirInstance, from: Topic, to: Topic, isInitPaint?: boolean, linkObj?: LinkItem) => void;
-export declare type RemoveLink = (this: MindElixirInstance, link?: CustomSvg) => void;
-export declare type SelectLink = (this: MindElixirInstance, link: CustomSvg) => void;
-export declare type LinkControllerData = {
-    cx: number;
-    cy: number;
-    w: number;
-    h: number;
-};
-export declare type ShowLinkController = (this: MindElixirInstance, p2x: number, p2y: number, p3x: number, p3y: number, linkItem: LinkItem, fromData: LinkControllerData, toData: LinkControllerData) => void;
-export declare type HideLinkController = (this: MindElixirInstance) => void;
-export declare type ExpandNode = (this: MindElixirInstance, el: Topic, isExpand?: boolean) => void;
-export declare type SelectNodeFunc = (this: MindElixirInstance, targetElement: Topic, isNewNode?: boolean, e?: MouseEvent) => void;
-export declare type CommonSelectFunc = (this: MindElixirInstance) => void;
-export declare type SiblingSelectFunc = (this: MindElixirInstance) => boolean;
-export declare type GetDataStringFunc = (this: MindElixirInstance) => string;
-export declare type GetDataFunc = (this: MindElixirInstance) => MindElixirData;
-export declare type RefreshFunc = (this: MindElixirInstance, data?: MindElixirData) => void;
-export declare type SetNodeTopic = (this: MindElixirInstance, el: Topic, topic: string) => void;

package/dist/types/types/interact.d.ts

@@ -1,14 +0,0 @@
-import type { Topic } from './dom';
-import type { MindElixirInstance } from './index';
-export declare type CancelFocus = (this: MindElixirInstance) => void;
-export declare type InitLeft = (this: MindElixirInstance) => void;
-export declare type InitRight = (this: MindElixirInstance) => void;
-export declare type InitSide = (this: MindElixirInstance) => void;
-export declare type SetLocale = (this: MindElixirInstance, locale: string) => void;
-export declare type FocusNode = (this: MindElixirInstance, el: Topic) => void;
-export declare type EnableEdit = (this: MindElixirInstance) => void;
-export declare type DisableEdit = (this: MindElixirInstance) => void;
-export declare type Scale = (this: MindElixirInstance, val: number) => void;
-export declare type ToCenter = (this: MindElixirInstance) => void;
-export declare type MindElixirPlugin = (instance: MindElixirInstance) => void;
-export declare type Install = (this: MindElixirInstance, plugin: MindElixirPlugin) => void;

package/dist/types/types/linkDiv.d.ts

@@ -1,18 +0,0 @@
-export declare type MainLineParams = {
-    x1: number;
-    y1: number;
-    x2: number;
-    y2: number;
-};
-export declare type SubLineParams = {
-    pT: number;
-    pL: number;
-    pW: number;
-    pH: number;
-    cT: number;
-    cL: number;
-    cW: number;
-    cH: number;
-    direction: string;
-    isFirst: boolean | undefined;
-};