Ui tweaks

.env

@@ -1,4 +1,4 @@
 # App name used in browser title and navbar
-REACT_APP_NAME="Digital Paper Edit"
+REACT_APP_NAME=""
 REACT_APP_NODE_ENV="development"
 REACT_APP_SERVER_URL="http://localhost:8080"

README.md

@@ -13,6 +13,7 @@ It's a React, Express, Electron, Adobe CEP, AWS stack to be able to deploy one m
 The project is organised across these repository 
 
 - [`bbc/digital-paper-edit-client`](https://github.com/bbc/digital-paper-edit-client) - React Client - [npm](https://www.npmjs.com/package/@bbc/digital-paper-edit-client)
+- [`bbc/digital-paper-edit-react-components`](https://github.com/bbc/digital-paper-edit-react-components) - React Storybook for Client components - `npm`.
 - [`bbc/digital-paper-edit-api`](https://github.com/bbc/digital-paper-edit-api) - Express server API - [npm](https://www.npmjs.com/package/@bbc/digital-paper-edit-api)
 - [`bbc/digital-paper-edit-infrastructure`](https://github.com/bbc/digital-paper-edit-infrastructure) - AWS infrastructure for API server and Client.
 - [`bbc/digital-paper-edit-electron`](https://github.com/bbc/digital-paper-edit-electron) - Electron, Cross Platform Desktop app - Mac, Windows, Linux

package.json

@@ -4,11 +4,14 @@
   "description": "Digital paper edit application, using transcriptions from automated STT, to do text based video editing on audio and video interviews. Modular architecture with  - React - Express - Electron - Adobe CEP",
   "main": "index.js",
   "dependencies": {
+    "@bbc/aes31-adl-composer": "^1.0.1",
+    "@bbc/fcpx-xml-composer": "^1.0.0",
     "@bbc/react-transcript-editor": "^1.0.4",
     "@fortawesome/fontawesome-svg-core": "^1.2.15",
     "@fortawesome/free-solid-svg-icons": "^5.7.2",
     "@fortawesome/react-fontawesome": "^0.1.4",
-    "bootstrap": "^4.3.1",
+    "array-move": "^2.1.0",
+    "bootstrap-css-only": "^4.3.1",
     "chroma-js": "^2.0.3",
     "css-color-names": "^1.0.1",
     "cuid": "^2.1.6",
@@ -25,7 +28,8 @@
     "react-router-dom": "^4.3.1",
     "react-scripts": "3.0.1",
     "react-select": "^2.4.3",
-    "videocontext": "^0.53.0"
+    "react-sortable-hoc": "^1.9.1",
+    "videocontext": "^0.53.1"
   },
   "author": "Pietro Passarelli CC0 BBC 2019",
   "contributors": [
@@ -49,7 +53,8 @@
     "eject": "react-scripts eject",
     "clean:cache": "npm cache clean --force",
     "deploy:ghpages": "rimraf build && cross-env REACT_APP_NODE_ENV=demo npm run build && gh-pages -d build",
-    "publish:public": "npm run build && cp package.json ./build/package.json && cp README.md ./build/README.md && npm publish build --access public",
+    "publish:prep": "npm run build && cp package.json ./build/package.json && cp README.md ./build/README.md && rimraf ./build/db",
+    "publish:public": "npm run publish:prep && npm publish build --access public",
     "spec": "speculate --release ${BUILD_NUMBER}"
   },
   "eslintConfig": {

public/db/annotations.json

@@ -0,0 +1 @@
+[{"projectId":"94346281c4ad4938b7d0ae6fa9899bec","transcriptId":"19cjw29xii80000ird74yb19swa","start":246.58,"end":249.34,"labelId":"cb10e79c20af4a7f8b3fe8a4c789d43e","note":"example note on this annotation","_id":"72d4ac9d0f16481eac83946a0384d12d","id":"72d4ac9d0f16481eac83946a0384d12d"},{"projectId":"94346281c4ad4938b7d0ae6fa9899bec","transcriptId":"19cjw29xii80000ird74yb19swa","start":585.66,"end":596.03,"labelId":"cb10e79c20af4a7f8b3fe8a4c789d43e","note":"","_id":"4de867b1f8694235b01f64e4b5628cc1"},{"projectId":"94346281c4ad4938b7d0ae6fa9899bec","transcriptId":"19cjw29xii80000ird74yb19swa","start":13.86,"end":19.58,"labelId":"cb10e79c20af4a7f8b3fe8a4c789d43e","note":"","_id":"ac440b482b5842a2aa36050ed74cc132"},{"projectId":"94346281c4ad4938b7d0ae6fa9899bec","transcriptId":"29cjw29xii80000ird74yb19swa","start":19.3,"end":24.3,"labelId":"920fa8f97acc43b5bc0694b2e5648080","note":"","_id":"9d78e7fa69274497956f2efbd39351c6"},{"projectId":"94346281c4ad4938b7d0ae6fa9899bec","transcriptId":"19cjw29xii80000ird74yb19swa","start":116.26,"end":122.62,"labelId":"default","note":"","_id":"c75da56b01aa4f2ab571abcec8b9da92"},{"projectId":"10046281c4ad4938b7d0ae6fa9899bec","transcriptId":"1000cjw29xii80000ird74yb19swa","start":9.48,"end":13.72,"labelId":"default","note":"","_id":"00dd43dbcdd8419e9177784158aac9fa"},{"projectId":"94346281c4ad4938b7d0ae6fa9899bec","transcriptId":"19cjw29xii80000ird74yb19swa","start":109.41,"end":119.2,"labelId":"default","note":"","_id":"1de06f64ea5a4dd4a7f4b68dfb917d53"},{"projectId":"94346281c4ad4938b7d0ae6fa9899bec","transcriptId":"19cjw29xii80000ird74yb19swa","start":366.26,"end":368.95,"labelId":"cb10e79c20af4a7f8b3fe8a4c789d43e","note":"","_id":"ef8a71a6ec684c9295b97ded19ebd383"},{"projectId":"94346281c4ad4938b7d0ae6fa9899bec","transcriptId":"19cjw29xii80000ird74yb19swa","start":55.36,"end":66.47,"labelId":"920fa8f97acc43b5bc0694b2e5648080","note":"","_id":"5c48fb82cfa9416baf480b5bab432521"},{"projectId":"94346281c4ad4938b7d0ae6fa9899bec","transcriptId":"19cjw29xii80000ird74yb19swa","start":89.86,"end":101.84,"labelId":"920fa8f97acc43b5bc0694b2e5648080","note":"","_id":"139d1ecc3c1c496892955cab9d8d0714"},{"projectId":"94346281c4ad4938b7d0ae6fa9899bec","transcriptId":"19cjw29xii80000ird74yb19swa","start":86.66,"end":100.87,"labelId":"db055983fabd40ef84dc35fbd3dfb40b","note":"","_id":"2a3e18369d9f497289730ad291ba34b8"}]

public/db/labels.json

@@ -0,0 +1,65 @@
+[
+	{
+		"_id": "default",
+		"id": "default",
+		"projectId": "default",
+		"value": "default",
+		"label": "Default",
+		"color": "orange",
+		"description": "A default label"
+	},
+	{
+		"value": "darkblue",
+		"label": "Computer vision",
+		"color": "darkblue",
+		"description": "Talking about computer vision in robotics",
+		"projectId": "94346281c4ad4938b7d0ae6fa9899bec",
+		"_id": "db055983fabd40ef84dc35fbd3dfb40b",
+		"id": "db055983fabd40ef84dc35fbd3dfb40b"
+	},
+	{
+		"value": "greenyellow",
+		"label": "Bacteria",
+		"color": "greenyellow",
+		"description": "Talking about Bacteria and technology",
+		"projectId": "94346281c4ad4938b7d0ae6fa9899bec",
+		"_id": "920fa8f97acc43b5bc0694b2e5648080",
+		"id": "920fa8f97acc43b5bc0694b2e5648080"
+	},
+	{
+		"value": "deepskyblue",
+		"label": "Test",
+		"color": "deepskyblue",
+		"description": "Test blue",
+		"projectId": "54bae8166afc4b379de5d4e10b77218d",
+		"_id": "64b071fefa394b5b968c56f8b14149b7",
+		"id": "64b071fefa394b5b968c56f8b14149b7"
+	},
+	{
+		"value": "crimson",
+		"label": "Robotics",
+		"color": "crimson",
+		"description": "when they speak about robotics",
+		"projectId": "94346281c4ad4938b7d0ae6fa9899bec",
+		"_id": "cb10e79c20af4a7f8b3fe8a4c789d43e",
+		"id": "cb10e79c20af4a7f8b3fe8a4c789d43e"
+	},
+	{
+		"value": "yellow",
+		"label": "D",
+		"color": "yellow",
+		"description": "",
+		"projectId": "10046281c4ad4938b7d0ae6fa9899bec",
+		"_id": "eab94271d5894c3a8800ee59cc03d7be",
+		"id": "eab94271d5894c3a8800ee59cc03d7be"
+	},
+	{
+		"value": "yellow",
+		"label": "Test",
+		"color": "yellow",
+		"description": "",
+		"projectId": "94346281c4ad4938b7d0ae6fa9899bec",
+		"_id": "bddffe16cf024b2dbe74be4d64eb0ed4",
+		"id": "bddffe16cf024b2dbe74be4d64eb0ed4"
+	}
+]

public/db/projects.json

@@ -0,0 +1,12 @@
+[
+	{
+		"title": "Ted Talks",
+		"description": "Ted Talks - sample project",
+		"_id": "94346281c4ad4938b7d0ae6fa9899bec"
+	},
+	{
+		"title": "PBS Frontline - The Facebook Dilemma",
+		"description": "Interviews from PBS Frontline documentary, The Facebook Dilemma - sample project.",
+		"_id": "10046281c4ad4938b7d0ae6fa9899bec"
+	}
+]