Feat: Initial commit

.circleci/.nvm

+# load-nvm.sh
+export NVM_DIR="/opt/circleci/.nvm"
+[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
\ No newline at end of file

.circleci/config.yml

+version: 2.1
+jobs:
+  build:
+    machine:
+      image: circleci/classic:latest
+    steps:
+      - checkout
+      - run:
+          name: run build file
+          command: /bin/bash -x build.sh ${CIRCLE_SHA1} test
+  test-cases:
+    working_directory: ~/sunbird-collection-editor
+    machine:
+      image: ubuntu-2004:202010-01
+    steps:
+      - checkout:
+          path: ~/sunbird-collection-editor
+      - run:
+          name: Node version
+          command: 'node --version'
+      - run:
+          name: Installing angular cli
+          command: 'npm install -g @angular/cli@12.2.18 --no-progress'
+      #~ - restore_cache:
+          #~ key: dependency-cache-{{ checksum "package.json" }}
+      - run:
+          name: Installing npm deps
+          command: 'npm install --no-progress'
+      - save_cache:
+          key: dependency-cache-{{ checksum "package.json" }}
+          paths: ./node_modules
+      - run:
+          name: ng lint and building
+          command: 'mkdir -p /tmp/logs && npm run build-lib:prod | tee /tmp/logs/build.log'
+      - run:
+          name: Executing test cases
+          command: 'npm run test-coverage | tee /tmp/logs/test_cases.log'
+      - run:
+          name: Install  Node.js v14.20.0 with build in nvm tool
+          command: |
+            export NVM_DIR="/opt/circleci/.nvm"
+            [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"
+            nvm install v14 && nvm use 14 && nvm alias default 14
+            node -v
+      - run:
+          name: Alter Node version
+          command: 'node --version'
+      - run:
+          name: Install sonar scanner
+          command: npm install -g sonarqube-scanner
+      - run:
+          name: Run sonar scanner
+          command: 'cd ~/sunbird-collection-editor && sonar-scanner'
+      - run:
+          name: Publish to NPM
+          command: |
+            if [ -n $CIRCLE_PR_NUMBER ]; then
+              npm run build-lib && npm pack ./dist/collection-editor-library
+              echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN" > ~/.npmrc
+              npm publish project-sunbird-sunbird-collection-editor-*
+            else
+              npm run build-lib && npm pack ./dist/collection-editor-library
+            fi
+workflows:
+  version: 2
+  build_and_test:
+    jobs:
+      - test-cases

.gitignore

+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/projects/collection-editor-library/coverage
+/tmp
+/out-tsc
+# Only exists if Bazel was run
+/bazel-out
+
+# dependencies
+/node_modules
+
+# profiling files
+chrome-profiler-events.json
+speed-measure-plugin.json
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+yarn-error.log
+testem.log
+/typings
+
+# System Files
+.DS_Store
+Thumbs.db

LICENSE

+MIT License
+
+Copyright (c) 2021 Sunbird for Education
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

+
+# :diamond_shape_with_a_dot_inside: Collection Editor library for Sunbird platform
+Contains Collection Editor library components powered by angular. These components are designed to be used in the sunbirdEd portal and web portal to drive reusability, maintainability hence reducing the redundant development effort significantly.
+
+![image](https://user-images.githubusercontent.com/36467967/153172086-5552cfe4-ad39-4b70-b015-e7553610a6fa.png)
+
+# :bookmark_tabs: Getting Started
+This guide explains how to set up your Angular project to begin using the collection editor library. It includes information on prerequisites, installing editor library, and optionally displaying a sample editor library component in your application to verify your setup.
+
+If you are new to Angular or getting started with a new Angular application, see [Angular's full Getting Started Guide](https://angular.io/start) and [Setting up your environment](https://angular.io/guide/setup-local).
+
+> **_NOTE:_**
+  `@project-sunbird/sunbird-collection-editor@5.1.*` versions will refer to angular 9 to 12 upgradation changes.
+
+
+For existing applications, follow the steps below to begin using Collection editor library.
+## :label: Step 1: Install the packages
+
+The following commands will add `sunbird-collection-editor` library to your package.json file along with its dependencies.
+
+```red
+npm i @project-sunbird/sunbird-collection-editor --save
+```
+
+Don't forget to install the below peer dependencies of the library in your application. that need to be installed in order to use the library in your angular project.
+
+```
+npm i common-form-elements-web-v9 --save
+npm i ng2-semantic-ui-v9 --save
+npm i ngx-infinite-scroll --save
+npm i lodash-es --save
+npm i jquery.fancytree --save
+npm i angular2-uuid --save
+npm i @project-sunbird/client-services --save
+npm i export-to-csv --save
+npm i moment --save
+npm i @project-sunbird/ckeditor-build-classic --save
+npm i @project-sunbird/sunbird-pdf-player-v9 --save
+npm i @project-sunbird/sunbird-epub-player-v9 --save
+npm i @project-sunbird/sunbird-video-player-v9 --save
+npm i @project-sunbird/sunbird-quml-player --save
+npm i ngx-bootstrap@6.0.0 --save
+npm i ng2-cache-service --save
+npm i fine-uploader --save
+npm i ngx-chips@2.2.0 --save
+npm i epubjs --save
+npm i videojs-contrib-quality-levels --save
+npm i videojs-http-source-selector --save
+npm i jquery --save
+npm i express-http-proxy --save
+npm i mathjax-full --save
+npm i svg2img --save
+npm i font-awesome --save
+npm i @project-sunbird/sb-styles
+```
+
+
+Note: *As Collection library is build with angular version 12, we are using **bootstrap@4.6.1** and **ngx-bootstrap@6.0.0** which are the compatible versions.
+For more reference Check compatibility document for ng-bootstrap [here](https://valor-software.com/ngx-bootstrap/#/documentation#compatibility)*  
+
+## :label: Step 2: create and copy required assests
+
+After installing the above dependencies, now we have to copy the required assets from the given folder to the assets folder of your angular application. It contains styles and plugins.
+
+- Copy the assets from: [assets](https://github.com/Sunbird-Ed/sunbird-collection-editor/tree/release-4.8.0/src/assets)
+
+<img width="320" alt="image" src="https://user-images.githubusercontent.com/36467967/154430084-44060eda-97a9-4fd4-a3c0-06364a8ba86f.png">
+
+- Create a latexService.js in the root folder. Refer: [latexService.js](https://github.com/Sunbird-Ed/sunbird-collection-editor/blob/release-4.8.0/latexService.js)
+
+- Create a proxy.conf.json in the root folder. Refer: [proxy.conf.json](https://github.com/Sunbird-Ed/sunbird-collection-editor/blob/release-4.8.0/proxy.conf.json)
+
+- Create server.js in the root folder. Refer: [server.js](https://github.com/Sunbird-Ed/sunbird-collection-editor/blob/release-4.8.0/server.js) 
+
+
+## :label: Step 3: Include the styles, scripts and assets in angular.json
+
+Now open the `angular.json` file and add the following under `architect.build.assets` for default project
+  
+```diff
+{
+  ...
+  "build": {
+    "builder": "@angular-devkit/build-angular:browser",
+    "options": {
+      ...
+      ...
+      "aot": false,
+      "assets": [
+        ...
+        ...
++        {
++          "glob": "**/*",
++          "input": "node_modules/@project-sunbird/sunbird-pdf-player-v9/lib/assets/",
++         "output": "/assets/"
++        },
++        {
++          "glob": "**/*",
++          "input": "node_modules/@project-sunbird/sunbird-video-player-v9/lib/assets/",
++          "output": "/assets/"
++        },
++        {
++          "glob": "**/*",
++          "input": "node_modules/@project-sunbird/sunbird-collection-editor/lib/assets",
++          "output": "/assets/"
++        },
++        {
++          "glob": "**/*",
++          "input": "node_modules/@project-sunbird/sunbird-quml-player/lib/assets/",
++          "output": "/assets/"
++        }
+      ],
+      "styles": [
+        ...
++        "src/assets/quml-styles/quml-carousel.css",
++        "node_modules/@project-sunbird/sb-styles/assets/_styles.scss",
++        "src/assets/lib/semantic/semantic.min.css",
++        "src/assets/styles/styles.scss",
++        "node_modules/font-awesome/css/font-awesome.css",
++        "node_modules/video.js/dist/video-js.min.css",
++        "node_modules/@project-sunbird/sunbird-video-player-v9/lib/assets/videojs.markers.min.css",
++        "node_modules/videojs-http-source-selector/dist/videojs-http-source-selector.css"
+      ],
+      "scripts": [
+        ...
++        "node_modules/epubjs/dist/epub.js",
++        "src/assets/libs/iziToast/iziToast.min.js",
++        "node_modules/jquery/dist/jquery.min.js",
++        "node_modules/jquery.fancytree/dist/jquery.fancytree-all-deps.min.js",
++        "src/assets/lib/dimmer.min.js",
++        "src/assets/lib/transition.min.js",
++        "src/assets/lib/modal.min.js",
++        "src/assets/lib/semantic-ui-tree-picker.js",
++        "node_modules/@project-sunbird/client-services/index.js",
++        "node_modules/video.js/dist/video.js",
++        "node_modules/@project-sunbird/sunbird-video-player-v9/lib/assets/videojs-markers.js",
++        "node_modules/videojs-contrib-quality-levels/dist/videojs-contrib-quality-levels.min.js",
++        "node_modules/videojs-http-source-selector/dist/videojs-http-source-selector.min.js"
+      ]
+    }
+  }
+  ...
+  ...
+}
+```
+ 
+
+## :label: Step 4: Add question-cursor-implementation.service
+Create a **`question-cursor-implementation.service.ts`** in a project and which will implement the `QuestionCursor` and `EditorCursor` abstract class.  
+`QuestionCursor` and `EditorCursor` is an abstract class, exported from the library, which needs to be implemented. Basically it has some methods which should make an API request over HTTP  
+
+Let's create the `question-cursor-implementation` service by running the following command:
+```
+cd src/app
+ng g service question-cursor-implementation
+```
+
+Now open `app.module.ts` file and import like this:
+ 
+```diff
++ import { EditorCursor } from 'collection-editor-library';
++ import { QuestionCursor } from '@project-sunbird/sunbird-quml-player';
++ import { EditorCursorImplementationService } from './editor-cursor-implementation.service';
+
+@NgModule({
+  providers: [
++    { provide: QuestionCursor, useExisting: EditorCursorImplementationService },
++    { provide: EditorCursor, useExisting: EditorCursorImplementationService }
+  ],
+})
+export class AppModule { }
+
+```
+
+
+For more information refer [question-cursor-implementation.service.ts](https://github.com/Sunbird-Ed/sunbird-collection-editor/blob/release-4.7.0/src/app/editor-cursor-implementation.service.ts) and do not forgot to add your question list API URL
+**For example:** `https://staging.sunbirded.org/api/question/v1/list`
+
+
+
+
+## :label: Step 5: Import the modules and components
+
+Include `CollectionEditorLibraryModule` in your app module:
+
+```diff
+  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
++  import { CollectionEditorLibraryModule, EditorCursor } from '@project-sunbird/sunbird-collection-editor';
+  import { RouterModule } from '@angular/router';
+  import { QuestionCursor } from '@project-sunbird/sunbird-quml-player';
+  import { EditorCursorImplementationService } from './editor-cursor-implementation.service';
+
+  @NgModule({
+   ...
+
+   imports: [ 
++      CollectionEditorLibraryModule,
+      BrowserAnimationsModule,
+      RouterModule.forRoot([])
+      ],
+   providers: [
+    { provide: QuestionCursor, useExisting: EditorCursorImplementationService },
+    { provide: EditorCursor, useExisting: EditorCursorImplementationService }
+   ]
+
+   ...
+  })
+
+ export class AppModule { }
+```
+
+Once your library is imported, you can use its main component, `lib-editor` in your Angular application.
+
+Add the <lib-editor> tag to the `app.component.html` like so:
+
+```
+<lib-editor [editorConfig]="editorConfig" (editorEmitter)="editorEventListener($event)"></lib-editor>
+```
+
+## :label: Step 6: Send input to render Collection Editor
+
+Create a data.ts file which contains the `collectionEditorConfig`   Refer: [data.ts](https://github.com/Sunbird-Ed/sunbird-collection-editor/blob/release-4.8.0/src/app/data.ts)
+
+(Note: `data.ts` contains the mock config used in component to send it as input to collection Editor. We need only [collectionEditorConfig](https://github.com/Sunbird-Ed/sunbird-collection-editor/blob/release-4.8.0/src/app/data.ts#L143).Use the mock config in your component to send input to collection editor as `editorConfig`)  
+
+**app.component.ts**
+```diff
+   ...
++  import { collectionEditorConfig } from './data';
+   @Component({
+     ...
+   })
+   export class AppComponent {
+     ...
++     public editorConfig: any = collectionEditorConfig;
+   }
+```
+
+**app.component.html**
+
+```html
+<lib-editor [editorConfig]="editorConfig" (editorEmitter)="editorEventListener($event)"></lib-editor>
+```
+
+## :orange_circle: Available components
+|Feature| Notes| Selector|Code|Input|Output
+|--|--|--|------------------------------------------------------------------------------------------|---|--|
+| Collection Editor | Can be used to render Editor | lib-editor| *`<lib-editor [editorConfig]="editorConfig"></lib-editor>`*|editorConfig|editorEmitter|
+
+### :small_red_triangle_down: Input Parameters
+1. editorConfig: Object - [`Required`]  
+```javascript
+{
+  context: Object   // Information about the telemetry and default settings for editor API requests
+  config: Object    // default editor config such as sidebar menu list
+}
+```
+For more information refer this documentation: [CONFIGURATION.MD](/docs/CONFIGURATION.md)
+
+### :small_red_triangle_down: Output Events
+1. editorEmitter()    - It emits event for each action performed in the editor.
+---
+
+
+## :label: Step 7: Set the auth token and collection identifier
+Go to the root directory - Open `server.js` file
+
+
+Update the host variable to which env your pointing. example if you are pointing sunbird dev instance update variable like below
+```javascript
+const BASE_URL = 'dev.sunbirded.org'
+const API_AUTH_TOKEN = 'XXXX'
+const USER_TOKEN= 'YYYY'
+```
+Note: You will need actual `API_AUTH_TOKEN` and `USER_TOKEN`
+
+If you are pointing to sunbird dev -> [dev.sunbirded.org](https://dev.sunbirded.org/), create a textbook in sunbird dev, copy the `textbook_id` from the browser url and set the do_id of textbook in the `data.ts` file
+
+```javascript
+export const collectionEditorConfig = {
+  context: {
+       ...
+       identifier: 'do_id', // identifier of textbook created in sunbird dev
+      ...
+  },
+  config: {
+      ...
+  }
+```
+## :label: Step 8: Build the library
+ 
+Run `npm run build-lib` to build the library. The build artifacts will be stored in the dist/ directory.
+ 
+## :label: Step 9: Run the application
+ 
+Before running the application, we have to start the node server to proxy the APIs by running the following command:
+
+```
+nodemon server.js
+```
+
+Once that is done, Use the following CLI command to run your application locally
+
+
+```
+npm run start
+```
+
+To see your application in the browser, go to [http://localhost:4200](http://localhost:4200).
+
+
+# :bookmark_tabs: Editor Contribution and Configuration Guide
+
+[Contribution guidelines for this project](docs/CONTRIBUTING.md)
+
+[Configuration guidelines for this project](docs/CONFIGURATION.md)

angular.json

+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "sunbird-collection-editor": {
+      "root": "",
+      "sourceRoot": "src",
+      "projectType": "application",
+      "prefix": "app",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "dist/sunbird-collection-editor",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "src/tsconfig.app.json",
+            "assets": [
+              "src/assets",
+              "src/assets/images",
+              "src/favicon.ico",
+              {
+                "glob": "**/*",
+                "input": "node_modules/@project-sunbird/sunbird-pdf-player-v9/lib/assets/",
+                "output": "/assets/"
+              },
+              {
+                "glob": "**/*",
+                "input": "node_modules/@project-sunbird/sunbird-video-player-v9/lib/assets/",
+                "output": "/assets/"
+              },
+              {
+                "glob": "**/*",
+                "input": "projects/collection-editor-library/src/lib/assets",
+                "output": "/assets/"
+              },
+              {
+                "glob": "**/*",
+                "input": "node_modules/@project-sunbird/sunbird-quml-player/lib/assets/",
+                "output": "/assets/"
+              }
+            ],
+            "styles": [
+              "src/assets/quml-styles/quml-carousel.css",
+              "node_modules/@project-sunbird/sb-styles/assets/_styles.scss",
+              "src/styles.scss",
+              "src/assets/lib/semantic/semantic.min.css",
+              "src/assets/styles/styles.scss",
+              "node_modules/font-awesome/css/font-awesome.css",
+              "node_modules/katex/dist/katex.min.css",
+              "node_modules/video.js/dist/video-js.min.css",
+              "node_modules/@project-sunbird/sunbird-video-player-v9/lib/assets/videojs.markers.min.css",
+              "node_modules/videojs-http-source-selector/dist/videojs-http-source-selector.css"
+            ],
+            "scripts": [
+              "node_modules/epubjs/dist/epub.js",
+              "src/assets/libs/iziToast/iziToast.min.js",
+              "node_modules/jquery/dist/jquery.min.js",
+              "node_modules/jquery.fancytree/dist/jquery.fancytree-all-deps.min.js",
+              "node_modules/katex/dist/katex.min.js",
+              "src/assets/lib/dimmer.min.js",
+              "src/assets/lib/transition.min.js",
+              "src/assets/lib/modal.min.js",
+              "src/assets/lib/semantic-ui-tree-picker.js",
+              "node_modules/@project-sunbird/telemetry-sdk/index.js",
+              "node_modules/@project-sunbird/client-services/index.js",
+              "node_modules/video.js/dist/video.js",
+              "node_modules/@project-sunbird/sunbird-video-player-v9/lib/assets/videojs-markers.js",
+              "node_modules/videojs-contrib-quality-levels/dist/videojs-contrib-quality-levels.min.js",
+              "node_modules/videojs-http-source-selector/dist/videojs-http-source-selector.min.js"
+            ],
+            "vendorChunk": true,
+            "extractLicenses": false,
+            "buildOptimizer": false,
+            "sourceMap": true,
+            "optimization": false,
+            "namedChunks": true
+          },
+          "configurations": {
+            "production": {
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "namedChunks": false,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": true,
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ]
+            }
+          },
+          "defaultConfiguration": ""
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "browserTarget": "sunbird-collection-editor:build",
+            "proxyConfig": "proxy.conf.json"
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "sunbird-collection-editor:build:production"
+            }
+          }
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "browserTarget": "sunbird-collection-editor:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "src/test.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "src/tsconfig.spec.json",
+            "karmaConfig": "src/karma.conf.js",
+            "styles": [
+              "src/styles.scss"
+            ],
+            "scripts": [
+              "node_modules/epubjs/dist/epub.js"
+            ],
+            "assets": [
+              "src/favicon.ico",
+              "src/assets"
+            ]
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "src/tsconfig.app.json",
+              "src/tsconfig.spec.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
+    },
+    "sunbird-collection-editor-e2e": {
+      "root": "e2e/",
+      "projectType": "application",
+      "prefix": "",
+      "architect": {
+        "e2e": {
+          "builder": "@angular-devkit/build-angular:protractor",
+          "options": {
+            "protractorConfig": "e2e/protractor.conf.js",
+            "devServerTarget": "sunbird-collection-editor:serve"
+          },
+          "configurations": {
+            "production": {
+              "devServerTarget": "sunbird-collection-editor:serve:production"
+            }
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": "e2e/tsconfig.e2e.json",
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
+    },
+    "collection-editor-library": {
+      "root": "projects/collection-editor-library",
+      "sourceRoot": "projects/collection-editor-library/src",
+      "projectType": "library",
+      "prefix": "lib",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "tsConfig": "projects/collection-editor-library/tsconfig.lib.json",
+            "project": "projects/collection-editor-library/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "project": "projects/collection-editor-library/ng-package.prod.json",
+              "tsConfig": "projects/collection-editor-library/tsconfig.lib.prod.json"
+            }
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "projects/collection-editor-library/src/test.ts",
+            "tsConfig": "projects/collection-editor-library/tsconfig.spec.json",
+            "karmaConfig": "projects/collection-editor-library/karma.conf.js",
+            "scripts": [
+              "src/assets/libs/iziToast/iziToast.min.js",
+              "node_modules/jquery/dist/jquery.min.js"
+            ],
+            "codeCoverageExclude": [
+              "projects/collection-editor-library/src/lib/interfaces/*/*.ts"
+            ]
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "projects/collection-editor-library/tsconfig.lib.json",
+              "projects/collection-editor-library/tsconfig.spec.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
+    }
+  },
+  "defaultProject": "sunbird-collection-editor",
+  "cli": {
+    "analytics": false
+  }
+}
\ No newline at end of file

assets-copy.js

+const fs = require('fs-extra');
+(async () => {
+    try {
+        const dest = "dist/collection-editor-library/lib/assets/";
+        var source = "projects/collection-editor-library/src/lib/assets";
+        const isAssetsExists = await fs.pathExists(dest)
+
+        if (isAssetsExists) {
+            await fs.remove(dest);
+        }
+        await fs.copy(source, dest)
+        console.log('Assets copied successfully')
+    } catch (err) {
+        console.error("Error while copying assets", err)
+    }
+})();
\ No newline at end of file

docs/Architecture.md

+
+![Architecture](https://github.com/vaibhavbhuva/sunbird-collection-editor-1/blob/1df579f51f29a8a255bc502a2af327ab0ed3fb56/docs/collection-editor-architecture.drawio.png)

docs/CONFIGURATION.md

+# Configuration Documentation
+
+Collection Editor is an angular library built with Angular version 9, and it exports some modules and components.
+
+**Component:** `editor`
+
+For example:
+```
+<lib-editor [editorConfig]="editorConfig" (editorEmitter)="editorEventListener($event)"></lib-editor>
+```
+
+This is the main editor component that accepts some configuration based on it loads the editor.  
+
+Let's deep dive into the editor input [configuration](/projects/collection-editor-library/src/lib/interfaces/editor.ts):
+
+
+```javascript
+export interface IEditorConfig {
+    context: Context;
+    config: any;
+}
+```
+
+## Context - `Required`
+
+This required property from the `collectionEditorConfig` provides the context to the editor mostly in terms of the telemetry and it used these properties when the editor launch.
+
+```javascript
+export interface Context {
+    programId?: string;
+    contributionOrgId?: string;
+    user: User;
+    identifier?: string;
+    mode?: string;
+    authToken?: string;
+    sid: string;
+    did: string;
+    uid: string;
+    channel: string;
+    pdata: Pdata;
+    contextRollup: ContextRollup;
+    tags: string[];
+    cdata?: Cdata[];
+    timeDiff?: number;
+    objectRollup?: ObjectRollup;
+    host?: string;
+    endpoint?: string;
+    userData?: {
+        firstName: string;
+        lastName: string;
+    };
+    env: string;
+    defaultLicense?: any;
+    board?: any;
+    medium?: any;
+    gradeLevel?: any;
+    subject?: any;
+    topic?: any;
+    framework: string;
+    cloudStorageUrls?: string[];
+    additionalCategories?: any[];
+    labels?: any;
+    actor?: any;
+    channelData?: any;
+    correctionComments?: any;
+    sourcingResourceStatus?: string;
+    sourcingResourceStatusClass?: string;
+    collectionIdentifier?: string;
+    unitIdentifier?: string;
+    collectionObjectType?: string;
+    collectionPrimaryCategory?: string;
+    targetFWIds?: string[];
+    cloudStorage?: any;
+}
+```
+
+The context has been classified into two parts as below:
+1. Telemetry Context
+2. Editor Context
+
+### 1. Telemetry Context: 
+It provides the context to the editor mostly in terms of the telemetry.
+Let's understand the description of the following properties: 
+
+|Property Name	| Description | Required | Default Value
+|--|------------------------------------------------------------------------------------------|---|--|
+| `env` |  It is `string` and Unique environment where the event has occured **For example:** in case of collection editor its `collection_editor` | true | `collection_editor OR questionset_editor` |
+| `sid` |  It is `string` and session id of the requestor stamped by portal **For example:** `vLpZ1rFl6-sxMVHi4RrmrlHw0HsX9ggC` | true |   |
+| `did` |  It is `string` and uuid of the device, created during app installation or browser **For example:** `1d8e290dd3c2a6a9eeac58568cdef28d` | true |   |
+| `uid` |  It is `string` and Current logged in user id **For example:** `5a587cc1-e018-4859-a0a8-e842650b9d64` | true |  |
+| `channel` |  It is `string` which defines channel identifier to know which channel is currently using. **For example:** `01309282781705830427` | true |  |
+| `pdata` |  It is an `object` which defines the producer information it should have identifier and version and canvas will log in the telemetry. **For example:** `{ id: 'local.sunbird.portal', ver: '4.1.0', pid: 'sunbird-portal' }`  | true | |
+| `contextRollup` |  It is an `object` which defines collection roll up data For example: `{ l1: 'do_1234567890' }` | true | |
+| `tags` |  It is an `object` and Encrypted dimension tags passed by respective channels. For example: `['01307938306521497658']` | true |  |
+| `identifier` |  It is `string` and Identifier of collection. | false | `''` |
+| `authToken` |  It is `string` and Auth key to make api calls. | false | `''` |
+| `cdata` |  It is an `array` which defines the correlation data | false | `[]` |
+| `timeDiff` |  It is `number` and timeDiff (in sec) is diff of server date and local date | false | `''` |
+| `objectRollup` |  It is an `object` which defines object rollup data (Only 4 levels are allowed) | false | `{}` |
+| `host` |  It is `string` which defines the from which domain collection should be load. **For example:** `https://dev.sunbirded.org` | false | `''` |
+| `endpoint` |  It is `string` and Telemetry API endpoint. **For example:** `/data/v3/telemetry` | false | `''` |
+| `userData` |  It is `object` and first and last name of logged in user | false | `{}` |
+
+
+### 2. Editor Context:
+The editor context is used while launching the editor.
+Let's understand the description of the following properties: 
+|Property Name	| Description | Required | Default Value
+|--|------------------------------------------------------------------------------------------|---|--|
+| `framework` |  It is `string` and Organisation framework id. **For example:** `ekstep_ncert_k-12` | true | |
+|  `user` | It is an `object` which defines user data	which contains users id, fullName, lastName, orgIds. | true | **For example:** ``` { id: '5a587cc1-e018-4859-a0a8-e842650b9d64', orgIds: [ '01309282781705830427' ], organisations: {}, fullName: 'Vaibhav Bhuva', firstName: 'Vaibhav', lastName: 'Bhuva', isRootOrgAdmin: true } ``` |
+| `programId` |  It is `string` and program id in which questionset is created. For example: `f72ad8b0-36df-11ec-a56f-4b503455085f` | false | `''` |
+|  `contributionOrgId` | It is `string` and Organisation id of the contributor. | false | `''` |
+| `identifier` |  It is `string` and Identifier of collection. For example: `do_1134357224765685761203`| false | `''` |
+| `defaultLicense` |  It is `string` and default license of editor. For example: `CC BY 4.0` | false | `''` |
+| `cloudStorageUrls` |  It is `array` and Array of cloud storage urls | false | `[]` |
+| `additionalCategories` |  It is `array` and Array of objects of additional categories. For example: `[ { value: 'Classroom Teaching Video', label: 'Classroom Teaching Video' }, { value: 'Concept Map', label: 'Concept Map' }]` | false | `[]` |
+| `labels` |  It is `object` and Additional labels to be used in editor| false | `{}` |
+| `targetFWIds` |  It is `array` and Array of target framework ids | false | `[]` |
+| `cloudStorage` |  It is `object` and which defines cloud storage configuration which contains presigned_headers for diff service provider for example: Azure, AWS | false | **For example:** ``` cloudStorage: { presigned_headers: { 'x-ms-blob-type': 'BlockBlob' // This header is specific to azure storage provider. } } ```
+
+
+## Config - `Required`
+This required property from the `collectionEditorConfig` provides the configuration for the editor to enable/disable some functionalities.  
+
+```javascript
+config: {
+    mode: 'string', //Ex.: 'edit'/'review'/'read'/'sourcingReview'/'orgReview'
+    editableFields: {
+      sourcingreview: string[], //Ex.: ["name","description"]
+      orgreview: string[],
+      review: string[],
+    },
+    maxDepth: number, //Ex.: 1
+    dialcodeMinLength: number, //Ex.: 2
+    dialcodeMaxLength: number, //Ex.: 250
+    showAddCollaborator: 'boolen', // true | false
+    enableBulkUpload: 'boolen',
+    publicStorageAccount: 'url', //Ex.: https://dockstorage.blob.core.windows.net/
+    assetConfig: object,
+    objectType: 'string', //Ex.: Collection
+    primaryCategory: 'string', //Ex.: Digital Textbook
+    isRoot: boolean, //Ex.: true
+    iconClass: 'string', //Ex.: 'fa fa-book'
+    children: {
+        Content: [
+          'Explanation Content',
+          'Learning Resource',
+          'eTextbook',
+          'Teacher Resource',
+          'Course Assessment'
+        ]
+     },
+    hierarchy: {
+      level1: {
+        name: '', //ex: 'name of the section'
+        type: '', //ex: 'Unit'
+        mimeType: 'string', //Ex.: application/vnd.ekstep.content-collection
+        contentType: 'string', //Ex.: TextBookUnit
+        primaryCategory: 'string', //ex: 'Textbook Unit'
+        iconClass: 'string' //ex: 'fa fa-folder-o',
+        children: {}
+      },
+      level2: {
+        name: 'string', //Ex.: 'Sub Section'
+        ...
+        ...
+      },
+      level3: {
+      ...
+      ...
+      }
+    },
+    contentPolicyUrl: 'string' //Ex.: '/term-of-use.html' 
+  }
+```
+
+Note: If any of the property is added in object-category-definition. It will take the config from there, otherwise editor will take the mock config passed as input to the editor.
+
+Description of the properties for the config:
+
+|Property Name	| Description | Required | Default Value
+|--|------------------------------------------------------------------------------------------|---|--|
+| `isRoot` |  It is `boolen` and that defines the node is root node.  | true | `true` |
+| `objectType` |  It is `string` and that defines the object type of collection  | true |  |
+| `iconClass` |  It is `string` and that defines the icon of root node  | true | `fa fa-book` |
+| `children` |  It is an `object` and If maxdepth is 0 than children inside the root node defines the content type. **For example:** `children: { Content: [ 'Explanation Content', 'Learning Resource', 'eTextbook' ] }` | true |  |
+| `contentPolicyUrl` |  It is `string` and It defines where should the content policy link will be redirected.  | true | `/term-of-use.html`  |
+| `publicStorageAccount` |  It is `url` and URL of the blob storage **For example:** `https://dockstorage.blob.core.windows.net/`  | true |  |
+| `mode` |  It is `string` and that defines the mode in editor is to be loaded. **For example:** `edit / review / read / sourcingReview / orgReview`  | false | `edit` |
+| `editableFields` |  It is an `object` and that defines the mode in editor is to be loaded.  | false | `{ sourcingreview: [],       orgreview: [],       review: [], }` |
+| `maxDepth` |  It is `number` and Defines the depth to which the textbook is to be created. If the depth is 1, hierarchy should have level1 described.  | false | **For example:** `1` |
+| `dialcodeMinLength` |  It is `number` and it specifies the minimum number of characters required in an input field  | false | `2` |
+| `dialcodeMaxLength` |  It is `number` and it specifies the maximum number of characters required in an input field  | false | `250` |
+| `showAddCollaborator` |  It is `boolen` and this is to enable/disable the functionality of add collaborator in editor. If it is true add collobrorator button will be enabled and created can add the collolaborator to collaborate in textbook.  | false | `false` |
+| `assetConfig` |  It is an `object` and `assetConfig` sets the max size limit and type for image and videos to be uploaded in the editor.  **For example:** `{ "image": { "size": "1", "sizeType": "MB", "accepted": "png, jpeg" }, "video": { "size": "50", "sizeType": "MB", "accepted": "mp4, webm" } }` | false | `{}` |
+| `hierarchy` |  It is an `object` and If maxdepth is > 0 then hierarchy should have definiton of the levels. **For example:** `{ level1: { name: 'Textbook Unit', type: 'Unit', mimeType: 'application/vnd.ekstep.content-collection', contentType: 'TextBookUnit', primaryCategory: 'Textbook Unit', iconClass: 'fa fa-folder-o', children: { Content: [ 'Explanation Content', 'Learning Resource' ] } }}`  | false | `{}` |
+
+Following are the configuration for different types of collections. 
+
+**1. Digital Textbook**
+```json
+{
+  "maxDepth": 2,
+  "objectType": "Collection",
+  "primaryCategory": "Digital Textbook",
+  "isRoot": true,
+  "iconClass": "fa fa-book",
+  "children": {},
+  "hierarchy": {
+    "level1": {
+      "name": "Chapter",
+      "type": "unit",
+      "mimeType": "application/vnd.ekstep.content-collection",
+      "contentType": "Textbook Unit",
+      "iconClass": "fa fa-folder-o",
+      "children": {}
+    },
+    "level2": {
+      "name": "Sub-Chapter",
+      "type": "unit",
+      "mimeType": "application/vnd.ekstep.content-collection",
+      "contentType": "Textbook Unit",
+      "iconClass": "fa fa-folder-o",
+      "children": {
+        "Content": []
+      }
+    }
+  }
+}
+```
+
+**2. Course**
+```json
+{
+  "maxDepth": 2,
+  "objectType": "Collection",
+  "primaryCategory": "Course",
+  "isRoot": true,
+  "iconClass": "fa fa-book",
+  "children": {},
+  "hierarchy": {
+    "level1": {
+      "name": "Chapter",
+      "type": "unit",
+      "mimeType": "application/vnd.ekstep.content-collection",
+      "contentType": "Course Unit",
+      "iconClass": "fa fa-folder-o",
+      "children": {}
+    },
+    "level2": {
+      "name": "Sub-Chapter",
+      "type": "unit",
+      "mimeType": "application/vnd.ekstep.content-collection",
+      "contentType": "Course Unit",
+      "iconClass": "fa fa-folder-o",
+      "children": {
+        "Content": [
+          "Explanation Content",
+          "Learning Resource",
+          "eTextbook",
+          "Teacher Resource",
+          "Course Assessment"
+        ],
+        "QuestionSet": [
+          "Practice Question Set"
+        ]
+      }
+    }
+  }
+}
+```
+
+
+### References:
+
+https://project-sunbird.atlassian.net/wiki/spaces/SingleSource/pages/2696183813/How+to+configure+forms+in+primaryCategory#Overview
+https://project-sunbird.atlassian.net/wiki/spaces/SingleSource/pages/2118451214/Editor+Generalisation+Configurations

docs/CONTRIBUTING.md

+# Welcome to Editor contributing guide <!-- omit in toc -->
+
+In this guide you will get an overview of the contribution workflow of the editor.
+
+**If you don't have git on your machine,** [install it](https://help.github.com/articles/set-up-git/).
+
+## Getting started
+
+#### Fork the project
+Go to GitHub and [fork the repository](https://github.com/Sunbird-Ed/sunbird-collection-editor.git).
+The forked repository will appear in your GitHub account as 
+
+`https://github.com/<YOUR-USERNAME>/sunbird-collection-editor`
+#### Clone the repository
+
+Now clone the forked repository to your machine. Go to your GitHub account, open the forked repository, click on the code button and then click the copy to clipboard icon.
+
+Open a terminal and run the following git command:
+
+```
+git clone "url you just copied"
+```
+For example: `git clone https://github.com/Sunbird-Ed/sunbird-collection-editor.git`
+
+#### Go to the root directory and run the following command
+
+```
+cd sunbird-collection-editor
+```
+
+#### Install dependencies
+
+```
+npm install
+```
+
+#### Build the library
+
+```
+npm run build-lib
+```
+
+It will create a `/dist/collection-editor-library` folder at the root directory and also copy all the required assets.
+
+#### Starting up the sample application
+
+A sample angular application is included as part of this repo
+
+Open your terminal, then start the server
+
+
+```
+npm run start
+```
+
+The demo app will launch at http://localhost:4200
+
+
+#### Set the auth token and collection identifier
+
+Go to the root directory - Open `server.js` file
+
+
+Update the host variable to which env your pointing. example if you are pointing sunbird dev instance update variable like below
+```javascript
+const BASE_URL = 'dev.sunbirded.org'
+const API_AUTH_TOKEN = 'XXXX'
+const USER_TOKEN= 'YYYY'
+```
+Note: You will need actual `API_AUTH_TOKEN` and `USER_TOKEN`
+
+If you are pointing to sunbird dev ([dev.sunbirded.org](https://dev.sunbirded.org/)), create a collection in sunbird dev and set the do_id of created collection in `data.ts` file
+
+```javascript
+export const collectionEditorConfig = {
+  context: {
+    ...
+    identifier: 'do_id', // identifier of collection created in sunbird dev
+    ...
+  },
+  config: {
+    ...
+    ...
+  }
+}
+```
+Run Node server to proxy the APIs (Open one more terminal in root folder and run the server.js ) as:
+
+
+  ```
+nodemon server.js
+```
+
+#### Now make the changes. Stick to the code-style guidelines and remember about tests and 100% code coverage!
+#### Commit your changes and Push your changes to your forked repository
+#### Go to your forked repository on GitHub. Use the pull request button to create the pull request of your changes.
\ No newline at end of file

e2e/protractor.conf.js

+// Protractor configuration file, see link for more information
+// https://github.com/angular/protractor/blob/master/lib/config.ts
+
+const { SpecReporter } = require('jasmine-spec-reporter');
+
+exports.config = {
+  allScriptsTimeout: 11000,
+  specs: [
+    './src/**/*.e2e-spec.ts'
+  ],
+  capabilities: {
+    'browserName': 'chrome'
+  },
+  directConnect: true,
+  baseUrl: 'http://localhost:4200/',
+  framework: 'jasmine',
+  jasmineNodeOpts: {
+    showColors: true,
+    defaultTimeoutInterval: 30000,
+    print: function() {}
+  },
+  onPrepare() {
+    require('ts-node').register({
+      project: require('path').join(__dirname, './tsconfig.e2e.json')
+    });
+    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
+  }
+};
\ No newline at end of file

e2e/src/app.e2e-spec.ts

+import { AppPage } from './app.po';
+import { browser, logging } from 'protractor';
+
+describe('workspace-project App', () => {
+  let page: AppPage;
+
+  beforeEach(() => {
+    page = new AppPage();
+  });
+
+  it('should display welcome message', () => {
+    page.navigateTo();
+    expect(page.getTitleText()).toEqual('Welcome to sunbird-collection-editor!');
+  });
+
+  afterEach(async () => {
+    // Assert that there are no errors emitted from the browser
+    const logs = await browser.manage().logs().get(logging.Type.BROWSER);
+    expect(logs).not.toContain(jasmine.objectContaining({
+      level: logging.Level.SEVERE,
+    } as logging.Entry));
+  });
+});

e2e/src/app.po.ts

+import { browser, by, element } from 'protractor';
+
+export class AppPage {
+  navigateTo() {
+    return browser.get(browser.baseUrl) as Promise<any>;
+  }
+
+  getTitleText() {
+    return element(by.css('app-root h1')).getText() as Promise<string>;
+  }
+}

e2e/tsconfig.e2e.json

+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/app",
+    "module": "commonjs",
+    "target": "es5",
+    "types": [
+      "jasmine",
+      "jasminewd2",
+      "node"
+    ]
+  }
+}
\ No newline at end of file

latexService.js

+const async = require('async');
+const mathjax = require("mathjax-full/js/mathjax");
+const TeX = require("mathjax-full/js/input/tex");
+const SVG = require("mathjax-full/js/output/svg");
+const LiteAdaptor = require("mathjax-full/js/adaptors/liteAdaptor");
+const RegisterHTMLHandler = require("mathjax-full/js/handlers/html");
+const AllPackages = require("mathjax-full/js/input/tex/AllPackages");
+const svg2img = require("svg2img");
+const fs = require('fs');
+
+const adaptor = new LiteAdaptor.LiteAdaptor();
+RegisterHTMLHandler.RegisterHTMLHandler(adaptor);
+
+const html = mathjax.mathjax.document("", {
+    InputJax: new TeX.TeX({ packages: AllPackages.AllPackages }),
+    OutputJax: new SVG.SVG({ fontCache: "none" })
+});
+
+
+function tex2svg(equation, color) {
+    const svg = adaptor
+        .innerHTML(html.convert(equation, { display: true }))
+        .replace(/fill="currentColor"/, `fill="${color}"`);
+    if (svg.includes("merror")) {
+        return svg.replace(/<rect.+?><\/rect>/, "");
+    }
+    return svg;
+}
+
+function svg2png(svgString) {
+    return new Promise(function (resolve, reject) {
+      var dims = svgString
+          .match(/width="([\d.]+)ex" height="([\d.]+)ex"/)
+          .slice(1)
+          .map(function (s) { return parseFloat(s); }), width = dims[0], height = dims[1];
+      var args = {
+        width: width * 3 + "ex",
+        height: height * 3 + "ex"
+      };
+      svg2img(svgString, args, function(error, buffer) {
+        if (error) {
+          return reject(error);
+        }
+        resolve(buffer);
+      });
+    });
+}
+
+function png2base64(pngString) {
+    var base64Image = new Buffer(pngString, 'binary').toString('base64');
+    return 'data:image/png;base64,'+base64Image;
+}
+
+async function convert(req, res) {
+    let equation = req.query.equation;
+    if (!equation) {
+        equation = req.body.equation;
+    }
+    if (!equation) {
+        res.status(400).send('Bad Request');
+    } else {
+        let color = "black";
+        const isPNG = /\.png$/.test(equation);
+        const normalizedEquation = equation.replace(/\.(svg|png)$/, "");
+        const svgString = tex2svg(normalizedEquation, color);
+        let imageData = svgString;
+        res.setHeader("cache-control", "s-maxage=604800, maxage=604800");
+        // render equation
+        if (isPNG) {
+            imageData = await svg2png(svgString);
+            const base64Image = await png2base64(imageData);
+            res.contentType("application/json");
+            imageData = { 'data': base64Image };
+            res.send(imageData);
+        } else {
+            res.contentType("image/svg+xml");
+            res.write(`<?xml version="1.0" standalone="no" ?>
+                <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+            `);
+            res.end(imageData);
+        }
+    }
+}
+
+
+
+module.exports.convert = convert
+module.exports.tex2svg = tex2svg
+module.exports.svg2png = svg2png
\ No newline at end of file

package.json

+{
+  "name": "sunbird-collection-editor",
+  "version": "0.0.0",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve --proxy-config proxy.conf.json",
+    "build": "ng build collection-editor-library --watch=true",
+    "mybuild": "npm run build",
+    "test": "ng test",
+    "lint": "ng lint",
+    "e2e": "ng e2e",
+    "build-lib": "ng build collection-editor-library && node assets-copy.js",
+    "build-lib:prod": " ng build collection-editor-library --configuration production && node assets-copy.js",
+    "test-coverage": "ng test collection-editor-library --code-coverage=true --watch=false --sourceMap=false --browsers=ChromeHeadless",
+    "serve": "node assets-copy.js && npm link ./dist/collection-editor-library && ng serve  --proxy-config proxy.conf.json"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/animations": "~12.2.16",
+    "@angular/cdk": "12.2.13",
+    "@angular/common": "~12.2.16",
+    "@angular/compiler": "^12.2.16",
+    "@angular/core": "~12.2.16",
+    "@angular/forms": "~12.2.16",
+    "@angular/platform-browser": "~12.2.16",
+    "@angular/platform-browser-dynamic": "~12.2.16",
+    "@angular/router": "~12.2.16",
+    "@project-sunbird/ckeditor-build-classic": "^4.1.3",
+    "@project-sunbird/client-services": "5.0.0",
+    "@project-sunbird/sb-styles": "0.0.9",
+    "@project-sunbird/sunbird-epub-player-v9": "5.1.0",
+    "@project-sunbird/sunbird-pdf-player-v9": "5.1.1",
+    "@project-sunbird/sunbird-quml-player": "5.3.0",
+    "@project-sunbird/sunbird-quml-player-v9": "5.1.5",
+    "@project-sunbird/sunbird-resource-library": "5.2.0",
+    "@project-sunbird/sunbird-video-player-v9": "5.1.1",
+    "@project-sunbird/telemetry-sdk": "0.0.29",
+    "@types/jquery": "^3.5.5",
+    "alphanum-sort": "^1.0.2",
+    "angular2-uuid": "^1.1.1",
+    "common-form-elements-web-v9": "4.7.2",
+    "core-js": "^2.5.4",
+    "epubjs": "0.3.90",
+    "export-to-csv": "^0.2.1",
+    "express": "^4.17.1",
+    "express-http-proxy": "^1.6.2",
+    "fine-uploader": "^5.15.7",
+    "font-awesome": "^4.7.0",
+    "fs-extra": "^8.1.0",
+    "gulp": "^4.0.2",
+    "gulp-svgmin": "^3.0.0",
+    "jquery": "^3.5.1",
+    "jquery.fancytree": "^2.37.0",
+    "karma-mocha-reporter": "^2.2.5",
+    "katex": "^0.12.0",
+    "lodash-es": "^4.17.21",
+    "mathjax-full": "^3.1.2",
+    "moment": "^2.29.1",
+    "ng2-cache-service": "^1.1.1",
+    "ng2-semantic-ui-v9": "0.0.3",
+    "ngx-bootstrap": "^6.0.0",
+    "ngx-chips": "2.1.0",
+    "ngx-infinite-scroll": "^6.0.0",
+    "rxjs": "~6.6.3",
+    "svg2img": "^0.6.1",
+    "tslib": "^2.0.0",
+    "video.js": "^7.18.1",
+    "videojs-contrib-quality-levels": "^2.1.0",
+    "videojs-http-source-selector": "^1.1.6",
+    "zone.js": "~0.11.4"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "~12.2.18",
+    "@angular/cli": "~12.2.18",
+    "@angular/compiler-cli": "^12.2.16",
+    "@angular/language-service": "~12.2.16",
+    "@types/jasmine": "~3.6.0",
+    "@types/jasminewd2": "~2.0.3",
+    "@types/node": "^12.11.1",
+    "codelyzer": "^6.0.0",
+    "jasmine-core": "~3.6.0",
+    "jasmine-spec-reporter": "~5.0.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage": "^2.2.0",
+    "karma-jasmine": "~4.0.0",
+    "karma-jasmine-html-reporter": "^1.5.0",
+    "ng-packagr": "^12.2.7",
+    "protractor": "~7.0.0",
+    "ts-node": "~7.0.0",
+    "tslint": "~6.1.0",
+    "typescript": "4.3.5"
+  }
+}