Merge pull request #20 from bersLucas/2.0.0-alpha

2.0.0 version

.gitignore

@@ -1,8 +1,68 @@
+dist
+.idea
+.idea/*
+*.css
+*.css.map
+i
 
-*.map
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
 
-*.DS_Store
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
 
-*.DS_Store
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
 
-i/Bookseries1/.DS_Store
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# next.js build output
+.next

README.md

@@ -3,10 +3,14 @@
 A W I D E comic reader. Successor to <a href="/bersLucas/MSlide">MSlide</a>.
 HI6MA was created to give users a larger reading area and remove dependency on jQuery.
 
-### Set up
+### Requirements for building
+* [NodeJs](https://nodejs.org/en/) 
+* [Yarn](https://yarnpkg.com/en/)
 
-* Clone [the master branch](https://github.com/bersLucas/HI6MA/archive/master.zip) onto any web server.
-* In the **/i/** folder, create folders for each series.
+### Image Root Folder Set up
+
+* Create a directory to host your image files
+* In that folder, create folders for each series.
   * <sub>(The series' folder names must contain no spaces,and must be unique.)</sub>
 * Inside of these folders, you will add the following files:
   * **cover.jpg** : The cover that will display on the main page.
@@ -36,10 +40,12 @@ Translator's Name
 ### Example file structure:
 <img src="https://cloud.githubusercontent.com/assets/3892772/19536607/aba5b538-961a-11e6-901b-a7ba8085b9af.png"/>
 
-### Sass
-Colors are represented in sass variabless. Use **css/_variables.scss** to edit the background and accent colors. <a href="http://sass-lang.com/">You will need a sass compiler</a>.
+Run the following commands to generate your website:
 
-### Dependencies 
-<a href="http://hammerjs.github.io/">Hammer.js</a> - Mobile swiping events.
+```bash
+# Generate a booklist
+node booklistgen.js [root image folder]
 
-<a href="https://github.com/vuejs/vue">Vue.js</a> - Interface library
+# Build index file
+yarn run build
+```

booklistgen.js

@@ -0,0 +1,36 @@
+const fs = require('fs');
+const rootFolder = process.argv[2];
+let booklist = fs.readdirSync(rootFolder);
+
+let books = [];
+
+booklist.forEach(book => {
+    let bookData = fs.readFileSync(`${rootFolder}/${book}/data.txt`)
+        .toString()
+        .split('\n');
+
+    let bookObj = {
+        folder: `../${rootFolder}/${book}`,
+        name: bookData[0],
+        kanji: bookData[1],
+        author: bookData[2],
+        TL: bookData[3],
+        BG: bookData[4],
+        BBG: bookData[5]
+    };
+
+    bookObj.chapters = fs.readdirSync(`${rootFolder}/${book}`)
+        .filter(chapter => {
+            return fs.lstatSync(`${rootFolder}/${book}/${chapter}`).isDirectory()
+        });
+
+    books.push(bookObj);
+});
+
+fs.writeFile('./BOOKLIST.js', 'var books = '+JSON.stringify(books), err => {
+    if (err){
+        return console.log('Unable to generate booklist file\n' + err)
+    } else {
+        console.log('Booklist generated!\nRun \'yarn run build\' next');
+    }
+});