@hatiolab/things-scene 9.0.0-beta.9 → 9.0.0

package/dist/components/audio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"audio.js","sourceRoot":"","sources":["../../src/components/audio.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, ComponentNature, Properties, RectPath, Shape } from '@hatiolab/things-scene'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'string',\n      label: 'src',\n      name: 'src'\n    },\n    {\n      type: 'checkbox',\n      label: 'started',\n      name: 'started'\n    },\n    {\n      type: 'checkbox',\n      label: 'loop',\n      name: 'loop'\n    }\n  ],\n  'value-property': 'src',\n  help: 'scene/component/audio'\n}\n\nconst AUDIO_IMAGE =\n  'data:image/png;base64,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'\n\nexport default class AudioPlayer extends RectPath(Shape) {\n  static IMAGE: HTMLImageElement\n\n  static get image() {\n    if (!AudioPlayer.IMAGE) {\n      AudioPlayer.IMAGE = new Image()\n      AudioPlayer.IMAGE.src = AUDIO_IMAGE\n    }\n\n    return AudioPlayer.IMAGE\n  }\n\n  _audio: any\n\n  dispose() {\n    super.dispose()\n\n    this.started = false\n    delete this._audio\n  }\n\n  ready() {\n    super.ready()\n\n    this._audio = new Audio()\n\n    this._audio.addEventListener('canplay', () => {\n      this.started && this._audio.play()\n    })\n\n    var { src = '', loop = false, started = false } = this.state\n\n    this.onchangeSrc(src)\n    this.onchangeLoop(loop)\n    this.onchangeStarted(started)\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { left, top, width, height, src } = this.state\n\n    ctx.beginPath()\n\n    this.drawImage(ctx, AudioPlayer.image, left, top, width, height)\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  get hasTextProperty() {\n    return false\n  }\n\n  get src() {\n    return this.get('src')\n  }\n\n  set src(src) {\n    this.set('src', src)\n  }\n\n  get started() {\n    return !!this.get('started')\n  }\n\n  set started(started) {\n    this.set('started', started)\n  }\n\n  start() {\n    if (!this._audio) return\n\n    this._audio.classList.add('active')\n    this._audio.play()\n  }\n\n  pause() {\n    if (!this._audio) return\n\n    this._audio.classList.remove('active')\n    this._audio.pause()\n  }\n\n  onchangeSrc(src: string) {\n    try {\n      // this._audio.crossOrigin = \"anonymous\";\n      if (String(src).substring(0, 4) !== 'data') this._audio.crossOrigin = 'use-credentials'\n      else this._audio.crossOrigin = null\n\n      this._audio.src = typeof src === 'string' ? this.app.url(src) : src\n    } catch (e) {\n      console.error(e)\n      return\n    }\n  }\n\n  onchangeStarted(started: boolean) {\n    const audio = this._audio\n\n    if (started) {\n      /* \n        [ audio/video.readyState ]\n        0 = HAVE_NOTHING - no information whether or not the audio/video is ready\n        1 = HAVE_METADATA - metadata for the audio/video is ready\n        2 = HAVE_CURRENT_DATA - data for the current playback position is available, but not enough data to play next frame/millisecond\n        3 = HAVE_FUTURE_DATA - data for the current and at least the next frame is available\n        4 = HAVE_ENOUGH_DATA - enough data available to start playing\n      */\n      audio.readyState == 4 && audio.play()\n    } else {\n      audio.pause()\n    }\n  }\n\n  onchangeLoop(loop: boolean) {\n    this._audio.loop = loop\n  }\n\n  onchange(after: Properties, before: Properties) {\n    'src' in after && this.onchangeSrc(after.src)\n    'started' in after && this.onchangeStarted(after.started)\n    'loop' in after && this.onchangeLoop(after.loop)\n  }\n\n  ondblclick(e: MouseEvent) {\n    this.started = !this.started\n  }\n\n  ondropfile(transfered: DataTransferItemList, files: FileList) {\n    for (let i = 0; i < transfered.length; i++) {\n      if (transfered[i].type.startsWith('audio/')) {\n        this.src = files[i]\n        return\n      }\n    }\n  }\n}\n\nComponent.register('audio', AudioPlayer)\n"]}

package/dist/components/cloud.d.ts

@@ -1,13 +0,0 @@
-import { Component } from '@hatiolab/things-scene';
-export default class Cloud extends Component {
-    prerender(ctx: CanvasRenderingContext2D): void;
-    render(ctx: CanvasRenderingContext2D): void;
-    get path(): {
-        x: any;
-        y: any;
-    }[];
-    set path(path: {
-        x: any;
-        y: any;
-    }[]);
-}

package/dist/components/cloud.js

@@ -1,31 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import { Component } from '@hatiolab/things-scene';
-// import { Component } from '@hatiolab/things-scene'
-export default class Cloud extends Component {
-    prerender(ctx) {
-        //TODO center()를 구현할 때까지, 아무 구현없이 오버라이드한다.
-    }
-    render(ctx) {
-        var { x, y } = this.state;
-        ctx.beginPath();
-        ctx.moveTo(x, y);
-        ctx.bezierCurveTo(x - 40, y + 20, x - 40, y + 70, x + 50, y + 70);
-        ctx.bezierCurveTo(x + 80, y + 100, x + 150, y + 100, x + 170, y + 70);
-        ctx.bezierCurveTo(x + 250, y + 70, x + 250, y + 40, x + 220, y + 30);
-        ctx.bezierCurveTo(x + 260, y - 40, x + 200, y - 50, x + 170, y - 30);
-        ctx.bezierCurveTo(x + 150, y - 75, x + 80, y - 60, x + 80, y - 30);
-        ctx.bezierCurveTo(x + 30, y - 75, x - 20, y - 60, x, y);
-        ctx.closePath();
-    }
-    get path() {
-        var { x, y } = this.state;
-        return [{ x, y }];
-    }
-    set path(path) {
-        /* do nothing */
-    }
-}
-Component.register('cloud', Cloud);
-//# sourceMappingURL=cloud.js.map

package/dist/components/cloud.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cloud.js","sourceRoot":"","sources":["../../src/components/cloud.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAa,MAAM,wBAAwB,CAAA;AAE7D,qDAAqD;AAErD,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,SAAS;IAC1C,SAAS,CAAC,GAA6B;QACrC,0CAA0C;IAC5C,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEzB,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAEhB,GAAG,CAAC,aAAa,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAA;QACjE,GAAG,CAAC,aAAa,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAA;QACrE,GAAG,CAAC,aAAa,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAA;QACpE,GAAG,CAAC,aAAa,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAA;QACpE,GAAG,CAAC,aAAa,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAA;QAClE,GAAG,CAAC,aAAa,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QAEvD,GAAG,CAAC,SAAS,EAAE,CAAA;IACjB,CAAC;IAED,IAAI,IAAI;QACN,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEzB,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;IACnB,CAAC;IAED,IAAI,IAAI,CAAC,IAAI;QACX,gBAAgB;IAClB,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, DIMENSION } from '@hatiolab/things-scene'\n\n// import { Component } from '@hatiolab/things-scene'\n\nexport default class Cloud extends Component {\n  prerender(ctx: CanvasRenderingContext2D) {\n    //TODO center()를 구현할 때까지, 아무 구현없이 오버라이드한다.\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { x, y } = this.state\n\n    ctx.beginPath()\n\n    ctx.moveTo(x, y)\n\n    ctx.bezierCurveTo(x - 40, y + 20, x - 40, y + 70, x + 50, y + 70)\n    ctx.bezierCurveTo(x + 80, y + 100, x + 150, y + 100, x + 170, y + 70)\n    ctx.bezierCurveTo(x + 250, y + 70, x + 250, y + 40, x + 220, y + 30)\n    ctx.bezierCurveTo(x + 260, y - 40, x + 200, y - 50, x + 170, y - 30)\n    ctx.bezierCurveTo(x + 150, y - 75, x + 80, y - 60, x + 80, y - 30)\n    ctx.bezierCurveTo(x + 30, y - 75, x - 20, y - 60, x, y)\n\n    ctx.closePath()\n  }\n\n  get path() {\n    var { x, y } = this.state\n\n    return [{ x, y }]\n  }\n\n  set path(path) {\n    /* do nothing */\n  }\n}\n\nComponent.register('cloud', Cloud)\n"]}

package/dist/components/component.d.ts

@@ -1,227 +0,0 @@
-declare class Component {
-    static get nature(): {
-        mutable: boolean;
-        resizable: boolean;
-        rotatable: boolean;
-        properties: never[];
-        'value-property': string;
-    };
-    static register(type: any, clazz: any): any;
-    static get residents(): WeakMap<object, any>;
-    static registerDecorator(name: any, decorator: any): void;
-    constructor(model: any, app: any);
-    _app: any;
-    _model: any;
-    _state: {};
-    _delta: {
-        theta: number;
-        tx: number;
-        ty: number;
-        sx: number;
-        sy: number;
-        fade: number;
-    };
-    created(): void;
-    added(parent: any): void;
-    removed(parent: any): void;
-    ready(): Promise<void>;
-    set data(arg: any);
-    get data(): any;
-    touch(): void;
-    updatedAt: number | undefined;
-    clearCache(...attrs: any[]): void;
-    removeSelf(completely: any): void;
-    dispose(): void;
-    _disposed: boolean | undefined;
-    get nature(): any;
-    get disposed(): boolean;
-    isLayer(): boolean;
-    isGroup(): boolean;
-    isContainer(): boolean;
-    isLine(): boolean;
-    isRoot(): boolean;
-    isRootModel(): boolean;
-    is3dish(): boolean;
-    isTemplate(): boolean;
-    isHTMLElement(): boolean;
-    isConnectable(): boolean;
-    replaceRefids(replaceMap: any): void;
-    get retention(): number;
-    get hasTextProperty(): boolean;
-    get app(): any;
-    /** Properties Getter/Setter */
-    get model(): any;
-    get state(): any;
-    get hierarchy(): any;
-    set textHidden(arg: boolean);
-    get textHidden(): boolean;
-    _textHidden: any;
-    get(property: any): any;
-    /**
-     * 컴포넌트의 모델 속성값을 바꾸는 메쏘드.
-     *
-     * - 하나의 속성을 변경하는 경우.
-     *  component.set('top', 10)
-     * - 여러개의 속성을 변경하는 경우.
-     *  component.set({top:10, left:50})
-     */
-    set(props: any, propval: any): any;
-    getState(property: any): any;
-    setState(props: any, propval: any): any;
-    get root(): any;
-    get rootModel(): any;
-    set parent(arg: any);
-    get parent(): any;
-    _parent: any;
-    get anchors(): any;
-    findAnchor(name: any): any;
-    isDescendible(container: any): boolean;
-    getContext(): any;
-    set center(arg: {
-        x: any;
-        y: any;
-    });
-    get center(): {
-        x: any;
-        y: any;
-    };
-    set path(arg: never[]);
-    get path(): never[];
-    set location(arg: {
-        x: any;
-        y: any;
-    });
-    get location(): {
-        x: any;
-        y: any;
-    };
-    set dimension(arg: any);
-    get dimension(): any;
-    set bounds(arg: {
-        left: any;
-        top: any;
-        width: number;
-        height: number;
-    });
-    get bounds(): {
-        left: any;
-        top: any;
-        width: number;
-        height: number;
-    };
-    get drawPath(): never[];
-    outline(progress: any): any;
-    set strokeStyle(arg: any);
-    get strokeStyle(): any;
-    set fillStyle(arg: any);
-    get fillStyle(): any;
-    set fontColor(arg: any);
-    get fontColor(): any;
-    set rotation(arg: any);
-    get rotation(): any;
-    contains(x: any, y: any): boolean;
-    get mutable(): any;
-    get resizable(): any;
-    adjustResize(bounds: any, origin_bounds: any, diagonal: any): any;
-    get rotatable(): any;
-    adjustRotation(rotation: any, step: any): any;
-    get capturable(): any;
-    get stuck(): boolean;
-    findFirst(finder: any, ...others: any[]): Component | undefined;
-    findAll(s: any, ...others: any[]): any;
-    capture(x: any, y: any, except: any): false | Component | undefined;
-    prepare(resolve: any, reject: any): void;
-    prepareIf(condition: any): void;
-    get decotag(): string;
-    get decorators(): string[];
-    set hidden(arg: any);
-    get hidden(): any;
-    draw(context: any): void;
-    delta(attr: any, value: any): any;
-    prerender(context: any): void;
-    render(context: any): void;
-    postrender(context: any): void;
-    drawText(context: any): void;
-    drawStroke(context: any, override: any): void;
-    drawFill(context: any, override: any): void;
-    animate(opts: any): {
-        start: () => any;
-        stop: () => any;
-    };
-    _animate: {
-        start: () => any;
-        stop: () => any;
-    } | undefined;
-    move({ x, y }: {
-        x: any;
-        y: any;
-    }): void;
-    symmetryX(x: any): void;
-    symmetryY(y: any): void;
-    get animation(): any;
-    _animation: any;
-    effect(context: any, model: any): void;
-    set started(arg: any);
-    invalidate(): void;
-    get font(): string;
-    get lineHeight(): any;
-    defaultTextSubstitutor(): string;
-    get textSubstitutor(): () => string;
-    _text_substitutor: (() => string) | undefined;
-    set text(arg: any);
-    get text(): any;
-    textLines(context: any): string[][];
-    get textBounds(): {
-        left: any;
-        top: any;
-        width: number;
-        height: number;
-    };
-    get textRotation(): number;
-    get rotatePoint(): {
-        x: any;
-        y: any;
-    };
-    trim(): void;
-    set value(arg: any);
-    get value(): any;
-    get mappings(): any;
-    get RealObject(): void;
-    _realObject: void | undefined;
-    buildRealObject(): void;
-    serialize(...others: any[]): string;
-    get controls(): void;
-    closeScene(data: any): void;
-}
-declare namespace Component {
-    export { union };
-    export { transcoordR };
-    export { transcoordRR };
-    export { createCanvas };
-    export const memoize: typeof import("../core/memoize").intercept;
-    export const mixin: typeof core.mixin;
-    export { drawText };
-    export { font };
-    export { textLines };
-    export { drawStroke };
-    export { drawFill };
-    export { reposition };
-    export { RetentionManager };
-    export { template };
-    export { buildSubstitutor };
-}
-export default Component;
-import union from "./geometry/union";
-import { transcoordR } from "./geometry/transcoord";
-import { transcoordRR } from "./geometry/transcoord";
-import { createCanvas } from "./html/elements";
-import * as core from "../core";
-import { drawText } from "./drawer/text";
-import { font } from "./drawer/text";
-import { textLines } from "./drawer/text";
-import drawStroke from "./drawer/stroke";
-import { drawFill } from "./drawer/fill";
-import reposition from "./html/reposition";
-import RetentionManager from "./retention/retention-manager";
-import template from "lodash/template";
-import { buildSubstitutor } from "./text/substitutor";