@flashist/fconsole 0.0.5

package/console/view/fps/FpsMeterView.js

@@ -0,0 +1,86 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { StringTools } from "@flashist/fcore";
+import { FContainer, FLabel, Graphics } from "@flashist/flibs";
+import { FC } from "../../FC";
+var FpsMeterView = /** @class */ (function (_super) {
+    __extends(FpsMeterView, _super);
+    function FpsMeterView() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.prevTime = 0;
+        _this.time = 0;
+        _this.stepFps = 0;
+        //
+        _this.fpsValues = [];
+        _this.cumulativeFpsValue = 0;
+        return _this;
+    }
+    FpsMeterView.prototype.construction = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        _super.prototype.construction.call(this, args);
+        this.border = new Graphics();
+        this.addChild(this.border);
+        //
+        this.border.beginFill(0x000000, 0);
+        // this.border.lineStyle(1, FC.config.fpsSettings.borderColor);
+        this.border.drawRect(0, 0, FC.config.fpsSettings.borderWidth, FC.config.fpsSettings.borderHeight);
+        this.field = new FLabel({
+            autosize: true,
+            color: FC.config.fpsSettings.labelColor,
+            size: FC.config.fpsSettings.labelSize
+        });
+        this.addChild(this.field);
+        this.field.text = StringTools.substituteList(FC.config.localization.fpsText, "00");
+        //
+        this.field.x = FC.config.fpsSettings.fieldToBorderPadding;
+        this.field.y = FC.config.fpsSettings.fieldToBorderPadding;
+        this.field.width = this.border.width - FC.config.fpsSettings.fieldToBorderPadding * 2;
+        this.field.height = this.border.height - FC.config.fpsSettings.fieldToBorderPadding * 2;
+    };
+    FpsMeterView.prototype.onAddedToStage = function () {
+        _super.prototype.onAddedToStage.call(this);
+        this.checkFps();
+    };
+    FpsMeterView.prototype.checkFps = function () {
+        var _this = this;
+        if (!this.stage) {
+            return;
+        }
+        this.time = Date.now();
+        var delta = this.time - this.prevTime;
+        this.stepFps = Math.floor(1000 / delta);
+        if (this.fpsValues.length >= FC.config.fpsSettings.cumulativeFpsCount) {
+            var lastFps = this.fpsValues.shift();
+            this.cumulativeFpsValue -= lastFps;
+        }
+        this.fpsValues.push(this.stepFps);
+        this.cumulativeFpsValue += this.stepFps;
+        if (!this.cumulativeFpsValue || this.cumulativeFpsValue < 0) {
+            this.cumulativeFpsValue = 0;
+        }
+        this.field.text = StringTools.substituteList(FC.config.localization.fpsText, Math.floor(this.cumulativeFpsValue / this.fpsValues.length));
+        this.prevTime = this.time;
+        requestAnimationFrame(function () {
+            _this.checkFps();
+        });
+    };
+    return FpsMeterView;
+}(FContainer));
+export { FpsMeterView };
+//# sourceMappingURL=FpsMeterView.js.map

package/console/view/fps/FpsMeterView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FpsMeterView.js","sourceRoot":"","sources":["../../../../src/console/view/fps/FpsMeterView.ts"],"names":[],"mappings":"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"}

package/console/view/pause/PauseKeyButton.d.ts

@@ -0,0 +1,20 @@
+import { BaseConsoleButton } from "../BaseConsoleButton";
+import { InputManagerEventData } from "@flashist/flibs";
+export declare class PauseKeyButton extends BaseConsoleButton {
+    private _pauseKeyCode;
+    pauseKey: string;
+    private _isClicked;
+    private _isActivated;
+    protected addListeners(): void;
+    protected onTick(): void;
+    protected onClick(): void;
+    protected onKeyUp(data: InputManagerEventData): void;
+    protected commitData(): void;
+    protected arrange(): void;
+    get isClicked(): boolean;
+    set isClicked(value: boolean);
+    get pauseKeyCode(): string;
+    set pauseKeyCode(value: string);
+    get isActivated(): boolean;
+    set isActivated(value: boolean);
+}

package/console/view/pause/PauseKeyButton.js

@@ -0,0 +1,132 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { BaseConsoleButton } from "../BaseConsoleButton";
+import { FApp, InputManager, InputManagerEvent } from "@flashist/flibs";
+import { StringTools } from "@flashist/fcore";
+import { FC } from "../../FC";
+var PauseKeyButton = /** @class */ (function (_super) {
+    __extends(PauseKeyButton, _super);
+    function PauseKeyButton() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PauseKeyButton.prototype.addListeners = function () {
+        _super.prototype.addListeners.call(this);
+        this.eventListenerHelper.addEventListener(InputManager.instance, InputManagerEvent.KEY_UP, this.onKeyUp);
+        FApp.instance.ticker.add(this.onTick, this);
+    };
+    PauseKeyButton.prototype.onTick = function () {
+        if (!this.isClicked) {
+        }
+    };
+    PauseKeyButton.prototype.onClick = function () {
+        _super.prototype.onClick.call(this);
+        this.isClicked = !this.isClicked;
+        if (this.isClicked) {
+            this.pauseKeyCode = null;
+            this.isActivated = false;
+        }
+    };
+    PauseKeyButton.prototype.onKeyUp = function (data) {
+        if (this.view.worldVisible) {
+            if (this.isClicked) {
+                this.isClicked = false;
+                this.pauseKey = data.nativeKeyboardEvent.key;
+                this.pauseKeyCode = data.nativeKeyboardEvent.code;
+                this.commitData();
+            }
+            else {
+                if (this.pauseKeyCode) {
+                    if (this.pauseKeyCode === data.nativeKeyboardEvent.code) {
+                        this.isActivated = !this.isActivated;
+                    }
+                }
+            }
+        }
+    };
+    PauseKeyButton.prototype.commitData = function () {
+        _super.prototype.commitData.call(this);
+        if (this.isClicked) {
+            this.text = FC.config.localization.pauseUpdateKeyBtnPressedLabel;
+        }
+        else if (this.pauseKeyCode) {
+            if (this.isActivated) {
+                this.text = StringTools.substitute(FC.config.localization.pauseUpdateKeyBtnNormalLabel, {
+                    key: this.pauseKey,
+                    status: FC.config.localization.onStatus
+                });
+            }
+            else {
+                this.text = StringTools.substitute(FC.config.localization.pauseUpdateKeyBtnNormalLabel, {
+                    key: this.pauseKey,
+                    status: FC.config.localization.offStatus
+                });
+            }
+        }
+        else {
+            this.text = StringTools.substitute(FC.config.localization.pauseUpdateKeyBtnNormalLabel, {
+                key: FC.config.localization.pauseUpdateKeyBtnNoKeyHelpText
+            });
+        }
+    };
+    PauseKeyButton.prototype.arrange = function () {
+        _super.prototype.arrange.call(this);
+    };
+    Object.defineProperty(PauseKeyButton.prototype, "isClicked", {
+        get: function () {
+            return this._isClicked;
+        },
+        set: function (value) {
+            if (value == this.isClicked) {
+                return;
+            }
+            this._isClicked = value;
+            this.commitData();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PauseKeyButton.prototype, "pauseKeyCode", {
+        get: function () {
+            return this._pauseKeyCode;
+        },
+        set: function (value) {
+            if (value === this._pauseKeyCode) {
+                return;
+            }
+            this._pauseKeyCode = value;
+            this.commitData();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PauseKeyButton.prototype, "isActivated", {
+        get: function () {
+            return this._isActivated;
+        },
+        set: function (value) {
+            if (value === this.isActivated) {
+                return;
+            }
+            this._isActivated = value;
+            this.commitData();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return PauseKeyButton;
+}(BaseConsoleButton));
+export { PauseKeyButton };
+//# sourceMappingURL=PauseKeyButton.js.map

package/console/view/pause/PauseKeyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PauseKeyButton.js","sourceRoot":"","sources":["../../../../src/console/view/pause/PauseKeyButton.ts"],"names":[],"mappings":"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"}

package/console/view/tooltip/ConsoleTooltip.d.ts

@@ -0,0 +1,11 @@
+import { BaseTooltip } from "../../../tooltip/BaseTooltip";
+export declare class ConsoleTooltip extends BaseTooltip {
+    private contentCont;
+    private titleLabel;
+    private textLabel;
+    private bg;
+    constructor();
+    protected construction(): void;
+    protected commitData(): void;
+    protected arrange(): void;
+}

package/console/view/tooltip/ConsoleTooltip.js

@@ -0,0 +1,82 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { Graphics, FLabel, Align, FContainer } from "@flashist/flibs";
+import { BaseTooltip } from "../../../tooltip/BaseTooltip";
+import { FC } from "../../FC";
+var ConsoleTooltip = /** @class */ (function (_super) {
+    __extends(ConsoleTooltip, _super);
+    function ConsoleTooltip() {
+        return _super.call(this) || this;
+    }
+    ConsoleTooltip.prototype.construction = function () {
+        _super.prototype.construction.call(this);
+        this.bg = new Graphics();
+        this.view.addChild(this.bg);
+        this.contentCont = new FContainer();
+        this.view.addChild(this.contentCont);
+        this.titleLabel = new FLabel({
+            autosize: true,
+            color: FC.config.tooltipSettings.titleLabelColor,
+            size: FC.config.tooltipSettings.titleLabelSize,
+            align: Align.CENTER
+        });
+        this.contentCont.addChild(this.titleLabel);
+        this.textLabel = new FLabel({
+            autosize: true,
+            color: FC.config.tooltipSettings.textLabelColor,
+            size: FC.config.tooltipSettings.textLabelSize,
+            align: Align.CENTER
+        });
+        this.contentCont.addChild(this.textLabel);
+    };
+    ConsoleTooltip.prototype.commitData = function () {
+        _super.prototype.commitData.call(this);
+        if (!this.tooltipData) {
+            return;
+        }
+        this.titleLabel.text = this.tooltipData.title;
+        this.textLabel.text = this.tooltipData.text;
+        if (this.tooltipData.text) {
+            this.textLabel.visible = true;
+        }
+        else {
+            this.textLabel.visible = false;
+        }
+        this.arrange();
+    };
+    ConsoleTooltip.prototype.arrange = function () {
+        _super.prototype.arrange.call(this);
+        if (this.textLabel.visible) {
+            var labelMaxWidth = Math.max(this.titleLabel.width, this.textLabel.width);
+            this.titleLabel.x = ((labelMaxWidth - this.titleLabel.width) >> 1);
+            this.textLabel.x = ((labelMaxWidth - this.textLabel.width) >> 1);
+            this.textLabel.y = this.titleLabel.y + this.titleLabel.height;
+        }
+        else {
+            this.titleLabel.x = 0;
+        }
+        this.bg.clear();
+        this.bg.beginFill(FC.config.tooltipSettings.bgColor, FC.config.tooltipSettings.bgAlpha);
+        this.bg.lineStyle(FC.config.tooltipSettings.borderWidth, FC.config.tooltipSettings.borderColor, FC.config.tooltipSettings.borderAlpha);
+        this.bg.drawRect(0, 0, this.contentCont.width + FC.config.tooltipSettings.bgToContentShift.x, this.contentCont.height + FC.config.tooltipSettings.bgToContentShift.y);
+        this.bg.endFill();
+        this.contentCont.x = this.bg.x + ((this.bg.width - this.contentCont.width) >> 1);
+        this.contentCont.y = this.bg.y + ((this.bg.height - this.contentCont.height) >> 1);
+    };
+    return ConsoleTooltip;
+}(BaseTooltip));
+export { ConsoleTooltip };
+//# sourceMappingURL=ConsoleTooltip.js.map

package/console/view/tooltip/ConsoleTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsoleTooltip.js","sourceRoot":"","sources":["../../../../src/console/view/tooltip/ConsoleTooltip.ts"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,15 @@
+export * from './console/Config';
+export * from './console/FC';
+export * from './console/view/BaseConsoleButton';
+export * from './console/view/BaseConsoleView';
+export * from './console/view/capture/CaptureKeyButton';
+export * from './console/view/capture/CaptureKeyButtonEvent';
+export * from './console/view/pause/PauseKeyButton';
+export * from './console/view/ConsoleView';
+export * from './console/view/displaylist/DisplayListView';
+export * from './console/view/displaylist/DisplayListItemView';
+export * from './console/view/fps/FpsMeterView';
+export * from './console/view/tooltip/ConsoleTooltip';
+export * from './tooltip/BaseTooltip';
+export * from './tooltip/ITooltipData';
+export * from './tooltip/TooltipManager';

package/index.js

@@ -0,0 +1,16 @@
+export * from './console/Config';
+export * from './console/FC';
+export * from './console/view/BaseConsoleButton';
+export * from './console/view/BaseConsoleView';
+export * from './console/view/capture/CaptureKeyButton';
+export * from './console/view/capture/CaptureKeyButtonEvent';
+export * from './console/view/pause/PauseKeyButton';
+export * from './console/view/ConsoleView';
+export * from './console/view/displaylist/DisplayListView';
+export * from './console/view/displaylist/DisplayListItemView';
+export * from './console/view/fps/FpsMeterView';
+export * from './console/view/tooltip/ConsoleTooltip';
+export * from './tooltip/BaseTooltip';
+export * from './tooltip/ITooltipData';
+export * from './tooltip/TooltipManager';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,kCAAkC,CAAA;AAChD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,yCAAyC,CAAA;AACvD,cAAc,8CAA8C,CAAA;AAC5D,cAAc,qCAAqC,CAAA;AACnD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4CAA4C,CAAA;AAC1D,cAAc,gDAAgD,CAAA;AAC9D,cAAc,iCAAiC,CAAA;AAC/C,cAAc,uCAAuC,CAAA;AACrD,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA"}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@flashist/fconsole",
+  "version": "0.0.5",
+  "license": "MIT",
+  "private": false,
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/flashist/fconsole.git"
+  },
+  "description": "Bunch* of useful debug tools for speeding up development process of Pixi.js based applications. Written in TypeScript. Inspired by Flash-Console.",
+  "keywords": [
+    "pixi.js",
+    "pixijs",
+    "canvas",
+    "webgl",
+    "debugging",
+    "debug",
+    "devtools",
+    "dev tools",
+    "developer tools",
+    "display list",
+    "DisplayList",
+    "console",
+    "hierarchy"
+  ],
+  "main": "index.js",
+  "typings": "index.d.ts",
+  "scripts": {
+    "build": "gulp",
+    "publish:patch": "npm version patch && npm run build && cd ./dist && npm publish",
+    "publish:minor": "npm version minor && npm run build && cd ./dist && npm publish",
+    "publish:major": "npm version major && npm run build && cd ./dist && npm publish"
+  },
+  "dependencies": {
+    "@flashist/flibs": "0.x"
+  },
+  "devDependencies": {
+    "gulp": "^4.0.2",
+    "gulp-shell": "^0.8.0",
+    "pixi.js": "^5.3.3",
+    "require-dir": "^1.2.0",
+    "rimraf": "^3.0.2",
+    "typescript": "^4.0.2"
+  },
+  "bugs": {
+    "url": "https://github.com/flashist/fconsole/issues"
+  },
+  "homepage": "https://github.com/flashist/fconsole#readme",
+  "author": "Mark Dolbyrev"
+}

package/tooltip/BaseTooltip.d.ts

@@ -0,0 +1,9 @@
+import { DisplayObjectContainer } from "@flashist/flibs";
+import { BaseObject } from "@flashist/fcore";
+import { ITooltipData } from "./ITooltipData";
+export declare abstract class BaseTooltip extends BaseObject {
+    view: DisplayObjectContainer;
+    protected tooltipData: ITooltipData;
+    protected construction(): void;
+    protected commitData(): void;
+}

package/tooltip/BaseTooltip.js

@@ -0,0 +1,34 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { FContainer } from "@flashist/flibs";
+import { BaseObject } from "@flashist/fcore";
+var BaseTooltip = /** @class */ (function (_super) {
+    __extends(BaseTooltip, _super);
+    function BaseTooltip() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    BaseTooltip.prototype.construction = function () {
+        _super.prototype.construction.call(this);
+        this.view = new FContainer();
+    };
+    BaseTooltip.prototype.commitData = function () {
+        _super.prototype.commitData.call(this);
+        this.tooltipData = this.data;
+    };
+    return BaseTooltip;
+}(BaseObject));
+export { BaseTooltip };
+//# sourceMappingURL=BaseTooltip.js.map

package/tooltip/BaseTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTooltip.js","sourceRoot":"","sources":["../../src/tooltip/BaseTooltip.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EAAyB,UAAU,EAAC,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAI3C;IAA0C,+BAAU;IAApD;;IAmBA,CAAC;IAZa,kCAAY,GAAtB;QACI,iBAAM,YAAY,WAAE,CAAC;QAErB,IAAI,CAAC,IAAI,GAAG,IAAI,UAAU,EAAE,CAAC;IACjC,CAAC;IAGS,gCAAU,GAApB;QACI,iBAAM,UAAU,WAAE,CAAC;QAEnB,IAAI,CAAC,WAAW,GAAI,IAAI,CAAC,IAAqB,CAAC;IACnD,CAAC;IACL,kBAAC;AAAD,CAAC,AAnBD,CAA0C,UAAU,GAmBnD"}

package/tooltip/ITooltipData.d.ts

@@ -0,0 +1,4 @@
+export interface ITooltipData {
+    title: string;
+    text?: string;
+}

package/tooltip/ITooltipData.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ITooltipData.js.map

package/tooltip/ITooltipData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITooltipData.js","sourceRoot":"","sources":["../../src/tooltip/ITooltipData.ts"],"names":[],"mappings":""}

package/tooltip/TooltipManager.d.ts

@@ -0,0 +1,37 @@
+import { BaseObject } from "@flashist/fcore";
+import { DisplayObjectContainer, Point } from "@flashist/flibs";
+import { BaseTooltip } from "./BaseTooltip";
+import { ITooltipData } from "./ITooltipData";
+export declare class TooltipManager extends BaseObject {
+    private static SHOW_DELAY;
+    private _tooltipCont;
+    private tooltipInsideCont;
+    private tooltip;
+    private _mouseShift;
+    private _visible;
+    constructor(tooltip: BaseTooltip);
+    protected construction(tooltip: BaseTooltip): void;
+    protected addListeners(): void;
+    protected removeListeners(): void;
+    private onTick;
+    show(data: ITooltipData): void;
+    hide(): void;
+    /**
+     * Обновление подсказки.
+     */
+    update(): void;
+    /**
+     * Move a tooltip to a new position.
+     * Might be overridden in subclasses to implement different behavior (e.g. tween movement).
+     *
+     * @param x
+     * @param y
+     */
+    protected moveTooltipTo(x: number, y: number): void;
+    get tooltipCont(): DisplayObjectContainer;
+    set tooltipCont(value: DisplayObjectContainer);
+    get mouseShift(): Point;
+    set mouseShift(value: Point);
+    private get visible();
+    private set visible(value);
+}