Monorepo refactor (#130)

* Task: added lerna

* WIP: storybook conversion

* mend

* WIP: adding MediaPlayer

* move TimedTextEditor, TranscriptEditor and adapters util to packages (#128)

* moved TimedTextEditor and TranscriptEditor to packages

also created stories, and package.json for each, but can't test them in storybook coz they have dependencies on adapters in Util folder

* moved Util and demdemo app

* got storybook working

* added demo app to storybook

* mend

* Fix: commenting out demo

* Changed repo packages folder structure (#129)

* cleaned up adapters

* changed folder structure

* fixed timecode converter duplice module

* made all packages private except for TranscriptEditor

* working

* "Monorepo" refactor spike remove lerna (#135)

* got storybook working

tests not working yet

* fixed tests

using jest, and removed CRA dependency, updated babel config for babel 7 and stubbed css files for jest tests for css node modules

* Added support for demo app in storybook

* fixed eslint

CRA had it's own linter internally, so added linting + dependencies

* cleaned up export scripts in package.json

* updated README

* finalised refactor

see PR description for more details

* rename demo app editor to demoTranscript

* bringing back style lint, and fixing lint in storybook config

* updated with current master AWS adapter

* linting

* fix #132 playtime displaied double

 playtime on display is double of actual total playtime

* temporary fix #73 monospace duration and current time

 in media player to stop moving while playing

* Feature: Added custom css loading to storybook (#136)

* Resolved conflict iwth AWS adapter

Author: pietrop

.babelrc

@@ -18,7 +18,6 @@
     "no-unused-expressions": "error",
     "no-trailing-spaces": "error",
     "no-nested-ternary": "error",
-    "space-infix-ops": "error",
     "indent": ["warn", 2],
     "arrow-spacing": ["error", { "before": true, "after": true }],
     "space-in-parens": [ 0, "never" ],

.eslintrc

@@ -8,7 +8,7 @@ assignees: pietrop
 ---
 
 **Describe the bug**
-A clear and concise description of what the bug is.
+<!-- A clear and concise description of what the bug is. -->
 
 **To Reproduce**
 Steps to reproduce the behavior:
@@ -18,10 +18,10 @@ Steps to reproduce the behavior:
 4. See error
 
 **Expected behavior**
-A clear and concise description of what you expected to happen.
+<!-- A clear and concise description of what you expected to happen. -->
 
 **Screenshots**
-If applicable, add screenshots to help explain your problem.
+<!-- If applicable, add screenshots to help explain your problem. -->
 
 **Desktop (please complete the following information):**
  - OS: [e.g. iOS]
@@ -35,4 +35,4 @@ If applicable, add screenshots to help explain your problem.
  - Version [e.g. 22]
 
 **Additional context**
-Add any other context about the problem here.
+<!-- Add any other context about the problem here. -->

.github/ISSUE_TEMPLATE/bug_report.md

@@ -8,13 +8,13 @@ assignees: pietrop
 ---
 
 **Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+<!-- A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] -->
 
 **Describe the solution you'd like**
-A clear and concise description of what you want to happen.
+<!-- A clear and concise description of what you want to happen. -->
 
 **Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
+<!-- A clear and concise description of any alternative solutions or features you've considered. -->
 
 **Additional context**
-Add any other context or screenshots about the feature request here.
+<!-- Add any other context or screenshots about the feature request here. -->

.github/ISSUE_TEMPLATE/feature_request.md

@@ -7,4 +7,4 @@ assignees: pietrop
 
 ---
 
-_where applicable, please provide context and use case around your question._
+<!-- _where applicable, please provide context and use case around your question._ -->

.github/ISSUE_TEMPLATE/question.md

@@ -88,3 +88,5 @@ typings/
 
 # next.js build output
 .next
+
+stats.json

.gitignore

@@ -0,0 +1,8 @@
+src
+demo
+lib
+packages
+build
+.babelrc
+.babel.config.js
+webpack.config.js

.npmignore

@@ -0,0 +1,3 @@
+import '@storybook/addon-options/register';
+import '@storybook/addon-actions/register';
+import '@storybook/addon-links/register';

.storybook/addons.js

@@ -0,0 +1,22 @@
+import { configure } from '@storybook/react';
+import { setOptions } from '@storybook/addon-options';
+
+// automatically import all files ending in *.stories.js
+// https://webpack.js.org/guides/dependency-management/
+const components = require.context('../packages/components/', true, /.stories.js$/);
+const demo = require.context('../demo/', true, /.stories.js$/);
+const styles = require.context('./styles', true, /\.scss$/);
+
+function loadStories() {
+  demo.keys().forEach((filename) => demo(filename));
+  components.keys().forEach((filename) => components(filename));
+  styles.keys().forEach((filename) => styles(filename));
+}
+
+setOptions({
+  name: 'react-transcript-editor',
+  url: 'https://github.com/bbc/react-transcript-editor',
+  addonPanelInRight: true
+});
+
+configure(loadStories, module);

.storybook/config.js

@@ -0,0 +1 @@
+@import url('https://gel.files.bbci.co.uk/r2.302/bbc-reith.css');