@camera.ui/browser 0.0.1

package/dist/src/services/logger/index.d.ts

@@ -0,0 +1,37 @@
+import 'reflect-metadata';
+import type { Socket } from 'socket.io';
+import type { UiNotification } from '../../api/types';
+import type { LoggingLevel } from '../config/types';
+export declare class PluginLogger {
+    subprefix: string;
+    private logger;
+    private get prefix();
+    constructor(subprefix: string);
+    log(...args: any[]): void;
+    error(...args: any[]): void;
+    warn(...args: any[]): void;
+    debug(...args: any[]): void;
+}
+export declare class Logger {
+    private _loggerPrefix;
+    private _debugEnabled;
+    private _verboseLogging;
+    private _disableTimestamps;
+    notifications: UiNotification[];
+    get debugEnabled(): boolean;
+    set debugEnabled(state: boolean);
+    get verboseLogging(): boolean;
+    set verboseLogging(state: boolean);
+    get disableTimestamps(): boolean;
+    set disableTimestamps(state: boolean);
+    get prefix(): string;
+    constructor();
+    log(...args: any[]): void;
+    error(...args: any[]): void;
+    warn(...args: any[]): void;
+    debug(...args: any[]): void;
+    verbose(...args: any[]): void;
+    notify(title: string, text: string, type: LoggingLevel, link: string, socket?: Socket): Promise<void>;
+    private setNotification;
+    private formatDateTime;
+}

package/dist/src/services/logger/index.js

@@ -0,0 +1,181 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Logger = exports.PluginLogger = void 0;
+require("reflect-metadata");
+const chalk_1 = require("chalk");
+const uuid_1 = require("uuid");
+const tsyringe_1 = require("tsyringe");
+const ws_1 = require("../../api/ws");
+class PluginLogger {
+    subprefix;
+    logger;
+    get prefix() {
+        return `${this.logger.prefix} ${(0, chalk_1.cyan)(`[${this.subprefix}]`)}`;
+    }
+    constructor(subprefix) {
+        if (process.env.IS_WORKER) {
+            this.logger = new Logger();
+            if (process.env.CAMERA_UI_DISABLE_TIMESTAMPS) {
+                this.logger.disableTimestamps = true;
+            }
+            if (process.env.CAMERA_UI_DEBUG) {
+                this.logger.debugEnabled = true;
+            }
+        }
+        else {
+            this.logger = tsyringe_1.container.resolve('logger');
+        }
+        this.subprefix = subprefix;
+    }
+    log(...args) {
+        console.log(this.prefix, ...args);
+    }
+    error(...args) {
+        console.error(this.prefix, ...args.map((x) => (0, chalk_1.red)(x)));
+    }
+    warn(...args) {
+        console.warn(this.prefix, ...args.map((x) => (0, chalk_1.yellow)(x)));
+    }
+    debug(...args) {
+        console.debug(this.prefix, ...args.map((x) => (0, chalk_1.gray)(x)));
+    }
+}
+exports.PluginLogger = PluginLogger;
+let Logger = class Logger {
+    _loggerPrefix = 'camera.ui';
+    _debugEnabled = false;
+    _verboseLogging = false;
+    _disableTimestamps = false;
+    notifications = [];
+    get debugEnabled() {
+        return this._debugEnabled;
+    }
+    set debugEnabled(state) {
+        this._debugEnabled = state;
+    }
+    get verboseLogging() {
+        return this._verboseLogging;
+    }
+    set verboseLogging(state) {
+        this._verboseLogging = state;
+    }
+    get disableTimestamps() {
+        return this._disableTimestamps;
+    }
+    set disableTimestamps(state) {
+        this._disableTimestamps = state;
+    }
+    get prefix() {
+        if (!this.disableTimestamps) {
+            return (0, chalk_1.white)(`[${this.formatDateTime(new Date())}] `) + (0, chalk_1.blue)(`[${this._loggerPrefix}]`);
+        }
+        else {
+            return (0, chalk_1.blue)(`[${this._loggerPrefix}]`);
+        }
+    }
+    constructor() {
+        tsyringe_1.container.register('logger', { useValue: this });
+    }
+    log(...args) {
+        console.log(this.prefix, ...args);
+    }
+    error(...args) {
+        console.error(this.prefix, ...args.map((x) => (0, chalk_1.red)(x)));
+        if (this.notifications.length > 100) {
+            this.notifications.pop();
+        }
+        const notification = this.setNotification('error', ...args);
+        this.notifications.unshift(notification);
+        const socketService = tsyringe_1.container.resolve('socketService');
+        socketService.io?.of?.('/notifications').emit('notifications', notification);
+    }
+    warn(...args) {
+        console.warn(this.prefix, ...args.map((x) => (0, chalk_1.yellow)(x)));
+        if (this.notifications.length > 100) {
+            this.notifications.pop();
+        }
+        const notification = this.setNotification('warn', ...args);
+        this.notifications.unshift(notification);
+        const socketService = tsyringe_1.container.resolve('socketService');
+        socketService.io?.of?.('/notifications').emit('notifications', notification);
+    }
+    debug(...args) {
+        if (this.debugEnabled) {
+            console.debug(this.prefix, ...args.map((x) => (0, chalk_1.gray)(x)));
+        }
+    }
+    verbose(...args) {
+        if (this.verboseLogging) {
+            console.debug(this.prefix, ...args.map((x) => (0, chalk_1.gray)(x)));
+        }
+    }
+    async notify(title, text, type, link, socket) {
+        const socketService = tsyringe_1.container.resolve('socketService');
+        // @ts-ignore
+        if (socketService.io?.of) {
+            const notification = {
+                _id: (0, uuid_1.v4)(),
+                title,
+                text,
+                type,
+                timestamp: Date.now(),
+                link,
+            };
+            this.debug('New notification', JSON.stringify(notification));
+            // push notification to every use on /notifications nsp
+            if (socket) {
+                const sockets = await socketService.io.of('/notifications').fetchSockets();
+                for (const _socket of sockets) {
+                    // @ts-ignore
+                    if (_socket.encodedToken === socket.encodedToken) {
+                        _socket.emit('notifications', notification);
+                    }
+                }
+            }
+            else {
+                socketService.io.of('/notifications').emit('notifications', notification);
+            }
+        }
+    }
+    setNotification(type, ...args) {
+        const title = args[1] || 'Notification';
+        const text = typeof args[0] === 'object' ? JSON.stringify(args[0]) : args[0];
+        return {
+            _id: (0, uuid_1.v4)(),
+            title: title,
+            text: text,
+            type: type,
+            timestamp: Date.now(),
+        };
+    }
+    formatDateTime(date) {
+        const day = date.getDate().toString().padStart(2, '0');
+        const month = (date.getMonth() + 1).toString().padStart(2, '0');
+        const year = date.getFullYear();
+        const hours = date.getHours().toString().padStart(2, '0');
+        const minutes = date.getMinutes().toString().padStart(2, '0');
+        const seconds = date.getSeconds().toString().padStart(2, '0');
+        return `${day}.${month}.${year}, ${hours}:${minutes}:${seconds}`;
+    }
+};
+exports.Logger = Logger;
+exports.Logger = Logger = __decorate([
+    (0, tsyringe_1.registry)([
+        {
+            token: 'socketService',
+            useValue: (0, tsyringe_1.delay)(() => ws_1.SocketService),
+        },
+    ]),
+    (0, tsyringe_1.scoped)(tsyringe_1.Lifecycle.ContainerScoped),
+    __metadata("design:paramtypes", [])
+], Logger);
+//# sourceMappingURL=index.js.map

package/dist/src/services/logger/index.js.map

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

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@camera.ui/browser",
+  "version": "0.0.1",
+  "description": "camera.ui browser client",
+  "author": "seydx (https://github.com/seydx/camera.ui)",
+  "main": "./dist/bundle.browser.js",
+  "types": "./dist/client/src/index.d.ts",
+  "scripts": {
+    "build": "rimraf dist && tsc && webpack --config webpack.config.js --env browser",
+    "update": "updates --update ./",
+    "install-updates": "npm i --save",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "rxjs": "^7.8.1",
+    "socket.io-client": "^4.7.3"
+  },
+  "devDependencies": {
+    "bufferutil": "^4.0.8",
+    "rimraf": "^5.0.5",
+    "ts-loader": "^9.5.1",
+    "typescript": "^5.3.3",
+    "updates": "^15.1.1",
+    "utf-8-validate": "^5.0.10",
+    "webpack": "^5.89.0",
+    "webpack-cli": "^5.1.4"
+  },
+  "bugs": {
+    "url": "https://github.com/seydx/camera.ui/issues"
+  },
+  "engines": {
+    "camera.ui": ">=3.0.0-alpha.0",
+    "node": ">=18.12.0"
+  },
+  "homepage": "https://github.com/seydx/camera.ui#readme",
+  "keywords": [
+    "camera.ui",
+    "browser",
+    "client"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/seydx/camera.ui.git"
+  }
+}

package/webpack.config.js

@@ -0,0 +1,29 @@
+const path = require('path');
+const webpack = require('webpack');
+
+module.exports = {
+  mode: 'production',
+  module: {
+    rules: [
+      {
+        test: /\.ts$/,
+        use: 'ts-loader',
+        exclude: /node_modules/,
+      },
+    ],
+  },
+  resolve: {
+    extensions: ['.ts', '.js'],
+  },
+  target: 'web',
+  entry: '../node/src/index.ts',
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: 'bundle.browser.js',
+    library: {
+      name: 'CameraUiClient',
+      type: 'umd',
+    },
+  },
+  plugins: [new webpack.NormalModuleReplacementPlugin(/cameraDevice\.node/, './cameraDevice.mock.ts')],
+};