CVAT-3D Milestone2

Dockerfile.ui

@@ -20,6 +20,7 @@ RUN apk add python3 g++ make
 # Install dependencies
 COPY cvat-core/package*.json /tmp/cvat-core/
 COPY cvat-canvas/package*.json /tmp/cvat-canvas/
+COPY cvat-canvas3d/package*.json /tmp/cvat-canvas3d/
 COPY cvat-ui/package*.json /tmp/cvat-ui/
 COPY cvat-data/package*.json /tmp/cvat-data/
 
@@ -35,13 +36,18 @@ RUN npm ci
 WORKDIR /tmp/cvat-canvas/
 RUN npm ci
 
+# Install cvat-canvas dependencies
+WORKDIR /tmp/cvat-canvas3d/
+RUN npm ci
+
 # Install cvat-ui dependencies
 WORKDIR /tmp/cvat-ui/
 RUN npm ci
 
 # Build source code
 COPY cvat-data/ /tmp/cvat-data/
 COPY cvat-core/ /tmp/cvat-core/
+COPY cvat-canvas3d/ /tmp/cvat-canvas3d/
 COPY cvat-canvas/ /tmp/cvat-canvas/
 COPY cvat-ui/ /tmp/cvat-ui/
 RUN npm run build

cvat-canvas3d/.eslintignore

@@ -0,0 +1 @@
+webpack.config.js

cvat-canvas3d/.eslintrc.js

@@ -0,0 +1,46 @@
+// Copyright (C) 2021 Intel Corporation
+//
+// SPDX-License-Identifier: MIT
+
+module.exports = {
+ env: {
+ node: true,
+ },
+ parserOptions: {
+ parser: '@typescript-eslint/parser',
+ ecmaVersion: 6,
+ },
+ plugins: ['@typescript-eslint', 'import'],
+ extends: [
+ 'plugin:@typescript-eslint/recommended',
+ 'airbnb-typescript/base',
+ 'plugin:import/errors',
+ 'plugin:import/warnings',
+ 'plugin:import/typescript',
+ ],
+ rules: {
+ '@typescript-eslint/no-explicit-any': 0,
+ '@typescript-eslint/indent': ['warn', 4],
+ 'no-plusplus': 0,
+ 'no-restricted-syntax': [
+ 0,
+ {
+ selector: 'ForOfStatement',
+ },
+ ],
+ 'max-len': ['error', { code: 120 }],
+ 'no-continue': 0,
+ 'func-names': 0,
+ 'no-console': 0, // this rule deprecates console.log, console.warn etc. because 'it is not good in production code'
+ 'lines-between-class-members': 0,
+ 'import/prefer-default-export': 0, // works incorrect with interfaces
+ 'newline-per-chained-call': 0, // makes code uglier
+ },
+ settings: {
+ 'import/resolver': {
+ node: {
+ extensions: ['.ts', '.js', '.json'],
+ },
+ },
+ },
+};

cvat-canvas3d/.gitignore

@@ -0,0 +1,2 @@
+src/*.js
+dist

cvat-canvas3d/README.md

@@ -0,0 +1,49 @@
+# Module CVAT-CANVAS-3D
+
+## Description
+
+The CVAT module written in TypeScript language.
+It presents a canvas to viewing, drawing and editing of 3D annotations.
+
+## Versioning
+
+If you make changes in this package, please do following:
+
+- After not important changes (typos, backward compatible bug fixes, refactoring) do: `npm version patch`
+- After changing API (backward compatible new features) do: `npm version minor`
+- After changing API (changes that break backward compatibility) do: `npm version major`
+
+## Commands
+
+- Building of the module from sources in the `dist` directory:
+
+```bash
+npm run build
+npm run build -- --mode=development # without a minification
+```
+
+### API Methods
+
+```ts
+interface Canvas3d {
+ html(): HTMLDivElement;
+ setup(frameData: any, objectStates: any[], zLayer?: number): void;
+ fitCanvas(): void;
+ mode(): Mode;
+ configure(configuration: Configuration): void;
+}
+```
+
+### WEB
+
+```js
+// Create an instance of a canvas
+const canvas = new window.canvas.Canvas3d();
+
+console.log('Version ', window.canvas.CanvasVersion);
+console.log('Current mode is ', window.canvas.mode());
+
+// Put canvas to a html container
+htmlContainer.appendChild(canvas.html());
+canvas.fitCanvas();
+```