chore: build

.gitignore

@@ -120,4 +120,10 @@ test/data/country-meta.csv
 *.mov
 *.csv
 *.mp4
-*.temp.*
+*.temp.*
+
+lib
+
+dist
+
+*.map

package.json

@@ -6,20 +6,23 @@
   "author": "jannchie <[email protected]>",
   "license": "MIT",
   "private": false,
-  "main": "dist/anichart.js",
+  "main": "lib/index.js",
   "unpkg": "dist/anichart.js",
   "jsdelivr": "dist/anichart.js",
-  "types": "type/index.d.ts",
+  "types": "typings/index.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/Jannchie/anichart.js.git"
   },
   "files": [
     "dist/**/*.js",
-    "type/**/*.d.ts"
+    "lib/**/*",
+    "typings/**/*",
+    "src/**/*"
   ],
   "scripts": {
-    "build": "webpack  --config webpack.prod.js --optimize-minimize",
+    "build": "tsc & webpack --config webpack.prod.js",
+    "deploy": "npm version prerelease & npm publish",
     "serve": "webpack-dev-server --open  --config webpack.dev.js",
     "dev": "webpack  --config webpack.dev.js",
     "watch": "webpack --watch  --config webpack.dev.js"
@@ -86,4 +89,4 @@
     "data",
     "visualization"
   ]
-}
+}

src/components/chart-compoment.ts

@@ -10,7 +10,6 @@ export abstract class ChartCompoment extends Group implements Chart {
   valueKey = "value";
   idKey = "id";
   colorKey = "id";
-  components: Component[] = [];
   async loadData(path: string | any): Promise<void> {
     this.hinter.drawHint("Loading Data...");
     this.data = await this.readCsv(path);

src/index.ts

@@ -7,5 +7,3 @@
 export * from "./charts";
 export * from "./base";
 export * from "./components";
-import Bar from "./charts/bar";
-export { Bar };

tsconfig.json

@@ -1,19 +1,23 @@
 {
     "compilerOptions": {
-        "outDir": "./types/",
-        "sourceMap": true,
+        "outDir": "lib",
+        "declarationDir": "typings",
         "noImplicitAny": true,
         "module": "es6",
         "target": "es5",
+        "declarationMap": true,
         "declaration": true,
+        "inlineSourceMap": true,
         "typeRoots": [
             "./src/**/*",
-            "./types/**/*",
+            "./typings/**/*",
             "./node_modules/@types"
         ],
-        "moduleResolution":"Node"
+        "moduleResolution":"Node",
+        "allowJs": true
     },
+    "compileOnSave": true,
     "include": [
-        "./src/**/*", "@types", "./types/**/*"
+        "./src/**/*", "@types", "typings/**/*"
     ],
 }

typings/anichart.d.ts

@@ -0,0 +1,37 @@
+export class BaseAniChart {
+    metaData: any[];
+    data: any[];
+    ffmpeg: any;
+    pngToMp4: typeof pngToMp4;
+    setOptions(options: any): void;
+    innerMargin: {
+        left: any;
+        right: any;
+        top: any;
+        bottom: any;
+    };
+    loadImages(metaData: any, imgDict: any, imgData: any): Promise<void>;
+    imageDict(): any;
+    getColor(data: any): any;
+    label(data: any): any;
+    colorKey(data: any): any;
+    selectCanvas(selector?: string): Promise<void>;
+    canvas: Element | Window | Document | import("canvas").Canvas | import("d3-selection").EnterElement;
+    ctx: any;
+    initCanvas(parent?: string): Promise<void>;
+    hintText(txt: any, self?: BaseAniChart): Promise<void>;
+    play(): Promise<void>;
+    player: boolean | import("d3-timer").Timer;
+    readyToDraw(): Promise<void>;
+    useCtl: boolean;
+    ctl: Ctl;
+    ready: boolean;
+    drawFrame(n: any): Promise<void>;
+    outputPngs(): Promise<void>;
+    currentFrame: any;
+    outputMp4(): Promise<void>;
+    outputPng(n: any, name: any, fs: any, path: any): Promise<void>;
+}
+import { pngToMp4 } from "./ffmpeg";
+import Ctl from "./ctl";
+//# sourceMappingURL=anichart.d.ts.map

types/base/base-scene.d.ts → typings/base/base-scene.d.ts

@@ -13,3 +13,4 @@ export declare abstract class BaseScene implements Playable, Hintable {
     setCanvas(selector?: string): void;
     update(): void;
 }
+//# sourceMappingURL=base-scene.d.ts.map

types/base/index.d.ts → typings/base/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./scene";
 export * from "./series";
+//# sourceMappingURL=index.d.ts.map

types/base/scene.d.ts → typings/base/scene.d.ts

@@ -6,3 +6,4 @@ export declare class Scene extends BaseScene {
     private init;
     addComponent(c: Component): void;
 }
+//# sourceMappingURL=scene.d.ts.map

types/base/series.d.ts → typings/base/series.d.ts

@@ -10,3 +10,4 @@ export declare class Series extends BaseScene {
     addScene(s: Scene): void;
     update(): void;
 }
+//# sourceMappingURL=series.d.ts.map

typings/charts/bar.d.ts

@@ -0,0 +1,87 @@
+export default AniBarChart;
+declare class AniBarChart extends BaseAniChart {
+    constructor(options?: {});
+    imagePath: string;
+    language: string;
+    width: number;
+    height: number;
+    frameRate: number;
+    outerMargin: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    freeze: number;
+    colorThief: any;
+    interval: number;
+    barRedius: number;
+    itemCount: number;
+    labelPandding: number;
+    axisTextSize: number;
+    tickNumber: number;
+    dateLabelSize: number;
+    slogenSize: number;
+    output: boolean;
+    outputName: string;
+    idField: string;
+    keyFrameDeltaTime: any;
+    colorData: any[];
+    barInfo: (data: any) => any;
+    xDomain: (series: any) => any[];
+    sort: number;
+    valueFormat: (d: any) => string;
+    tickFormat: (val: any) => string;
+    dateFormat: string;
+    listImageSrc: () => any[];
+    imageData: {};
+    colorScheme: {
+        background: string;
+        colors: string[];
+    };
+    colorGener: Generator<string, never, unknown>;
+    numberKey: Set<any>;
+    drawBarExt: () => void;
+    drawExt: () => void;
+    barHeight: number;
+    loadMetaData(path: any): Promise<void>;
+    readCsv(path: any): Promise<import("d3-dsv").DSVRowArray<string>>;
+    loadCsv(path: any): Promise<void>;
+    getCurrentDate: import("d3-scale").ScaleLinear<number, number, never>;
+    id: string;
+    keyFramesCount: number;
+    tsToFi: import("d3-scale").ScaleLinear<number, number, never>;
+    fiToTs: import("d3-scale").ScaleLinear<number, number, never>;
+    calculateFrameData(data: any): void;
+    maxValue: any;
+    minValue: any;
+    maxData: any;
+    minData: any;
+    frameData: any[][];
+    idSet: Set<any>;
+    setKeyFramesInfo(): void;
+    totalTrueFrames: number;
+    keyFrames: number[];
+    preRender(): Promise<void>;
+    autoGetColorFromImage(key: any, src: any): Promise<void>;
+    /**
+     * Convolution 卷积
+     *
+     * @param {Set} idSet
+     * @param {List} frameData
+     */
+    calPosition(idSet: Set<any>, frameData: any): void;
+    getKeyFrame(i: any): number[];
+    calScale(): void;
+    tickArrays: number[][];
+    drawAxis(n: any, cData: any): void;
+    drawTick(xScale: any, val: any): void;
+    drawWatermark(): void;
+    drawDate(n: any): void;
+    drawBackground(): void;
+    downloadBlob(blob: any, name?: string): void;
+    calRenderSort(): void;
+    fixAlpha(): Promise<void>;
+}
+import { BaseAniChart } from "../anichart";
+//# sourceMappingURL=bar.d.ts.map

types/charts/index.d.ts → typings/charts/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./bar";
 export * from "./line";
+//# sourceMappingURL=index.d.ts.map

types/charts/line.d.ts → typings/charts/line.d.ts

@@ -56,3 +56,4 @@ export declare class LineChart extends ChartCompoment {
     render(): void;
     private findY;
 }
+//# sourceMappingURL=line.d.ts.map

types/components/background.d.ts → typings/components/background.d.ts

@@ -5,3 +5,4 @@ export declare class Background extends BaseComponent {
     preRender(): void;
     render(): void;
 }
+//# sourceMappingURL=background.d.ts.map

types/components/base-component.d.ts → typings/components/base-component.d.ts

@@ -26,3 +26,4 @@ export declare abstract class BaseComponent implements Component, Hintable {
     draw(): void;
     protected getValue(obj: any, n: number): any;
 }
+//# sourceMappingURL=base-component.d.ts.map

types/components/blur-text.d.ts → typings/components/blur-text.d.ts

@@ -7,3 +7,4 @@ export declare class BlurText extends FadeText {
     preRender(): void;
     render(): void;
 }
+//# sourceMappingURL=blur-text.d.ts.map

types/components/chart-compoment.d.ts → typings/components/chart-compoment.d.ts

@@ -1,17 +1,16 @@
 import { DSVRowArray } from "d3-dsv";
 import { Chart } from "./chart-interface";
-import { Component } from "./component";
 import { GroupComponent as Group } from "./group";
 export declare abstract class ChartCompoment extends Group implements Chart {
     dateKey: string;
     valueKey: string;
     idKey: string;
     colorKey: string;
-    components: Component[];
     loadData(path: string | any): Promise<void>;
     update(option?: any): void;
     private readCsv;
     loadMeta(path: string | any): Promise<void>;
     data: DSVRowArray<string>;
     meta: DSVRowArray<string>;
 }
+//# sourceMappingURL=chart-compoment.d.ts.map

types/components/chart-interface.d.ts → typings/components/chart-interface.d.ts

@@ -6,3 +6,4 @@ export interface Chart {
     loadData: LoadCsvFunc;
     loadMeta: LoadCsvFunc;
 }
+//# sourceMappingURL=chart-interface.d.ts.map

types/components/component.d.ts → typings/components/component.d.ts

@@ -18,3 +18,4 @@ interface Component extends Fontable, Shadowable, Hintable {
     hinter: Hinter;
 }
 export { Component };
+//# sourceMappingURL=component.d.ts.map

types/components/fade-text.d.ts → typings/components/fade-text.d.ts

@@ -8,3 +8,4 @@ declare class FadeText extends Text {
     update(options?: FadeTextOptions): void;
 }
 export { FadeText };
+//# sourceMappingURL=fade-text.d.ts.map

types/components/group.d.ts → typings/components/group.d.ts

@@ -12,3 +12,4 @@ export declare class GroupComponent extends BaseComponent implements Groupable {
     update(options?: any): void;
     draw(): void;
 }
+//# sourceMappingURL=group.d.ts.map

types/components/image.d.ts → typings/components/image.d.ts

@@ -13,3 +13,4 @@ export declare class ImageComponent extends BaseComponent {
     update(options?: ImageComponentOptions): Promise<void>;
     render(): void;
 }
+//# sourceMappingURL=image.d.ts.map

types/components/index.d.ts → typings/components/index.d.ts

@@ -10,3 +10,4 @@ export { ImageComponent } from "./image";
 export { RiseText } from "./rise-text";
 export { TextLines } from "./text-lines";
 export { Text } from "./text";
+//# sourceMappingURL=index.d.ts.map

types/components/rise-text.d.ts → typings/components/rise-text.d.ts

@@ -9,3 +9,4 @@ declare class RiseText extends FadeText {
     render(): void;
 }
 export { RiseText };
+//# sourceMappingURL=rise-text.d.ts.map

types/components/text-lines.d.ts → typings/components/text-lines.d.ts

@@ -9,3 +9,4 @@ export declare class TextLines extends GroupComponent implements Fontable {
     constructor(options: TextLinesOptions);
     update(options?: TextLinesOptions): void;
 }
+//# sourceMappingURL=text-lines.d.ts.map

types/components/text.d.ts → typings/components/text.d.ts

@@ -16,3 +16,4 @@ declare class Text extends BaseComponent {
     render(): void;
 }
 export { Text };
+//# sourceMappingURL=text.d.ts.map

typings/ctl.d.ts

@@ -0,0 +1,9 @@
+export default Ctl;
+declare class Ctl {
+    addCtl(aniChart: any): void;
+    ctlCurrentFrame: import("d3-selection").Selection<HTMLInputElement, any, HTMLElement, any>;
+    slider: HTMLInputElement;
+    updateCtl(aniChart: any): void;
+    updateCtlCFrame(aniChart: any): void;
+}
+//# sourceMappingURL=ctl.d.ts.map

typings/ctx.d.ts

@@ -0,0 +1,2 @@
+export default function enhanceCtx(ctx: any): void;
+//# sourceMappingURL=ctx.d.ts.map

types/default/default-color-picker.d.ts → typings/default/default-color-picker.d.ts

@@ -7,3 +7,4 @@ export declare class DefaultColorPicker implements ColorPicker {
     getColor(key: string): string;
     getNewColor(): string;
 }
+//# sourceMappingURL=default-color-picker.d.ts.map

types/default/default-component-manager.d.ts → typings/default/default-component-manager.d.ts

@@ -4,3 +4,4 @@ export declare class DefaultComponentManager implements ComponentManager {
     components: Component[];
     addComponent(c: Component): void;
 }
+//# sourceMappingURL=default-component-manager.d.ts.map

types/default/default-hinter.d.ts → typings/default/default-hinter.d.ts

@@ -11,3 +11,4 @@ export declare class DefaultHinter implements Hinter {
     height: number;
     drawHint(msg: string): Promise<void>;
 }
+//# sourceMappingURL=default-hinter.d.ts.map

types/default/default-player.d.ts → typings/default/default-player.d.ts

@@ -15,3 +15,4 @@ export declare class DefaultPlayer implements Player {
     drawFrame(frame: number): void;
     play(): void;
 }
+//# sourceMappingURL=default-player.d.ts.map

types/default/defaut-renderer.d.ts → typings/default/defaut-renderer.d.ts

@@ -16,3 +16,4 @@ export declare class DefaultRenderer implements Renderer {
     setCanvas(selector?: string): EnhancedCanvasRenderingContext2D;
     private initCanvas;
 }
+//# sourceMappingURL=defaut-renderer.d.ts.map