markmap-view 0.17.3-alpha.3 → 0.17.3-beta.3

package/dist/types.d.ts

@@ -1,12 +1,13 @@
-import { FlextreeNode } from 'd3-flextree';
 import { INode } from 'markmap-common';
 export interface IMarkmapState {
     id: string;
     data?: INode;
-    minX: number;
-    maxX: number;
-    minY: number;
-    maxY: number;
+    rect: {
+        x1: number;
+        x2: number;
+        y1: number;
+        y2: number;
+    };
 }
 export type IMarkmapJSONOptions = Partial<{
     color: string[];
@@ -32,4 +33,4 @@ export interface IPadding {
     top: number;
     bottom: number;
 }
-export type ID3SVGElement = d3.Selection<SVGElement, FlextreeNode<INode>, HTMLElement, FlextreeNode<INode>>;
+export type ID3SVGElement = d3.Selection<SVGElement, INode, HTMLElement, INode>;

package/dist/util.d.ts

@@ -1,3 +1,7 @@
 import { IMarkmapOptions } from 'markmap-common';
 import { IMarkmapJSONOptions } from './types';
 export declare function deriveOptions(jsonOptions?: IMarkmapJSONOptions): Partial<IMarkmapOptions>;
+/**
+ * Credit: https://gist.github.com/jlevy/c246006675becc446360a798e2b2d781?permalink_comment_id=4738050#gistcomment-4738050
+ */
+export declare function simpleHash(str: string): string;

package/dist/view.d.ts

@@ -1,5 +1,4 @@
 import type * as d3 from 'd3';
-import { FlextreeNode } from 'd3-flextree';
 import { Hook, IMarkmapOptions, INode, IPureNode } from 'markmap-common';
 import { ID3SVGElement, IMarkmapState, IPadding } from './types';
 export declare const globalCSS: string;
@@ -11,32 +10,30 @@ export declare class Markmap {
     options: IMarkmapOptions;
     state: IMarkmapState;
     svg: ID3SVGElement;
-    styleNode: d3.Selection<HTMLStyleElement, FlextreeNode<INode>, HTMLElement, FlextreeNode<INode>>;
-    g: d3.Selection<SVGGElement, FlextreeNode<INode>, HTMLElement, FlextreeNode<INode>>;
-    zoom: d3.ZoomBehavior<SVGElement, FlextreeNode<INode>>;
+    styleNode: d3.Selection<HTMLStyleElement, INode, HTMLElement, INode>;
+    g: d3.Selection<SVGGElement, INode, HTMLElement, INode>;
+    observer: ResizeObserver;
+    zoom: d3.ZoomBehavior<SVGElement, INode>;
     revokers: (() => void)[];
-    private imgCache;
-    private debouncedRefresh;
     constructor(svg: string | SVGElement | ID3SVGElement, opts?: Partial<IMarkmapOptions>);
     getStyleContent(): string;
     updateStyle(): void;
     handleZoom: (e: any) => void;
     handlePan: (e: WheelEvent) => void;
-    toggleNode(data: INode, recursive?: boolean): void;
-    handleClick: (e: MouseEvent, d: FlextreeNode<INode>) => void;
-    initializeData(node: INode): void;
-    private _checkImages;
-    private _loadImage;
+    toggleNode(data: INode, recursive?: boolean): Promise<void>;
+    handleClick: (e: MouseEvent, d: INode) => void;
+    private _initializeData;
+    private _relayout;
     setOptions(opts?: Partial<IMarkmapOptions>): void;
-    setData(data?: IPureNode | null, opts?: Partial<IMarkmapOptions>): void;
-    renderData(originData?: INode): void;
+    setData(data?: IPureNode | null, opts?: Partial<IMarkmapOptions>): Promise<void>;
+    renderData(originData?: INode): Promise<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>;
     /**
      * Fit the content to the viewport.
      */
     fit(maxScale?: number): Promise<void>;
     findElement(node: INode): {
-        data: FlextreeNode<INode>;
+        data: INode;
         g: SVGGElement;
     } | undefined;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markmap-view",
-  "version": "0.17.3-alpha.3+89ad076",
+  "version": "0.17.3-beta.3+c10bd44",
   "description": "View markmaps in browser",
   "author": "Gerald <gera2ld@live.com>",
   "license": "MIT",
@@ -46,10 +46,10 @@
   },
   "devDependencies": {
     "@types/d3-flextree": "^2.1.1",
-    "markmap-common": "0.17.3-alpha.3+89ad076"
+    "markmap-common": "0.17.3-beta.3+c10bd44"
   },
   "peerDependencies": {
     "markmap-common": "*"
   },
-  "gitHead": "89ad076e313dd4c126aeafc49f052315755e8c0d"
+  "gitHead": "c10bd4443841e8204380256cf0fccfc72abdde2f"
 }