mind-elixir 5.0.4 → 5.0.6

package/dist/types/index.d.ts

@@ -53,7 +53,7 @@ declare namespace MindElixir {
             y: number;
         }) => void;
         scaleFit: (this: MindElixirInstance) => void;
-        move: (this: MindElixirInstance, dx: number, dy: number) => void;
+        move: (this: MindElixirInstance, dx: number, dy: number, smooth?: boolean) => void;
         toCenter: (this: MindElixirInstance) => void;
         install: (this: MindElixirInstance, plugin: (instance: MindElixirInstance) => void) => void;
         focusNode: (this: MindElixirInstance, el: Topic) => void;

package/dist/types/interact.d.ts

@@ -57,7 +57,7 @@ export declare const scaleFit: (this: MindElixirInstance) => void;
 /**
  * Move the map by `dx` and `dy`.
  */
-export declare const move: (this: MindElixirInstance, dx: number, dy: number) => void;
+export declare const move: (this: MindElixirInstance, dx: number, dy: number, smooth?: boolean) => void;
 /**
  * @function
  * @instance

package/dist/types/methods.d.ts

@@ -59,7 +59,7 @@ declare const methods: {
         y: number;
     }) => void;
     scaleFit: (this: MindElixirInstance) => void;
-    move: (this: MindElixirInstance, dx: number, dy: number) => void;
+    move: (this: MindElixirInstance, dx: number, dy: number, smooth?: boolean) => void;
     toCenter: (this: MindElixirInstance) => void;
     install: (this: MindElixirInstance, plugin: (instance: MindElixirInstance) => void) => void;
     focusNode: (this: MindElixirInstance, el: import("./index").Topic) => void;

package/dist/types/utils/svg.d.ts

@@ -3,6 +3,15 @@ import type { Summary } from '../summary';
 import type { MindElixirInstance } from '../types';
 import type { CustomSvg } from '../types/dom';
 export declare const svgNS = "http://www.w3.org/2000/svg";
+export interface SvgTextOptions {
+    anchor?: 'start' | 'middle' | 'end';
+    color?: string;
+    dataType?: string;
+}
+/**
+ * Create an SVG text element with common attributes
+ */
+export declare const createSvgText: (text: string, x: number, y: number, options?: SvgTextOptions) => SVGTextElement;
 export declare const createPath: (d: string, color: string, width: string) => SVGPathElement;
 export declare const createLinkSvg: (klass: string) => SVGSVGElement;
 export declare const createLine: () => SVGLineElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mind-elixir",
-  "version": "5.0.4",
+  "version": "5.0.6",
   "type": "module",
   "description": "Mind elixir is a free open source mind map core.",
   "keywords": [
@@ -18,6 +18,9 @@
     "preview": "vite preview",
     "test": "playwright test",
     "test:ui": "playwright test --ui",
+    "test:clean": "rimraf .nyc_output coverage",
+    "test:coverage": "pnpm test:clean && pnpm test && pnpm nyc && npx http-server ./coverage",
+    "nyc": "nyc report --reporter=html",
     "doc": "api-extractor run --local --verbose",
     "doc:md": "api-documenter markdown --input-folder ./api --output-folder ./md",
     "beta": "npm run build && npm publish --tag beta"
@@ -92,8 +95,11 @@
     "husky": "^8.0.3",
     "less": "^4.2.0",
     "lint-staged": "^13.3.0",
+    "nyc": "^17.1.0",
     "prettier": "2.8.4",
+    "rimraf": "^6.0.1",
     "typescript": "^5.4.5",
-    "vite": "^4.5.3"
+    "vite": "^4.5.3",
+    "vite-plugin-istanbul": "^7.1.0"
   }
 }

package/readme.md

@@ -63,6 +63,8 @@ Mind elixir is a open source JavaScript mind map core. You can use it with any f
 - **Easy styling** - Customize mindmap with CSS variables
 - **Theme support** - Built-in themes and custom styling
 
+[v5 Breaking Changes](https://github.com/SSShooter/mind-elixir-core/wiki/Breaking-Change#500)
+
 <details>
 <summary>Table of Contents</summary>
 
@@ -86,11 +88,11 @@ Mind elixir is a open source JavaScript mind map core. You can use it with any f
 - [Export as a Image](#export-as-a-image)
 - [Theme](#theme)
 - [Shortcuts](#shortcuts)
+- [Who's using](#whos-using)
 - [Ecosystem](#ecosystem)
 - [Development](#development)
 - [Thanks](#thanks)
 - [Contributors](#contributors)
-- [v5 Breaking Changes](#v5-breaking-changes)
 
 </details>
 
@@ -121,8 +123,8 @@ npm i mind-elixir -S
 ```
 
 ```javascript
-import MindElixir from 'mind-elixir';
-import "mind-elixir/style.css";
+import MindElixir from 'mind-elixir'
+import 'mind-elixir/style.css'
 ```
 
 #### Script tag
@@ -134,7 +136,7 @@ import "mind-elixir/style.css";
 And in your CSS file:
 
 ```css
-@import "https://cdn.jsdelivr.net/npm/mind-elixir/dist/style.css";
+@import 'https://cdn.jsdelivr.net/npm/mind-elixir/dist/style.css';
 ```
 
 ### Init
@@ -151,7 +153,7 @@ And in your CSS file:
 
 ```javascript
 import MindElixir from 'mind-elixir'
-import "mind-elixir/style.css";
+import 'mind-elixir/style.css'
 import example from 'mind-elixir/dist/example1'
 
 let options = {
@@ -245,7 +247,6 @@ mind.bus.addListener('operation', operation => {
   // obj: {from:target1,to:target2}
 })
 
-
 mind.bus.addListener('selectNodes', nodes => {
   console.log(nodes)
 })
@@ -345,25 +346,11 @@ Be aware that Mind Elixir will not observe the change of `prefers-color-scheme`.
 
 ## Shortcuts
 
-| Shortcut           | Function                         |
-| ------------------ | -------------------------------- |
-| Enter              | Insert Sibling Node              |
-| Tab                | Insert Child Node                |
-| F1                 | Center the Map                   |
-| F2                 | Begin Editing the Current Node   |
-| ↑                  | Select the Previous Sibling Node |
-| ↓                  | Select the Next Sibling Node     |
-| ← / →              | Select Parent or First Child     |
-| PageUp / Alt + ↑   | Move Up Node                     |
-| PageDown / Alt + ↓ | Move Down Node                   |
-| Ctrl + ↑           | Change Layout Pattern to Side    |
-| Ctrl + ←           | Change Layout Pattern to Left    |
-| Ctrl + →           | Change Layout Pattern to Right   |
-| Ctrl + C           | Copy the Current Node            |
-| Ctrl + V           | Paste the Copied Node            |
-| Ctrl + "+"         | Zoom In Mind Map                 |
-| Ctrl + "-"         | Zoom Out Mind Map                |
-| Ctrl + 0           | Reset Zoom Level                 |
+See [Shortcuts Guide](https://docs.mind-elixir.com/docs/guides/shortcuts) for detailed information.
+
+## Who's using
+
+- [Mind Elixir Desktop](https://desktop.mind-elixir.com/)
 
 ## Ecosystem
 
@@ -413,18 +400,3 @@ Thanks for your contributions to Mind Elixir! Your support and dedication make t
 <a href="https://github.com/SSShooter/mind-elixir-core/graphs/contributors">
   <img src="https://contrib.rocks/image?repo=SSShooter/mind-elixir-core" />
 </a>
-
-## v5 Breaking Changes
-
-- Move scroll-based movement to transition-based movement
-- `Summary.text` -> `Summary.label`
-- Remove `getDataMd()`
-- MindElixir.dragMoveHelper -> instance.dragMoveHelper
-- Remove `unselectNode()`
-- Remove `selectNode` event, use `selectNodes` event instead
-- Remove `removeNode()`
-- `node.style.fontSize`: use string instead of number which means you should add `px` to the end
-- Use `instance.findEl` instead of `MindElixir.E` to get a node element
-- CSS file is separated from JS file, you need to import it manually
-  - If using a bundler with CSS support: `import "mind-elixir/style.css";`
-  - If using a CDN you can add to your CSS file: `@import "https://cdn.jsdelivr.net/npm/mind-elixir@^5.0.0/dist/style.css";`