markmap-view 0.15.0-alpha.0 → 0.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markmap-view",
-  "version": "0.15.0-alpha.0",
+  "version": "0.15.0",
   "description": "View markmaps in browser",
   "author": "Gerald <gera2ld@live.com>",
   "license": "MIT",
@@ -19,16 +19,17 @@
     "url": "git+https://github.com/markmap/markmap.git"
   },
   "scripts": {
-    "dev": "rollup -wc rollup.conf.js",
+    "dev": "rollup -wc",
     "clean": "del-cli dist types",
-    "build:js": "rollup -c rollup.conf.js",
+    "build:js": "rollup -c",
     "build:types": "tsc"
   },
   "bugs": {
     "url": "https://github.com/markmap/markmap/issues"
   },
+  "type": "module",
   "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "module": "dist/index.js",
   "unpkg": "dist/browser/index.js",
   "jsdelivr": "dist/browser/index.js",
   "files": [
@@ -37,17 +38,18 @@
   ],
   "typings": "types/index.d.ts",
   "dependencies": {
-    "@babel/runtime": "^7.12.5",
-    "@types/d3": "^6.0.0",
-    "d3": "^6.2.0",
-    "d3-flextree": "^2.1.1"
+    "@babel/runtime": "^7.22.6",
+    "@gera2ld/jsx-dom": "^2.2.2",
+    "@types/d3": "^7.4.0",
+    "d3": "^7.8.5",
+    "d3-flextree": "^2.1.2"
   },
   "devDependencies": {
-    "@gera2ld/jsx-dom": "^2.1.1",
-    "markmap-common": "0.15.0-alpha.0"
+    "@types/d3-flextree": "^2.1.1",
+    "markmap-common": "0.15.0"
   },
   "peerDependencies": {
     "markmap-common": "*"
   },
-  "gitHead": "cea14d4791b8483481a99baa5d256017f52f267c"
+  "gitHead": "9c13bae5e28346ec613362046a023839ef64538b"
 }

package/types/types.d.ts

@@ -2,22 +2,8 @@ import { INode } from 'markmap-common';
 export interface IMarkmapState {
     id: string;
     data?: INode;
-    minX?: number;
-    maxX?: number;
-    minY?: number;
-    maxY?: number;
-}
-export interface IMarkmapFlexTreeItem {
-    parent: IMarkmapFlexTreeItem;
-    data: INode;
-    depth: number;
-    xSize: number;
-    ySize: number;
-    ySizeInner: number;
-    x: number;
-    y: number;
-}
-export interface IMarkmapLinkItem {
-    source: IMarkmapFlexTreeItem;
-    target: IMarkmapFlexTreeItem;
+    minX: number;
+    maxX: number;
+    minY: number;
+    maxY: number;
 }

package/types/view.d.ts

@@ -1,6 +1,7 @@
-import * as d3 from 'd3';
-import { Hook, INode, IMarkmapOptions, IMarkmapJSONOptions } from 'markmap-common';
-import { IMarkmapState, IMarkmapFlexTreeItem } from './types';
+import type * as d3 from 'd3';
+import { FlextreeNode } from 'd3-flextree';
+import { Hook, INode, IPureNode, IMarkmapOptions, IMarkmapJSONOptions } from 'markmap-common';
+import { IMarkmapState } from './types';
 export declare const globalCSS: string;
 interface IPadding {
     left: number;
@@ -8,7 +9,7 @@ interface IPadding {
     top: number;
     bottom: number;
 }
-type ID3SVGElement = d3.Selection<SVGElement, IMarkmapFlexTreeItem, HTMLElement, IMarkmapFlexTreeItem>;
+type ID3SVGElement = d3.Selection<SVGElement, FlextreeNode<INode>, HTMLElement, FlextreeNode<INode>>;
 declare function createViewHooks(): {
     transformHtml: Hook<[mm: Markmap, nodes: HTMLElement[]]>;
 };
@@ -22,21 +23,21 @@ export declare class Markmap {
     options: IMarkmapOptions;
     state: IMarkmapState;
     svg: ID3SVGElement;
-    styleNode: d3.Selection<HTMLStyleElement, IMarkmapFlexTreeItem, HTMLElement, IMarkmapFlexTreeItem>;
-    g: d3.Selection<SVGGElement, IMarkmapFlexTreeItem, HTMLElement, IMarkmapFlexTreeItem>;
-    zoom: d3.ZoomBehavior<Element, unknown>;
+    styleNode: d3.Selection<HTMLStyleElement, FlextreeNode<INode>, HTMLElement, FlextreeNode<INode>>;
+    g: d3.Selection<SVGGElement, FlextreeNode<INode>, HTMLElement, FlextreeNode<INode>>;
+    zoom: d3.ZoomBehavior<SVGElement, FlextreeNode<INode>>;
     viewHooks: ReturnType<typeof createViewHooks>;
     revokers: (() => void)[];
     constructor(svg: string | SVGElement | ID3SVGElement, opts?: Partial<IMarkmapOptions>);
     getStyleContent(): string;
     updateStyle(): void;
-    handleZoom(e: any): void;
-    handlePan(e: WheelEvent): void;
+    handleZoom: (e: any) => void;
+    handlePan: (e: WheelEvent) => void;
     toggleNode(data: INode, recursive?: boolean): void;
-    handleClick(e: MouseEvent, d: IMarkmapFlexTreeItem): void;
+    handleClick: (e: MouseEvent, d: FlextreeNode<INode>) => void;
     initializeData(node: INode): void;
-    setOptions(opts: Partial<IMarkmapOptions>): void;
-    setData(data?: INode, opts?: Partial<IMarkmapOptions>): void;
+    setOptions(opts?: Partial<IMarkmapOptions>): void;
+    setData(data?: IPureNode | null, opts?: Partial<IMarkmapOptions>): void;
     renderData(originData?: INode): void;
     transition<T extends d3.BaseType, U, P extends d3.BaseType, Q>(sel: d3.Selection<T, U, P, Q>): d3.Transition<T, U, P, Q>;
     /**
@@ -52,7 +53,7 @@ export declare class Markmap {
      */
     rescale(scale: number): Promise<void>;
     destroy(): void;
-    static create(svg: string | SVGElement | ID3SVGElement, opts?: Partial<IMarkmapOptions>, data?: INode): Markmap;
+    static create(svg: string | SVGElement | ID3SVGElement, opts?: Partial<IMarkmapOptions>, data?: IPureNode | null): Markmap;
 }
 export declare function deriveOptions(jsonOptions?: IMarkmapJSONOptions): Partial<IMarkmapOptions>;
 export {};