From 9a4938ea5efc552afe2ffa574f5231432be44591 Mon Sep 17 00:00:00 2001
From: JPSchellenberg <jps@Lumi.education>
Date: Sat, 22 Feb 2020 22:41:37 +0100
Subject: [PATCH] fix(tracking): track client-side actions

---
 src/client/boot/index.tsx                     |    3 -
 src/client/lib/components/AppBar.tsx          |    9 +-
 src/client/lib/components/EditorStartPage.tsx |   16 +-
 src/client/lib/components/LeftDrawer.tsx      |    9 +-
 src/client/lib/track/actions.ts               |   29 +-
 src/client/lib/track/api.ts                   |   15 +
 src/client/public/index.html                  | 1548 +++++++++--------
 src/client/state/editor/actions.ts            |   13 +-
 src/client/views/FileTree.tsx                 |    3 +
 src/client/views/Root.tsx                     |   12 -
 src/client/views/Tab.tsx                      |    3 +
 src/client/views/Tabs.tsx                     |    3 +
 src/menu.ts                                   |    9 +
 src/server/routes/index.ts                    |    3 +
 src/server/routes/track.ts                    |   19 +
 src/updater.ts                                |    3 +
 16 files changed, 900 insertions(+), 797 deletions(-)
 create mode 100644 src/client/lib/track/api.ts
 create mode 100644 src/server/routes/track.ts

diff --git a/src/client/boot/index.tsx b/src/client/boot/index.tsx
index bc1b4e153..e1b615449 100644
--- a/src/client/boot/index.tsx
+++ b/src/client/boot/index.tsx
@@ -21,13 +21,10 @@ import App from '../views';
 
 import SnackbarProvider from '../theme/Snackbar';
 
-import { track } from 'lib/track/actions';
-
 const log = new Logger('root');
 
 log.info(`booting v${process.env.VERSION}`);
 Sentry.captureMessage('start');
-track('start');
 
 declare var window: any;
 
diff --git a/src/client/lib/components/AppBar.tsx b/src/client/lib/components/AppBar.tsx
index de6f6b6bc..336fdb794 100644
--- a/src/client/lib/components/AppBar.tsx
+++ b/src/client/lib/components/AppBar.tsx
@@ -14,6 +14,8 @@ import MenuIcon from '@material-ui/icons/Menu';
 
 import { drawerWidth } from '../../theme';
 
+import { track } from 'lib/track/actions';
+
 export default function AppBar(props: {
     leftDrawerOpen: boolean;
     openLeftDrawer?: () => void;
@@ -32,7 +34,12 @@ export default function AppBar(props: {
                 <IconButton
                     color="inherit"
                     aria-label="open drawer"
-                    onClick={openLeftDrawer}
+                    onClick={() => {
+                        track('app_bar', 'click', 'menu_icon');
+                        if (openLeftDrawer) {
+                            openLeftDrawer();
+                        }
+                    }}
                     edge="start"
                     className={clsx(
                         classes.menuButton,
diff --git a/src/client/lib/components/EditorStartPage.tsx b/src/client/lib/components/EditorStartPage.tsx
index d4e4a7d9c..a4fb2836d 100644
--- a/src/client/lib/components/EditorStartPage.tsx
+++ b/src/client/lib/components/EditorStartPage.tsx
@@ -6,6 +6,8 @@ import Grid from '@material-ui/core/Grid';
 import { makeStyles, Theme } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
 
+import { track } from 'lib/track/actions';
+
 export default function EditorStartPage(props: {
     primaryButtonClick: () => void;
     secondaryButtonClick: () => void;
@@ -36,7 +38,10 @@ export default function EditorStartPage(props: {
                     <Grid item={true}>
                         <Button
                             id="editor-startpage-primaryButton"
-                            onClick={props.primaryButtonClick}
+                            onClick={() => {
+                                track('start_page', 'click', 'primary_button');
+                                props.primaryButtonClick();
+                            }}
                             variant="contained"
                             color="primary"
                         >
@@ -46,7 +51,14 @@ export default function EditorStartPage(props: {
                     <Grid item={true}>
                         <Button
                             id="editor-startpage-secondaryButton"
-                            onClick={props.secondaryButtonClick}
+                            onClick={() => {
+                                track(
+                                    'start_page',
+                                    'click',
+                                    'secondary_button'
+                                );
+                                props.secondaryButtonClick();
+                            }}
                             variant="outlined"
                             color="primary"
                         >
diff --git a/src/client/lib/components/LeftDrawer.tsx b/src/client/lib/components/LeftDrawer.tsx
index c0495765c..079affd45 100644
--- a/src/client/lib/components/LeftDrawer.tsx
+++ b/src/client/lib/components/LeftDrawer.tsx
@@ -9,6 +9,8 @@ import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
 
 import { drawerWidth } from '../../theme';
 
+import { track } from 'lib/track/actions';
+
 export default function LeftDrawer(props: {
     children?: React.ReactNode;
     closeLeftDrawer: () => void;
@@ -29,7 +31,12 @@ export default function LeftDrawer(props: {
             }}
         >
             <div className={classes.drawerHeader}>
-                <IconButton onClick={closeLeftDrawer}>
+                <IconButton
+                    onClick={() => {
+                        track('left_drawer', 'click', 'close');
+                        closeLeftDrawer();
+                    }}
+                >
                     <ChevronLeftIcon />
                 </IconButton>
             </div>
diff --git a/src/client/lib/track/actions.ts b/src/client/lib/track/actions.ts
index 3ee0f1473..cd80f920d 100644
--- a/src/client/lib/track/actions.ts
+++ b/src/client/lib/track/actions.ts
@@ -1,13 +1,20 @@
-// import nucleus from 'nucleus-nodejs';
+import * as api from './api';
 
-export function track(event: string, payload?: any): any {
-    // nucleus.track(event, payload);
-
-    return {
-        payload: {
-            event,
-            payload
-        },
-        type: 'TRACK'
-    };
+export function track(
+    category: string,
+    action: string,
+    name?: string,
+    value?: string
+): any {
+    return api.track(category, action, name, value).then(() => {
+        return {
+            payload: {
+                action,
+                category,
+                name,
+                value
+            },
+            type: 'TRACK'
+        };
+    });
 }
diff --git a/src/client/lib/track/api.ts b/src/client/lib/track/api.ts
new file mode 100644
index 000000000..75bd8e200
--- /dev/null
+++ b/src/client/lib/track/api.ts
@@ -0,0 +1,15 @@
+import superagent from 'superagent';
+
+export function track(
+    category: string,
+    action: string,
+    name?: string,
+    value?: string
+): Promise<superagent.Response> {
+    return superagent.post('/api/track/v0').send({
+        action,
+        category,
+        name,
+        value
+    });
+}
diff --git a/src/client/public/index.html b/src/client/public/index.html
index a50d3957b..a24c86d46 100644
--- a/src/client/public/index.html
+++ b/src/client/public/index.html
@@ -28,800 +28,826 @@
             rel="stylesheet"
             href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
         />
-        <script> window.H5PIntegration = {
-            "libraryUrl": "/api/v0/h5p/core/js",
-            "pluginCacheBuster": "",
-            "url": "/api/v0/h5p",
-            "postUserStatistics": false,
-            "saveFreq": false,
-            "hubIsEnabled": true,
-            "l10n": {
-              "H5P": {
-                "fullscreen": "Fullscreen",
-                "disableFullscreen": "Disable fullscreen",
-                "download": "Download",
-                "copyrights": "Rights of use",
-                "embed": "Embed",
-                "size": "Size",
-                "showAdvanced": "Show advanced",
-                "hideAdvanced": "Hide advanced",
-                "advancedHelp": "Include this script on your website if you want dynamic sizing of the embedded content:",
-                "copyrightInformation": "Rights of use",
-                "close": "Close",
-                "title": "Title",
-                "author": "Author",
-                "year": "Year",
-                "source": "Source",
-                "license": "License",
-                "thumbnail": "Thumbnail",
-                "noCopyrights": "No copyright information available for this content.",
-                "downloadDescription": "Download this content as a H5P file.",
-                "copyrightsDescription": "View copyright information for this content.",
-                "embedDescription": "View the embed code for this content.",
-                "h5pDescription": "Visit H5P.org to check out more cool content.",
-                "contentChanged": "This content has changed since you last used it.",
-                "startingOver": "You'll be starting over.",
-                "by": "by",
-                "showMore": "Show more",
-                "showLess": "Show less",
-                "subLevel": "Sublevel",
-                "confirmDialogHeader": "Confirm action",
-                "confirmDialogBody": "Please confirm that you wish to proceed. This action is not reversible.",
-                "cancelLabel": "Cancel",
-                "confirmLabel": "Confirm",
-                "licenseU": "Undisclosed",
-                "licenseCCBY": "Attribution",
-                "licenseCCBYSA": "Attribution-ShareAlike",
-                "licenseCCBYND": "Attribution-NoDerivs",
-                "licenseCCBYNC": "Attribution-NonCommercial",
-                "licenseCCBYNCSA": "Attribution-NonCommercial-ShareAlike",
-                "licenseCCBYNCND": "Attribution-NonCommercial-NoDerivs",
-                "licenseCC40": "4.0 International",
-                "licenseCC30": "3.0 Unported",
-                "licenseCC25": "2.5 Generic",
-                "licenseCC20": "2.0 Generic",
-                "licenseCC10": "1.0 Generic",
-                "licenseGPL": "General Public License",
-                "licenseV3": "Version 3",
-                "licenseV2": "Version 2",
-                "licenseV1": "Version 1",
-                "licensePD": "Public Domain",
-                "licenseCC010": "CC0 1.0 Universal (CC0 1.0) Public Domain Dedication",
-                "licensePDM": "Public Domain Mark",
-                "licenseC": "Copyright",
-                "contentType": "Content Type",
-                "licenseExtras": "License Extras",
-                "changes": "Changelog"
-              }
-            },
-            "editor": {
-                "assets": {
-                "css": [
-                    '/api/v0/h5p/core/styles/h5p.css',
-                    '/api/v0/h5p/core/styles/h5p-confirmation-dialog.css',
-                    '/api/v0/h5p/core/styles/h5p-core-button.css',
-                    '/api/v0/h5p/editor/libs/darkroom.css',
-                    '/api/v0/h5p/editor/styles/css/h5p-hub-client.css',
-                    '/api/v0/h5p/editor/styles/css/fonts.css',
-                    '/api/v0/h5p/editor/styles/css/application.css',
-                    '/api/v0/h5p/editor/styles/css/libs/zebra_datepicker.min.css'
-                ],
-                "js": [
-                    '/api/v0/h5p/core/js/jquery.js',
-                    '/api/v0/h5p/core/js/h5p.js',
-                    '/api/v0/h5p/core/js/h5p-event-dispatcher.js',
-                    '/api/v0/h5p/core/js/h5p-x-api-event.js',
-                    '/api/v0/h5p/core/js/h5p-x-api.js',
-                    '/api/v0/h5p/core/js/h5p-content-type.js',
-                    '/api/v0/h5p/core/js/h5p-confirmation-dialog.js',
-                    '/api/v0/h5p/core/js/h5p-action-bar.js',
-                    '/api/v0/h5p/editor/scripts/h5p-hub-client.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor.js',
-                    '/api/v0/h5p/editor/language/en.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-semantic-structure.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-library-selector.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-form.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-text.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-html.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-number.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-textarea.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-file-uploader.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-file.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-image.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-image-popup.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-av.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-group.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-boolean.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-list.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-list-editor.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-library.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-library-list-cache.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-select.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-selector-hub.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-selector-legacy.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-dimensions.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-coordinates.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-none.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-metadata.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-metadata-author-widget.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-metadata-changelog-widget.js',
-                    '/api/v0/h5p/editor/scripts/h5peditor-pre-save.js',
-                    '/api/v0/h5p/editor/ckeditor/ckeditor.js'
-                ]
-                },
-              "filesPath": "/api/v0/h5p/content",
-              "fileIcon": {
-                "path": "http://lumi.education/api/v0/h5p/editor/images/binary-file.png",
-                "width": 50,
-                "height": 50
-              },
-              "ajaxPath": "/api/v0/h5p/ajax?action=",
-              "libraryUrl": "/api/v0/h5p/editor/",
-              "copyrightSemantics": {
-                "name": "copyright",
-                "type": "group",
-                "label": "Copyright information",
-                "fields": [
-                  {
-                    "name": "title",
-                    "type": "text",
-                    "label": "Title",
-                    "placeholder": "La Gioconda",
-                    "optional": true
-                  },
-                  {
-                    "name": "author",
-                    "type": "text",
-                    "label": "Author",
-                    "placeholder": "Leonardo da Vinci",
-                    "optional": true
-                  },
-                  {
-                    "name": "year",
-                    "type": "text",
-                    "label": "Year(s)",
-                    "placeholder": "1503 - 1517",
-                    "optional": true
-                  },
-                  {
-                    "name": "source",
-                    "type": "text",
-                    "label": "Source",
-                    "placeholder": "http://en.wikipedia.org/wiki/Mona_Lisa",
-                    "optional": true,
-                    "regexp": {
-                      "pattern": "^http[s]?://.+",
-                      "modifiers": "i"
+        <script>
+            window.H5PIntegration = {
+                libraryUrl: '/api/v0/h5p/core/js',
+                pluginCacheBuster: '',
+                url: '/api/v0/h5p',
+                postUserStatistics: false,
+                saveFreq: false,
+                hubIsEnabled: true,
+                l10n: {
+                    H5P: {
+                        fullscreen: 'Fullscreen',
+                        disableFullscreen: 'Disable fullscreen',
+                        download: 'Download',
+                        copyrights: 'Rights of use',
+                        embed: 'Embed',
+                        size: 'Size',
+                        showAdvanced: 'Show advanced',
+                        hideAdvanced: 'Hide advanced',
+                        advancedHelp:
+                            'Include this script on your website if you want dynamic sizing of the embedded content:',
+                        copyrightInformation: 'Rights of use',
+                        close: 'Close',
+                        title: 'Title',
+                        author: 'Author',
+                        year: 'Year',
+                        source: 'Source',
+                        license: 'License',
+                        thumbnail: 'Thumbnail',
+                        noCopyrights:
+                            'No copyright information available for this content.',
+                        downloadDescription:
+                            'Download this content as a H5P file.',
+                        copyrightsDescription:
+                            'View copyright information for this content.',
+                        embedDescription:
+                            'View the embed code for this content.',
+                        h5pDescription:
+                            'Visit H5P.org to check out more cool content.',
+                        contentChanged:
+                            'This content has changed since you last used it.',
+                        startingOver: "You'll be starting over.",
+                        by: 'by',
+                        showMore: 'Show more',
+                        showLess: 'Show less',
+                        subLevel: 'Sublevel',
+                        confirmDialogHeader: 'Confirm action',
+                        confirmDialogBody:
+                            'Please confirm that you wish to proceed. This action is not reversible.',
+                        cancelLabel: 'Cancel',
+                        confirmLabel: 'Confirm',
+                        licenseU: 'Undisclosed',
+                        licenseCCBY: 'Attribution',
+                        licenseCCBYSA: 'Attribution-ShareAlike',
+                        licenseCCBYND: 'Attribution-NoDerivs',
+                        licenseCCBYNC: 'Attribution-NonCommercial',
+                        licenseCCBYNCSA: 'Attribution-NonCommercial-ShareAlike',
+                        licenseCCBYNCND: 'Attribution-NonCommercial-NoDerivs',
+                        licenseCC40: '4.0 International',
+                        licenseCC30: '3.0 Unported',
+                        licenseCC25: '2.5 Generic',
+                        licenseCC20: '2.0 Generic',
+                        licenseCC10: '1.0 Generic',
+                        licenseGPL: 'General Public License',
+                        licenseV3: 'Version 3',
+                        licenseV2: 'Version 2',
+                        licenseV1: 'Version 1',
+                        licensePD: 'Public Domain',
+                        licenseCC010:
+                            'CC0 1.0 Universal (CC0 1.0) Public Domain Dedication',
+                        licensePDM: 'Public Domain Mark',
+                        licenseC: 'Copyright',
+                        contentType: 'Content Type',
+                        licenseExtras: 'License Extras',
+                        changes: 'Changelog'
                     }
-                  },
-                  {
-                    "name": "license",
-                    "type": "select",
-                    "label": "License",
-                    "default": "U",
-                    "options": [
-                      {
-                        "value": "U",
-                        "label": "Undisclosed"
-                      },
-                      {
-                        "value": "CC BY",
-                        "label": "Attribution",
-                        "versions": [
-                          {
-                            "value": "4.0",
-                            "label": "4.0 International"
-                          },
-                          {
-                            "value": "3.0",
-                            "label": "3.0 Unported"
-                          },
-                          {
-                            "value": "2.5",
-                            "label": "2.5 Generic"
-                          },
-                          {
-                            "value": "2.0",
-                            "label": "2.0 Generic"
-                          },
-                          {
-                            "value": "1.0",
-                            "label": "1.0 Generic"
-                          }
-                        ]
-                      },
-                      {
-                        "value": "CC BY-SA",
-                        "label": "Attribution-ShareAlike",
-                        "versions": [
-                          {
-                            "value": "4.0",
-                            "label": "4.0 International"
-                          },
-                          {
-                            "value": "3.0",
-                            "label": "3.0 Unported"
-                          },
-                          {
-                            "value": "2.5",
-                            "label": "2.5 Generic"
-                          },
-                          {
-                            "value": "2.0",
-                            "label": "2.0 Generic"
-                          },
-                          {
-                            "value": "1.0",
-                            "label": "1.0 Generic"
-                          }
-                        ]
-                      },
-                      {
-                        "value": "CC BY-ND",
-                        "label": "Attribution-NoDerivs",
-                        "versions": [
-                          {
-                            "value": "4.0",
-                            "label": "4.0 International"
-                          },
-                          {
-                            "value": "3.0",
-                            "label": "3.0 Unported"
-                          },
-                          {
-                            "value": "2.5",
-                            "label": "2.5 Generic"
-                          },
-                          {
-                            "value": "2.0",
-                            "label": "2.0 Generic"
-                          },
-                          {
-                            "value": "1.0",
-                            "label": "1.0 Generic"
-                          }
-                        ]
-                      },
-                      {
-                        "value": "CC BY-NC",
-                        "label": "Attribution-NonCommercial",
-                        "versions": [
-                          {
-                            "value": "4.0",
-                            "label": "4.0 International"
-                          },
-                          {
-                            "value": "3.0",
-                            "label": "3.0 Unported"
-                          },
-                          {
-                            "value": "2.5",
-                            "label": "2.5 Generic"
-                          },
-                          {
-                            "value": "2.0",
-                            "label": "2.0 Generic"
-                          },
-                          {
-                            "value": "1.0",
-                            "label": "1.0 Generic"
-                          }
-                        ]
-                      },
-                      {
-                        "value": "CC BY-NC-SA",
-                        "label": "Attribution-NonCommercial-ShareAlike",
-                        "versions": [
-                          {
-                            "value": "4.0",
-                            "label": "4.0 International"
-                          },
-                          {
-                            "value": "3.0",
-                            "label": "3.0 Unported"
-                          },
-                          {
-                            "value": "2.5",
-                            "label": "2.5 Generic"
-                          },
-                          {
-                            "value": "2.0",
-                            "label": "2.0 Generic"
-                          },
-                          {
-                            "value": "1.0",
-                            "label": "1.0 Generic"
-                          }
-                        ]
-                      },
-                      {
-                        "value": "CC BY-NC-ND",
-                        "label": "Attribution-NonCommercial-NoDerivs",
-                        "versions": [
-                          {
-                            "value": "4.0",
-                            "label": "4.0 International"
-                          },
-                          {
-                            "value": "3.0",
-                            "label": "3.0 Unported"
-                          },
-                          {
-                            "value": "2.5",
-                            "label": "2.5 Generic"
-                          },
-                          {
-                            "value": "2.0",
-                            "label": "2.0 Generic"
-                          },
-                          {
-                            "value": "1.0",
-                            "label": "1.0 Generic"
-                          }
-                        ]
-                      },
-                      {
-                        "value": "GNU GPL",
-                        "label": "General Public License",
-                        "versions": [
-                          {
-                            "value": "v3",
-                            "label": "Version 3"
-                          },
-                          {
-                            "value": "v2",
-                            "label": "Version 2"
-                          },
-                          {
-                            "value": "v1",
-                            "label": "Version 1"
-                          }
-                        ]
-                      },
-                      {
-                        "value": "PD",
-                        "label": "Public Domain",
-                        "versions": [
-                          {
-                            "value": "-",
-                            "label": "-"
-                          },
-                          {
-                            "value": "CC0 1.0",
-                            "label": "CC0 1.0 Universal"
-                          },
-                          {
-                            "value": "CC PDM",
-                            "label": "Public Domain Mark"
-                          }
-                        ]
-                      },
-                      {
-                        "value": "C",
-                        "label": "Copyright"
-                      }
-                    ]
-                  },
-                  {
-                    "name": "version",
-                    "type": "select",
-                    "label": "License Version",
-                    "options": []
-                  }
-                ]
-              },
-              "metadataSemantics": [
-                {
-                  "name": "title",
-                  "type": "text",
-                  "label": "Title",
-                  "placeholder": "La Gioconda"
                 },
-                {
-                  "name": "license",
-                  "type": "select",
-                  "label": "License",
-                  "default": "U",
-                  "options": [
-                    {
-                      "value": "U",
-                      "label": "Undisclosed"
+                editor: {
+                    assets: {
+                        css: [
+                            '/api/v0/h5p/core/styles/h5p.css',
+                            '/api/v0/h5p/core/styles/h5p-confirmation-dialog.css',
+                            '/api/v0/h5p/core/styles/h5p-core-button.css',
+                            '/api/v0/h5p/editor/libs/darkroom.css',
+                            '/api/v0/h5p/editor/styles/css/h5p-hub-client.css',
+                            '/api/v0/h5p/editor/styles/css/fonts.css',
+                            '/api/v0/h5p/editor/styles/css/application.css',
+                            '/api/v0/h5p/editor/styles/css/libs/zebra_datepicker.min.css'
+                        ],
+                        js: [
+                            '/api/v0/h5p/core/js/jquery.js',
+                            '/api/v0/h5p/core/js/h5p.js',
+                            '/api/v0/h5p/core/js/h5p-event-dispatcher.js',
+                            '/api/v0/h5p/core/js/h5p-x-api-event.js',
+                            '/api/v0/h5p/core/js/h5p-x-api.js',
+                            '/api/v0/h5p/core/js/h5p-content-type.js',
+                            '/api/v0/h5p/core/js/h5p-confirmation-dialog.js',
+                            '/api/v0/h5p/core/js/h5p-action-bar.js',
+                            '/api/v0/h5p/editor/scripts/h5p-hub-client.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor.js',
+                            '/api/v0/h5p/editor/language/en.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-semantic-structure.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-library-selector.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-form.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-text.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-html.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-number.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-textarea.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-file-uploader.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-file.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-image.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-image-popup.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-av.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-group.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-boolean.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-list.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-list-editor.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-library.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-library-list-cache.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-select.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-selector-hub.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-selector-legacy.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-dimensions.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-coordinates.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-none.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-metadata.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-metadata-author-widget.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-metadata-changelog-widget.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-pre-save.js',
+                            '/api/v0/h5p/editor/ckeditor/ckeditor.js'
+                        ]
                     },
-                    {
-                      "type": "optgroup",
-                      "label": "Creative Commons",
-                      "options": [
-                        {
-                          "value": "CC BY",
-                          "label": "Attribution (CC BY)",
-                          "versions": [
-                            {
-                              "value": "4.0",
-                              "label": "4.0 International"
-                            },
+                    filesPath: '/api/v0/h5p/content',
+                    fileIcon: {
+                        path:
+                            'http://lumi.education/api/v0/h5p/editor/images/binary-file.png',
+                        width: 50,
+                        height: 50
+                    },
+                    ajaxPath: '/api/v0/h5p/ajax?action=',
+                    libraryUrl: '/api/v0/h5p/editor/',
+                    copyrightSemantics: {
+                        name: 'copyright',
+                        type: 'group',
+                        label: 'Copyright information',
+                        fields: [
                             {
-                              "value": "3.0",
-                              "label": "3.0 Unported"
+                                name: 'title',
+                                type: 'text',
+                                label: 'Title',
+                                placeholder: 'La Gioconda',
+                                optional: true
                             },
                             {
-                              "value": "2.5",
-                              "label": "2.5 Generic"
+                                name: 'author',
+                                type: 'text',
+                                label: 'Author',
+                                placeholder: 'Leonardo da Vinci',
+                                optional: true
                             },
                             {
-                              "value": "2.0",
-                              "label": "2.0 Generic"
+                                name: 'year',
+                                type: 'text',
+                                label: 'Year(s)',
+                                placeholder: '1503 - 1517',
+                                optional: true
                             },
                             {
-                              "value": "1.0",
-                              "label": "1.0 Generic"
-                            }
-                          ]
-                        },
-                        {
-                          "value": "CC BY-SA",
-                          "label": "Attribution-ShareAlike (CC BY-SA)",
-                          "versions": [
-                            {
-                              "value": "4.0",
-                              "label": "4.0 International"
+                                name: 'source',
+                                type: 'text',
+                                label: 'Source',
+                                placeholder:
+                                    'http://en.wikipedia.org/wiki/Mona_Lisa',
+                                optional: true,
+                                regexp: {
+                                    pattern: '^http[s]?://.+',
+                                    modifiers: 'i'
+                                }
                             },
                             {
-                              "value": "3.0",
-                              "label": "3.0 Unported"
+                                name: 'license',
+                                type: 'select',
+                                label: 'License',
+                                default: 'U',
+                                options: [
+                                    {
+                                        value: 'U',
+                                        label: 'Undisclosed'
+                                    },
+                                    {
+                                        value: 'CC BY',
+                                        label: 'Attribution',
+                                        versions: [
+                                            {
+                                                value: '4.0',
+                                                label: '4.0 International'
+                                            },
+                                            {
+                                                value: '3.0',
+                                                label: '3.0 Unported'
+                                            },
+                                            {
+                                                value: '2.5',
+                                                label: '2.5 Generic'
+                                            },
+                                            {
+                                                value: '2.0',
+                                                label: '2.0 Generic'
+                                            },
+                                            {
+                                                value: '1.0',
+                                                label: '1.0 Generic'
+                                            }
+                                        ]
+                                    },
+                                    {
+                                        value: 'CC BY-SA',
+                                        label: 'Attribution-ShareAlike',
+                                        versions: [
+                                            {
+                                                value: '4.0',
+                                                label: '4.0 International'
+                                            },
+                                            {
+                                                value: '3.0',
+                                                label: '3.0 Unported'
+                                            },
+                                            {
+                                                value: '2.5',
+                                                label: '2.5 Generic'
+                                            },
+                                            {
+                                                value: '2.0',
+                                                label: '2.0 Generic'
+                                            },
+                                            {
+                                                value: '1.0',
+                                                label: '1.0 Generic'
+                                            }
+                                        ]
+                                    },
+                                    {
+                                        value: 'CC BY-ND',
+                                        label: 'Attribution-NoDerivs',
+                                        versions: [
+                                            {
+                                                value: '4.0',
+                                                label: '4.0 International'
+                                            },
+                                            {
+                                                value: '3.0',
+                                                label: '3.0 Unported'
+                                            },
+                                            {
+                                                value: '2.5',
+                                                label: '2.5 Generic'
+                                            },
+                                            {
+                                                value: '2.0',
+                                                label: '2.0 Generic'
+                                            },
+                                            {
+                                                value: '1.0',
+                                                label: '1.0 Generic'
+                                            }
+                                        ]
+                                    },
+                                    {
+                                        value: 'CC BY-NC',
+                                        label: 'Attribution-NonCommercial',
+                                        versions: [
+                                            {
+                                                value: '4.0',
+                                                label: '4.0 International'
+                                            },
+                                            {
+                                                value: '3.0',
+                                                label: '3.0 Unported'
+                                            },
+                                            {
+                                                value: '2.5',
+                                                label: '2.5 Generic'
+                                            },
+                                            {
+                                                value: '2.0',
+                                                label: '2.0 Generic'
+                                            },
+                                            {
+                                                value: '1.0',
+                                                label: '1.0 Generic'
+                                            }
+                                        ]
+                                    },
+                                    {
+                                        value: 'CC BY-NC-SA',
+                                        label:
+                                            'Attribution-NonCommercial-ShareAlike',
+                                        versions: [
+                                            {
+                                                value: '4.0',
+                                                label: '4.0 International'
+                                            },
+                                            {
+                                                value: '3.0',
+                                                label: '3.0 Unported'
+                                            },
+                                            {
+                                                value: '2.5',
+                                                label: '2.5 Generic'
+                                            },
+                                            {
+                                                value: '2.0',
+                                                label: '2.0 Generic'
+                                            },
+                                            {
+                                                value: '1.0',
+                                                label: '1.0 Generic'
+                                            }
+                                        ]
+                                    },
+                                    {
+                                        value: 'CC BY-NC-ND',
+                                        label:
+                                            'Attribution-NonCommercial-NoDerivs',
+                                        versions: [
+                                            {
+                                                value: '4.0',
+                                                label: '4.0 International'
+                                            },
+                                            {
+                                                value: '3.0',
+                                                label: '3.0 Unported'
+                                            },
+                                            {
+                                                value: '2.5',
+                                                label: '2.5 Generic'
+                                            },
+                                            {
+                                                value: '2.0',
+                                                label: '2.0 Generic'
+                                            },
+                                            {
+                                                value: '1.0',
+                                                label: '1.0 Generic'
+                                            }
+                                        ]
+                                    },
+                                    {
+                                        value: 'GNU GPL',
+                                        label: 'General Public License',
+                                        versions: [
+                                            {
+                                                value: 'v3',
+                                                label: 'Version 3'
+                                            },
+                                            {
+                                                value: 'v2',
+                                                label: 'Version 2'
+                                            },
+                                            {
+                                                value: 'v1',
+                                                label: 'Version 1'
+                                            }
+                                        ]
+                                    },
+                                    {
+                                        value: 'PD',
+                                        label: 'Public Domain',
+                                        versions: [
+                                            {
+                                                value: '-',
+                                                label: '-'
+                                            },
+                                            {
+                                                value: 'CC0 1.0',
+                                                label: 'CC0 1.0 Universal'
+                                            },
+                                            {
+                                                value: 'CC PDM',
+                                                label: 'Public Domain Mark'
+                                            }
+                                        ]
+                                    },
+                                    {
+                                        value: 'C',
+                                        label: 'Copyright'
+                                    }
+                                ]
                             },
                             {
-                              "value": "2.5",
-                              "label": "2.5 Generic"
-                            },
-                            {
-                              "value": "2.0",
-                              "label": "2.0 Generic"
-                            },
-                            {
-                              "value": "1.0",
-                              "label": "1.0 Generic"
+                                name: 'version',
+                                type: 'select',
+                                label: 'License Version',
+                                options: []
                             }
-                          ]
+                        ]
+                    },
+                    metadataSemantics: [
+                        {
+                            name: 'title',
+                            type: 'text',
+                            label: 'Title',
+                            placeholder: 'La Gioconda'
                         },
                         {
-                          "value": "CC BY-ND",
-                          "label": "Attribution-NoDerivs (CC BY-ND)",
-                          "versions": [
-                            {
-                              "value": "4.0",
-                              "label": "4.0 International"
-                            },
-                            {
-                              "value": "3.0",
-                              "label": "3.0 Unported"
-                            },
-                            {
-                              "value": "2.5",
-                              "label": "2.5 Generic"
-                            },
-                            {
-                              "value": "2.0",
-                              "label": "2.0 Generic"
-                            },
-                            {
-                              "value": "1.0",
-                              "label": "1.0 Generic"
-                            }
-                          ]
+                            name: 'license',
+                            type: 'select',
+                            label: 'License',
+                            default: 'U',
+                            options: [
+                                {
+                                    value: 'U',
+                                    label: 'Undisclosed'
+                                },
+                                {
+                                    type: 'optgroup',
+                                    label: 'Creative Commons',
+                                    options: [
+                                        {
+                                            value: 'CC BY',
+                                            label: 'Attribution (CC BY)',
+                                            versions: [
+                                                {
+                                                    value: '4.0',
+                                                    label: '4.0 International'
+                                                },
+                                                {
+                                                    value: '3.0',
+                                                    label: '3.0 Unported'
+                                                },
+                                                {
+                                                    value: '2.5',
+                                                    label: '2.5 Generic'
+                                                },
+                                                {
+                                                    value: '2.0',
+                                                    label: '2.0 Generic'
+                                                },
+                                                {
+                                                    value: '1.0',
+                                                    label: '1.0 Generic'
+                                                }
+                                            ]
+                                        },
+                                        {
+                                            value: 'CC BY-SA',
+                                            label:
+                                                'Attribution-ShareAlike (CC BY-SA)',
+                                            versions: [
+                                                {
+                                                    value: '4.0',
+                                                    label: '4.0 International'
+                                                },
+                                                {
+                                                    value: '3.0',
+                                                    label: '3.0 Unported'
+                                                },
+                                                {
+                                                    value: '2.5',
+                                                    label: '2.5 Generic'
+                                                },
+                                                {
+                                                    value: '2.0',
+                                                    label: '2.0 Generic'
+                                                },
+                                                {
+                                                    value: '1.0',
+                                                    label: '1.0 Generic'
+                                                }
+                                            ]
+                                        },
+                                        {
+                                            value: 'CC BY-ND',
+                                            label:
+                                                'Attribution-NoDerivs (CC BY-ND)',
+                                            versions: [
+                                                {
+                                                    value: '4.0',
+                                                    label: '4.0 International'
+                                                },
+                                                {
+                                                    value: '3.0',
+                                                    label: '3.0 Unported'
+                                                },
+                                                {
+                                                    value: '2.5',
+                                                    label: '2.5 Generic'
+                                                },
+                                                {
+                                                    value: '2.0',
+                                                    label: '2.0 Generic'
+                                                },
+                                                {
+                                                    value: '1.0',
+                                                    label: '1.0 Generic'
+                                                }
+                                            ]
+                                        },
+                                        {
+                                            value: 'CC BY-NC',
+                                            label:
+                                                'Attribution-NonCommercial (CC BY-NC)',
+                                            versions: [
+                                                {
+                                                    value: '4.0',
+                                                    label: '4.0 International'
+                                                },
+                                                {
+                                                    value: '3.0',
+                                                    label: '3.0 Unported'
+                                                },
+                                                {
+                                                    value: '2.5',
+                                                    label: '2.5 Generic'
+                                                },
+                                                {
+                                                    value: '2.0',
+                                                    label: '2.0 Generic'
+                                                },
+                                                {
+                                                    value: '1.0',
+                                                    label: '1.0 Generic'
+                                                }
+                                            ]
+                                        },
+                                        {
+                                            value: 'CC BY-NC-SA',
+                                            label:
+                                                'Attribution-NonCommercial-ShareAlike (CC BY-NC-SA)',
+                                            versions: [
+                                                {
+                                                    value: '4.0',
+                                                    label: '4.0 International'
+                                                },
+                                                {
+                                                    value: '3.0',
+                                                    label: '3.0 Unported'
+                                                },
+                                                {
+                                                    value: '2.5',
+                                                    label: '2.5 Generic'
+                                                },
+                                                {
+                                                    value: '2.0',
+                                                    label: '2.0 Generic'
+                                                },
+                                                {
+                                                    value: '1.0',
+                                                    label: '1.0 Generic'
+                                                }
+                                            ]
+                                        },
+                                        {
+                                            value: 'CC BY-NC-ND',
+                                            label:
+                                                'Attribution-NonCommercial-NoDerivs (CC BY-NC-ND)',
+                                            versions: [
+                                                {
+                                                    value: '4.0',
+                                                    label: '4.0 International'
+                                                },
+                                                {
+                                                    value: '3.0',
+                                                    label: '3.0 Unported'
+                                                },
+                                                {
+                                                    value: '2.5',
+                                                    label: '2.5 Generic'
+                                                },
+                                                {
+                                                    value: '2.0',
+                                                    label: '2.0 Generic'
+                                                },
+                                                {
+                                                    value: '1.0',
+                                                    label: '1.0 Generic'
+                                                }
+                                            ]
+                                        },
+                                        {
+                                            value: 'CC0 1.0',
+                                            label:
+                                                'Public Domain Dedication (CC0)'
+                                        },
+                                        {
+                                            value: 'CC PDM',
+                                            label: 'Public Domain Mark (PDM)'
+                                        }
+                                    ]
+                                },
+                                {
+                                    value: 'GNU GPL',
+                                    label: 'General Public License v3'
+                                },
+                                {
+                                    value: 'PD',
+                                    label: 'Public Domain'
+                                },
+                                {
+                                    value: 'ODC PDDL',
+                                    label:
+                                        'Public Domain Dedication and Licence'
+                                },
+                                {
+                                    value: 'C',
+                                    label: 'Copyright'
+                                }
+                            ]
                         },
                         {
-                          "value": "CC BY-NC",
-                          "label": "Attribution-NonCommercial (CC BY-NC)",
-                          "versions": [
-                            {
-                              "value": "4.0",
-                              "label": "4.0 International"
-                            },
-                            {
-                              "value": "3.0",
-                              "label": "3.0 Unported"
-                            },
-                            {
-                              "value": "2.5",
-                              "label": "2.5 Generic"
-                            },
-                            {
-                              "value": "2.0",
-                              "label": "2.0 Generic"
-                            },
-                            {
-                              "value": "1.0",
-                              "label": "1.0 Generic"
-                            }
-                          ]
+                            name: 'licenseVersion',
+                            type: 'select',
+                            label: 'License Version',
+                            options: [
+                                {
+                                    value: '4.0',
+                                    label: '4.0 International'
+                                },
+                                {
+                                    value: '3.0',
+                                    label: '3.0 Unported'
+                                },
+                                {
+                                    value: '2.5',
+                                    label: '2.5 Generic'
+                                },
+                                {
+                                    value: '2.0',
+                                    label: '2.0 Generic'
+                                },
+                                {
+                                    value: '1.0',
+                                    label: '1.0 Generic'
+                                }
+                            ],
+                            optional: true
                         },
                         {
-                          "value": "CC BY-NC-SA",
-                          "label": "Attribution-NonCommercial-ShareAlike (CC BY-NC-SA)",
-                          "versions": [
-                            {
-                              "value": "4.0",
-                              "label": "4.0 International"
-                            },
-                            {
-                              "value": "3.0",
-                              "label": "3.0 Unported"
-                            },
-                            {
-                              "value": "2.5",
-                              "label": "2.5 Generic"
-                            },
-                            {
-                              "value": "2.0",
-                              "label": "2.0 Generic"
-                            },
-                            {
-                              "value": "1.0",
-                              "label": "1.0 Generic"
+                            name: 'yearFrom',
+                            type: 'number',
+                            label: 'Years (from)',
+                            placeholder: '1991',
+                            min: '-9999',
+                            max: '9999',
+                            optional: true
+                        },
+                        {
+                            name: 'yearTo',
+                            type: 'number',
+                            label: 'Years (to)',
+                            placeholder: '1992',
+                            min: '-9999',
+                            max: '9999',
+                            optional: true
+                        },
+                        {
+                            name: 'source',
+                            type: 'text',
+                            label: 'Source',
+                            placeholder: 'https://',
+                            optional: true
+                        },
+                        {
+                            name: 'authors',
+                            type: 'list',
+                            field: {
+                                name: 'author',
+                                type: 'group',
+                                fields: [
+                                    {
+                                        label: "Author's name",
+                                        name: 'name',
+                                        optional: true,
+                                        type: 'text'
+                                    },
+                                    {
+                                        name: 'role',
+                                        type: 'select',
+                                        label: "Author's role",
+                                        default: 'Author',
+                                        options: [
+                                            {
+                                                value: 'Author',
+                                                label: 'Author'
+                                            },
+                                            {
+                                                value: 'Editor',
+                                                label: 'Editor'
+                                            },
+                                            {
+                                                value: 'Licensee',
+                                                label: 'Licensee'
+                                            },
+                                            {
+                                                value: 'Originator',
+                                                label: 'Originator'
+                                            }
+                                        ]
+                                    }
+                                ]
                             }
-                          ]
                         },
                         {
-                          "value": "CC BY-NC-ND",
-                          "label": "Attribution-NonCommercial-NoDerivs (CC BY-NC-ND)",
-                          "versions": [
-                            {
-                              "value": "4.0",
-                              "label": "4.0 International"
-                            },
-                            {
-                              "value": "3.0",
-                              "label": "3.0 Unported"
-                            },
-                            {
-                              "value": "2.5",
-                              "label": "2.5 Generic"
-                            },
-                            {
-                              "value": "2.0",
-                              "label": "2.0 Generic"
-                            },
-                            {
-                              "value": "1.0",
-                              "label": "1.0 Generic"
+                            name: 'licenseExtras',
+                            type: 'text',
+                            widget: 'textarea',
+                            label: 'License Extras',
+                            optional: true,
+                            description:
+                                'Any additional information about the license'
+                        },
+                        {
+                            name: 'changes',
+                            type: 'list',
+                            field: {
+                                name: 'change',
+                                type: 'group',
+                                label: 'Changelog',
+                                fields: [
+                                    {
+                                        name: 'date',
+                                        type: 'text',
+                                        label: 'Date',
+                                        optional: true
+                                    },
+                                    {
+                                        name: 'author',
+                                        type: 'text',
+                                        label: 'Changed by',
+                                        optional: true
+                                    },
+                                    {
+                                        name: 'log',
+                                        type: 'text',
+                                        widget: 'textarea',
+                                        label: 'Description of change',
+                                        placeholder:
+                                            'Photo cropped, text changed, etc.',
+                                        optional: true
+                                    }
+                                ]
                             }
-                          ]
                         },
                         {
-                          "value": "CC0 1.0",
-                          "label": "Public Domain Dedication (CC0)"
+                            name: 'authorComments',
+                            type: 'text',
+                            widget: 'textarea',
+                            label: 'Author comments',
+                            description:
+                                'Comments for the editor of the content (This text will not be published as a part of copyright info)',
+                            optional: true
                         },
                         {
-                          "value": "CC PDM",
-                          "label": "Public Domain Mark (PDM)"
+                            name: 'contentType',
+                            type: 'text',
+                            widget: 'none'
                         }
-                      ]
-                    },
-                    {
-                      "value": "GNU GPL",
-                      "label": "General Public License v3"
-                    },
-                    {
-                      "value": "PD",
-                      "label": "Public Domain"
-                    },
-                    {
-                      "value": "ODC PDDL",
-                      "label": "Public Domain Dedication and Licence"
-                    },
-                    {
-                      "value": "C",
-                      "label": "Copyright"
-                    }
-                  ]
-                },
-                {
-                  "name": "licenseVersion",
-                  "type": "select",
-                  "label": "License Version",
-                  "options": [
-                    {
-                      "value": "4.0",
-                      "label": "4.0 International"
-                    },
-                    {
-                      "value": "3.0",
-                      "label": "3.0 Unported"
-                    },
-                    {
-                      "value": "2.5",
-                      "label": "2.5 Generic"
-                    },
-                    {
-                      "value": "2.0",
-                      "label": "2.0 Generic"
+                    ],
+                    assets: {
+                        css: [
+                            '/api/v0/h5p/core/styles/h5p.css',
+                            '/api/v0/h5p/core/styles/h5p-confirmation-dialog.css',
+                            '/api/v0/h5p/core/styles/h5p-core-button.css',
+                            '/api/v0/h5p/editor/libs/darkroom.css',
+                            '/api/v0/h5p/editor/styles/css/h5p-hub-client.css',
+                            '/api/v0/h5p/editor/styles/css/fonts.css',
+                            '/api/v0/h5p/editor/styles/css/application.css',
+                            '/api/v0/h5p/editor/styles/css/libs/zebra_datepicker.min.css'
+                        ],
+                        js: [
+                            '/api/v0/h5p/core/js/jquery.js',
+                            '/api/v0/h5p/core/js/h5p.js',
+                            '/api/v0/h5p/core/js/h5p-event-dispatcher.js',
+                            '/api/v0/h5p/core/js/h5p-x-api-event.js',
+                            '/api/v0/h5p/core/js/h5p-x-api.js',
+                            '/api/v0/h5p/core/js/h5p-content-type.js',
+                            '/api/v0/h5p/core/js/h5p-confirmation-dialog.js',
+                            '/api/v0/h5p/core/js/h5p-action-bar.js',
+                            '/api/v0/h5p/editor/scripts/h5p-hub-client.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor.js',
+                            '/api/v0/h5p/editor/language/en.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-semantic-structure.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-library-selector.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-form.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-text.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-html.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-number.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-textarea.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-file-uploader.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-file.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-image.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-image-popup.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-av.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-group.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-boolean.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-list.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-list-editor.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-library.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-library-list-cache.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-select.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-selector-hub.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-selector-legacy.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-dimensions.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-coordinates.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-none.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-metadata.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-metadata-author-widget.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-metadata-changelog-widget.js',
+                            '/api/v0/h5p/editor/scripts/h5peditor-pre-save.js',
+                            '/api/v0/h5p/editor/ckeditor/ckeditor.js'
+                        ]
                     },
-                    {
-                      "value": "1.0",
-                      "label": "1.0 Generic"
+                    deleteMessage:
+                        'Are you sure you wish to delete this content?',
+                    apiVersion: {
+                        majorVersion: 1,
+                        minorVersion: 24
                     }
-                  ],
-                  "optional": true
-                },
-                {
-                  "name": "yearFrom",
-                  "type": "number",
-                  "label": "Years (from)",
-                  "placeholder": "1991",
-                  "min": "-9999",
-                  "max": "9999",
-                  "optional": true
-                },
-                {
-                  "name": "yearTo",
-                  "type": "number",
-                  "label": "Years (to)",
-                  "placeholder": "1992",
-                  "min": "-9999",
-                  "max": "9999",
-                  "optional": true
-                },
-                {
-                  "name": "source",
-                  "type": "text",
-                  "label": "Source",
-                  "placeholder": "https://",
-                  "optional": true
-                },
-                {
-                  "name": "authors",
-                  "type": "list",
-                  "field": {
-                    "name": "author",
-                    "type": "group",
-                    "fields": [
-                      {
-                        "label": "Author's name",
-                        "name": "name",
-                        "optional": true,
-                        "type": "text"
-                      },
-                      {
-                        "name": "role",
-                        "type": "select",
-                        "label": "Author's role",
-                        "default": "Author",
-                        "options": [
-                          {
-                            "value": "Author",
-                            "label": "Author"
-                          },
-                          {
-                            "value": "Editor",
-                            "label": "Editor"
-                          },
-                          {
-                            "value": "Licensee",
-                            "label": "Licensee"
-                          },
-                          {
-                            "value": "Originator",
-                            "label": "Originator"
-                          }
-                        ]
-                      }
-                    ]
-                  }
-                },
-                {
-                  "name": "licenseExtras",
-                  "type": "text",
-                  "widget": "textarea",
-                  "label": "License Extras",
-                  "optional": true,
-                  "description": "Any additional information about the license"
-                },
-                {
-                  "name": "changes",
-                  "type": "list",
-                  "field": {
-                    "name": "change",
-                    "type": "group",
-                    "label": "Changelog",
-                    "fields": [
-                      {
-                        "name": "date",
-                        "type": "text",
-                        "label": "Date",
-                        "optional": true
-                      },
-                      {
-                        "name": "author",
-                        "type": "text",
-                        "label": "Changed by",
-                        "optional": true
-                      },
-                      {
-                        "name": "log",
-                        "type": "text",
-                        "widget": "textarea",
-                        "label": "Description of change",
-                        "placeholder": "Photo cropped, text changed, etc.",
-                        "optional": true
-                      }
-                    ]
-                  }
-                },
-                {
-                  "name": "authorComments",
-                  "type": "text",
-                  "widget": "textarea",
-                  "label": "Author comments",
-                  "description": "Comments for the editor of the content (This text will not be published as a part of copyright info)",
-                  "optional": true
-                },
-                {
-                  "name": "contentType",
-                  "type": "text",
-                  "widget": "none"
                 }
-              ],
-              "assets": {
-                "css": [
-                  "/api/v0/h5p/core/styles/h5p.css",
-                  "/api/v0/h5p/core/styles/h5p-confirmation-dialog.css",
-                  "/api/v0/h5p/core/styles/h5p-core-button.css",
-                  "/api/v0/h5p/editor/libs/darkroom.css",
-                  "/api/v0/h5p/editor/styles/css/h5p-hub-client.css",
-                  "/api/v0/h5p/editor/styles/css/fonts.css",
-                  "/api/v0/h5p/editor/styles/css/application.css",
-                  "/api/v0/h5p/editor/styles/css/libs/zebra_datepicker.min.css"
-                ],
-                "js": [
-                  "/api/v0/h5p/core/js/jquery.js",
-                  "/api/v0/h5p/core/js/h5p.js",
-                  "/api/v0/h5p/core/js/h5p-event-dispatcher.js",
-                  "/api/v0/h5p/core/js/h5p-x-api-event.js",
-                  "/api/v0/h5p/core/js/h5p-x-api.js",
-                  "/api/v0/h5p/core/js/h5p-content-type.js",
-                  "/api/v0/h5p/core/js/h5p-confirmation-dialog.js",
-                  "/api/v0/h5p/core/js/h5p-action-bar.js",
-                  "/api/v0/h5p/editor/scripts/h5p-hub-client.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor.js",
-                  "/api/v0/h5p/editor/language/en.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-semantic-structure.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-library-selector.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-form.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-text.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-html.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-number.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-textarea.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-file-uploader.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-file.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-image.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-image-popup.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-av.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-group.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-boolean.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-list.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-list-editor.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-library.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-library-list-cache.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-select.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-selector-hub.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-selector-legacy.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-dimensions.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-coordinates.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-none.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-metadata.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-metadata-author-widget.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-metadata-changelog-widget.js",
-                  "/api/v0/h5p/editor/scripts/h5peditor-pre-save.js",
-                  "/api/v0/h5p/editor/ckeditor/ckeditor.js"
-                ]
-              },
-              "deleteMessage": "Are you sure you wish to delete this content?",
-              "apiVersion": {
-                "majorVersion": 1,
-                "minorVersion": 24
-              }
-            }
-          }</script>
+            };
+        </script>
 
         <script src="/api/v0/h5p/core/js/jquery.js"></script>
         <script src="/api/v0/h5p/core/js/h5p.js"></script>
diff --git a/src/client/state/editor/actions.ts b/src/client/state/editor/actions.ts
index 5afad94bc..2ebb56d47 100644
--- a/src/client/state/editor/actions.ts
+++ b/src/client/state/editor/actions.ts
@@ -4,7 +4,7 @@ import * as notifications from 'lib/notifications/actions';
 import * as tabs from 'lib/tabs/actions';
 import * as UI from 'lib/ui/actions';
 
-import * as Track from 'lib/track';
+import { track } from 'lib/track/actions';
 
 import Tab from 'lib/tabs/model';
 
@@ -16,6 +16,7 @@ import { IState, selectors } from '../';
 
 export function closeTab(tabId: string): any {
     return async (dispatch: any, getState: () => IState) => {
+        track('tabs', 'click', 'close');
         dispatch(
             tabs.updateTab(tabId, {
                 loadingIndicator: true,
@@ -34,6 +35,7 @@ export function closeTab(tabId: string): any {
 
 export function filetreeCreateFile(path: string, name: string): any {
     return async (dispatch: any) => {
+        track('file_tree', 'click', 'create_file');
         const tab = new Tab(name);
 
         dispatch(UI.changeMode(Modes.edit));
@@ -64,6 +66,7 @@ export function filetreeCreateFile(path: string, name: string): any {
 
 export function filetreeCreateDirectory(path: string, name: string): any {
     return async (dispatch: any) => {
+        track('file_tree', 'click', 'create_directory');
         const createAction = await dispatch(
             FS.actions.createFS(path, name, 'directory')
         );
@@ -86,7 +89,6 @@ export function filetreeCreateDirectory(path: string, name: string): any {
 
 export function clickOnCreateH5P(): any {
     return async (dispatch: any) => {
-        dispatch(Track.actions.track('create_h5p'));
         const tab = new Tab('new H5P');
 
         dispatch(UI.changeMode(Modes.edit));
@@ -101,10 +103,10 @@ export function clickOnCreateH5P(): any {
 
 export function clickOnFileInFiletree(name: string, path: string): any {
     return async (dispatch: any) => {
-        dispatch(Track.actions.track('open_h5p'));
-
         const tab = new Tab(name, path);
 
+        track('file_tree', 'click', 'import');
+
         dispatch(tabs.openTab(tab));
 
         try {
@@ -155,7 +157,7 @@ export function clickOnSaveButton(
     path?: string
 ): any {
     return async (dispatch: any) => {
-        dispatch(Track.actions.track('save_h5p'));
+        track('save_button', 'click');
 
         dispatch(
             tabs.updateTab(tabId, {
@@ -242,7 +244,6 @@ export function updateH5PInTab(
         if (!params || !params.params || !params.metadata) {
             return;
         }
-        dispatch(Track.actions.track('update_h5p'));
 
         const updateAction = await dispatch(
             H5P.actions.updateH5P(
diff --git a/src/client/views/FileTree.tsx b/src/client/views/FileTree.tsx
index 0e84fec75..177e8eea8 100644
--- a/src/client/views/FileTree.tsx
+++ b/src/client/views/FileTree.tsx
@@ -14,6 +14,8 @@ import * as FS from 'lib/fs';
 
 import OpenFolder from 'lib/components/OpenFolder';
 
+import { track } from 'lib/track/actions';
+
 const log = new Logger('container:FileTree');
 
 interface IPassedProps {}
@@ -65,6 +67,7 @@ export class FileTreeContainer extends React.Component<
 
     private openFolder(): void {
         log.info(`clicking on open folder`);
+        track('file_tree', 'click', 'open_folder');
         this.props.getFileTree();
     }
 
diff --git a/src/client/views/Root.tsx b/src/client/views/Root.tsx
index 68fd37ad7..961f784a2 100644
--- a/src/client/views/Root.tsx
+++ b/src/client/views/Root.tsx
@@ -18,8 +18,6 @@ import Tabs from './Tabs';
 
 import { actions, IState, selectors } from '../state';
 
-import { track } from 'lib/track/actions';
-
 import { ITab } from 'lib/tabs/types';
 
 const log = new Logger('container:app');
@@ -35,7 +33,6 @@ interface IStateProps extends IPassedProps {
 }
 
 interface IDispatchProps {
-    closeLeftDrawer: typeof actions.ui.closeLeftDrawer;
     createDirectory: typeof actions.core.filetreeCreateDirectory;
     createFile: typeof actions.core.filetreeCreateFile;
     createH5P: typeof actions.core.clickOnCreateH5P;
@@ -53,7 +50,6 @@ export class EditorContainer extends React.Component<IProps, IComponentState> {
 
         this.state = {};
 
-        this.closeLeftDrawer = this.closeLeftDrawer.bind(this);
         this.openLeftDrawer = this.openLeftDrawer.bind(this);
         this.createDirectory = this.createDirectory.bind(this);
         this.createFile = this.createFile.bind(this);
@@ -61,15 +57,8 @@ export class EditorContainer extends React.Component<IProps, IComponentState> {
         this.refresh = this.refresh.bind(this);
     }
 
-    public closeLeftDrawer(): void {
-        log.info(`closing left-drawer`);
-        track('close_left_drawer');
-        this.props.closeLeftDrawer();
-    }
-
     public openLeftDrawer(): void {
         log.info(`opening left-drawer`);
-        track('open_left_drawer');
         this.props.openLeftDrawer();
     }
 
@@ -140,7 +129,6 @@ function mapStateToProps(state: IState, ownProps: IPassedProps): IStateProps {
 function mapDispatchToProps(dispatch: any): IDispatchProps {
     return bindActionCreators(
         {
-            closeLeftDrawer: actions.ui.closeLeftDrawer,
             createDirectory: actions.core.filetreeCreateDirectory,
             createFile: actions.core.filetreeCreateFile,
             createH5P: actions.core.clickOnCreateH5P,
diff --git a/src/client/views/Tab.tsx b/src/client/views/Tab.tsx
index 6e1e03745..a5ec24840 100644
--- a/src/client/views/Tab.tsx
+++ b/src/client/views/Tab.tsx
@@ -23,6 +23,8 @@ import { actions, IState, selectors } from '../state';
 import Editor from '../helpers/Editor';
 import Target from '../helpers/Target';
 
+import { track } from 'lib/track/actions';
+
 const log = new Logger('container:tab');
 
 interface IPassedProps {}
@@ -164,6 +166,7 @@ export class TabContainer extends React.Component<IProps, IComponentState> {
     }
 
     private changeMode(mode: Modes): void {
+        track('tab', 'click', 'change_mode');
         this.update()
             .then(() => {
                 this.props.changeMode(mode);
diff --git a/src/client/views/Tabs.tsx b/src/client/views/Tabs.tsx
index 6a69f51f7..98a7fef56 100644
--- a/src/client/views/Tabs.tsx
+++ b/src/client/views/Tabs.tsx
@@ -16,6 +16,8 @@ import { ITab } from 'lib/tabs/types';
 
 import { actions, IState, selectors } from '../state';
 
+import { track } from 'lib/track/actions';
+
 const log = new Logger('container:Tabs');
 
 interface IPassedProps {}
@@ -99,6 +101,7 @@ export class TabsContainer extends React.Component<IProps, IComponentState> {
     }
 
     private create(): void {
+        track('tab', 'click', 'create_h5p');
         this.props.createH5P();
     }
 
diff --git a/src/menu.ts b/src/menu.ts
index 9d46a2bb1..7049d33a7 100644
--- a/src/menu.ts
+++ b/src/menu.ts
@@ -1,4 +1,6 @@
 import electron from 'electron';
+import nucleus from 'nucleus-nodejs';
+
 import websocket from './server/websocket';
 
 export default (window: electron.BrowserWindow) => [
@@ -19,6 +21,7 @@ export default (window: electron.BrowserWindow) => [
             {
                 accelerator: 'CmdOrCtrl+N',
                 click: () => {
+                    nucleus.track('menu/click/new_h5p');
                     websocket.emit('action', {
                         payload: {
                             contentId: Math.round(Math.random() * 100000)
@@ -43,6 +46,7 @@ export default (window: electron.BrowserWindow) => [
                             properties: ['openDirectory']
                         })
                         .then(({ filePaths }) => {
+                            nucleus.track('menu/click/open_folder');
                             websocket.emit('action', {
                                 payload: {
                                     path: filePaths[0]
@@ -57,6 +61,7 @@ export default (window: electron.BrowserWindow) => [
             {
                 accelerator: 'CmdOrCtrl+S',
                 click: () => {
+                    nucleus.track('menu/click/save');
                     websocket.emit('action', {
                         type: 'SAVE'
                     });
@@ -66,6 +71,7 @@ export default (window: electron.BrowserWindow) => [
             {
                 accelerator: 'Shift+CmdOrCtrl+S',
                 click: () => {
+                    nucleus.track('menu/click/save_as');
                     websocket.emit('action', {
                         type: 'SAVE_AS'
                     });
@@ -79,6 +85,7 @@ export default (window: electron.BrowserWindow) => [
         submenu: [
             {
                 click: () => {
+                    nucleus.track('menu/click/report_issue');
                     websocket.emit('action', {
                         type: 'REPORT_ISSUE'
                     });
@@ -88,6 +95,7 @@ export default (window: electron.BrowserWindow) => [
             { type: 'separator' } as any,
             {
                 click: () => {
+                    nucleus.track('menu/click/open_devtools');
                     window.webContents.openDevTools();
                 },
                 label: 'Toggle Developer Tools'
@@ -95,6 +103,7 @@ export default (window: electron.BrowserWindow) => [
             { type: 'separator' } as any,
             {
                 click: () => {
+                    nucleus.track('menu/click/open_twitter');
                     electron.shell.openExternal(
                         'https://www.twitter.com/Lumieducation'
                     );
diff --git a/src/server/routes/index.ts b/src/server/routes/index.ts
index 0361a06b1..e7da7746e 100644
--- a/src/server/routes/index.ts
+++ b/src/server/routes/index.ts
@@ -3,6 +3,7 @@ import express from 'express';
 import fsRoutes from './fs';
 import h5pRoutes from './h5p';
 import lumiH5PRoutes from './lumi-h5p';
+import trackRoutes from './track';
 
 import Logger from '../helper/Logger';
 const log = new Logger('routes');
@@ -14,6 +15,8 @@ export default function(): express.Router {
 
     router.use('/api/v1/fs', fsRoutes());
 
+    router.use('/api/track/v0', trackRoutes());
+
     router.use('/api/v0/h5p', h5pRoutes());
 
     router.use('/api/v1/h5p', lumiH5PRoutes());
diff --git a/src/server/routes/track.ts b/src/server/routes/track.ts
new file mode 100644
index 000000000..8648e97ab
--- /dev/null
+++ b/src/server/routes/track.ts
@@ -0,0 +1,19 @@
+import express from 'express';
+import nucleus from 'nucleus-nodejs';
+
+export default function(): express.Router {
+    const router = express.Router();
+    router.post(
+        `/`,
+        (
+            req: express.Request,
+            res: express.Response,
+            next: express.NextFunction
+        ) => {
+            const body = req.body;
+            nucleus.track(`${body.category}/${body.action}/${body.name}`);
+        }
+    );
+
+    return router;
+}
diff --git a/src/updater.ts b/src/updater.ts
index 3919ed460..2fb76fe4e 100644
--- a/src/updater.ts
+++ b/src/updater.ts
@@ -1,5 +1,6 @@
 import { dialog } from 'electron';
 import { autoUpdater } from 'electron-updater';
+import nucleus from 'nucleus-nodejs';
 
 export default function boot(): void {
     autoUpdater.on('update-downloaded', async () => {
@@ -10,6 +11,8 @@ export default function boot(): void {
         });
 
         setTimeout(() => {
+            nucleus.track('system/updated');
+
             autoUpdater.quitAndInstall();
         }, 5000);
     });