@visactor/vstory 0.0.1-alpha.0

package/cjs/story/factory/factory.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.StoryFactory = void 0;
+
+class StoryFactory {
+    static registerCharacter(type, c) {
+        StoryFactory.characterMap[type] = c;
+    }
+    static createCharacter(spec, opt) {
+        const classC = StoryFactory.characterMap[spec.type];
+        if (!classC) return console.error("获取模板失败", spec), null;
+        const el = new classC(spec, opt);
+        return el.init(), el;
+    }
+    static registerGraphic(type, c) {
+        StoryFactory.graphicMap[type] = c;
+    }
+    static createGraphic(type, opt) {
+        const classC = StoryFactory.graphicMap[type];
+        return classC ? new classC(type, opt) : null;
+    }
+    static registerDataParser(type, c) {
+        StoryFactory.dataParserMap[type] = c;
+    }
+    static createDataParser(type, opt) {
+        const classC = StoryFactory.dataParserMap[type];
+        return classC ? new classC(type, opt) : null;
+    }
+    static registerChartTemp(type, c) {
+        StoryFactory.chartTempMap[type] = c;
+    }
+    static createChartTemp(type, opt) {
+        const classC = StoryFactory.chartTempMap[type];
+        return classC ? new classC(opt) : null;
+    }
+}
+
+exports.StoryFactory = StoryFactory, StoryFactory.characterMap = {}, StoryFactory.graphicMap = {}, 
+StoryFactory.dataParserMap = {}, StoryFactory.chartTempMap = {};
+//# sourceMappingURL=factory.js.map

package/cjs/story/factory/factory.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/factory/factory.ts"],"names":[],"mappings":";;;AAMA,MAAa,YAAY;IAEvB,MAAM,CAAC,iBAAiB,CAAC,IAAY,EAAE,CAAwB;QAC7D,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtC,CAAC;IACD,MAAM,CAAC,eAAe,CAAC,IAAoB,EAAE,GAAyB;QACpE,MAAM,MAAM,GAAG,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpD,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YAC9B,OAAO,IAAI,CAAC;SACb;QACD,MAAM,EAAE,GAAG,IAAI,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QACjC,EAAE,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;IACZ,CAAC;IAGD,MAAM,CAAC,eAAe,CAAC,IAAY,EAAE,CAAsB;QACzD,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC;IACD,MAAM,CAAC,aAAa,CAAC,IAAY,EAAE,GAAQ;QACzC,MAAM,MAAM,GAAG,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,IAAI,CAAC;SACb;QACD,OAAO,IAAI,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAC/B,CAAC;IAGD,MAAM,CAAC,kBAAkB,CAAC,IAAY,EAAE,CAAyB;QAC/D,YAAY,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACvC,CAAC;IACD,MAAM,CAAC,gBAAgB,CAAC,IAAY,EAAE,GAAQ;QAC5C,MAAM,MAAM,GAAG,YAAY,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAChD,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,IAAI,CAAC;SACb;QACD,OAAO,IAAI,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAC/B,CAAC;IAGD,MAAM,CAAC,iBAAiB,CAAC,IAAY,EAAE,CAAwB;QAC7D,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtC,CAAC;IACD,MAAM,CAAC,eAAe,CAAC,IAAY,EAAE,GAAQ;QAC3C,MAAM,MAAM,GAAG,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,IAAI,CAAC;SACb;QACD,OAAO,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC;;AAlDH,oCAmDC;AAlDQ,yBAAY,GAA6C,EAAE,CAAC;AAe5D,uBAAU,GAA2C,EAAE,CAAC;AAYxD,0BAAa,GAA8C,EAAE,CAAC;AAY9D,yBAAY,GAA6C,EAAE,CAAC","file":"factory.js","sourcesContent":["import { IDataParserConstructor } from '../character/visactor/interface';\nimport { IGraphicConstructor } from '../character/component/graphic/graphic';\nimport { ICharacterConstructor, ICharacterInitOption } from '../character/runtime-interface';\nimport { ICharacterSpec } from '../character/dsl-interface';\nimport { IChartTempConstructor } from '../character/chart/temp/interface';\n\nexport class StoryFactory {\n  static characterMap: { [key: string]: ICharacterConstructor } = {};\n  static registerCharacter(type: string, c: ICharacterConstructor) {\n    StoryFactory.characterMap[type] = c;\n  }\n  static createCharacter(spec: ICharacterSpec, opt: ICharacterInitOption) {\n    const classC = StoryFactory.characterMap[spec.type];\n    if (!classC) {\n      console.error('获取模板失败', spec);\n      return null;\n    }\n    const el = new classC(spec, opt);\n    el.init();\n    return el;\n  }\n\n  static graphicMap: { [key: string]: IGraphicConstructor } = {};\n  static registerGraphic(type: string, c: IGraphicConstructor) {\n    StoryFactory.graphicMap[type] = c;\n  }\n  static createGraphic(type: string, opt: any) {\n    const classC = StoryFactory.graphicMap[type];\n    if (!classC) {\n      return null;\n    }\n    return new classC(type, opt);\n  }\n\n  static dataParserMap: { [key: string]: IDataParserConstructor } = {};\n  static registerDataParser(type: string, c: IDataParserConstructor) {\n    StoryFactory.dataParserMap[type] = c;\n  }\n  static createDataParser(type: string, opt: any) {\n    const classC = StoryFactory.dataParserMap[type];\n    if (!classC) {\n      return null;\n    }\n    return new classC(type, opt);\n  }\n\n  static chartTempMap: { [key: string]: IChartTempConstructor } = {};\n  static registerChartTemp(type: string, c: IChartTempConstructor) {\n    StoryFactory.chartTempMap[type] = c;\n  }\n  static createChartTemp(type: string, opt: any) {\n    const classC = StoryFactory.chartTempMap[type];\n    if (!classC) {\n      return null;\n    }\n    return new classC(opt);\n  }\n}\n"]}

package/cjs/story/index.d.ts

@@ -0,0 +1,2 @@
+export declare function registerCharacter(): void;
+export * from './story';

package/cjs/story/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerCharacter = void 0;
+
+const character_qipao_1 = require("./character/component/characters/character-qipao"), character_rect_1 = require("./character/component/characters/character-rect"), factory_1 = require("./factory/factory"), character_1 = require("./character/chart/character"), vrender_1 = require("@visactor/vrender"), vrender_2 = require("@visactor/vrender"), vchart_graphic_render_1 = require("./character/chart/graphic/vchart-graphic-render"), bar_1 = require("./character/chart/characters/bar"), line_1 = require("./character/chart/characters/line"), area_1 = require("./character/chart/characters/area"), pie_1 = require("./character/chart/characters/pie"), rose_1 = require("./character/chart/characters/rose"), radar_1 = require("./character/chart/characters/radar"), wordcloud_1 = require("./character/chart/characters/wordcloud"), treemap_1 = require("./character/chart/characters/treemap"), sunburst_1 = require("./character/chart/characters/sunburst"), scatter_1 = require("./character/chart/characters/scatter"), rangeColumn_1 = require("./character/chart/characters/rangeColumn"), character_text_1 = require("./character/component/characters/character-text"), character_richtext_1 = require("./character/component/characters/character-richtext"), vchart_graphic_picker_1 = require("./character/chart/graphic/vchart-graphic-picker"), constant_1 = require("../dsl/constant"), character_line_1 = require("./character/component/characters/character-line"), character_image_1 = require("./character/component/characters/character-image"), splitModule = new vrender_1.ContainerModule((bind => {
+    bind(vchart_graphic_render_1.VChartRender).toSelf().inSingletonScope(), bind(vchart_graphic_render_1.ChartRender).toService(vchart_graphic_render_1.VChartRender), 
+    bind(vrender_1.GraphicRender).toService(vchart_graphic_render_1.ChartRender), bind(vchart_graphic_picker_1.VChartPicker).to(vchart_graphic_picker_1.VChartPicker).inSingletonScope(), 
+    bind(vrender_2.CanvasPickerContribution).toService(vchart_graphic_picker_1.VChartPicker);
+}));
+
+let _register = !1;
+
+function registerCharacter() {
+    _register || (_register = !0, factory_1.StoryFactory.registerCharacter(bar_1.BarChartCharacter.type, bar_1.BarChartCharacter), 
+    factory_1.StoryFactory.registerCharacter(line_1.LineChartCharacter.type, character_1.CharacterChart), 
+    factory_1.StoryFactory.registerCharacter(character_1.CharacterChart.type, character_1.CharacterChart), 
+    factory_1.StoryFactory.registerCharacter(area_1.AreaChartCharacter.type, area_1.AreaChartCharacter), 
+    factory_1.StoryFactory.registerCharacter(pie_1.PieChartCharacter.type, pie_1.PieChartCharacter), 
+    factory_1.StoryFactory.registerCharacter(rose_1.RoseChartCharacter.type, rose_1.RoseChartCharacter), 
+    factory_1.StoryFactory.registerCharacter(radar_1.RadarChartCharacter.type, radar_1.RadarChartCharacter), 
+    factory_1.StoryFactory.registerCharacter(wordcloud_1.WordCloudCharacter.type, wordcloud_1.WordCloudCharacter), 
+    factory_1.StoryFactory.registerCharacter(treemap_1.TreeMapChartCharacter.type, treemap_1.TreeMapChartCharacter), 
+    factory_1.StoryFactory.registerCharacter(sunburst_1.SunburstChartCharacter.type, sunburst_1.SunburstChartCharacter), 
+    factory_1.StoryFactory.registerCharacter(scatter_1.ScatterChartCharacter.type, scatter_1.ScatterChartCharacter), 
+    factory_1.StoryFactory.registerCharacter(rangeColumn_1.RangeColumnChartCharacter.type, rangeColumn_1.RangeColumnChartCharacter), 
+    factory_1.StoryFactory.registerCharacter(constant_1.StoryGraphicType.RECT, character_rect_1.CharacterComponentRect), 
+    factory_1.StoryFactory.registerCharacter(constant_1.StoryGraphicType.TEXT, character_text_1.CharacterComponentText), 
+    factory_1.StoryFactory.registerCharacter(constant_1.StoryGraphicType.RICH_TEXT, character_richtext_1.CharacterComponentRichText), 
+    factory_1.StoryFactory.registerCharacter(constant_1.StoryGraphicType.QIPAO, character_qipao_1.CharacterComponentQipao), 
+    factory_1.StoryFactory.registerCharacter(constant_1.StoryGraphicType.LINE, character_line_1.CharacterComponentLine), 
+    factory_1.StoryFactory.registerCharacter(constant_1.StoryGraphicType.IMAGE, character_image_1.CharacterComponentImage), 
+    vrender_1.container.load(splitModule));
+}
+
+exports.registerCharacter = registerCharacter, registerCharacter(), __exportStar(require("./story"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/story/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { CharacterComponentQipao } from './character/component/characters/character-qipao';\nimport { CharacterComponentRect } from './character/component/characters/character-rect';\nimport { StoryFactory } from './factory/factory';\nimport { CharacterChart } from './character/chart/character';\nimport { ContainerModule, GraphicRender, container } from '@visactor/vrender';\nimport { CanvasPickerContribution } from '@visactor/vrender';\nimport { ChartRender, VChartRender } from './character/chart/graphic/vchart-graphic-render';\nimport { BarChartCharacter } from './character/chart/characters/bar';\nimport { LineChartCharacter } from './character/chart/characters/line';\nimport { AreaChartCharacter } from './character/chart/characters/area';\nimport { PieChartCharacter } from './character/chart/characters/pie';\nimport { RoseChartCharacter } from './character/chart/characters/rose';\nimport { RadarChartCharacter } from './character/chart/characters/radar';\nimport { WordCloudCharacter } from './character/chart/characters/wordcloud';\nimport { TreeMapChartCharacter } from './character/chart/characters/treemap';\nimport { SunburstChartCharacter } from './character/chart/characters/sunburst';\nimport { ScatterChartCharacter } from './character/chart/characters/scatter';\nimport { RangeColumnChartCharacter } from './character/chart/characters/rangeColumn';\nimport { CharacterComponentText } from './character/component/characters/character-text';\nimport { CharacterComponentRichText } from './character/component/characters/character-richtext';\nimport { VChartPicker } from './character/chart/graphic/vchart-graphic-picker';\nimport { StoryGraphicType } from '../dsl/constant';\nimport { CharacterComponentLine } from './character/component/characters/character-line';\nimport { CharacterComponentImage } from './character/component/characters/character-image';\n\nconst splitModule = new ContainerModule((bind: any) => {\n  // chart渲染器注入\n  bind(VChartRender).toSelf().inSingletonScope();\n  bind(ChartRender).toService(VChartRender);\n  bind(GraphicRender).toService(ChartRender);\n  bind(VChartPicker).to(VChartPicker).inSingletonScope();\n  bind(CanvasPickerContribution).toService(VChartPicker);\n});\n\nlet _register = false;\nexport function registerCharacter() {\n  if (_register) {\n    return;\n  }\n  _register = true;\n  StoryFactory.registerCharacter(BarChartCharacter.type, BarChartCharacter);\n  StoryFactory.registerCharacter(LineChartCharacter.type, CharacterChart);\n  StoryFactory.registerCharacter(CharacterChart.type, CharacterChart);\n  StoryFactory.registerCharacter(AreaChartCharacter.type, AreaChartCharacter);\n  StoryFactory.registerCharacter(PieChartCharacter.type, PieChartCharacter);\n  StoryFactory.registerCharacter(RoseChartCharacter.type, RoseChartCharacter);\n  StoryFactory.registerCharacter(RadarChartCharacter.type, RadarChartCharacter);\n  StoryFactory.registerCharacter(WordCloudCharacter.type, WordCloudCharacter);\n  StoryFactory.registerCharacter(TreeMapChartCharacter.type, TreeMapChartCharacter);\n  StoryFactory.registerCharacter(SunburstChartCharacter.type, SunburstChartCharacter);\n  StoryFactory.registerCharacter(ScatterChartCharacter.type, ScatterChartCharacter);\n  StoryFactory.registerCharacter(RangeColumnChartCharacter.type, RangeColumnChartCharacter);\n\n  // StoryFactory.registerCharacter('BarChart', CharacterChart);\n  // StoryFactory.registerCharacter('CharacterChart', CharacterChart);\n  // StoryFactory.registerCharacter('LineChart', CharacterChart);\n  StoryFactory.registerCharacter(StoryGraphicType.RECT, CharacterComponentRect);\n  StoryFactory.registerCharacter(StoryGraphicType.TEXT, CharacterComponentText);\n  StoryFactory.registerCharacter(StoryGraphicType.RICH_TEXT, CharacterComponentRichText);\n  StoryFactory.registerCharacter(StoryGraphicType.QIPAO, CharacterComponentQipao);\n  StoryFactory.registerCharacter(StoryGraphicType.LINE, CharacterComponentLine);\n  StoryFactory.registerCharacter(StoryGraphicType.IMAGE, CharacterComponentImage);\n\n  container.load(splitModule);\n}\n\nregisterCharacter();\n\nexport * from './story';\n"]}

package/cjs/story/interface/dsl-interface.d.ts

@@ -0,0 +1,25 @@
+import type { Action } from '../../dsl/types';
+import type { ICharacterSpec } from '../character';
+export interface IAction {
+    startTime: number;
+    action: string;
+    duration: number;
+    payload?: Action['payload'];
+}
+export interface IStorySpec {
+    acts: IActSpec[];
+    characters: ICharacterSpec[];
+}
+export interface IActionsLink {
+    characterId: string;
+    characterActions: IAction[];
+}
+export type ISceneSpec = {
+    id: string;
+    delay?: number;
+    actions: IActionsLink[];
+};
+export interface IActSpec {
+    id: string;
+    scenes: ISceneSpec[];
+}

package/cjs/story/interface/dsl-interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=dsl-interface.js.map

package/cjs/story/interface/dsl-interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/interface/dsl-interface.ts"],"names":[],"mappings":"","file":"dsl-interface.js","sourcesContent":["import type { Action } from '../../dsl/types';\nimport type { ICharacterSpec } from '../character';\n\nexport interface IAction {\n  startTime: number;\n  action: string;\n  duration: number;\n  payload?: Action['payload'];\n}\n\nexport interface IStorySpec {\n  acts: IActSpec[]; // 作品的章节\n  characters: ICharacterSpec[]; // 作品中的元素\n}\n\nexport interface IActionsLink {\n  characterId: string;\n  characterActions: IAction[];\n}\n\nexport type ISceneSpec = {\n  id: string;\n  delay?: number; // 入场延迟，可以是正数或者负数\n  actions: IActionsLink[];\n};\n\nexport interface IActSpec {\n  id: string;\n  scenes: ISceneSpec[];\n}\n"]}

package/cjs/story/interface/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dsl-interface';
+export * from './runtime-interface';

package/cjs/story/interface/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./dsl-interface"), exports), __exportStar(require("./runtime-interface"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/story/interface/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/interface/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,sDAAoC","file":"index.js","sourcesContent":["export * from './dsl-interface';\nexport * from './runtime-interface';\n"]}

package/cjs/story/interface/player.d.ts

@@ -0,0 +1,14 @@
+import { ICharacter } from '../character';
+import { IActSpec } from './dsl-interface';
+export interface IPlayer {
+    tickTo(t: number): void;
+    play(): void;
+    encodeToVideo(millsecond: number, fps: number): Promise<string>;
+    pause(): void;
+    release(): void;
+    addAct(c: IActSpec, characters: {
+        [key: string]: ICharacter;
+    }): void;
+    setCurrentAct(id: number | string): void;
+    getCurrentAct(): number | string;
+}

package/cjs/story/interface/player.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=player.js.map

package/cjs/story/interface/player.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/interface/player.ts"],"names":[],"mappings":"","file":"player.js","sourcesContent":["import { ICharacter } from '../character';\nimport { IActSpec } from './dsl-interface';\n\nexport interface IPlayer {\n  tickTo(t: number): void;\n  play(): void;\n  encodeToVideo(millsecond: number, fps: number): Promise<string>;\n  pause(): void;\n  release(): void;\n  addAct(\n    c: IActSpec,\n    characters: {\n      [key: string]: ICharacter;\n    }\n  ): void;\n  setCurrentAct(id: number | string): void;\n  getCurrentAct(): number | string;\n}\n"]}

package/cjs/story/interface/runtime-interface.d.ts

@@ -0,0 +1,11 @@
+import type { IGraphic } from '@visactor/vrender';
+export interface IStoryInitOption {
+    dom: string | HTMLDivElement;
+}
+export interface IStory {
+    readonly id: string;
+}
+export type StoryEvent = Event & {
+    detailPath: IGraphic[];
+    path: IGraphic[];
+};

package/cjs/story/interface/runtime-interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=runtime-interface.js.map

package/cjs/story/interface/runtime-interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/interface/runtime-interface.ts"],"names":[],"mappings":"","file":"runtime-interface.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender';\n\nexport interface IStoryInitOption {\n  dom: string | HTMLDivElement; // dom id\n}\n\nexport interface IStory {\n  readonly id: string;\n}\n\nexport type StoryEvent = Event & {\n  detailPath: IGraphic[];\n  path: IGraphic[];\n};\n"]}

package/cjs/story/player/encode.d.ts

@@ -0,0 +1 @@
+

package/cjs/story/player/encode.js

@@ -0,0 +1,3 @@
+
+
+//# sourceMappingURL=encode.js.map

package/cjs/story/player/encode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/player/encode.ts"],"names":[],"mappings":"","file":"encode.js","sourcesContent":["// import { FFmpeg, createFFmpeg, fetchFile } from '@ffmpeg/ffmpeg';\n\n// export class Encoder {\n//   private _FFMPEG: FFmpeg | null = null;\n//   private _FFMPEG_Loaded = false;\n\n//   constructor() {\n//     this.initFFMPEG();\n//   }\n\n//   async initFFMPEG() {\n//     this._FFMPEG = createFFmpeg({ log: true });\n//     await this.loadFFmpeg();\n//   }\n//   async loadFFmpeg() {\n//     if (this._FFMPEG_Loaded) {\n//       return;\n//     }\n//     if (!this._FFMPEG) {\n//       this._FFMPEG = createFFmpeg({ log: true });\n//     }\n//     await this._FFMPEG.load();\n//     console.log('加载');\n//     this._FFMPEG_Loaded = true;\n//   }\n\n//   async exportVideo(frameNum: number, fps: number, cb: (i: number) => Promise<Blob | null>) {\n//     const outName = `out`;\n//     await this.loadFFmpeg();\n//     const ffmpeg = this._FFMPEG;\n//     if (!ffmpeg) {\n//       return;\n//     }\n//     console.log(ffmpeg.isLoaded());\n\n//     for (let i = 0; i < frameNum; i++) {\n//       const data = await cb(i);\n//       console.log(frameNum, i, data);\n//       const num = `0000${i}`.slice(-3);\n\n//       ffmpeg.FS('writeFile', `vstory.${num}.png`, await fetchFile(data));\n//     }\n\n//     await ffmpeg.run(\n//       '-framerate',\n//       fps.toString(),\n//       '-pattern_type',\n//       'glob',\n//       '-i',\n//       '*.png',\n//       '-c:v',\n//       'libx264',\n//       '-pix_fmt',\n//       'yuv420p',\n//       `${outName}.mp4`\n//     );\n//     for (let i = 0; i < frameNum; i++) {\n//       const num = `0000${i}`.slice(-3);\n//       ffmpeg.FS('unlink', `vstory.${num}.png`);\n//     }\n//     console.log('readFile');\n//     const data = (this._FFMPEG as FFmpeg).FS('readFile', `${outName}.mp4`);\n//     console.log('data', data);\n//     const objUrl = URL.createObjectURL(new Blob([data.buffer], { type: 'video/mp4' }));\n//     return objUrl;\n//   }\n// }\n"]}

package/cjs/story/player/index.d.ts

@@ -0,0 +1,45 @@
+import type { StoryCanvas } from '../canvas/canvas';
+import type { IActSpec, IAction } from '../interface';
+import type { IPlayer } from '../interface/player';
+import { ActionProcessor } from '../../dsl/story-processor';
+import type { ICharacter } from '../character';
+export declare class Ticker {
+    cb?: (delta: number) => void;
+    rafIdx: number;
+    start(cb: (t: number) => void): void;
+    _tick: (lt: number) => void;
+    stop(): void;
+}
+type IChapterInstanceItem = {
+    id: string;
+    scenes: Array<{
+        scene: {
+            character: ICharacter;
+            action: IAction;
+        }[];
+        delay: number;
+    }>;
+    characters: ICharacter[];
+};
+export declare class Player implements IPlayer {
+    protected _canvas: StoryCanvas;
+    protected _acts: IChapterInstanceItem[];
+    protected _currAct: IChapterInstanceItem;
+    protected _ticker: Ticker;
+    protected _currTime: number;
+    protected _actionProcessor: ActionProcessor;
+    constructor(c: StoryCanvas);
+    addAct(c: IActSpec, characters: {
+        [key: string]: ICharacter;
+    }): void;
+    setCurrentAct(id: number | string): void;
+    getCurrentAct(): string;
+    reset(): void;
+    tickTo(t: number): void;
+    play(): void;
+    encodeToVideo(millsecond: number, fps: number): Promise<any>;
+    pause(): void;
+    resume(): void;
+    release(): void;
+}
+export {};

package/cjs/story/player/index.js

@@ -0,0 +1,138 @@
+"use strict";
+
+var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))((function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function rejected(value) {
+            try {
+                step(generator.throw(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            var value;
+            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P((function(resolve) {
+                resolve(value);
+            }))).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    }));
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Player = exports.Ticker = void 0;
+
+const vutils_1 = require("@visactor/vutils"), story_processor_1 = require("../../dsl/story-processor");
+
+class Ticker {
+    constructor() {
+        this.rafIdx = 0, this._tick = lt => {
+            const ct = Date.now();
+            this.cb && this.cb(0 === lt ? 0 : ct - lt), this.rafIdx = requestAnimationFrame((() => this._tick(ct)));
+        };
+    }
+    start(cb) {
+        this.stop(), this.cb = cb, this._tick(0);
+    }
+    stop() {
+        this.rafIdx && cancelAnimationFrame(this.rafIdx), this.rafIdx = 0;
+    }
+}
+
+exports.Ticker = Ticker;
+
+class Player {
+    constructor(c) {
+        this._canvas = c, this._acts = [], this._ticker = new Ticker, this._currTime = 0, 
+        this._actionProcessor = new story_processor_1.ActionProcessor(story_processor_1.processorMap);
+    }
+    addAct(c, characters) {
+        const scenes = [], characterSet = new Set;
+        c.scenes.forEach((item => {
+            var _a;
+            const scene = {
+                scene: [],
+                delay: null !== (_a = item.delay) && void 0 !== _a ? _a : 0
+            };
+            item.actions.forEach((({characterActions: characterActions, characterId: characterId}) => {
+                const _actions = characterActions.slice();
+                _actions.sort(((a, b) => a.startTime - b.startTime)), _actions.forEach((action => {
+                    const character = characters[characterId];
+                    scene.scene.push({
+                        character: character,
+                        action: action
+                    }), characterSet.add(character);
+                }));
+            })), scenes.push(scene);
+        })), this._acts.push({
+            id: c.id,
+            scenes: scenes,
+            characters: Array.from(characterSet.values())
+        });
+    }
+    setCurrentAct(id) {
+        (0, vutils_1.isNumber)(id) ? this._currAct = this._acts[id] : this._currAct = this._acts.filter((item => item.id === id))[0];
+    }
+    getCurrentAct() {
+        var _a;
+        return null === (_a = this._currAct) || void 0 === _a ? void 0 : _a.id;
+    }
+    reset() {
+        this._currAct.characters.forEach((item => {
+            item.reset();
+        }));
+    }
+    tickTo(t) {
+        const lastTime = this._currTime;
+        lastTime > t && (this.reset(), this._currTime = 0, this.tickTo(0));
+        const characterSet = new Set;
+        let baseStartTime = 0;
+        for (let i = 0; i < this._currAct.scenes.length; i++) {
+            const scene = this._currAct.scenes[i];
+            baseStartTime += scene.delay, baseStartTime <= t && scene.scene.forEach((({character: character, action: action}) => {
+                const {startTime: st} = action, startTime = st + baseStartTime;
+                if (!(startTime > t)) {
+                    if (characterSet.add(character), startTime > lastTime && startTime <= t) {
+                        const {type: type} = character.spec;
+                        this._actionProcessor.doAction(type, action.action, [ character, {}, action ]);
+                    }
+                    character.show();
+                }
+            }));
+            let sceneTime = 0;
+            scene.scene.forEach((({action: action}) => {
+                const {startTime: startTime, duration: duration} = action;
+                sceneTime = Math.max(startTime + duration, startTime);
+            })), baseStartTime += sceneTime;
+        }
+        this._currTime = t, this._canvas.getStage().ticker.tickAt(t), this._canvas.getStage().render();
+    }
+    play() {
+        this._currAct && (this._ticker.stop(), this._currTime = 0, this.reset(), this._ticker.start((t => {
+            this.tickTo(this._currTime + t);
+        })));
+    }
+    encodeToVideo(millsecond, fps) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            return null;
+        }));
+    }
+    pause() {
+        this._ticker.stop();
+    }
+    resume() {
+        this._ticker._tick(this._currTime);
+    }
+    release() {}
+}
+
+exports.Player = Player;
+//# sourceMappingURL=index.js.map

package/cjs/story/player/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/player/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { isNumber } from '@visactor/vutils';\nimport type { StoryCanvas } from '../canvas/canvas';\nimport type { IActSpec, IAction } from '../interface';\nimport type { IPlayer } from '../interface/player';\nimport { processorMap, ActionProcessor } from '../../dsl/story-processor';\n// import { Encoder } from './encode';\nimport type { ICharacter } from '../character';\n\nexport class Ticker {\n  cb?: (delta: number) => void;\n  rafIdx = 0;\n  start(cb: (t: number) => void) {\n    this.stop();\n    this.cb = cb;\n    this._tick(0);\n  }\n\n  _tick = (lt: number) => {\n    const ct = Date.now();\n    this.cb && this.cb(lt === 0 ? 0 : ct - lt);\n    this.rafIdx = requestAnimationFrame(() => this._tick(ct));\n  };\n\n  stop() {\n    this.rafIdx && cancelAnimationFrame(this.rafIdx);\n    this.rafIdx = 0;\n  }\n}\n\ntype IChapterInstanceItem = {\n  id: string;\n  scenes: Array<{\n    scene: {\n      character: ICharacter;\n      action: IAction;\n    }[];\n    delay: number;\n  }>;\n  characters: ICharacter[];\n};\n\nexport class Player implements IPlayer {\n  protected _canvas: StoryCanvas;\n  protected _acts: IChapterInstanceItem[];\n  protected _currAct: IChapterInstanceItem;\n  protected _ticker: Ticker;\n  protected _currTime: number;\n  // protected _encoder: Encoder;\n  protected _actionProcessor: ActionProcessor;\n\n  constructor(c: StoryCanvas) {\n    this._canvas = c;\n    this._acts = [];\n    this._ticker = new Ticker();\n    this._currTime = 0;\n    // this._encoder = new Encoder();\n    this._actionProcessor = new ActionProcessor(processorMap);\n  }\n\n  addAct(\n    c: IActSpec,\n    characters: {\n      [key: string]: ICharacter;\n    }\n  ): void {\n    const scenes: IChapterInstanceItem['scenes'] = [];\n    const characterSet: Set<ICharacter> = new Set();\n    c.scenes.forEach(item => {\n      const scene: IChapterInstanceItem['scenes'][0] = { scene: [], delay: item.delay ?? 0 };\n      item.actions.forEach(({ characterActions, characterId }) => {\n        const _actions = characterActions.slice();\n        _actions.sort((a, b) => a.startTime - b.startTime);\n        _actions.forEach(action => {\n          const character = characters[characterId];\n          scene.scene.push({\n            character,\n            action: action\n          });\n          characterSet.add(character);\n        });\n      });\n      scenes.push(scene);\n    });\n    this._acts.push({\n      id: c.id,\n      scenes: scenes,\n      characters: Array.from(characterSet.values())\n    });\n  }\n\n  setCurrentAct(id: number | string) {\n    if (isNumber(id)) {\n      this._currAct = this._acts[id];\n    } else {\n      this._currAct = this._acts.filter(item => item.id === id)[0];\n    }\n  }\n\n  getCurrentAct() {\n    return this._currAct?.id;\n  }\n\n  // 清除当前状态，一般用于回放操作\n  reset() {\n    this._currAct.characters.forEach(item => {\n      item.reset();\n    });\n  }\n\n  tickTo(t: number) {\n    const lastTime = this._currTime;\n    if (lastTime > t) {\n      // 如果时间回退，那就重新走一遍\n      this.reset();\n      this._currTime = 0;\n      this.tickTo(0);\n    }\n    const characterSet = new Set<ICharacter>();\n\n    let baseStartTime = 0;\n    for (let i = 0; i < this._currAct.scenes.length; i++) {\n      const scene = this._currAct.scenes[i];\n      baseStartTime += scene.delay;\n      if (baseStartTime <= t) {\n        scene.scene.forEach(({ character, action }) => {\n          const { startTime: st } = action;\n          const startTime = st + baseStartTime;\n          if (startTime > t) {\n            return;\n          }\n          characterSet.add(character);\n          // 之前没走过，现在走\n          if (startTime > lastTime && startTime <= t) {\n            const { type } = character.spec;\n            this._actionProcessor.doAction(type, action.action, [character, {}, action]);\n          }\n          character.show();\n        });\n      }\n      let sceneTime = 0;\n      scene.scene.forEach(({ action }) => {\n        const { startTime, duration } = action;\n        sceneTime = Math.max(startTime + duration, startTime);\n      });\n      baseStartTime += sceneTime;\n      // if (baseStartTime > t) {\n      //   break;\n      // }\n    }\n\n    // roleSet.forEach(r => {\n    //   r.tickTo && r.tickTo(t);\n    // });\n\n    this._currTime = t;\n    this._canvas.getStage().ticker.tickAt(t);\n    this._canvas.getStage().render();\n  }\n\n  play(): void {\n    if (!this._currAct) {\n      return;\n    }\n    this._ticker.stop();\n    this._currTime = 0;\n    this.reset();\n    this._ticker.start(t => {\n      this.tickTo(this._currTime + t);\n    });\n  }\n\n  async encodeToVideo(millsecond: number, fps: number): Promise<any> {\n    // // if (!this._currChapter) {\n    // //   return;\n    // // }\n    // const frameNum = (millsecond / 1000) * fps;\n    // const deltaT = 1000 / fps;\n    // this.tickTo(0);\n    // const objUrl = await this._encoder.exportVideo(frameNum, fps, async i => {\n    //   const t = deltaT * i;\n    //   this.tickTo(t);\n    //   return new Promise((resolve, reject) => {\n    //     this._canvas\n    //       .getStage()\n    //       .window.getContext()\n    //       .canvas.nativeCanvas.toBlob((blob: any) => {\n    //         if (blob) {\n    //           resolve(blob);\n    //         } else {\n    //           // console.log('no blob');\n    //           reject('no blob');\n    //         }\n    //       }, `image/png`);\n    //   });\n    // });\n\n    // return objUrl;\n    return null;\n  }\n\n  pause(): void {\n    this._ticker.stop();\n  }\n\n  resume(): void {\n    this._ticker._tick(this._currTime);\n  }\n\n  release(): void {\n    return;\n  }\n}\n"]}

package/cjs/story/player/ticker.d.ts

@@ -0,0 +1 @@
+

package/cjs/story/player/ticker.js

@@ -0,0 +1,3 @@
+
+
+//# sourceMappingURL=ticker.js.map

package/cjs/story/player/ticker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/player/ticker.ts"],"names":[],"mappings":"","file":"ticker.js","sourcesContent":[""]}

package/cjs/story/story.d.ts

@@ -0,0 +1,27 @@
+import type { IStory, IStoryInitOption } from './interface/runtime-interface';
+import type { ICharacter } from './character/runtime-interface';
+import { StoryCanvas } from './canvas/canvas';
+import type { IStorySpec } from './interface';
+import type { IPlayer } from './interface/player';
+export declare class Story implements IStory {
+    static _id_: number;
+    protected _player: IPlayer;
+    readonly id: string;
+    protected _canvas: StoryCanvas;
+    get canvas(): StoryCanvas;
+    protected _characters: {
+        [key: string]: ICharacter;
+    };
+    constructor(spec: IStorySpec, option: IStoryInitOption);
+    load(spec: IStorySpec): void;
+    getCharacters(): {
+        [key: string]: ICharacter;
+    };
+    private _createCharacter;
+    private _createAct;
+    play(actIndex?: string | number): void;
+    pause(): string | number;
+    encodeToVideo(actIndex: number, millsecond: number, fps: number): Promise<string>;
+    getPlayer(): IPlayer;
+    release(): void;
+}

package/cjs/story/story.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))((function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function rejected(value) {
+            try {
+                step(generator.throw(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            var value;
+            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P((function(resolve) {
+                resolve(value);
+            }))).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    }));
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Story = void 0;
+
+const vutils_1 = require("@visactor/vutils"), canvas_1 = require("./canvas/canvas"), factory_1 = require("./factory/factory"), vrender_1 = require("@visactor/vrender"), player_1 = require("./player");
+
+vrender_1.defaultTicker.remTimeline(vrender_1.defaultTimeline);
+
+class Story {
+    get canvas() {
+        return this._canvas;
+    }
+    constructor(spec, option) {
+        this._characters = {}, this.id = "test-mvp_" + Story._id_++, this._canvas = new canvas_1.StoryCanvas(this, (0, 
+        vutils_1.isString)(option.dom) ? document.getElementById(option.dom) : option.dom), 
+        this._player = new player_1.Player(this._canvas), spec && this.load(spec);
+    }
+    load(spec) {
+        spec.characters.forEach((e => {
+            this._createCharacter(e);
+        })), spec.acts.forEach((e => {
+            this._createAct(e);
+        }));
+    }
+    getCharacters() {
+        return this._characters;
+    }
+    _createCharacter(spec) {
+        const option = {
+            story: this,
+            canvas: this._canvas,
+            graphicParent: this._canvas.getStage().defaultLayer
+        };
+        return spec.id ? (this._characters[spec.id] || (this._characters[spec.id] = factory_1.StoryFactory.createCharacter(spec, option)), 
+        this._characters[spec.id]) : null;
+    }
+    _createAct(spec) {
+        this._player.addAct(spec, this._characters);
+    }
+    play(actIndex = 0) {
+        this._player.setCurrentAct(actIndex), this._player.play();
+    }
+    pause() {
+        return this._player.pause(), this._player.getCurrentAct();
+    }
+    encodeToVideo(actIndex, millsecond, fps) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            return this._player.setCurrentAct(actIndex), this._player.encodeToVideo(millsecond, fps);
+        }));
+    }
+    getPlayer() {
+        return this._player;
+    }
+    release() {
+        this._player.release(), this._canvas.release();
+    }
+}
+
+exports.Story = Story, Story._id_ = 0;
+//# sourceMappingURL=story.js.map

package/cjs/story/story.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/story.ts"],"names":[],"mappings":"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","file":"story.js","sourcesContent":["import type { ICharacterSpec } from './character/dsl-interface';\nimport { isString } from '@visactor/vutils';\nimport type { IStory, IStoryInitOption } from './interface/runtime-interface';\nimport type { ICharacter } from './character/runtime-interface';\nimport { StoryCanvas } from './canvas/canvas';\nimport type { IStorySpec, IActSpec } from './interface';\nimport { StoryFactory } from './factory/factory';\nimport { defaultTicker, defaultTimeline } from '@visactor/vrender';\nimport type { IPlayer } from './interface/player';\nimport { Player } from './player';\n\ndefaultTicker.remTimeline(defaultTimeline);\n\nexport class Story implements IStory {\n  static _id_ = 0;\n\n  protected _player: IPlayer;\n\n  readonly id: string;\n\n  protected _canvas: StoryCanvas;\n  get canvas() {\n    return this._canvas;\n  }\n\n  protected _characters: { [key: string]: ICharacter } = {};\n\n  constructor(spec: IStorySpec, option: IStoryInitOption) {\n    this.id = 'test-mvp_' + Story._id_++;\n    this._canvas = new StoryCanvas(\n      this,\n      isString(option.dom) ? (document.getElementById(option.dom) as HTMLDivElement) : option.dom\n    );\n    this._player = new Player(this._canvas);\n\n    if (spec) {\n      this.load(spec);\n    }\n  }\n\n  load(spec: IStorySpec) {\n    spec.characters.forEach(e => {\n      this._createCharacter(e);\n    });\n    // @ts-ignore\n    spec.acts.forEach(e => {\n      this._createAct(e);\n    });\n  }\n\n  getCharacters(): { [key: string]: ICharacter } {\n    return this._characters;\n  }\n\n  private _createCharacter(spec: ICharacterSpec) {\n    const option = { story: this, canvas: this._canvas, graphicParent: this._canvas.getStage().defaultLayer };\n    if ((<ICharacterSpec>spec).id) {\n      if (!this._characters[(<ICharacterSpec>spec).id]) {\n        this._characters[(<ICharacterSpec>spec).id] = StoryFactory.createCharacter(<ICharacterSpec>spec, option);\n      }\n      return this._characters[(<ICharacterSpec>spec).id];\n    }\n    //  else if ((<ICharacterLink>spec).characterId) {\n    //   return this._characters[(<ICharacterLink>spec).characterId];\n    // }\n    return null;\n  }\n\n  private _createAct(spec: IActSpec) {\n    this._player.addAct(spec, this._characters);\n  }\n\n  play(actIndex: string | number = 0) {\n    // player 开始播放\n    this._player.setCurrentAct(actIndex);\n    this._player.play();\n  }\n\n  pause() {\n    this._player.pause();\n    return this._player.getCurrentAct();\n  }\n\n  async encodeToVideo(actIndex: number, millsecond: number, fps: number) {\n    this._player.setCurrentAct(actIndex);\n    return this._player.encodeToVideo(millsecond, fps);\n  }\n\n  getPlayer() {\n    return this._player;\n  }\n\n  release() {\n    this._player.release();\n    this._canvas.release();\n  }\n}\n"]}

package/cjs/story/utils/chart.d.ts

@@ -0,0 +1,8 @@
+import { ISpec } from '@visactor/vchart';
+export declare function isModelInfoMatchSpec(info: any, spec: {
+    id: string | number;
+}, specKey: string, index: number, option?: {
+    ignoreIdMatch: boolean;
+}): boolean;
+export declare function mergeSpec(target: any, ...sources: any[]): any;
+export declare function findChartSpec(s: any, vchartSpec: ISpec): any;