camstreamerlib 2.0.6 → 3.0.0

package/CamOverlayAPI.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="node" />
-import { Options } from './common';
+import { Options } from './internal/common';
 export type CamOverlayOptions = Options;
-export type Field = {
+export type TField = {
     field_name: string;
     text: string;
     color?: string;
 };
-export type Service = {
+export type TService = {
     id: number;
     enabled: number;
     schedule: string;
@@ -14,8 +13,8 @@ export type Service = {
     identifier: string;
     cameraList: number[];
 };
-export type ServiceList = {
-    services: Service[];
+export type TServiceList = {
+    services: TService[];
 };
 export declare enum ImageType {
     PNG = 0,
@@ -26,15 +25,16 @@ export declare class CamOverlayAPI {
     private tlsInsecure;
     private ip;
     private port;
-    private auth;
+    private user;
+    private pass;
     constructor(options?: CamOverlayOptions);
-    updateCGText(serviceID: number, fields: Field[]): Promise<void>;
+    updateCGText(serviceID: number, fields: TField[]): Promise<void>;
     updateCGImagePos(serviceID: number, coordinates?: string, x?: number, y?: number): Promise<void>;
     updateCGImage(serviceID: number, path: string, coordinates?: string, x?: number, y?: number): Promise<void>;
     updateInfoticker(serviceID: number, text: string): Promise<void>;
     setEnabled(serviceID: number, enabled: boolean): Promise<void>;
     isEnabled(serviceID: number): Promise<boolean>;
-    updateServices(servicesJson: ServiceList): Promise<void>;
+    updateServices(servicesJson: TServiceList): Promise<void>;
     updateCGImageFromData(serviceID: number, imageType: ImageType, imageData: Buffer, coordinates?: string, x?: number, y?: number): Promise<void>;
     promiseCGUpdate(serviceID: number, action: string, params: string, contentType?: string, data?: Buffer): Promise<void>;
     private formCoordinates;

package/CamOverlayAPI.js

@@ -10,24 +10,25 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CamOverlayAPI = exports.ImageType = void 0;
-const HttpRequest_1 = require("./HttpRequest");
+const HttpRequest_1 = require("./internal/HttpRequest");
 var ImageType;
 (function (ImageType) {
     ImageType[ImageType["PNG"] = 0] = "PNG";
     ImageType[ImageType["JPEG"] = 1] = "JPEG";
-})(ImageType = exports.ImageType || (exports.ImageType = {}));
+})(ImageType || (exports.ImageType = ImageType = {}));
 class CamOverlayAPI {
     constructor(options) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         this.tls = (_a = options === null || options === void 0 ? void 0 : options.tls) !== null && _a !== void 0 ? _a : false;
         this.tlsInsecure = (_b = options === null || options === void 0 ? void 0 : options.tlsInsecure) !== null && _b !== void 0 ? _b : false;
         this.ip = (_c = options === null || options === void 0 ? void 0 : options.ip) !== null && _c !== void 0 ? _c : '127.0.0.1';
         this.port = (_d = options === null || options === void 0 ? void 0 : options.port) !== null && _d !== void 0 ? _d : (this.tls ? 443 : 80);
-        this.auth = (_e = options === null || options === void 0 ? void 0 : options.auth) !== null && _e !== void 0 ? _e : '';
+        this.user = (_e = options === null || options === void 0 ? void 0 : options.user) !== null && _e !== void 0 ? _e : '';
+        this.pass = (_f = options === null || options === void 0 ? void 0 : options.pass) !== null && _f !== void 0 ? _f : '';
     }
     updateCGText(serviceID, fields) {
         let field_specs = '';
-        for (let field of fields) {
+        for (const field of fields) {
             const name = field.field_name;
             field_specs += `&${name}=${field.text}`;
             if (field.color !== undefined) {
@@ -47,41 +48,51 @@ class CamOverlayAPI {
     }
     updateInfoticker(serviceID, text) {
         return __awaiter(this, void 0, void 0, function* () {
-            const options = this.getBaseVapixConnectionParams();
-            options.method = 'GET';
-            options.path = `/local/camoverlay/api/infoticker.cgi?service_id=${serviceID}&text=${text}`;
-            yield (0, HttpRequest_1.httpRequest)(options);
+            const path = `/local/camoverlay/api/infoticker.cgi?service_id=${serviceID}&text=${text}`;
+            const options = this.getBaseVapixConnectionParams(path);
+            const res = yield (0, HttpRequest_1.sendRequest)(options);
+            if (!res.ok) {
+                throw new Error(JSON.stringify(res));
+            }
         });
     }
     setEnabled(serviceID, enabled) {
         return __awaiter(this, void 0, void 0, function* () {
-            const options = this.getBaseVapixConnectionParams();
-            options.method = 'POST';
-            options.path = encodeURI(`/local/camoverlay/api/enabled.cgi?id_${serviceID}=${enabled ? 1 : 0}`);
-            yield (0, HttpRequest_1.httpRequest)(options);
+            const path = `/local/camoverlay/api/enabled.cgi?id_${serviceID}=${enabled ? 1 : 0}`;
+            const options = this.getBaseVapixConnectionParams(path, 'POST');
+            const res = yield (0, HttpRequest_1.sendRequest)(options);
+            if (!res.ok) {
+                throw new Error(JSON.stringify(res));
+            }
         });
     }
     isEnabled(serviceID) {
         return __awaiter(this, void 0, void 0, function* () {
-            const options = this.getBaseVapixConnectionParams();
-            options.method = 'GET';
-            options.path = '/local/camoverlay/api/services.cgi?action=get';
-            const response = (yield (0, HttpRequest_1.httpRequest)(options));
-            const data = JSON.parse(response);
-            for (let service of data.services) {
-                if (service.id === serviceID) {
-                    return service.enabled === 1;
+            const path = '/local/camoverlay/api/services.cgi?action=get';
+            const options = this.getBaseVapixConnectionParams(path);
+            const res = yield (0, HttpRequest_1.sendRequest)(options);
+            if (res.ok) {
+                const data = JSON.parse(yield res.text());
+                for (const service of data.services) {
+                    if (service.id === serviceID) {
+                        return service.enabled === 1;
+                    }
                 }
+                throw new Error('Service not found.');
+            }
+            else {
+                throw new Error(JSON.stringify(res));
             }
-            throw new Error('Service not found.');
         });
     }
     updateServices(servicesJson) {
         return __awaiter(this, void 0, void 0, function* () {
-            const options = this.getBaseVapixConnectionParams();
-            options.method = 'POST';
-            options.path = '/local/camoverlay/api/services.cgi?action=set';
-            yield (0, HttpRequest_1.httpRequest)(options, JSON.stringify(servicesJson));
+            const path = '/local/camoverlay/api/services.cgi?action=set';
+            const options = this.getBaseVapixConnectionParams(path, 'POST');
+            const res = yield (0, HttpRequest_1.sendRequest)(options, JSON.stringify(servicesJson));
+            if (!res.ok) {
+                throw new Error(JSON.stringify(res));
+            }
         });
     }
     updateCGImageFromData(serviceID, imageType, imageData, coordinates = '', x = 0, y = 0) {
@@ -91,24 +102,29 @@ class CamOverlayAPI {
     }
     promiseCGUpdate(serviceID, action, params, contentType, data) {
         return __awaiter(this, void 0, void 0, function* () {
-            const options = this.getBaseVapixConnectionParams();
-            options.method = 'POST';
-            options.path = encodeURI(`/local/camoverlay/api/customGraphics.cgi?action=${action}&service_id=${serviceID}${params}`);
-            if (contentType && data) {
+            const path = `/local/camoverlay/api/customGraphics.cgi?action=${action}&service_id=${serviceID}${params}`;
+            const options = this.getBaseVapixConnectionParams(path, 'POST');
+            if (contentType !== undefined && data) {
                 options.headers = { 'Content-Type': contentType };
             }
-            yield (0, HttpRequest_1.httpRequest)(options, data);
+            const res = yield (0, HttpRequest_1.sendRequest)(options, data);
+            if (!res.ok) {
+                throw new Error(JSON.stringify(res));
+            }
         });
     }
     formCoordinates(coordinates, x, y) {
         return coordinates !== '' ? `&coord_system=${coordinates}&pos_x=${x}&pos_y=${y}` : '';
     }
-    getBaseVapixConnectionParams() {
+    getBaseVapixConnectionParams(path, method = 'GET') {
         return {
+            method: method,
             protocol: this.tls ? 'https:' : 'http:',
             host: this.ip,
             port: this.port,
-            auth: this.auth,
+            path: path,
+            user: this.user,
+            pass: this.pass,
             rejectUnauthorized: !this.tlsInsecure,
         };
     }

package/CamOverlayDrawingAPI.d.ts

@@ -1,30 +1,24 @@
-/// <reference types="node" />
-/// <reference types="node" />
 import * as EventEmitter from 'events';
-import { Options } from './common';
-type CamOverlayDrawingOptions = Options & {
+import { Options } from './internal/common';
+export type CamOverlayDrawingOptions = Options & {
     camera?: number | number[];
     zIndex?: number;
 };
-export type Message = {
-    command: string;
-    params?: any[];
-};
-export type CairoResponse = {
+export type TCairoResponse = {
     message: string;
     call_id: number;
 };
-export type CairoCreateResponse = {
+export type TCairoCreateResponse = {
     var: string;
     call_id: number;
 };
-export type UploadImageResponse = {
+export type TUploadImageResponse = {
     var: string;
     width: number;
     height: number;
     call_id: number;
 };
-export type Service = {
+export type TService = {
     id: number;
     enabled: number;
     schedule: string;
@@ -32,33 +26,35 @@ export type Service = {
     identifier: string;
     cameraList: number[];
 };
-export type ServiceList = {
-    services: Service[];
+export type TServiceList = {
+    services: TService[];
 };
-export type Align = 'A_RIGHT' | 'A_LEFT' | 'A_CENTER';
+export type TAlign = 'A_RIGHT' | 'A_LEFT' | 'A_CENTER';
 export type TextFit = 'TFM_SCALE' | 'TFM_TRUNCATE' | 'TFM_OVERFLOW';
-export type WriteTextParams = [string, string, number, number, number, number, Align, TextFit?];
+export type TWriteTextParams = [string, string, number, number, number, number, TAlign, TextFit?];
 export declare class CamOverlayDrawingAPI extends EventEmitter {
     private tls;
     private tlsInsecure;
     private ip;
     private port;
-    private auth;
+    private user;
+    private pass;
     private cameraList;
     private zIndex;
     private callId;
     private sendMessages;
+    private connected;
     private ws?;
     constructor(options?: CamOverlayDrawingOptions);
     connect(): Promise<void>;
     disconnect(): void;
-    cairo(command: string, ...params: any[]): Promise<CairoResponse | CairoCreateResponse>;
-    writeText(...params: WriteTextParams): Promise<CairoResponse>;
-    uploadImageData(imgBuffer: Buffer): Promise<UploadImageResponse>;
-    uploadFontData(fontBuffer: Buffer): Promise<CairoCreateResponse>;
-    showCairoImage(cairoImage: string, posX: number, posY: number): Promise<CairoResponse>;
-    showCairoImageAbsolute(cairoImage: string, posX: number, posY: number, width: number, height: number): Promise<CairoResponse>;
-    removeImage(): Promise<CairoResponse>;
+    cairo(command: string, ...params: unknown[]): Promise<TCairoResponse | TCairoCreateResponse>;
+    writeText(...params: TWriteTextParams): Promise<TCairoResponse>;
+    uploadImageData(imgBuffer: Buffer): Promise<TUploadImageResponse>;
+    uploadFontData(fontBuffer: Buffer): Promise<TCairoCreateResponse>;
+    showCairoImage(cairoImage: string, posX: number, posY: number): Promise<TCairoResponse>;
+    showCairoImageAbsolute(cairoImage: string, posX: number, posY: number, width: number, height: number): Promise<TCairoResponse>;
+    removeImage(): Promise<TCairoResponse>;
     private openWebsocket;
     private sendMessage;
     private sendBinaryMessage;
@@ -66,4 +62,3 @@ export declare class CamOverlayDrawingAPI extends EventEmitter {
     private reportError;
     private reportClose;
 }
-export {};

package/CamOverlayDrawingAPI.js

@@ -11,19 +11,22 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CamOverlayDrawingAPI = void 0;
 const EventEmitter = require("events");
-const WsClient_1 = require("./WsClient");
+const promises_1 = require("timers/promises");
+const WsClient_1 = require("./internal/WsClient");
 class CamOverlayDrawingAPI extends EventEmitter {
     constructor(options) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         super();
+        this.connected = false;
         this.tls = (_a = options === null || options === void 0 ? void 0 : options.tls) !== null && _a !== void 0 ? _a : false;
         this.tlsInsecure = (_b = options === null || options === void 0 ? void 0 : options.tlsInsecure) !== null && _b !== void 0 ? _b : false;
         this.ip = (_c = options === null || options === void 0 ? void 0 : options.ip) !== null && _c !== void 0 ? _c : '127.0.0.1';
         this.port = (_d = options === null || options === void 0 ? void 0 : options.port) !== null && _d !== void 0 ? _d : (this.tls ? 443 : 80);
-        this.auth = (_e = options === null || options === void 0 ? void 0 : options.auth) !== null && _e !== void 0 ? _e : '';
-        this.zIndex = (_f = options === null || options === void 0 ? void 0 : options.zIndex) !== null && _f !== void 0 ? _f : 0;
+        this.user = (_e = options === null || options === void 0 ? void 0 : options.user) !== null && _e !== void 0 ? _e : '';
+        this.pass = (_f = options === null || options === void 0 ? void 0 : options.pass) !== null && _f !== void 0 ? _f : '';
+        this.zIndex = (_g = options === null || options === void 0 ? void 0 : options.zIndex) !== null && _g !== void 0 ? _g : 0;
         this.cameraList = [0];
-        if (Array.isArray(options === null || options === void 0 ? void 0 : options.camera)) {
+        if (options && Array.isArray(options.camera)) {
             this.cameraList = options.camera;
         }
         else if (typeof (options === null || options === void 0 ? void 0 : options.camera) === 'number') {
@@ -37,13 +40,14 @@ class CamOverlayDrawingAPI extends EventEmitter {
         return __awaiter(this, void 0, void 0, function* () {
             try {
                 yield this.openWebsocket();
-                this.emit('open');
+                this.connected = true;
             }
             catch (err) {
             }
         });
     }
     disconnect() {
+        this.connected = false;
         if (this.ws !== undefined) {
             this.ws.close();
         }
@@ -94,27 +98,28 @@ class CamOverlayDrawingAPI extends EventEmitter {
                 port: this.port,
                 address: '/local/camoverlay/ws',
                 protocol: 'cairo-api',
-                auth: this.auth,
+                user: this.user,
+                pass: this.pass,
                 tls: this.tls,
                 tlsInsecure: this.tlsInsecure,
             };
             this.ws = new WsClient_1.WsClient(options);
             this.ws.on('open', () => {
-                this.reportMessage('Websocket opened');
+                this.emit('open');
                 resolve();
             });
             this.ws.on('message', (data) => {
-                let dataJSON = JSON.parse(data.toString());
-                if (dataJSON.hasOwnProperty('call_id') && dataJSON['call_id'] in this.sendMessages) {
-                    if (dataJSON.hasOwnProperty('error')) {
-                        this.sendMessages[dataJSON['call_id']].reject(new Error(dataJSON.error));
+                const dataJSON = JSON.parse(data.toString());
+                if (Object.hasOwn(dataJSON, 'call_id') && dataJSON['call_id'] in this.sendMessages) {
+                    if (Object.hasOwn(dataJSON, 'error')) {
+                        this.sendMessages[dataJSON.call_id].reject(new Error(dataJSON.error));
                     }
                     else {
-                        this.sendMessages[dataJSON['call_id']].resolve(dataJSON);
+                        this.sendMessages[dataJSON.call_id].resolve(dataJSON);
                     }
                     delete this.sendMessages[dataJSON['call_id']];
                 }
-                if (dataJSON.hasOwnProperty('error')) {
+                if (Object.hasOwn(dataJSON, 'error')) {
                     this.reportError(new Error(dataJSON.error));
                 }
                 else {
@@ -125,10 +130,18 @@ class CamOverlayDrawingAPI extends EventEmitter {
                 this.reportError(error);
                 reject(error);
             });
-            this.ws.on('close', () => {
+            this.ws.on('close', () => __awaiter(this, void 0, void 0, function* () {
                 this.ws = undefined;
                 this.reportClose();
-            });
+                if (this.connected) {
+                    try {
+                        yield (0, promises_1.setTimeout)(10000);
+                        void this.openWebsocket();
+                    }
+                    catch (err) {
+                    }
+                }
+            }));
             this.ws.open();
         });
     }

package/CamOverlayPainter/Frame.d.ts

@@ -0,0 +1,59 @@
+import { CamOverlayDrawingAPI, TAlign, TUploadImageResponse } from '../CamOverlayDrawingAPI';
+import ResourceManager from './ResourceManager';
+export type TRgb = [number, number, number];
+export type TRgba = [number, number, number, number];
+export type TTmf = 'TFM_OVERFLOW' | 'TFM_SCALE' | 'TFM_TRUNCATE';
+export type TObjectFitType = 'fill' | 'fit' | 'none';
+export type FrameOptions = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    enabled?: boolean;
+    bgImage?: string;
+    text?: string;
+    fontColor?: TRgb;
+    bgColor?: TRgba;
+    bgType?: TObjectFitType;
+};
+export type TFrameInfo = {
+    width: number;
+    height: number;
+};
+export type TDrawingCallback = (cod: CamOverlayDrawingAPI, cairo: string, info: TFrameInfo) => Promise<void>;
+export default class Frame {
+    private customDraw?;
+    protected posX: number;
+    protected posY: number;
+    protected width: number;
+    protected height: number;
+    protected enabled: boolean;
+    private text;
+    private align;
+    private textType;
+    private fontColor;
+    private fontName?;
+    private bgColor?;
+    private bgImage?;
+    private bgType?;
+    protected children: Frame[];
+    constructor(opt: FrameOptions, customDraw?: TDrawingCallback | undefined);
+    setFramePosition(x: number, y: number): void;
+    setFrameSize(width: number, height: number): void;
+    setText(text: string, align: TAlign, textType?: TTmf, color?: TRgb): void;
+    setFont(fontName: string): void;
+    setBgColor(color: TRgba): void;
+    setBgImage(imageName: string, type?: TObjectFitType): void;
+    setBgImageData(imageData: TUploadImageResponse, type?: TObjectFitType): void;
+    setCustomDraw(customDraw: TDrawingCallback): void;
+    clear(): void;
+    insert(...frames: Frame[]): void;
+    enable(): void;
+    disable(): void;
+    displayImage(cod: CamOverlayDrawingAPI, rm: ResourceManager, cairo: string, ppX: number, ppY: number, scale?: number): Promise<void>;
+    protected displayOwnImage(cod: CamOverlayDrawingAPI, rm: ResourceManager, cairo: string, ppX: number, ppY: number, scale: number): Promise<void>;
+    private drawFrame;
+    private drawImage;
+    private drawText;
+}
+export { Frame };

package/CamOverlayPainter/Frame.js

@@ -0,0 +1,182 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    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) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Frame = void 0;
+class Frame {
+    constructor(opt, customDraw) {
+        var _a, _b, _c;
+        this.customDraw = customDraw;
+        this.text = '';
+        this.align = 'A_LEFT';
+        this.textType = 'TFM_OVERFLOW';
+        this.children = new Array();
+        this.posX = opt.x;
+        this.posY = opt.y;
+        this.width = opt.width;
+        this.height = opt.height;
+        this.enabled = (_a = opt.enabled) !== null && _a !== void 0 ? _a : true;
+        this.setText((_b = opt.text) !== null && _b !== void 0 ? _b : '', 'A_LEFT');
+        this.fontColor = (_c = opt.fontColor) !== null && _c !== void 0 ? _c : [1.0, 1.0, 1.0];
+        this.bgColor = opt.bgColor;
+        this.bgImage = opt.bgImage;
+        this.bgType = opt.bgType;
+    }
+    setFramePosition(x, y) {
+        this.posX = x;
+        this.posY = y;
+    }
+    setFrameSize(width, height) {
+        this.width = width;
+        this.height = height;
+    }
+    setText(text, align, textType = 'TFM_OVERFLOW', color) {
+        this.text = text;
+        this.align = align;
+        this.textType = textType;
+        if (color) {
+            this.fontColor = color;
+        }
+    }
+    setFont(fontName) {
+        this.fontName = fontName;
+    }
+    setBgColor(color) {
+        this.bgColor = color;
+    }
+    setBgImage(imageName, type = 'fit') {
+        this.bgImage = imageName;
+        this.bgType = type;
+    }
+    setBgImageData(imageData, type = 'fit') {
+        this.bgImage = imageData;
+        this.bgType = type;
+    }
+    setCustomDraw(customDraw) {
+        this.customDraw = customDraw;
+    }
+    clear() {
+        this.text = '';
+        this.align = 'A_LEFT';
+        this.fontColor = [1.0, 1.0, 1.0];
+        this.bgColor = undefined;
+        this.bgImage = undefined;
+    }
+    insert(...frames) {
+        this.children.push(...frames);
+    }
+    enable() {
+        this.enabled = true;
+    }
+    disable() {
+        this.enabled = false;
+    }
+    displayImage(cod_1, rm_1, cairo_1, ppX_1, ppY_1) {
+        return __awaiter(this, arguments, void 0, function* (cod, rm, cairo, ppX, ppY, scale = 1) {
+            if (this.enabled) {
+                ppX += this.posX;
+                ppY += this.posY;
+                yield this.displayOwnImage(cod, rm, cairo, ppX, ppY, scale);
+                for (const child of this.children) {
+                    yield child.displayImage(cod, rm, cairo, ppX, ppY, scale);
+                }
+            }
+        });
+    }
+    displayOwnImage(cod, rm, cairo, ppX, ppY, scale) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.enabled) {
+                const promises = new Array();
+                if (this.fontName !== undefined) {
+                    const fontData = yield rm.font(this.fontName);
+                    promises.push(cod.cairo('cairo_set_font_face', cairo, fontData.var));
+                }
+                else {
+                    promises.push(cod.cairo('cairo_set_font_face', cairo, 'NULL'));
+                }
+                if (this.bgColor !== undefined) {
+                    promises.push(this.drawFrame(cod, cairo, scale, ppX, ppY));
+                }
+                if (this.bgImage !== undefined) {
+                    promises.push(this.drawImage(cod, rm, cairo, scale, ppX, ppY));
+                }
+                if (this.text) {
+                    promises.push(this.drawText(cod, cairo, scale, ppX, ppY));
+                }
+                if (this.customDraw) {
+                    promises.push(cod.cairo('cairo_identity_matrix', cairo));
+                    promises.push(cod.cairo('cairo_translate', cairo, scale * ppX, scale * ppY));
+                    promises.push(cod.cairo('cairo_scale', cairo, scale, scale));
+                    promises.push(this.customDraw(cod, cairo, { width: this.width, height: this.height }));
+                }
+                yield Promise.all(promises);
+            }
+        });
+    }
+    drawFrame(cod, cairo, scale, ppX, ppY) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.bgColor) {
+                const promises = [
+                    cod.cairo('cairo_identity_matrix', cairo),
+                    cod.cairo('cairo_translate', cairo, scale * ppX, scale * ppY),
+                    cod.cairo('cairo_scale', cairo, scale, scale),
+                    cod.cairo('cairo_set_source_rgba', cairo, this.bgColor[0], this.bgColor[1], this.bgColor[2], this.bgColor[3]),
+                    cod.cairo('cairo_rectangle', cairo, 0, 0, this.width, this.height),
+                    cod.cairo('cairo_fill', cairo),
+                    cod.cairo('cairo_stroke', cairo),
+                ];
+                yield Promise.all(promises);
+            }
+            else {
+                throw new Error('Colour of this frame is undefined.');
+            }
+        });
+    }
+    drawImage(cod, rm, cairo, scale, ppX, ppY) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const imageData = typeof this.bgImage === 'string' ? yield rm.image(this.bgImage) : this.bgImage;
+            const bgImage = imageData.var;
+            const bgWidth = imageData.width;
+            const bgHeight = imageData.height;
+            const promises = new Array();
+            promises.push(cod.cairo('cairo_identity_matrix', cairo));
+            promises.push(cod.cairo('cairo_translate', cairo, scale * ppX, scale * ppY));
+            if (this.bgType === 'fill') {
+                const sx = (scale * this.width) / bgWidth;
+                const sy = (scale * this.height) / bgHeight;
+                promises.push(cod.cairo('cairo_scale', cairo, sx, sy));
+            }
+            else if (this.bgType === 'fit') {
+                const sx = this.width / bgWidth;
+                const sy = this.height / bgHeight;
+                const scaleRatio = scale * Math.min(sx, sy);
+                promises.push(cod.cairo('cairo_scale', cairo, scaleRatio, scaleRatio));
+            }
+            else {
+                promises.push(cod.cairo('cairo_scale', cairo, scale, scale));
+            }
+            promises.push(cod.cairo('cairo_set_source_surface', cairo, bgImage, 0, 0));
+            promises.push(cod.cairo('cairo_paint', cairo));
+            yield Promise.all(promises);
+        });
+    }
+    drawText(cod, cairo, scale, ppX, ppY) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const promises = [
+                cod.cairo('cairo_identity_matrix', cairo),
+                cod.cairo('cairo_set_source_rgb', cairo, this.fontColor[0], this.fontColor[1], this.fontColor[2]),
+                cod.writeText(cairo, '' + this.text, Math.floor(scale * ppX), Math.floor(scale * ppY), Math.floor(scale * this.width), Math.floor(scale * this.height), this.align, this.textType),
+            ];
+            yield Promise.all(promises);
+        });
+    }
+}
+exports.default = Frame;
+exports.Frame = Frame;

package/CamOverlayPainter/Painter.d.ts

@@ -0,0 +1,33 @@
+import { CamOverlayDrawingAPI, CamOverlayDrawingOptions } from '../CamOverlayDrawingAPI';
+import ResourceManager from './ResourceManager';
+import { Frame, FrameOptions } from './Frame';
+export declare const COORD: Record<string, [number, number]>;
+export type PainterOptions = FrameOptions & {
+    screenWidth: number;
+    screenHeight: number;
+    coAlignment: string;
+};
+export default class Painter extends Frame {
+    private screenWidth;
+    private screenHeight;
+    private coAlignment;
+    private surface?;
+    private cairo?;
+    private cod;
+    private rm;
+    get camOverlayDrawingAPI(): CamOverlayDrawingAPI;
+    get resourceManager(): ResourceManager;
+    constructor(opt: PainterOptions, coopt: CamOverlayDrawingOptions);
+    connect(): Promise<void>;
+    disconnect(): void;
+    registerImage(moniker: string, fileName: string): void;
+    registerFont(moniker: string, fileName: string): void;
+    setScreenSize(sw: number, sh: number): void;
+    setCoAlignment(coa: string): void;
+    display(scale?: number): Promise<void>;
+    hide(): Promise<void>;
+    private positionConvertor;
+    private prepareDrawing;
+    private destroy;
+}
+export { Painter, Frame, FrameOptions, ResourceManager, CamOverlayDrawingOptions };