vevet 4.4.1 → 5.0.0

package/lib/cjs/components/Canvas/index.js

@@ -0,0 +1,231 @@
+"use strict";
+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 __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Canvas = void 0;
+var onResize_1 = require("../../utils/listeners/onResize");
+var Module_1 = require("../../base/Module");
+var initVevet_1 = require("../../global/initVevet");
+__exportStar(require("./types"), exports);
+/**
+ * A class for managing an HTML5 Canvas element and its 2D context.
+ *
+ * [Documentation](https://antonbobrov.github.io/vevet/docs/components/Canvas)
+ *
+ * @group Components
+ */
+var Canvas = /** @class */ (function (_super) {
+    __extends(Canvas, _super);
+    /**
+     * Constructor for the Ctx2D class.
+     */
+    function Canvas(props) {
+        var _this = _super.call(this, props) || this;
+        var _a = _this.props, shouldAppend = _a.append, container = _a.container, hasResizeOnInit = _a.resizeOnInit, hasRuntimeResize = _a.resizeOnRuntime, viewportTarget = _a.viewportTarget, resizeDebounce = _a.resizeDebounce;
+        // Set default values
+        _this._width = 0;
+        _this._height = 0;
+        _this._dpr = 1;
+        // Create canvas element
+        _this._canvas = document.createElement('canvas');
+        // Add canvas styles
+        var style = _this._canvas.style;
+        style.position = 'absolute';
+        style.top = '0';
+        style.left = '0';
+        style.width = '100%';
+        style.height = '100%';
+        // Append canvas to container if required
+        if (shouldAppend && container instanceof HTMLElement) {
+            container.append(_this._canvas);
+            _this.onDestroy(function () { return _this.canvas.remove(); });
+        }
+        // Create 2D context
+        _this._ctx = _this._canvas.getContext('2d');
+        // Set resize events
+        if (hasResizeOnInit) {
+            _this.resize();
+        }
+        if (hasRuntimeResize) {
+            var resizeHandler_1 = (0, onResize_1.onResize)({
+                callback: function () { return _this.resize(); },
+                element: _this.props.container,
+                viewportTarget: viewportTarget,
+                resizeDebounce: resizeDebounce,
+                name: _this.name,
+            });
+            _this.onDestroy(function () { return resizeHandler_1.remove(); });
+        }
+        return _this;
+    }
+    /** Get default static properties */
+    Canvas.prototype._getStatic = function () {
+        return __assign(__assign({}, _super.prototype._getStatic.call(this)), { container: null, append: true, resizeOnInit: true, resizeOnRuntime: false, viewportTarget: 'any', resizeDebounce: 0 });
+    };
+    /** Get default mutable properties */
+    Canvas.prototype._getMutable = function () {
+        return __assign(__assign({}, _super.prototype._getMutable.call(this)), { width: 'auto', height: 'auto', dpr: 'auto' });
+    };
+    Object.defineProperty(Canvas.prototype, "canvas", {
+        /** The canvas element instance. */
+        get: function () {
+            return this._canvas;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "ctx", {
+        /** Returns the 2D rendering context */
+        get: function () {
+            return this._ctx;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "width", {
+        /** Canvas width (DPR applied). */
+        get: function () {
+            return this._width;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "offsetWidth", {
+        /** Width without DPR scaling. */
+        get: function () {
+            return this.width / this.dpr;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "height", {
+        /** Canvas height (DPR applied). */
+        get: function () {
+            return this._height;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "offsetHeight", {
+        /** Height without DPR scaling. */
+        get: function () {
+            return this.height / this.dpr;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "dpr", {
+        /** Current device pixel ratio. */
+        get: function () {
+            return this._dpr;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "canRender", {
+        /** Checks if the canvas is ready to render. */
+        get: function () {
+            return this.width > 0 && this.height > 0;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /** Handle property mutations */
+    Canvas.prototype._handleProps = function () {
+        _super.prototype._handleProps.call(this);
+        this.resize();
+    };
+    /** Triggers a canvas resize based on container or viewport dimensions. */
+    Canvas.prototype.resize = function () {
+        var core = (0, initVevet_1.initVevet)();
+        var _a = this, props = _a.props, canvas = _a.canvas;
+        var container = this.props.container;
+        // Calculate DPR
+        this._dpr = typeof props.dpr === 'number' ? props.dpr : core.dpr;
+        // Calculate new width and height
+        var newWidth = 0;
+        var newHeight = 0;
+        if (props.width === 'auto') {
+            newWidth = (container === null || container === void 0 ? void 0 : container.offsetWidth) || core.width;
+        }
+        else {
+            newWidth = props.width;
+        }
+        if (props.height === 'auto') {
+            newHeight = (container === null || container === void 0 ? void 0 : container.offsetHeight) || core.height;
+        }
+        else {
+            newHeight = props.height;
+        }
+        // Apply DPR
+        newWidth *= this._dpr;
+        newHeight *= this._dpr;
+        // Update canvas size
+        this._width = newWidth;
+        this._height = newHeight;
+        canvas.width = newWidth;
+        canvas.height = newHeight;
+        // Callbacks
+        this.callbacks.emit('resize', undefined);
+    };
+    /**
+     * Renders content on the canvas if it's ready.
+     *
+     * @param render - A function that performs the actual rendering on the canvas.
+     */
+    Canvas.prototype.render = function (render) {
+        if (!this.canRender) {
+            return;
+        }
+        render({
+            ctx: this.ctx,
+            width: this.width,
+            height: this.height,
+            dpr: this.dpr,
+            offsetWidth: this.offsetWidth,
+            offsetHeight: this.offsetHeight,
+            canvas: this.canvas,
+        });
+    };
+    return Canvas;
+}(Module_1.Module));
+exports.Canvas = Canvas;
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/Canvas/index.js.map

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

package/lib/cjs/components/Canvas/types.js.map

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

package/lib/cjs/components/CanvasMedia/index.js

@@ -0,0 +1,156 @@
+"use strict";
+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 __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CanvasMedia = void 0;
+var get_image_pos_1 = require("get-image-pos");
+var Canvas_1 = require("../Canvas");
+var utils_1 = require("../../utils");
+__exportStar(require("./types"), exports);
+/**
+ * The `CanvasMedia` class allows pre-rendering of media (such as images or video) onto a canvas.
+ * This can be useful for reducing payloads by preparing the media for further use in a more optimized form.
+ *
+ * [Documentation](https://antonbobrov.github.io/vevet/docs/components/CanvasMedia)
+ *
+ * @group Components
+ */
+var CanvasMedia = /** @class */ (function (_super) {
+    __extends(CanvasMedia, _super);
+    function CanvasMedia(props) {
+        var _this = _super.call(this, props) || this;
+        _this._setMediaEvents();
+        return _this;
+    }
+    /** Get default static properties */
+    CanvasMedia.prototype._getStatic = function () {
+        return __assign(__assign({}, _super.prototype._getStatic.call(this)), { autoRenderVideo: true });
+    };
+    /** Get default mutable properties */
+    CanvasMedia.prototype._getMutable = function () {
+        return __assign(__assign({}, _super.prototype._getMutable.call(this)), { rule: 'cover' });
+    };
+    Object.defineProperty(CanvasMedia.prototype, "hasRequestVideoFrameCallback", {
+        /** Checks if the media element has the `requestVideoFrameCallback` method */
+        get: function () {
+            return 'requestVideoFrameCallback' in this.props.media;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /** Add media events */
+    CanvasMedia.prototype._setMediaEvents = function () {
+        var _this = this;
+        var _a = this.props, hasVideoAutoRender = _a.autoRenderVideo, media = _a.media;
+        if (!hasVideoAutoRender || !(media instanceof HTMLVideoElement)) {
+            return;
+        }
+        // use requestVideoFrameCallback
+        if (this.hasRequestVideoFrameCallback) {
+            this._requestVideoFrame();
+            return;
+        }
+        // use timeupdate listener
+        var timeupdate = (0, utils_1.addEventListener)(media, 'timeupdate', function () {
+            _this.render();
+        });
+        this.onDestroy(function () { return timeupdate(); });
+    };
+    /** Resize the canvas */
+    CanvasMedia.prototype.resize = function () {
+        _super.prototype.resize.call(this);
+        this.render();
+    };
+    /** Auto rendering for videos */
+    CanvasMedia.prototype._requestVideoFrame = function () {
+        var _this = this;
+        if (this.isDestroyed) {
+            return;
+        }
+        this.render();
+        var media = this.props.media;
+        if (media instanceof HTMLVideoElement) {
+            media.requestVideoFrameCallback(function () { return _this._requestVideoFrame(); });
+        }
+    };
+    /** Pre-renders the media resource onto the canvas. */
+    CanvasMedia.prototype.render = function () {
+        var _this = this;
+        _super.prototype.render.call(this, function (props) { return _this._prerender(props); });
+    };
+    /**
+     * Prerenders the media onto the canvas using the specified positioning rule.
+     */
+    CanvasMedia.prototype._prerender = function (_a) {
+        var width = _a.width, height = _a.height, ctx = _a.ctx;
+        var _b = this.props, media = _b.media, rule = _b.rule;
+        // Determine the media source and its dimensions
+        var source;
+        var sourceWidth;
+        var sourceHeight;
+        if (media instanceof Canvas_1.Canvas) {
+            source = media.canvas;
+            sourceWidth = media.width;
+            sourceHeight = media.height;
+        }
+        else {
+            source = media;
+        }
+        // Calculate media position and size based on the posRule
+        var size = (0, get_image_pos_1.getPos)({
+            source: source,
+            sourceWidth: sourceWidth,
+            sourceHeight: sourceHeight,
+            rule: rule,
+            scale: 1,
+            width: width,
+            height: height,
+        });
+        // Clear the canvas and draw the media with the calculated size
+        ctx.clearRect(0, 0, width, height);
+        ctx.drawImage(source, size.x, size.y, size.width, size.height);
+        // Trigger prerender callback
+        this.callbacks.emit('render', undefined);
+    };
+    return CanvasMedia;
+}(Canvas_1.Canvas));
+exports.CanvasMedia = CanvasMedia;
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/CanvasMedia/index.js.map

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

package/lib/cjs/components/CanvasMedia/types.js.map

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