CVAT-3D Milestone2

CHANGELOG.md

@@ -10,6 +10,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 - CVAT-3D: support lidar data on the server side (<https://github.com/openvinotoolkit/cvat/pull/2534>)
+- CVAT-3D: Load all frames corresponding to the job instance
+  (<https://github.com/openvinotoolkit/cvat/pull/2645>)
 
 ### Changed
 

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 @@
+dist

cvat-canvas3d/README.md

@@ -0,0 +1,50 @@
+# 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): void;
+  fitCanvas(): void;
+  mode(): Mode;
+  isAbleToChangeFrame(): boolean;
+  render(): 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();
+```