added word count to the edit screen

src/screens/EPub/models/data_reducer.js

@@ -324,9 +324,9 @@ export default {
         chapters[chapterIdx].title = value;
         return { ...state, epub: { ...state.epub, ...nextStateOfChapters([...chapters]) } };
     },
-    splitChaptersByScreenshots(state, {payload: {wc}}) {
+    splitChaptersByScreenshots(state, {payload: {wc}}) { // Enforces Word Count
         console.log(`Splitting chapters by screenshots`);
-        const new_items = [];
+        const new_items = []; //duplicating some sentences (sentences with less than wc words)
         // min word count that each chapter should have
         const default_word_count = 25;
         let min_word_count = wc;
@@ -340,13 +340,20 @@ export default {
         }
         // loop through chapters and enforce minimum wc  
         (state.items).forEach(function(elem) {
-            let words = (elem.text).split(' ').length;
-            if (words < min_word_count && new_items.length!==0 ) { 
+
+            if (new_items.length!==0) { 
                 const oldelem = new_items.pop();
+                let words = (oldelem.text).split(' ').length;
+                if(words < min_word_count ) {
                 // append shorter text to previous chapter
-                oldelem.text += " ";
-                oldelem.text += elem.text;
-                new_items.push(oldelem);
+                    oldelem.text += " ";
+                    oldelem.text += elem.text;
+                    new_items.push(oldelem);
+                }
+                else {
+                    new_items.push(oldelem);
+                    new_items.push(elem)
+                }
             } else {
                 new_items.push(elem);
             }
@@ -366,6 +373,7 @@ export default {
         }
         let splitChapters = _.map(
             new_items,
+            //state.items
             (data, idx) =>
                 new EPubChapterData({
                     items: [data],

src/screens/EPub/views/EditEPubChapter/index.js

@@ -19,7 +19,6 @@ function EditEPubChapter({ dispatch }) {
         <CTFragment width="67%">
           <ChapterEditor />
         </CTFragment>
-
         <CTFragment
           className="ct-epb ech-tool-bar"
           sticky

src/screens/EPub/views/EditEPubStructure/index.js

@@ -43,12 +43,13 @@ function EditEPubStructure({ epub: epubData, dispatch }) {
           <CTHeading>{epubData.title}</CTHeading>
           <ChapterList setEPubItem={setEPubItem} />
         </CTFragment>
-
+        
         <CTFragment sticky scrollY dFlexCol width="35%" padding={[30, 10]}>
           <Instruction expanded={instExp} onToggle={toggleInstExp} />
           {itemViewElem}
           <QuickActions />
         </CTFragment>
+
       </CTFragment>
     </EPubNavigationProvider>
   );

src/screens/EPub/views/EditINote/index.js

@@ -1,25 +1,55 @@
 import React, { useEffect, useState } from 'react';
 import _ from 'lodash'
-import { CTFragment, CTHeading, CTText } from 'layout';
+import { CTFragment, CTHeading, CTText, altEl } from 'layout';
 import { connect } from 'dva'
 import { EPubNavigationProvider } from '../../components';
-import { epub as epubController} from '../../controllers';
+import { epub as epubController, generateEPubGuide} from '../../controllers';
 import INoteEditor from './INoteEditor';
+import Instruction from '../EditEPubStructure/Instruction';
+import EPubItemView from '../EditEPubStructure/EPubItemView';
+import QuickActions from '../EditEPubStructure/QuickActions';
 
 // import './index.scss';
 
 function EditINote ({epub: epubData, dispatch}) {
   const dispatchScroll = _.debounce((e) => dispatch({ type: 'epub/onScroll', payload: e }), 300)
   const onScroll = (e) => dispatchScroll(e.target)
+
+  const [ePubItem, setEPubItem] = useState(null);
+  const [instExp, setInstExp] = useState(true);
+
+  const toggleInstExp = (e, newExpanded) => setInstExp(newExpanded);
+
+  useEffect(() => {
+    // show the user onboard guide if possible
+    setTimeout(() => {
+      const guide = generateEPubGuide();
+      guide.start();
+    }, 1000);
+  }, []);
+
+  useEffect(() => {
+    if (Boolean(ePubItem) && instExp) {
+      setInstExp(false);
+    }
+  }, [ePubItem]);
+  const itemViewElem = altEl(EPubItemView, Boolean(ePubItem), {
+    item: ePubItem, setEPubItem
+  });
 
   const [iNoteItem, setINoteItem] = useState(null);
   return (
     <EPubNavigationProvider>
       <CTFragment dFlex h100 scrollY id={epubController.id.EPubChapterListID} onScroll={onScroll}>
-        <CTFragment width="75%">
+        <CTFragment width="65%">
           <CTHeading>{epubData.title}</CTHeading>
           <INoteEditor> setINoteItem={setINoteItem} dispatch={dispatch} </INoteEditor>
         </CTFragment>
+        <CTFragment sticky scrollY dFlexCol width="35%" padding={[30, 10]}>
+          <Instruction expanded={instExp} onToggle={toggleInstExp} />
+          {itemViewElem}
+          <QuickActions />
+        </CTFragment>
       </CTFragment>
     </EPubNavigationProvider>
   )