Develop

demo/app.js

@@ -1,5 +1,9 @@
 import React from 'react';
-
+// NOTE: This slows down performance, even during development
+// if (process.env.NODE_ENV !== 'production') {
+//   const { whyDidYouUpdate } = require('why-did-you-update');
+//   whyDidYouUpdate(React, { exclude: [ /^HotKeysWrapper/ ] } );
+// }
 import TranscriptEditor from '../packages/components/transcript-editor';
 import SttTypeSelect from './select-stt-json-type';
 import ExportFormatSelect from './select-export-format';
@@ -116,7 +120,9 @@ class App extends React.Component {
     if (ext === 'json') {
       tmpData = JSON.stringify(data, null, 2);
     }
-    this.download(tmpData, `${ this.state.mediaUrl }.${ ext }`);
+    if (ext !== 'docx') {
+      this.download(tmpData, `${ this.state.mediaUrl }.${ ext }`);
+    }
   };
 
   // https://stackoverflow.com/questions/2897619/using-html5-javascript-to-generate-and-save-a-file

demo/index.module.css

@@ -124,7 +124,6 @@ body {
 @media (max-width: 767px) {
   body {
     padding: 0;
-    text-align: center;
   }
 
   .demoNavItem {

demo/select-export-format.js

@@ -9,6 +9,15 @@ const ExportFormatSelect = props => {
     <option value="html" disabled>HTML</option>
     <option value="word" disabled>MS Word</option>
     <option value="digitalpaperedit">Digital Paper Edit</option>
+    <option value="srt">Srt - Captions</option>
+    <option value="ttml">TTML - Captions</option>
+    <option value="premiereTTML">TTML for Adobe Premiere - Captions</option>
+    <option value="itt">iTT - Captions</option>
+    <option value="csv">CSV - Captions</option>
+    <option value="vtt">VTT - Captions</option>
+    <option value="pre-segment-txt">Pre-segment-txt - Captions</option>
+    <option value="docx">MS Word</option>
+    <option value="json-captions">Json - Captions</option>
   </select>;
 };
 

docs/notes/2019-07-31-npm-tags.md

@@ -0,0 +1,21 @@
+# Npm tags
+
+First make sure you have done a commit of latest changes then
+
+>You can run `npm version 1.0.4-alpha.1` to update `package.json` and create a git tag in one go (see https://docs.npmjs.com/cli/version).
+
+- [Publishing a beta or alpha version to NPM](https://medium.com/@kevinkreuzer/publishing-a-beta-or-alpha-version-to-npm-46035b630dd7)
+
+this changes `package.json` version to be 
+
+```json
+ "version": "1.0.4-alpha.0",
+```
+
+then you can run  `npm run publish:public` which under the hood preps the files and folder and runs `npm publish dist --access public`.
+
+To install in another repo
+
+```
+npm install @bbc/react-transcript-editor@alpha
+```