v1.6.3

Fix partial state UI

CHANGELOG.md

@@ -0,0 +1,125 @@
+# Changelog
+
+## [1.6.3] - 2019-09-18
+### Changed
+- Better multithread management
+- Fix partial state UI
+
+## [1.6.2] - 2019-09-17
+### Changed
+- Rework UI colors
+- Fix scan input bug
+
+## [1.6.1] - 2019-09-16
+### Changed
+- Rework UI
+- Fix clipboard monitoring
+
+## [1.6.0] - 2019-09-15
+### Changed
+- Rework the UI
+- Add a dark theme
+- Fix the force ordering bug
+- Other bug fixes
+
+## [1.5.2] - 2019-09-01
+### Added
+- imx.to host fix
+
+## [1.5.1] - 2019-08-24
+### Added
+- Bug fixes
+
+## [1.5.0] - 2019-08-24
+### Added
+- Display logged in user
+- Add post details when clicking on main list items (Status, Post URL, Host)
+- Add open download location on main list items menu
+- Add support for multi-post threads (Show a menu to select posts to download)
+- Add link to image from details list
+
+## [1.4.10] - 2019-08-15
+### Changed
+- Fix a rename issue on windows
+
+## [1.4.9] - 2019-08-13
+### Changed
+- Update Built-By to be generic
+
+## [1.4.8] - 2019-08-13
+### Changed
+- Add option to force image ordering
+
+## [1.4.7] - 2019-08-13
+### Changed
+- Fixed a bug in image filename extensions 
+
+## [1.4.6] - 2019-08-06
+### Changed
+- Fixed a bug when creating image file names
+- Remove unnecessary logs
+- Fix data.json init 
+
+## [1.4.5] - 2019-08-03
+### Changed
+- Add min width and height for electron app
+### Added
+- Add download speed to status bar
+
+## [1.4.4] - 2019-08-01
+### Changed
+- Fix names for ImgboxHost
+- Enhance UI
+- Minor fixes
+### Added
+- Add start and stop button
+
+## [1.4.3] - 2019-07-14
+### Changed
+- Update some messages
+- Fix scrolling issue
+
+## [1.4.2] - 2019-07-14
+### Changed
+- Fix layout issue in web mode
+
+## [1.4.1] - 2019-07-14
+### Changed
+- Change title's font
+### Added
+- Add borders
+
+## [1.4.0] - 2019-07-14
+### Changed
+- Better error handling on startup
+- Better support for linux AppImage
+### Added
+- Clear all completed
+- Add clipboard support
+- Add option to remove all posts
+- Add confirmation on remove
+
+## [1.3.0-rc0] - 2019-07-04
+### Changed
+- Change default setting for autostart false -> true
+- Change default setting for max concurrent downloads 1 -> 4
+### Added
+- Desktop app built with electron
+- Add the option to remove a post
+
+## [1.2.0] - 2019-06-23
+### Added
+- Add a shutdown button to gracefully shutdown the app
+- Open and redirect the browser to the app address on startup
+- Add the option to run the app in headless mode (-Djava.awt.headless=true)
+
+## [1.1.1] - 2019-06-22
+### Changed
+- Fix a stability issue with progress updates when the app is runninh for a long time
+
+## [1.0.0] - 2019-06-22
+### Added
+- Add real time communication for progress updates via websocket (SockJS)
+- Add settings for download path, max concurrent download, enable/disable integration with vipergirls
+- Add integration with vipergitls.to (possibility to auto leave thanks after grab post)
+- Add support for acidimg.cc, imagezilla.net, imgbox.com, imx.to, pixhost.to, turboimagehost.com

README.md

@@ -0,0 +1,26 @@
+# Viper Ripper!
+
+This is my spin for a gallery ripper app for [vipergirls](https://vipergirls.to) website.
+The purpose of this project is to build a robust and clean application to conveniently download photo galleries using modern web technologies, Java + Spring boot for the back end and angular + electron for the front end.
+
+## How to build
+You need a recent version of maven 3.6.1+.
+
+The application support 2 build modes:
+ - Desktop app (*Partially cross platform): Self contained app, built with electron, depends on Java runtimes.
+ - Server app (Fully cross platform): Depends on Java runtimes, you need a web browser to access the app UI.
+
+Most people will be interested only on the desktop app, however if you have a nas or a server, the server app is there for you.
+
+To build the server app:
+
+    mvn clean install
+To build the desktop app:
+
+    mvn clean install -Pelectron
+
+Maven will automatically handle front end compilation. However, for development, you will need to install a recent version of nodejs on your system.
+
+*Partially cross platform:
+Technically cross platform, but the Desktop app relies on electron builder to make appropriate binaries for each platform. mac binaries can only be generated on a mac, and i don't own one. So i can only provide binaries for windows and linux.
+The Server app however depends only on Java, so it will work just fine on a mac, you only need a browser to access it.

pom.xml

@@ -4,7 +4,7 @@
     <modelVersion>4.0.0</modelVersion>
     <groupId>tn.mnlr</groupId>
     <artifactId>vripper</artifactId>
-    <version>1.1.0</version>
+    <version>1.6.3</version>
     <packaging>pom</packaging>
     <parent>
         <groupId>org.springframework.boot</groupId>
@@ -15,5 +15,6 @@
     <modules>
         <module>vripper-server</module>
         <module>vripper-ui</module>
+        <module>vripper-electron</module>
     </modules>
 </project>

vripper-electron/.gitignore

@@ -0,0 +1,47 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/tmp
+/out-tsc
+
+# dependencies
+/node_modules
+
+# profiling files
+chrome-profiler-events.json
+speed-measure-plugin.json
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+yarn-error.log
+testem.log
+/typings
+
+# System Files
+.DS_Store
+Thumbs.db
+
+dist
+build/vripper-ui

vripper-electron/.jshintrc

@@ -0,0 +1,7 @@
+{
+  "esversion": 6,
+  "node": true,
+  "globals": {
+    "BigInt": false
+  }
+}

vripper-electron/main.js

@@ -0,0 +1,140 @@
+const { app, BrowserWindow } = require("electron");
+const path = require("path");
+const url = require("url");
+const getPort = require("get-port");
+const { spawn } = require("child_process");
+const { ipcMain } = require("electron");
+const commandExists = require("command-exists").sync;
+const { dialog } = require("electron");
+const axios = require('axios');
+const appDir = process.env.APPDIR;
+
+let win;
+let vripperServer;
+let serverPort;
+
+const maxTerminationAttemps = 5;
+let terminationAttemps = 0;
+let terminationInteval;
+let terminated = false;
+
+process.on("uncaughtException", err => {
+  dialog.showErrorBox(err.message, err.stack);
+  process.exit(1);
+});
+
+if (!commandExists("java")) {
+  dialog.showErrorBox(
+    "Java command is missing",
+    "Java cannot be found on your PATH, make sure to install java before running Viper Ripper"
+  );
+  process.exit(1);
+}
+
+function createWindow() {
+  let icon;
+  if(process.platform === "win32") {
+    icon = path.join(__dirname, `icon.ico`);
+  } else {
+    icon = path.join(__dirname, `icon.icns`);
+  }
+  win = new BrowserWindow({
+    width: 1024,
+    height: 800,
+    minWidth: 640,
+    minHeight: 480,
+    frame: false,
+    webPreferences: {
+      nodeIntegration: true
+    },
+    icon: icon
+  });
+
+  win.removeMenu();
+
+  win.loadURL(
+    url.format({
+      pathname: path.join(__dirname, `vripper-ui/index.html`),
+      protocol: "file:",
+      slashes: true
+    })
+  );
+
+  // win.webContents.openDevTools();
+
+  win.on("closed", () => {
+    win = null;
+  });
+}
+
+getPort().then(port => {
+  serverPort = port;
+  ipcMain.on("get-port", event => {
+    event.reply("port", port);
+  });
+  vripperServer = spawn("java", [
+    "-Xms256m",
+    "-Xmx1024m",
+    "-Dvripper.server.port=" + port,
+    "-jar",
+    appDir !== undefined ? path.join(appDir, "bin/vripper-server.jar") :
+    path.join(app.getPath('exe'), "../bin/vripper-server.jar")
+  ], {
+    stdio: 'ignore'
+  });
+  vripperServer.on('exit', (code, signal) => {
+    console.log(`vripper server terminated, code = ${code}, signal = ${signal}`);
+    terminated = true;
+    app.quit();
+  });
+});
+
+const gotTheLock = app.requestSingleInstanceLock();
+
+if (!gotTheLock) {
+  app.quit();
+} else {
+  app.on("second-instance", (event, commandLine, workingDirectory) => {
+    if (win) {
+      if (win.isMinimized()) win.restore();
+      win.focus();
+    }
+  });
+
+  app.on("ready", createWindow);
+
+  app.on("window-all-closed", () => {
+    if (process.platform !== "darwin") {
+      axios.post('http://localhost:' + serverPort + '/actuator/shutdown', {}, {
+        headers: { 'content-type': 'application/json' },
+      }).then((response) => {
+        terminationInteval=  setInterval(() => {
+          terminationAttemps++;
+          if(terminated) {
+            console.log('viper server terminated');
+            clearInterval(terminationInteval);
+            app.quit();
+          } else if(terminationAttemps > maxTerminationAttemps) {
+            console.log('viper server is not terminated');
+            console.log('Proceed to kill');
+            vripperServer.kill('SIGKILL');
+            clearInterval(terminationInteval);
+            app.quit();
+          }
+        }, 1000);
+      })
+      .catch((error) => {
+        // Terminate immediately
+        vripperServer.kill('SIGKILL');
+        terminated = true;
+        app.quit();
+      });
+    }
+  });
+
+  app.on("activate", () => {
+    if (win === null) {
+      createWindow();
+    }
+  });
+}

vripper-electron/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "vripper-electron",
+  "version": "1.6.3",
+  "description": "",
+  "main": "main.js",
+  "author": "",
+  "license": "ISC",
+  "build": {
+    "appId": "tn.mnlr.vripper",
+    "files": [
+      "**/*",
+      "!**/node_modules/*/{CHANGELOG.md,README.md,README,readme.md,readme}",
+      "!**/node_modules/*/{test,__tests__,tests,powered-test,example,examples}",
+      "!**/node_modules/*.d.ts",
+      "!**/node_modules/.bin",
+      "!**/*.{iml,o,hprof,orig,pyc,pyo,rbc,swp,csproj,sln,xproj}",
+      "!.editorconfig",
+      "!**/._*",
+      "!**/{.DS_Store,.git,.hg,.svn,CVS,RCS,SCCS,.gitignore,.gitattributes}",
+      "!**/{__pycache__,thumbs.db,.flowconfig,.idea,.vs,.nyc_output}",
+      "!**/{appveyor.yml,.travis.yml,circle.yml}",
+      "!**/{npm-debug.log,yarn.lock,.yarn-integrity,.yarn-metadata.json}",
+      {
+        "from": "./build/",
+        "to": "."
+      }
+    ],
+    "extraFiles": [
+      {
+        "from": "../vripper-server/target/vripper-server-${version}-electron.jar",
+        "to": "bin/vripper-server.jar"
+      }
+    ],
+    "win": {
+      "target": "nsis"
+    },
+    "linux": {
+      "target": [
+        "zip"
+      ]
+    }
+  },
+  "scripts": {
+    "start": "electron .",
+    "dist": "node pre-build.js && build"
+  },
+  "devDependencies": {
+    "electron": "^6.0.4",
+    "electron-builder": "^20.44.4"
+  },
+  "dependencies": {
+    "axios": "^0.19.0",
+    "cheerio": "^1.0.0-rc.3",
+    "command-exists": "^1.2.8",
+    "copy-dir": "^1.1.0",
+    "custom-electron-titlebar": "^3.0.10",
+    "electron-context-menu": "^0.13.0",
+    "get-port": "^5.0.0",
+    "rimraf": "^2.6.3"
+  }
+}

vripper-electron/pom.xml

@@ -0,0 +1,77 @@
+<?xml version="1.0"?>
+<project xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"
+         xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
+  <modelVersion>4.0.0</modelVersion>
+  <parent>
+    <groupId>tn.mnlr</groupId>
+    <artifactId>vripper</artifactId>
+    <version>1.6.3</version>
+  </parent>
+  <artifactId>vripper-electron</artifactId>
+  <name>vripper-electron</name>
+  <build>
+    <plugins>
+      <plugin>
+        <artifactId>maven-jar-plugin</artifactId>
+        <configuration>
+          <classifier>${buildClassifier}</classifier>
+        </configuration>
+      </plugin>
+    </plugins>
+  </build>
+  <profiles>
+    <profile>
+      <id>electron</id>
+      <properties>
+        <buildClassifier>electron</buildClassifier>
+      </properties>
+      <dependencies>
+        <dependency>
+          <groupId>tn.mnlr</groupId>
+          <artifactId>vripper-server</artifactId>
+          <version>${project.version}</version>
+          <scope>runtime</scope>
+          <classifier>${buildClassifier}</classifier>
+        </dependency>
+      </dependencies>
+      <build>
+        <plugins>
+          <plugin>
+            <groupId>com.github.eirslett</groupId>
+            <artifactId>frontend-maven-plugin</artifactId>
+            <version>1.3</version>
+            <configuration>
+              <nodeVersion>v12.2.0</nodeVersion>
+              <npmVersion>6.9.0</npmVersion>
+              <workingDirectory>build-dir</workingDirectory>
+            </configuration>
+            <executions>
+              <execution>
+                <id>install node and npm</id>
+                <goals>
+                  <goal>install-node-and-npm</goal>
+                </goals>
+              </execution>
+              <execution>
+                <id>npm install</id>
+                <goals>
+                  <goal>npm</goal>
+                </goals>
+              </execution>
+              <execution>
+                <id>npm run build</id>
+                <goals>
+                  <goal>npm</goal>
+                </goals>
+                <configuration>
+                  <arguments>run dist</arguments>
+                </configuration>
+                <phase>generate-resources</phase>
+              </execution>
+            </executions>
+          </plugin>
+        </plugins>
+      </build>
+    </profile>
+  </profiles>
+</project>

vripper-electron/pre-build.js

@@ -0,0 +1,18 @@
+const cheerio = require('cheerio');
+const fs = require('fs');
+const rimraf = require("rimraf");
+const copydir = require("copy-dir");
+
+
+rimraf.sync('./build/vripper-ui');
+copydir.sync('../vripper-ui/dist/vripper-ui', './build/vripper-ui', {});
+
+
+const index = fs.readFileSync('./build/vripper-ui/index.html');
+
+
+const $ = cheerio.load(index);
+$('body').prepend(`<script>require('../renderer.js')</script>`);
+
+fs.writeFileSync('./build/vripper-ui/index.html', $.html());
+

vripper-electron/renderer.js

@@ -0,0 +1,15 @@
+console.log("renderer intialized");
+const customTitlebar = require("custom-electron-titlebar");
+const electron = require("electron").remote;
+const contextMenu = require("electron-context-menu");
+
+contextMenu({});
+const menu = new electron.Menu();
+const titlebar = new customTitlebar.Titlebar({
+  backgroundColor: customTitlebar.Color.fromHex("#000000"),
+  titleHorizontalAlignment: 'left',
+  icon: 'favicon.ico',
+  shadow: true,
+  menu: menu
+});
+titlebar.updateTitle("Viper Ripper");

vripper-server/pom.xml

@@ -5,7 +5,7 @@
     <parent>
         <groupId>tn.mnlr</groupId>
         <artifactId>vripper</artifactId>
-        <version>1.1.0</version>
+        <version>1.6.3</version>
     </parent>
     <artifactId>vripper-server</artifactId>
     <name>vripper-server</name>
@@ -28,7 +28,10 @@
             <groupId>org.springframework.boot</groupId>
             <artifactId>spring-boot-starter-websocket</artifactId>
         </dependency>
-
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-actuator</artifactId>
+        </dependency>
         <dependency>
             <groupId>org.projectlombok</groupId>
             <artifactId>lombok</artifactId>
@@ -69,33 +72,29 @@
             <artifactId>vripper-ui</artifactId>
             <version>${project.version}</version>
             <scope>runtime</scope>
+            <classifier>${buildClassifier}</classifier>
         </dependency>
     </dependencies>
 
     <build>
-        <finalName>${project.artifactId}-${project.version}-${git.commit.id.describe-short}</finalName>
         <plugins>
+            <plugin>
+                <artifactId>maven-jar-plugin</artifactId>
+                <configuration>
+                    <classifier>${buildClassifier}</classifier>
+                </configuration>
+            </plugin>
             <plugin>
                 <groupId>org.springframework.boot</groupId>
                 <artifactId>spring-boot-maven-plugin</artifactId>
-            </plugin>
-            <plugin>
-                <artifactId>maven-resources-plugin</artifactId>
                 <executions>
                     <execution>
-                        <id>copy-resources</id>
-                        <phase>validate</phase>
+                        <id>repackage</id>
                         <goals>
-                            <goal>copy-resources</goal>
+                            <goal>repackage</goal>
                         </goals>
                         <configuration>
-                            <outputDirectory>${project.build.directory}/classes/static</outputDirectory>
-                            <resources>
-                                <resource>
-                                    <directory>${project.parent.basedir}/vripper-ui/dist/vripper-ui/
-                                    </directory>
-                                </resource>
-                            </resources>
+                            <classifier>${buildClassifier}</classifier>
                         </configuration>
                     </execution>
                 </executions>
@@ -130,6 +129,7 @@
                     <archive>
                         <manifestEntries>
                             <Build-Time>${maven.build.timestamp}</Build-Time>
+                            <Built-By>${user.name}</Built-By>
                         </manifestEntries>
                         <manifestSections>
                             <manifestSection>
@@ -149,4 +149,47 @@
             </plugin>
         </plugins>
     </build>
+
+    <profiles>
+        <profile>
+            <id>web</id>
+            <activation>
+                <activeByDefault>true</activeByDefault>
+            </activation>
+            <properties>
+                <buildClassifier>web</buildClassifier>
+            </properties>
+            <build>
+                <plugins>
+                    <plugin>
+                        <artifactId>maven-resources-plugin</artifactId>
+                        <executions>
+                            <execution>
+                                <id>copy-resources</id>
+                                <phase>validate</phase>
+                                <goals>
+                                    <goal>copy-resources</goal>
+                                </goals>
+                                <configuration>
+                                    <outputDirectory>${project.build.directory}/classes/static</outputDirectory>
+                                    <resources>
+                                        <resource>
+                                            <directory>${project.parent.basedir}/vripper-ui/dist/vripper-ui/
+                                            </directory>
+                                        </resource>
+                                    </resources>
+                                </configuration>
+                            </execution>
+                        </executions>
+                    </plugin>
+                </plugins>
+            </build>
+        </profile>
+        <profile>
+            <id>electron</id>
+            <properties>
+                <buildClassifier>electron</buildClassifier>
+            </properties>
+        </profile>
+    </profiles>
 </project>

vripper-server/src/main/java/tn/mnlr/vripper/SpringContext.java

@@ -1,8 +1,11 @@
 package tn.mnlr.vripper;
 
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
 import org.springframework.beans.BeansException;
 import org.springframework.context.ApplicationContext;
 import org.springframework.context.ApplicationContextAware;
+import org.springframework.context.ConfigurableApplicationContext;
 import org.springframework.stereotype.Component;
 
 import java.util.Map;
@@ -10,11 +13,14 @@ import java.util.Map;
 @Component
 public class SpringContext implements ApplicationContextAware {
 
-    private static ApplicationContext context;
+    private static final Logger logger = LoggerFactory.getLogger(SpringContext.class);
+
+    private static ConfigurableApplicationContext context;
 
     /**
      * Returns the Spring managed bean instance of the given class type (if it exists).
      * Returns null otherwise.
+     *
      * @param beanClass
      * @return
      */
@@ -26,10 +32,16 @@ public class SpringContext implements ApplicationContextAware {
         return context.getBeansOfType(beanClass);
     }
 
+    public static void close() {
+        logger.info("Application terminating...");
+        context.close();
+
+    }
+
     @Override
     public void setApplicationContext(ApplicationContext context) throws BeansException {
 
         // store ApplicationContext reference to access required beans later on
-        SpringContext.context = context;
+        SpringContext.context = ((ConfigurableApplicationContext) context);
     }
 }

vripper-server/src/main/java/tn/mnlr/vripper/VripperApplication.java

@@ -10,10 +10,12 @@ import org.springframework.stereotype.Component;
 import tn.mnlr.vripper.exception.VripperException;
 import tn.mnlr.vripper.services.AppSettingsService;
 import tn.mnlr.vripper.services.PersistenceService;
+import tn.mnlr.vripper.services.PostParser;
 import tn.mnlr.vripper.services.VipergirlsAuthService;
 
 import java.io.File;
-import java.util.prefs.Preferences;
+import java.util.concurrent.ExecutorService;
+import java.util.concurrent.Executors;
 
 @SpringBootApplication
 public class VripperApplication {
@@ -22,9 +24,16 @@ public class VripperApplication {
 
     public static final String dataPath = System.getProperty("vripper.datapath", ".") + File.separator + "data.json";
 
-	public static void main(String[] args) {
-		SpringApplication.run(VripperApplication.class, args);
-	}
+    public static final ExecutorService commonExecutor = Executors.newFixedThreadPool(Runtime.getRuntime().availableProcessors());
+
+    public static void main(String[] args) {
+
+        try {
+            SpringApplication.run(VripperApplication.class, args);
+        } catch (Exception e) {
+            logger.error("Failed to run the application", e);
+        }
+    }
 
     @Component
     public class AppCommandRunner implements CommandLineRunner {
@@ -40,8 +49,10 @@ public class VripperApplication {
 
         @Override
         public void run(String... args) {
+
             persistenceService.restore();
             appSettingsService.restore();
+            registerShutdownHook();
 
             try {
                 authService.authenticate();
@@ -49,7 +60,28 @@ public class VripperApplication {
                 logger.error("Cannot authenticate user with ViperGirls", e);
             }
         }
+
+        private void registerShutdownHook() {
+            Runtime.getRuntime().addShutdownHook(new Thread(SpringContext::close));
+        }
     }
 
+    @Component
+    public class TestRunner implements CommandLineRunner {
+
+        @Autowired
+        private PostParser postParser;
+
+        @Override
+        public void run(String... args) throws Exception {
+
+//            long start = System.currentTimeMillis();
+//            PostParser.VRThreadParser vrThreadParser = postParser.new VRThreadParser("600408");
+//            vrThreadParser.getPostPublishProcessor().subscribe(e -> System.out.println("new Post: " + e.getPostId()));
+//            vrThreadParser.parse();
+//            System.out.println("Total time: " + (System.currentTimeMillis() - start));
+        }
+    }
 }
 
+

vripper-server/src/main/java/tn/mnlr/vripper/entities/Image.java

@@ -5,19 +5,22 @@ import io.reactivex.processors.BehaviorProcessor;
 import lombok.Getter;
 import lombok.NoArgsConstructor;
 import lombok.Setter;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
 import tn.mnlr.vripper.host.Host;
 import tn.mnlr.vripper.services.AppStateService;
 
 import java.util.Objects;
-import java.util.concurrent.TimeUnit;
 import java.util.concurrent.atomic.AtomicLong;
 
 @Getter
 @NoArgsConstructor
 public class Image {
 
-    @Setter
+    private static final Logger logger = LoggerFactory.getLogger(Image.class);
+
     private AppStateService appStateService;
+
     private Disposable subscription;
 
     private final String type = "img";
@@ -30,6 +33,8 @@ public class Image {
 
     private String url;
 
+    private int index;
+
     private AtomicLong current = new AtomicLong(0);
     private Status status;
     private BehaviorProcessor<Image> imageStateProcessor;
@@ -37,17 +42,20 @@ public class Image {
     @Setter
     private long total = 0;
 
-    public Image(String url, String postId, String postName, Host host, AppStateService appStateService) {
+    public Image(String url, String postId, String postName, Host host, int index) {
         this.url = url;
         this.postId = postId;
         this.postName = postName;
         this.host = host;
-        this.appStateService = appStateService;
+        this.index = index;
         status = Status.PENDING;
         imageStateProcessor = BehaviorProcessor.create();
+    }
+
+    public void setAppStateService(AppStateService appStateService) {
+        this.appStateService = appStateService;
         appStateService.getCurrentImages().put(this.url, this);
         appStateService.getLiveImageUpdates().onNext(this);
-        init();
     }
 
     public void setStatus(Status status) {
@@ -60,15 +68,14 @@ public class Image {
     }
 
     public void init() {
-        if (imageStateProcessor != null) {
-            imageStateProcessor.onComplete();
-        }
-        if (subscription != null) {
-            subscription.dispose();
+        if (appStateService == null) {
+            logger.warn("Attempting to init the image whilst the App State is null, unexpected behaviour could occur from this");
+            return;
         }
+        cleanup();
         imageStateProcessor = BehaviorProcessor.create();
         subscription = imageStateProcessor
-                .onBackpressureBuffer()
+                .onBackpressureLatest()
                 .doOnNext(appStateService::onImageUpdate)
                 .subscribe();
 
@@ -77,6 +84,15 @@ public class Image {
         imageStateProcessor.onNext(this);
     }
 
+    public void cleanup() {
+        if (imageStateProcessor != null) {
+            imageStateProcessor.onComplete();
+        }
+        if (subscription != null) {
+            subscription.dispose();
+        }
+    }
+
     public void setCurrent(int current) {
         this.current.set(current);
         update();

vripper-server/src/main/java/tn/mnlr/vripper/entities/Post.java

@@ -2,21 +2,22 @@ package tn.mnlr.vripper.entities;
 
 import lombok.Getter;
 import lombok.NoArgsConstructor;
-import lombok.Setter;
 import lombok.ToString;
+import tn.mnlr.vripper.host.Host;
 import tn.mnlr.vripper.services.AppStateService;
 
 import java.util.List;
 import java.util.Map;
 import java.util.Objects;
+import java.util.Set;
 import java.util.concurrent.atomic.AtomicInteger;
+import java.util.stream.Collectors;
 
 @Getter
 @ToString
 @NoArgsConstructor
 public class Post {
 
-    @Setter
     private AppStateService appStateService;
 
     private Status status;
@@ -25,38 +26,71 @@ public class Post {
 
     private String postId;
 
+    private String threadId;
+
     private String title;
 
+    private String postCounter;
+
     private String url;
 
     private List<Image> images;
 
-    private Map<String, String> metadata;
+    private Map<String, Object> metadata;
 
     private AtomicInteger done = new AtomicInteger(0);
 
     private int total;
 
-    public Post(String title, String url, List<Image> images, Map<String, String> metadata, String postId, AppStateService appStateService) {
+    private Set<String> hosts;
+
+    private boolean removed = false;
+
+    public Post(String title, String url, List<Image> images, Map<String, Object> metadata, String postId, String threadId) {
         this.title = title;
         this.url = url;
         this.images = images;
         this.metadata = metadata;
         this.postId = postId;
-        this.appStateService = appStateService;
+        this.threadId = threadId;
+        if (this.images.contains(null)) {
+            System.out.println("Oops");
+        }
+        this.images.stream().map(e -> {
+            if (e == null) {
+                System.out.println("Am the cause");
+            }
+            return e.getHost();
+        }).collect(Collectors.toSet());
+        this.images.stream().map(e -> e.getHost()).map(Host::getHost).collect(Collectors.toSet());
+        this.hosts = this.images.stream().map(e -> e.getHost()).map(Host::getHost).collect(Collectors.toSet());
         total = images.size();
         status = Status.PENDING;
-        appStateService.getCurrentPosts().put(postId, this);
-        appStateService.getLivePostsState().onNext(this);
+
+    }
+
+    public void setAppStateService(AppStateService appStateService) {
+        this.appStateService = appStateService;
+        this.appStateService.getCurrentPosts().put(postId, this);
+        this.appStateService.getLivePostsState().onNext(this);
+    }
+
+    public void setRemoved(boolean removed) {
+        this.removed = removed;
+        updateNotification();
     }
 
     public void increase() {
         done.incrementAndGet();
-        appStateService.getLivePostsState().onNext(this);
+        updateNotification();
     }
 
     public void setStatus(Status status) {
         this.status = status;
+        updateNotification();
+    }
+
+    private void updateNotification() {
         if (appStateService != null) {
             appStateService.getLivePostsState().onNext(this);
         }

vripper-server/src/main/java/tn/mnlr/vripper/entities/mixin/persistance/PostPersistanceMixin.java

@@ -10,4 +10,8 @@ public abstract class PostPersistanceMixin {
 
     @JsonIgnore
     private AppStateService appStateService;
+
+
+    @JsonIgnore
+    private boolean removed;
 }

vripper-server/src/main/java/tn/mnlr/vripper/entities/mixin/ui/PostUIMixin.java

@@ -5,16 +5,12 @@ import tn.mnlr.vripper.entities.Image;
 import tn.mnlr.vripper.services.AppStateService;
 
 import java.util.List;
-import java.util.Map;
 
 public abstract class PostUIMixin {
 
     @JsonIgnore
     private List<Image> images;
 
-    @JsonIgnore
-    private Map<String, String> metadata;
-
     @JsonIgnore
     private AppStateService appStateService;
 }

vripper-server/src/main/java/tn/mnlr/vripper/exception/PostParseException.java

@@ -1,6 +1,15 @@
 package tn.mnlr.vripper.exception;
 
 public class PostParseException extends Exception {
+
+    public PostParseException(String message) {
+        super(message);
+    }
+
+    public PostParseException(String message, Exception e) {
+        super(message, e);
+    }
+
     public PostParseException(Exception e) {
         super(e);
     }

vripper-server/src/main/java/tn/mnlr/vripper/host/AcidimgHost.java

@@ -4,7 +4,6 @@ import org.apache.http.NameValuePair;
 import org.apache.http.client.HttpClient;
 import org.apache.http.client.entity.UrlEncodedFormEntity;
 import org.apache.http.client.methods.CloseableHttpResponse;
-import org.apache.http.client.methods.HttpGet;
 import org.apache.http.client.methods.HttpPost;
 import org.apache.http.message.BasicNameValuePair;
 import org.apache.http.util.EntityUtils;
@@ -35,14 +34,14 @@ public class AcidimgHost extends Host {
     private ConnectionManager cm;
 
     @Override
-    protected String getHost() {
+    public String getHost() {
         return host;
     }
 
     @Override
     protected void setNameAndUrl(final String url, final ImageFileData imageFileData) throws HostException {
 
-        Document doc = getDocument(url);
+        Document doc = getResponse(url).getDocument();
 
         Node contDiv;
         try {

vripper-server/src/main/java/tn/mnlr/vripper/host/Host.java

@@ -1,5 +1,7 @@
 package tn.mnlr.vripper.host;
 
+import lombok.Getter;
+import org.apache.http.Header;
 import org.apache.http.client.HttpClient;
 import org.apache.http.client.methods.CloseableHttpResponse;
 import org.apache.http.client.methods.HttpGet;
@@ -9,20 +11,22 @@ import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 import org.w3c.dom.Document;
-import tn.mnlr.vripper.services.AppSettingsService;
 import tn.mnlr.vripper.entities.Image;
 import tn.mnlr.vripper.exception.DownloadException;
 import tn.mnlr.vripper.exception.HostException;
 import tn.mnlr.vripper.exception.HtmlProcessorException;
 import tn.mnlr.vripper.q.ImageFileData;
-import tn.mnlr.vripper.services.ConnectionManager;
-import tn.mnlr.vripper.services.HtmlProcessorService;
-import tn.mnlr.vripper.services.XpathService;
+import tn.mnlr.vripper.services.*;
 
+import javax.imageio.ImageIO;
+import javax.imageio.ImageReader;
+import javax.imageio.stream.ImageInputStream;
 import java.io.File;
 import java.io.FileOutputStream;
 import java.io.IOException;
 import java.io.InputStream;
+import java.nio.file.Files;
+import java.util.Iterator;
 import java.util.Random;
 
 @Service
@@ -44,7 +48,13 @@ abstract public class Host {
     @Autowired
     private ConnectionManager cm;
 
-    abstract protected String getHost();
+    @Autowired
+    private DownloadSpeedService downloadSpeedService;
+
+    @Autowired
+    private PathService pathService;
+
+    abstract public String getHost();
 
     public boolean isSupported(String url) {
         return url.contains(getHost());
@@ -70,17 +80,14 @@ abstract public class Host {
              * END HOST SPECIFIC
              */
 
-            if(!imageFileData.getImageName().toLowerCase().endsWith(".jpg")) {
-                imageFileData.setImageName(imageFileData.getImageName() + ".jpg");
-            }
-
-            File destinationFolder = new File(appSettingsService.getDownloadPath(), sanitize(image.getPostName()));
+            String formatImageFileName = pathService.formatImageFileName(imageFileData.getImageName());
+            logger.info(String.format("Sanitizing image name from %s to %s", imageFileData.getImageName(), formatImageFileName));
+            imageFileData.setImageName(formatImageFileName);
+            File destinationFolder = pathService.getDownloadDestinationFolder(image.getPostId());
             logger.info(String.format("Saving to %s", destinationFolder.getPath()));
             if (!destinationFolder.exists()) {
                 logger.info(String.format("Creating %s", destinationFolder.getPath()));
                 destinationFolder.mkdirs();
-            } else {
-                logger.warn(String.format("%s already exists, the file will be overridden", destinationFolder.getPath()));
             }
 
             HttpClient client = cm.getClient().build();
@@ -93,11 +100,10 @@ abstract public class Host {
                     throw new DownloadException(String.format("Server returned code %d", response.getStatusLine().getStatusCode()));
                 }
 
-                try (
-                        InputStream downloadStream = response.getEntity().getContent();
-                        FileOutputStream fos = new FileOutputStream(destinationFolder.getPath() + File.separator + imageFileData.getImageName())
-                ) {
-
+                File outputFile = new File(destinationFolder.getPath() + File.separator + imageFileData.getImageName() + ".tmp");
+                InputStream downloadStream = response.getEntity().getContent();
+                FileOutputStream fos = new FileOutputStream(outputFile);
+                try {
                     image.setTotal(response.getEntity().getContentLength());
                     logger.info(String.format("%s length is %d", imageFileData.getImageUrl(), image.getTotal()));
                     logger.info(String.format("Starting data transfer for %s", imageFileData.getImageUrl()));
@@ -107,9 +113,18 @@ abstract public class Host {
                     while ((read = downloadStream.read(buffer, 0, READ_BUFFER_SIZE)) != -1) {
                         fos.write(buffer, 0, read);
                         image.increase(read);
+                        downloadSpeedService.increase(read);
                     }
                     EntityUtils.consumeQuietly(response.getEntity());
+                } finally {
+                    if (downloadStream != null) {
+                        downloadStream.close();
+                    }
+                    if (fos != null) {
+                        fos.close();
+                    }
                 }
+                checkImageTypeAndRename(outputFile, imageFileData.getImageName(), image.getIndex());
             }
         } catch (Exception e) {
             if(Thread.interrupted()) {
@@ -119,6 +134,32 @@ abstract public class Host {
         }
     }
 
+    private void checkImageTypeAndRename(File outputFile, String imageName, int index) throws HostException {
+        String formatName;
+        try (ImageInputStream iis = ImageIO.createImageInputStream(outputFile)) {
+            Iterator<ImageReader> it = ImageIO.getImageReaders(iis);
+            if (!it.hasNext()) {
+                throw new HostException("Image file is not recognized!");
+            }
+            ImageReader reader = it.next();
+            formatName = reader.getFormatName();
+            if (formatName.toUpperCase().equals("JPEG")) {
+                formatName = "jpg";
+            }
+        } catch (Exception e) {
+            throw new HostException("Failed to guess image format", e);
+        }
+        try {
+            File outImage = new File(outputFile.getParent(), (appSettingsService.isForceOrder() ? String.format("%03d_", index) : "") + imageName + "." + formatName.toLowerCase());
+            if (outImage.exists()) {
+                outImage.delete();
+            }
+            Files.move(outputFile.toPath(), outImage.toPath());
+        } catch (Exception e) {
+            throw new HostException("Failed to rename the image", e);
+        }
+    }
+
     /**
      * Just for testing, you may ignore
      * @throws Exception
@@ -131,28 +172,24 @@ abstract public class Host {
         }
     }
 
-
-
-    protected final String sanitize(final String folderName) {
-        String sanitizedFolderName = folderName.replaceAll("\\.|\\\\|/|\\||:|\\?|\\*|\"|<|>|\\p{Cntrl}", "_");
-        logger.debug(String.format("%s sanitized to %s", folderName, sanitizedFolderName));
-        return sanitizedFolderName;
-    }
-
     protected final String getDefaultImageName(final String imgUrl) {
         String imageTitle  = imgUrl.substring(imgUrl.lastIndexOf('/') + 1);
         logger.debug(String.format("Extracting name from url %s: %s", imgUrl, imageTitle));
         return imgUrl;
     }
 
-    protected final Document getDocument(final String url) throws HostException {
+    protected final Response getResponse(final String url) throws HostException {
         String basePage;
 
         HttpClient client = cm.getClient().build();
         HttpGet httpGet = cm.buildHttpGet(url);
-
+        Header[] headers;
         logger.info(String.format("Requesting %s", url));
         try (CloseableHttpResponse response = (CloseableHttpResponse) client.execute(httpGet)) {
+            if (response.getStatusLine().getStatusCode() / 100 != 2) {
+                throw new HostException(String.format("Unexpected response code: %d", response.getStatusLine().getStatusCode()));
+            }
+            headers = response.getAllHeaders();
             basePage = EntityUtils.toString(response.getEntity());
             logger.debug(String.format("%s response: %n%s", url, basePage));
             EntityUtils.consumeQuietly(response.getEntity());
@@ -162,7 +199,7 @@ abstract public class Host {
 
         try {
             logger.info(String.format("Cleaning %s response", url));
-            return htmlProcessorService.clean(basePage);
+            return new Response(htmlProcessorService.clean(basePage), headers);
         } catch (HtmlProcessorException e) {
             throw new HostException(e);
         }
@@ -175,4 +212,19 @@ abstract public class Host {
     }
 
     protected abstract void setNameAndUrl(final String url, final ImageFileData imageFileData) throws HostException;
+
+    @Getter
+    public static class Response {
+        protected Response(Document document, Header[] headers) {
+            this.document = document;
+            this.headers = headers;
+        }
+        private Document document;
+        private Header[] headers;
+    }
+
+    @Override
+    public String toString() {
+        return getHost();
+    }
 }

vripper-server/src/main/java/tn/mnlr/vripper/host/ImageBamHost.java

@@ -0,0 +1,99 @@
+package tn.mnlr.vripper.host;
+
+import org.apache.http.Header;
+import org.apache.http.client.HttpClient;
+import org.apache.http.client.methods.CloseableHttpResponse;
+import org.apache.http.client.methods.HttpGet;
+import org.apache.http.util.EntityUtils;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.w3c.dom.Document;
+import org.w3c.dom.Node;
+import tn.mnlr.vripper.exception.HostException;
+import tn.mnlr.vripper.exception.HtmlProcessorException;
+import tn.mnlr.vripper.exception.XpathException;
+import tn.mnlr.vripper.q.ImageFileData;
+import tn.mnlr.vripper.services.ConnectionManager;
+
+import java.io.IOException;
+import java.util.Arrays;
+import java.util.stream.Collectors;
+
+@Service
+public class ImageBamHost extends Host {
+
+    private static final Logger logger = LoggerFactory.getLogger(ImageBamHost.class);
+
+    private static final String host = "imagebam.com";
+    public static final String CONTINUE_BUTTON_XPATH = "//a[@title='Continue to your image']";
+    public static final String IMG_XPATH = "//img[@class='image']";
+
+    @Autowired
+    private ConnectionManager cm;
+
+    @Override
+    public String getHost() {
+        return host;
+    }
+
+    @Override
+    protected void setNameAndUrl(final String url, final ImageFileData imageFileData) throws HostException {
+
+        Response response = getResponse(url);
+        Document doc = response.getDocument();
+        Header[] headers = response.getHeaders();
+        String cookies = Arrays.asList(headers)
+                .stream()
+                .filter(e -> e.getName().toLowerCase().contains("Set-Cookie".toLowerCase()))
+                .map(e -> e.getValue().split(";")[0].trim())
+                .collect(Collectors.joining("; "));
+
+        Node contDiv;
+        try {
+            logger.info(String.format("Looking for xpath expression %s in %s", CONTINUE_BUTTON_XPATH, url));
+            contDiv = xpathService.getAsNode(doc, CONTINUE_BUTTON_XPATH);
+        } catch (XpathException e) {
+            throw new HostException(e);
+        }
+
+        if (contDiv != null) {
+            logger.info(String.format("Getting cookies to use for %s", url));
+            logger.info(String.format("Click button found for %s", url));
+            HttpClient client = cm.getClient().build();
+            HttpGet httpGet = cm.buildHttpGet(url);
+            httpGet.addHeader("Referer", url);
+            httpGet.addHeader("Cookie", cookies);
+            logger.info(String.format("Requesting %s", httpGet));
+            try (CloseableHttpResponse res = (CloseableHttpResponse) client.execute(httpGet)) {
+                String s = EntityUtils.toString(res.getEntity());
+                logger.debug(String.format("%s response is:%n%s", httpGet, s));
+                logger.debug(String.format("Cleaning response for %s", httpGet));
+                doc = htmlProcessorService.clean(s);
+                EntityUtils.consumeQuietly(res.getEntity());
+            } catch (IOException | HtmlProcessorException e) {
+                throw new HostException(e);
+            }
+        }
+
+        Node imgNode;
+        try {
+            logger.info(String.format("Looking for xpath expression %s in %s", IMG_XPATH, url));
+            imgNode = xpathService.getAsNode(doc, IMG_XPATH);
+        } catch (XpathException e) {
+            throw new HostException(e);
+        }
+
+        try {
+            logger.info(String.format("Resolving name and image url for %s", url));
+            String imgTitle = imgNode.getAttributes().getNamedItem("id").getTextContent().trim();
+            String imgUrl = imgNode.getAttributes().getNamedItem("src").getTextContent().trim();
+
+            imageFileData.setImageUrl(imgUrl);
+            imageFileData.setImageName(imgTitle.isEmpty() ? imgUrl.substring(imgUrl.lastIndexOf('/') + 1) : imgTitle);
+        } catch(Exception e) {
+            throw new HostException("Unexpected error occurred", e);
+        }
+    }
+}

vripper-server/src/main/java/tn/mnlr/vripper/host/ImageTwistHost.java

@@ -0,0 +1,54 @@
+package tn.mnlr.vripper.host;
+
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.w3c.dom.Document;
+import org.w3c.dom.Node;
+import tn.mnlr.vripper.exception.HostException;
+import tn.mnlr.vripper.exception.XpathException;
+import tn.mnlr.vripper.q.ImageFileData;
+import tn.mnlr.vripper.services.ConnectionManager;
+
+import java.util.Optional;
+
+@Service
+public class ImageTwistHost extends Host {
+
+    public static final String IMG_XPATH = "//img[contains(@class, 'img')]";
+    private static final Logger logger = LoggerFactory.getLogger(ImageTwistHost.class);
+    private static final String host = "imagetwist.com";
+    @Autowired
+    private ConnectionManager cm;
+
+    @Override
+    public String getHost() {
+        return host;
+    }
+
+    @Override
+    protected void setNameAndUrl(final String url, final ImageFileData imageFileData) throws HostException {
+
+        Document doc = getResponse(url).getDocument();
+
+        Node imgNode;
+        try {
+            logger.info(String.format("Looking for xpath expression %s in %s", IMG_XPATH, url));
+            imgNode = xpathService.getAsNode(doc, IMG_XPATH);
+        } catch (XpathException e) {
+            throw new HostException(e);
+        }
+
+        try {
+            logger.info(String.format("Resolving name and image url for %s", url));
+            String imgTitle = Optional.ofNullable(imgNode.getAttributes().getNamedItem("alt")).map(Node::getTextContent).map(String::trim).orElse(null);
+            String imgUrl = imgNode.getAttributes().getNamedItem("src").getTextContent().trim();
+
+            imageFileData.setImageUrl(imgUrl);
+            imageFileData.setImageName(imgTitle);
+        } catch (Exception e) {
+            throw new HostException("Unexpected error occurred", e);
+        }
+    }
+}

vripper-server/src/main/java/tn/mnlr/vripper/host/ImageZillaHost.java

@@ -1,6 +1,5 @@
 package tn.mnlr.vripper.host;
 
-import org.apache.http.client.methods.HttpGet;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
@@ -12,8 +11,6 @@ import tn.mnlr.vripper.exception.XpathException;
 import tn.mnlr.vripper.q.ImageFileData;
 import tn.mnlr.vripper.services.ConnectionManager;
 
-import java.io.IOException;
-
 @Service
 public class ImageZillaHost extends Host {
 
@@ -26,14 +23,14 @@ public class ImageZillaHost extends Host {
     private ConnectionManager cm;
 
     @Override
-    protected String getHost() {
+    public String getHost() {
         return host;
     }
 
     @Override
     protected void setNameAndUrl(final String url, final ImageFileData imageFileData) throws HostException {
 
-        Document doc = getDocument(url);
+        Document doc = getResponse(url).getDocument();
 
         String title;
         try {
@@ -55,7 +52,7 @@ public class ImageZillaHost extends Host {
 
         try {
             imageFileData.setImageUrl(url.replace("show", "images"));
-            imageFileData.setImageName(title.substring(8));
+            imageFileData.setImageName(title);
         } catch (Exception e) {
             throw new HostException("Unexpected error occurred", e);
         }

vripper-server/src/main/java/tn/mnlr/vripper/host/ImgboxHost.java

@@ -23,14 +23,14 @@ public class ImgboxHost extends Host {
     private ConnectionManager cm;
 
     @Override
-    protected String getHost() {
+    public String getHost() {
         return host;
     }
 
     @Override
     protected void setNameAndUrl(final String url, final ImageFileData imageFileData) throws HostException {
 
-        Document doc = getDocument(url);
+        Document doc = getResponse(url).getDocument();
 
         Node imgNode;
         try {
@@ -46,7 +46,7 @@ public class ImgboxHost extends Host {
             String imgUrl = imgNode.getAttributes().getNamedItem("src").getTextContent().trim();
 
             imageFileData.setImageUrl(imgUrl);
-            imageFileData.setImageName(imgTitle.substring(8));
+            imageFileData.setImageName(imgTitle);
         } catch (Exception e) {
             throw new HostException("Unexpected error occurred", e);
         }

vripper-server/src/main/java/tn/mnlr/vripper/host/ImxHost.java

@@ -29,21 +29,21 @@ public class ImxHost extends Host {
     private static final Logger logger = LoggerFactory.getLogger(ImxHost.class);
 
     private static final String host = "imx.to";
-    public static final String CONTINUE_BUTTON_XPATH = "//div[@id='continuetoimage']";
+    public static final String CONTINUE_BUTTON_XPATH = "//*[@name='imgContinue']";
     public static final String IMG_XPATH = "//img[@class='centred']";
 
     @Autowired
     private ConnectionManager cm;
 
     @Override
-    protected String getHost() {
+    public String getHost() {
         return host;
     }
 
     @Override
     protected void setNameAndUrl(final String url, final ImageFileData imageFileData) throws HostException {
 
-        Document doc = getDocument(url);
+        Document doc = getResponse(url).getDocument();
 
         Node contDiv;
         try {

vripper-server/src/main/java/tn/mnlr/vripper/host/PixhostHost.java

@@ -23,14 +23,14 @@ public class PixhostHost extends Host {
     private ConnectionManager cm;
 
     @Override
-    protected String getHost() {
+    public String getHost() {
         return host;
     }
 
     @Override
     protected void setNameAndUrl(final String url, final ImageFileData imageFileData) throws HostException {
 
-        Document doc = getDocument(url);
+        Document doc = getResponse(url).getDocument();
 
         Node imgNode;
         try {

vripper-server/src/main/java/tn/mnlr/vripper/host/TurboImageHost.java

@@ -24,14 +24,14 @@ public class TurboImageHost extends Host {
     private ConnectionManager cm;
 
     @Override
-    protected String getHost() {
+    public String getHost() {
         return host;
     }
 
     @Override
     protected void setNameAndUrl(final String url, final ImageFileData imageFileData) throws HostException {
 
-        Document doc = getDocument(url);
+        Document doc = getResponse(url).getDocument();
 
         String title;
         try {

vripper-server/src/main/java/tn/mnlr/vripper/q/DownloadQ.java

@@ -9,6 +9,7 @@ import tn.mnlr.vripper.entities.Image;
 import tn.mnlr.vripper.entities.Post;
 import tn.mnlr.vripper.services.AppStateService;
 
+import java.util.Arrays;
 import java.util.Iterator;
 import java.util.List;
 import java.util.concurrent.BlockingQueue;
@@ -18,6 +19,8 @@ import java.util.stream.Collectors;
 @Service
 public class DownloadQ {
 
+    private static final List<Post.Status> FINISHED = Arrays.asList(Post.Status.ERROR, Post.Status.COMPLETE, Post.Status.STOPPED);
+
     private static final Logger logger = LoggerFactory.getLogger(DownloadQ.class);
 
     @Autowired
@@ -31,14 +34,13 @@ public class DownloadQ {
     @Getter
     private boolean notPauseQ = true;
 
-    public synchronized void put(Image image) {
-        try {
+    public void put(Image image) throws InterruptedException {
+        synchronized (appStateService) {
             logger.info(String.format("Enqueuing a job for %s", image.getUrl()));
+            image.init();
             DownloadJob downloadJob = new DownloadJob(image);
             downloadQ.put(downloadJob);
             appStateService.newDownloadJob(downloadJob);
-        } catch (InterruptedException e) {
-            Thread.currentThread().interrupt();
         }
     }
 
@@ -48,52 +50,57 @@ public class DownloadQ {
         return downloadJob;
     }
 
-    public void enqueue(Post post) {
-
-        post.getImages()
-                .forEach(this::put);
+    public synchronized void enqueue(Post post) throws InterruptedException {
+        for (Image image : post.getImages()) {
+            put(image);
+        }
     }
 
-    public void restart(String postId) {
-        if (appStateService.getRunningPosts().get(postId) != null && appStateService.getRunningPosts().get(postId).get() > 0) {
-            logger.warn(String.format("Cannot restart, jobs are currently running for post id %s", postId));
-            return;
+    public void restart(String postId) throws InterruptedException {
+        synchronized (appStateService) {
+            if (appStateService.getRunningPosts().get(postId) != null && appStateService.getRunningPosts().get(postId).get() > 0) {
+                logger.warn(String.format("Cannot restart, jobs are currently running for post id %s", postId));
+                return;
+            }
+            List<Image> images = appStateService.getPost(postId)
+                    .getImages()
+                    .stream()
+                    .filter(e -> !e.getStatus().equals(Image.Status.COMPLETE))
+                    .collect(Collectors.toList());
+            if (images.isEmpty()) {
+                return;
+            }
+            appStateService.getPost(postId).setStatus(Post.Status.PENDING);
+            logger.info(String.format("Restarting %d jobs for post id %s", images.size(), postId));
+            for (Image image : images) {
+                put(image);
+            }
         }
-        List<Image> images = appStateService.getPost(postId)
-                .getImages()
-                .stream()
-                .filter(e -> !e.getStatus().equals(Image.Status.COMPLETE))
-                .collect(Collectors.toList());
-        if (images.isEmpty()) {
-            return;
-        }
-        appStateService.getPost(postId).setStatus(Post.Status.PENDING);
-        logger.info(String.format("Restarting %d jobs for post id %s", images.size(), postId));
-        images.forEach(image -> {
-            image.init();
-            put(image);
-        });
     }
 
     public void removeScheduled(Image image) {
-        image.setStatus(Image.Status.STOPPED);
-        logger.info(String.format("Removing scheduled job for %s", image.getUrl()));
+        synchronized (appStateService) {
+            image.setStatus(Image.Status.STOPPED);
+            logger.info(String.format("Removing scheduled job for %s", image.getUrl()));
 
-        Iterator<DownloadJob> iterator = downloadQ.iterator();
-        boolean removed = false;
-        while(iterator.hasNext()) {
-            DownloadJob next = iterator.next();
-            if(next.getImage().getPostId().equals(image.getPostId())) {
-                iterator.remove();
-                appStateService.doneDownloadJob(image);
-                logger.info(String.format("Scheduled job for %s is removed", image.getUrl()));
-                removed = true;
-                break;
+            Iterator<DownloadJob> iterator = downloadQ.iterator();
+            boolean removed = false;
+            while (iterator.hasNext()) {
+                DownloadJob next = iterator.next();
+                if (next.getImage().getPostId().equals(image.getPostId())) {
+                    iterator.remove();
+                    appStateService.doneDownloadJob(image);
+                    logger.info(String.format("Scheduled job for %s is removed", image.getUrl()));
+                    removed = true;
+                    break;
+                }
             }
-        }
 
-        if(!removed) {
-            logger.warn(String.format("Job for %s does not exist", image.getUrl()));
+            if (!removed) {
+                logger.warn(String.format("Job for %s does not exist", image.getUrl()));
+            }
+
+            image.cleanup();
         }
     }
 
@@ -103,23 +110,47 @@ public class DownloadQ {
     }
 
 
-    public synchronized void stop(String postId) {
+    public void stop(String postId) {
         try {
-            notPauseQ = false;
-            appStateService.getPost(postId).setStatus(Post.Status.STOPPED);
-            List<Image> images = appStateService.getPost(postId)
-                    .getImages()
-                    .stream()
-                    .filter(e -> !e.getStatus().equals(Image.Status.COMPLETE))
-                    .collect(Collectors.toList());
-            if (images.isEmpty()) {
-                return;
+            synchronized (appStateService) {
+                if (FINISHED.contains(appStateService.getPost(postId).getStatus())) {
+                    return;
+                }
+                notPauseQ = false;
+                appStateService.getPost(postId).setStatus(Post.Status.STOPPED);
+                List<Image> images = appStateService.getPost(postId)
+                        .getImages()
+                        .stream()
+                        .filter(e -> !e.getStatus().equals(Image.Status.COMPLETE))
+                        .collect(Collectors.toList());
+                if (images.isEmpty()) {
+                    return;
+                }
+                logger.info(String.format("Stopping %d jobs for post id %s", images.size(), postId));
+                images.forEach(image -> removeScheduled(image));
+                removeRunning(postId);
             }
-            logger.info(String.format("Stopping %d jobs for post id %s", images.size(), postId));
-            images.forEach(image -> removeScheduled(image));
-            removeRunning(postId);
         } finally {
             notPauseQ = true;
         }
     }
+
+    public int size() {
+        return downloadQ.size();
+    }
+
+    public void stopAll() {
+        synchronized (appStateService) {
+            appStateService.getCurrentPosts().values().stream().map(Post::getPostId).forEach(this::stop);
+        }
+    }
+
+    public void restartAll() throws InterruptedException {
+        synchronized (appStateService) {
+            for (Post post : appStateService.getCurrentPosts().values()) {
+                String postId = post.getPostId();
+                restart(postId);
+            }
+        }
+    }
 }

vripper-server/src/main/java/tn/mnlr/vripper/q/ExecutionService.java

@@ -7,20 +7,18 @@ import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
-import tn.mnlr.vripper.services.AppSettingsService;
 import tn.mnlr.vripper.entities.Image;
+import tn.mnlr.vripper.services.AppSettingsService;
 import tn.mnlr.vripper.services.AppStateService;
 
 import javax.annotation.PostConstruct;
+import javax.annotation.PreDestroy;
 import java.time.Duration;
 import java.util.ArrayList;
 import java.util.Collections;
 import java.util.List;
 import java.util.Map;
-import java.util.concurrent.ConcurrentHashMap;
-import java.util.concurrent.ExecutorService;
-import java.util.concurrent.Executors;
-import java.util.concurrent.Future;
+import java.util.concurrent.*;
 import java.util.concurrent.atomic.AtomicInteger;
 import java.util.stream.Collectors;
 
@@ -42,6 +40,8 @@ public class ExecutionService {
 
     private ExecutorService executor = Executors.newFixedThreadPool(10);
 
+    private Thread executionThread;
+
     private RetryPolicy<Object> retryPolicy;
 
     private List<DownloadJob> running = Collections.synchronizedList(new ArrayList<>());
@@ -53,18 +53,25 @@ public class ExecutionService {
 
         retryPolicy = new RetryPolicy<>()
                 .handleIf(e -> !(e instanceof InterruptedException))
-                .withDelay(Duration.ofSeconds(20))
+                .withDelay(Duration.ofSeconds(5))
                 .withMaxRetries(2)
                 .abortOn(InterruptedException.class)
                 .onFailedAttempt(e -> logger.warn(String.format("#%d tries failed", e.getAttemptCount()), e.getLastFailure()));
+
+        executionThread = new Thread(this::start, "Executor thread");
+        executionThread.start();
     }
 
-    private ExecutionService() {
-    }
-
-    @PostConstruct
-    private void runExecutorThread() {
-        new Thread(this::start, "Executor thread").start();
+    @PreDestroy
+    private void destroy() throws InterruptedException {
+        logger.info("Shutting down ExecutionService");
+        executionThread.interrupt();
+        executor.shutdown();
+        appStateService.getCurrentPosts().keySet().forEach(p -> {
+            logger.info(String.format("Stopping download jobs for %s", p));
+            this.stop(p);
+        });
+        executor.awaitTermination(10, TimeUnit.SECONDS);
     }
 
     public void stop(String postId) {
@@ -77,7 +84,10 @@ public class ExecutionService {
 
         data.forEach(e -> {
             futures.get(e.getImage().getUrl()).cancel(true);
-            e.getImageFileData().getImageRequest().abort();
+            if(e.getImageFileData().getImageRequest() != null) {
+                e.getImageFileData().getImageRequest().abort();
+            }
+            e.getImage().cleanup();
         });
     }
 
@@ -91,13 +101,17 @@ public class ExecutionService {
     }
 
     public void start() {
-        while (true) {
+        while (!Thread.interrupted()) {
             if (canRun()) {
                 DownloadJob take = null;
                 try {
                     take = downloadQ.take();
+                    if (take == null) {
+                        continue;
+                    }
                 } catch (InterruptedException e) {
                     Thread.currentThread().interrupt();
+                    break;
                 }
 
                 DownloadJob finalTake = take;
@@ -117,7 +131,7 @@ public class ExecutionService {
                                 appStateService.doneDownloadJob(finalTake.getImage());
                                 logger.info(String.format("Finished downloading %s", finalTake.getImage().getUrl()));
                                 synchronized (threadCount) {
-                                    int i = threadCount.decrementAndGet();
+                                    threadCount.decrementAndGet();
                                     running.remove(finalTake);
                                     futures.remove(finalTake.getImage().getUrl());
                                     threadCount.notify();
@@ -133,9 +147,14 @@ public class ExecutionService {
                         threadCount.wait(2_000);
                     } catch (InterruptedException e) {
                         Thread.currentThread().interrupt();
+                        break;
                     }
                 }
             }
         }
     }
+
+    public int runningCount() {
+        return running.size();
+    }
 }

vripper-server/src/main/java/tn/mnlr/vripper/services/AppSettingsService.java

@@ -2,6 +2,7 @@ package tn.mnlr.vripper.services;
 
 import com.fasterxml.jackson.annotation.JsonProperty;
 import lombok.Getter;
+import lombok.NoArgsConstructor;
 import lombok.Setter;
 import org.apache.commons.codec.digest.DigestUtils;
 import org.slf4j.Logger;
@@ -9,6 +10,7 @@ import org.slf4j.LoggerFactory;
 import org.springframework.stereotype.Service;
 import tn.mnlr.vripper.exception.ValidationException;
 
+import javax.annotation.PreDestroy;
 import java.nio.file.Files;
 import java.nio.file.InvalidPathException;
 import java.nio.file.Path;
@@ -32,6 +34,9 @@ public class AppSettingsService {
     private final String V_USERNAME = "VUSERNAME";
     private final String V_PASSWORD = "VPASSWORD";
     private final String V_THANKS = "VTHANKS";
+    private final String DESKTOP_CLIPBOARD = "DESKTOP_CLIPBOARD";
+    private final String FORCE_ORDER = "FORCE_ORDER";
+    private final String DARK_THEME = "DARK_THEME";
 
     private String downloadPath;
     private int maxThreads;
@@ -40,6 +45,9 @@ public class AppSettingsService {
     private String vUsername;
     private String vPassword;
     private boolean vThanks;
+    private boolean desktopClipboard;
+    private boolean forceOrder;
+    private boolean darkTheme;
 
     public void setVPassword(String vPassword) {
         if(vPassword.isEmpty()) {
@@ -52,14 +60,18 @@ public class AppSettingsService {
     public void restore() {
 
         downloadPath = prefs.get(DOWNLOAD_PATH, System.getProperty("user.dir"));
-        maxThreads = prefs.getInt(MAX_THREADS, 1);
-        autoStart = prefs.getBoolean(AUTO_START, false);
+        maxThreads = prefs.getInt(MAX_THREADS, 4);
+        autoStart = prefs.getBoolean(AUTO_START, true);
         vLogin = prefs.getBoolean(V_LOGIN, false);
         vUsername = prefs.get(V_USERNAME, "");
         vPassword = prefs.get(V_PASSWORD, "");
         vThanks = prefs.getBoolean(V_THANKS, false);
+        desktopClipboard = prefs.getBoolean(DESKTOP_CLIPBOARD, false);
+        forceOrder = prefs.getBoolean(FORCE_ORDER, false);
+        darkTheme = prefs.getBoolean(DARK_THEME, false);
     }
 
+    @PreDestroy
     public void save() {
 
         prefs.put(DOWNLOAD_PATH, downloadPath);
@@ -69,6 +81,9 @@ public class AppSettingsService {
         prefs.put(V_USERNAME, vUsername);
         prefs.put(V_PASSWORD, vPassword);
         prefs.putBoolean(V_THANKS, vThanks);
+        prefs.putBoolean(DESKTOP_CLIPBOARD, desktopClipboard);
+        prefs.putBoolean(FORCE_ORDER, forceOrder);
+        prefs.putBoolean(DARK_THEME, darkTheme);
 
         try {
             prefs.sync();
@@ -96,6 +111,27 @@ public class AppSettingsService {
         }
     }
 
+    public Theme getTheme() {
+        return new Theme(this.darkTheme);
+    }
+
+    public void setTheme(Theme theme) {
+        this.darkTheme = theme.darkTheme;
+        save();
+    }
+
+    @Getter
+    @NoArgsConstructor
+    public static class Theme {
+
+        @JsonProperty("darkTheme")
+        private boolean darkTheme;
+
+        public Theme(boolean darkTheme) {
+            this.darkTheme = darkTheme;
+        }
+    }
+
     @Getter
     public static class Settings {
 
@@ -113,8 +149,12 @@ public class AppSettingsService {
         private String vPassword;
         @JsonProperty("vThanks")
         private boolean vThanks;
+        @JsonProperty("desktopClipboard")
+        private boolean desktopClipboard;
+        @JsonProperty("forceOrder")
+        private boolean forceOrder;
 
-        public Settings(String downloadPath, int maxThreads, boolean autoStart, boolean vLogin, String vUsername, String vPassword, boolean vThanks) {
+        public Settings(String downloadPath, int maxThreads, boolean autoStart, boolean vLogin, String vUsername, String vPassword, boolean vThanks, boolean desktopClipboard, boolean forceOrder) {
             this.downloadPath = downloadPath;
             this.maxThreads = maxThreads;
             this.autoStart = autoStart;
@@ -122,6 +162,8 @@ public class AppSettingsService {
             this.vUsername = vUsername;
             this.vPassword = vPassword;
             this.vThanks = vThanks;
+            this.desktopClipboard = desktopClipboard;
+            this.forceOrder = forceOrder;
         }
     }
 }

vripper-server/src/main/java/tn/mnlr/vripper/services/AppStateService.java

@@ -1,24 +1,29 @@
 package tn.mnlr.vripper.services;
 
 import io.reactivex.processors.PublishProcessor;
-import io.reactivex.processors.ReplayProcessor;
 import lombok.Getter;
+import lombok.Setter;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 import tn.mnlr.vripper.entities.Image;
 import tn.mnlr.vripper.entities.Post;
-import tn.mnlr.vripper.host.Host;
 import tn.mnlr.vripper.q.DownloadJob;
 
+import java.util.Iterator;
 import java.util.List;
 import java.util.Map;
 import java.util.concurrent.ConcurrentHashMap;
 import java.util.concurrent.atomic.AtomicInteger;
+import java.util.stream.Collectors;
 
 @Service
 @Getter
 public class AppStateService {
 
+    private static final Logger logger = LoggerFactory.getLogger(AppStateService.class);
+
     private Map<String, Image> currentImages = new ConcurrentHashMap<>();
 
     private Map<String, Post> currentPosts = new ConcurrentHashMap<>();
@@ -27,10 +32,6 @@ public class AppStateService {
 
     private PublishProcessor<Image> liveImageUpdates = PublishProcessor.create();
 
-//    private ReplayProcessor<Image> allImageState = ReplayProcessor.create();
-
-//    private ReplayProcessor<Post> snapshotPostsState = ReplayProcessor.create();
-
     private PublishProcessor<Post> livePostsState = PublishProcessor.create();
 
     @Autowired
@@ -48,14 +49,6 @@ public class AppStateService {
         }
     }
 
-    public Image createImage(String pageUrl, String postId, String postName, Host host) {
-        return new Image(pageUrl, postId, postName, host, this);
-    }
-
-    public Post createPost(String title, String url, List<Image> images, Map<String, String> metadata, String postId) {
-        return new Post(title, url, images, metadata, postId, this);
-    }
-
     public Post getPost(String postId) {
         return currentPosts.get(postId);
     }
@@ -82,7 +75,9 @@ public class AppStateService {
             if (post.getImages().stream().map(Image::getStatus).filter(e -> e.equals(Image.Status.ERROR)).count() > 0) {
                 post.setStatus(Post.Status.ERROR);
             } else {
-                post.setStatus(Post.Status.COMPLETE);
+                if (!Post.Status.STOPPED.equals(post.getStatus())) {
+                    post.setStatus(Post.Status.COMPLETE);
+                }
             }
             livePostsState.onNext(post);
         }
@@ -93,4 +88,49 @@ public class AppStateService {
             runningPosts.put(key, new AtomicInteger(0));
         }
     }
+
+    public synchronized void remove(String postId) {
+        currentPosts.get(postId).setRemoved(true);
+        runningPosts.remove(postId);
+        currentPosts.remove(postId);
+        Iterator<Map.Entry<String, Image>> iterator = currentImages.entrySet().iterator();
+        while (iterator.hasNext()) {
+            Map.Entry<String, Image> entry = iterator.next();
+            if(entry.getValue().getPostId().equals(postId)) {
+                iterator.remove();
+            }
+        }
+        persistenceService.getProcessor().onNext(currentPosts);
+    }
+
+    public synchronized List<String> clearAll() {
+        List<String> toRemove = this.currentPosts
+                .values()
+                .stream()
+                .filter(e -> e.getStatus().equals(Post.Status.COMPLETE) && e.getDone().get() >= e.getTotal())
+                .map(Post::getPostId)
+                .collect(Collectors.toList());
+        toRemove.forEach(this::remove);
+        return toRemove;
+    }
+
+    public synchronized List<String> removeAll() {
+        List<String> toRemove = this.currentPosts
+                .values()
+                .stream()
+                .map(Post::getPostId)
+                .collect(Collectors.toList());
+        toRemove.forEach(this::remove);
+        return toRemove;
+    }
+
+    @Getter
+    public static class CachedThread {
+
+        private Map<String, Post> posts = new ConcurrentHashMap<>();
+        private AtomicInteger parsed = new AtomicInteger(0);
+
+        @Setter
+        private int total = 0;
+    }
 }

vripper-server/src/main/java/tn/mnlr/vripper/services/ConnectionManager.java

@@ -10,6 +10,8 @@ import org.apache.http.impl.client.HttpClients;
 import org.apache.http.impl.conn.PoolingHttpClientConnectionManager;
 import org.springframework.stereotype.Service;
 
+import java.net.URI;
+
 @Service
 public class ConnectionManager {
 
@@ -51,4 +53,10 @@ public class ConnectionManager {
         httpPost.addHeader("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36");
         return httpPost;
     }
+
+    public HttpGet buildHttpGet(URI uri) {
+        HttpGet httpGet = new HttpGet(uri);
+        httpGet.addHeader("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36");
+        return httpGet;
+    }
 }

vripper-server/src/main/java/tn/mnlr/vripper/services/DownloadSpeed.java

@@ -0,0 +1,26 @@
+package tn.mnlr.vripper.services;
+
+import lombok.Getter;
+
+@Getter
+public class DownloadSpeed {
+
+    private final String type = "downSpeed";
+    private String speed;
+
+    public DownloadSpeed(long bytes) {
+        speed = formatSI(bytes);
+    }
+
+    private String formatSI(long bytes) {
+        return humanReadableByteCount(bytes, true);
+    }
+
+    private String humanReadableByteCount(long bytes, boolean si) {
+        int unit = si ? 1000 : 1024;
+        if (bytes < unit) return bytes + " B";
+        int exp = (int) (Math.log(bytes) / Math.log(unit));
+        String pre = (si ? "kMGTPE" : "KMGTPE").charAt(exp - 1) + (si ? "" : "i");
+        return String.format("%.1f %sB", bytes / Math.pow(unit, exp), pre);
+    }
+}

vripper-server/src/main/java/tn/mnlr/vripper/services/DownloadSpeedService.java

@@ -0,0 +1,40 @@
+package tn.mnlr.vripper.services;
+
+import io.reactivex.processors.PublishProcessor;
+import lombok.Getter;
+import org.springframework.scheduling.annotation.EnableScheduling;
+import org.springframework.scheduling.annotation.Scheduled;
+import org.springframework.stereotype.Service;
+
+import java.util.concurrent.atomic.AtomicLong;
+
+@Service
+@EnableScheduling
+public class DownloadSpeedService {
+
+    private AtomicLong read = new AtomicLong(0);
+
+    private long currentValue;
+
+    @Getter
+    private PublishProcessor<Long> readBytesPerSecond = PublishProcessor.create();
+
+    private boolean allowWrite = false;
+
+    public void increase(long read) {
+        if (allowWrite) {
+            this.read.addAndGet(read);
+        }
+    }
+
+    @Scheduled(fixedDelay = 1000)
+    private void calc() {
+        allowWrite = false;
+        long newValue = read.getAndSet(0);
+        if (newValue != currentValue) {
+            currentValue = newValue;
+            readBytesPerSecond.onNext(currentValue);
+        }
+        allowWrite = true;
+    }
+}

vripper-server/src/main/java/tn/mnlr/vripper/services/GlobalState.java

@@ -0,0 +1,39 @@
+package tn.mnlr.vripper.services;
+
+import lombok.Getter;
+
+import java.util.Objects;
+
+@Getter
+public class GlobalState {
+
+    private final String type = "globalState";
+    private long running;
+    private long queued;
+    private long remaining;
+    private long error;
+
+    public GlobalState(long running, long queued, long remaining, long error) {
+        this.running = running;
+        this.queued = queued;
+        this.remaining = remaining;
+        this.error = error;
+    }
+
+    @Override
+    public boolean equals(Object o) {
+        if (this == o) return true;
+        if (o == null || getClass() != o.getClass()) return false;
+        GlobalState that = (GlobalState) o;
+        return running == that.running &&
+                queued == that.queued &&
+                remaining == that.remaining &&
+                error == that.error &&
+                Objects.equals(type, that.type);
+    }
+
+    @Override
+    public int hashCode() {
+        return Objects.hash(type, running, queued, remaining, error);
+    }
+}

vripper-server/src/main/java/tn/mnlr/vripper/services/GlobalStateService.java

@@ -0,0 +1,52 @@
+package tn.mnlr.vripper.services;
+
+import io.reactivex.processors.PublishProcessor;
+import lombok.Getter;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.scheduling.annotation.EnableScheduling;
+import org.springframework.scheduling.annotation.Scheduled;
+import org.springframework.stereotype.Service;
+import tn.mnlr.vripper.entities.Image;
+import tn.mnlr.vripper.q.DownloadQ;
+import tn.mnlr.vripper.q.ExecutionService;
+
+@Service
+@EnableScheduling
+public class GlobalStateService {
+
+    @Autowired
+    private DownloadQ downloadQ;
+
+    @Autowired
+    private ExecutionService executionService;
+
+    @Autowired
+    private AppStateService appStateService;
+
+    @Getter
+    private GlobalState currentState;
+
+    @Getter
+    private PublishProcessor<GlobalState> liveGlobalState = PublishProcessor.create();
+
+    @Scheduled(fixedDelay = 3000)
+    private void interval() {
+        GlobalState newGlobalState = new GlobalState(
+                executionService.runningCount(),
+                downloadQ.size(),
+                appStateService.getCurrentImages()
+                        .values()
+                        .stream()
+                        .filter(e -> e.getTotal() == 0 || e.getTotal() != e.getCurrent().get())
+                        .count(),
+                appStateService.getCurrentImages()
+                        .values()
+                        .stream()
+                        .filter(e -> e.getStatus().equals(Image.Status.ERROR))
+                        .count());
+        if (!newGlobalState.equals(currentState)) {
+            currentState = newGlobalState;
+            liveGlobalState.onNext(currentState);
+        }
+    }
+}

vripper-server/src/main/java/tn/mnlr/vripper/services/PathService.java

@@ -0,0 +1,48 @@
+package tn.mnlr.vripper.services;
+
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.io.File;
+
+@Service
+public class PathService {
+
+    private static final Logger logger = LoggerFactory.getLogger(PathService.class);
+
+    @Autowired
+    private AppStateService appStateService;
+
+    @Autowired
+    private AppSettingsService appSettingsService;
+
+    public final File getDownloadDestinationFolder(String postId) {
+        String postTitle = appStateService.getCurrentPosts().get(postId).getTitle();
+        return new File(appSettingsService.getDownloadPath(), sanitize(postTitle + "_" + postId));
+    }
+
+    public final String sanitize(final String folderName) {
+        String sanitizedFolderName = folderName.replaceAll("\\.|\\\\|/|\\||:|\\?|\\*|\"|<|>|\\p{Cntrl}", "_");
+        logger.debug(String.format("%s sanitized to %s", folderName, sanitizedFolderName));
+        return sanitizedFolderName;
+    }
+
+    /**
+     * Will sanitize the image name and remove extension
+     *
+     * @param imageName
+     * @return
+     */
+    public final String formatImageFileName(String imageName) {
+        int extensionIndex = imageName.lastIndexOf('.');
+        String fileName;
+        if (extensionIndex != -1) {
+            fileName = imageName.substring(0, extensionIndex);
+        } else {
+            fileName = imageName;
+        }
+        return sanitize(fileName);
+    }
+}

vripper-server/src/main/java/tn/mnlr/vripper/services/PersistenceService.java

@@ -1,6 +1,7 @@
 package tn.mnlr.vripper.services;
 
 import com.fasterxml.jackson.databind.ObjectMapper;
+import io.reactivex.disposables.Disposable;
 import io.reactivex.processors.PublishProcessor;
 import lombok.Getter;
 import org.slf4j.Logger;
@@ -13,13 +14,19 @@ import tn.mnlr.vripper.entities.Post;
 import tn.mnlr.vripper.entities.mixin.persistance.ImagePersistanceMixin;
 import tn.mnlr.vripper.entities.mixin.persistance.PostPersistanceMixin;
 
+import javax.annotation.PreDestroy;
+import java.io.File;
+import java.io.FileWriter;
 import java.io.IOException;
 import java.io.PrintWriter;
+import java.nio.charset.StandardCharsets;
 import java.nio.file.Files;
 import java.nio.file.Paths;
+import java.util.Arrays;
 import java.util.HashMap;
 import java.util.Map;
 import java.util.concurrent.TimeUnit;
+import java.util.stream.Collectors;
 
 @Service
 public class PersistenceService {
@@ -31,15 +38,33 @@ public class PersistenceService {
 
     private ObjectMapper om;
 
+    private Disposable subscription;
+
     @Getter
     private PublishProcessor<Map<String, Post>> processor = PublishProcessor.create();
 
     private PersistenceService() {
+        File dataFile = new File(VripperApplication.dataPath);
+        if(!dataFile.exists()) {
+            try {
+                if(dataFile.createNewFile()) {
+                    logger.info("Data file successfully created");
+                    try (FileWriter fw = new FileWriter(dataFile)) {
+                        fw.write("{}");
+                    }
+                } else {
+                    logger.info("Data file already exists");
+                }
+            } catch (IOException e) {
+                logger.error("Unable to create data file", e);
+                System.exit(-1);
+            }
+        }
         om = new ObjectMapper();
         om.addMixIn(Image.class, ImagePersistanceMixin.class);
         om.addMixIn(Post.class, PostPersistanceMixin.class);
-        processor
-                .onBackpressureBuffer()
+        subscription = processor
+                .onBackpressureLatest()
                 .buffer(10, TimeUnit.SECONDS)
                 .filter(e -> !e.isEmpty())
                 .map(e -> e.get(0))
@@ -47,8 +72,17 @@ public class PersistenceService {
                 .subscribe();
     }
 
+    @PreDestroy
+    public void preDestroy() {
+        this.subscription.dispose();
+        logger.info(String.format("Destroying %s", PersistenceService.class.getSimpleName()));
+        logger.info("Persisting data before destroying");
+        this.persist(stateService.getCurrentPosts());
+    }
+
     public void persist(Map<String, Post> currentPosts) {
-        try(PrintWriter out = new PrintWriter(VripperApplication.dataPath)) {
+
+        try (PrintWriter out = new PrintWriter(VripperApplication.dataPath, "UTF-8")) {
             out.print(om.writeValueAsString(currentPosts));
         } catch (IOException e) {
             logger.error("Failed to persist app state", e);
@@ -70,7 +104,7 @@ public class PersistenceService {
 
         String jsonContent;
         try {
-            jsonContent = new String(Files.readAllBytes(Paths.get(VripperApplication.dataPath)));
+            jsonContent = Files.readAllLines(Paths.get(VripperApplication.dataPath), StandardCharsets.UTF_8).stream().collect(Collectors.joining());
         } catch (Exception e) {
             logger.warn("data file not found, previous state cannot be restored", e);
             return;
@@ -80,17 +114,20 @@ public class PersistenceService {
 
         stateService.getCurrentPosts().clear();
         stateService.getCurrentPosts().putAll(read);
+        stateService.getCurrentPosts().values().forEach(p -> {
+            if(Arrays.asList(Post.Status.DOWNLOADING, Post.Status.PARTIAL).contains(p.getStatus())) {
+                p.setStatus(Post.Status.STOPPED);
+            }
+        });
 
         stateService.getCurrentImages().clear();
         read.values().stream().flatMap(e -> e.getImages().stream()).forEach(e -> {
             e.setAppStateService(stateService);
             stateService.getCurrentImages().put(e.getUrl(), e);
-//            stateService.getAllImageState().onNext(e);
         });
 
         read.values().forEach(e -> {
             e.setAppStateService(stateService);
-//            stateService.getSnapshotPostsState().onNext(e);
         });
     }
 }

vripper-server/src/main/java/tn/mnlr/vripper/services/PostParser.java

@@ -1,45 +1,46 @@
 package tn.mnlr.vripper.services;
 
+import io.reactivex.processors.PublishProcessor;
+import lombok.Getter;
 import org.apache.http.client.HttpClient;
 import org.apache.http.client.methods.CloseableHttpResponse;
 import org.apache.http.client.methods.HttpGet;
+import org.apache.http.client.utils.URIBuilder;
 import org.apache.http.util.EntityUtils;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
-import org.w3c.dom.Document;
-import org.w3c.dom.Node;
-import org.w3c.dom.NodeList;
+import org.xml.sax.Attributes;
+import org.xml.sax.SAXException;
+import org.xml.sax.helpers.DefaultHandler;
 import tn.mnlr.vripper.entities.Image;
 import tn.mnlr.vripper.entities.Post;
 import tn.mnlr.vripper.exception.DownloadException;
 import tn.mnlr.vripper.exception.PostParseException;
 import tn.mnlr.vripper.host.Host;
+import tn.mnlr.vripper.q.DownloadQ;
 
+import javax.xml.parsers.ParserConfigurationException;
+import javax.xml.parsers.SAXParserFactory;
+import java.io.BufferedInputStream;
+import java.net.URISyntaxException;
 import java.util.ArrayList;
+import java.util.HashMap;
 import java.util.List;
+import java.util.Optional;
 
 @Service
 public class PostParser {
 
     private static final Logger logger = LoggerFactory.getLogger(PostParser.class);
 
-    private final static String VIPER_GIRLS_BASE_ADRESS = "https://vipergirls.to/";
-    private final static String POSTS_XPATH = "//li[contains(@id,'post_')][not(contains(@id,'post_thank'))]";
-    private final static String REAL_THREAD_XPATH = ".//a[@class='postcounter']";
-    private final static String THREAD_TITLE_XPATH = "//li[contains(@class, 'lastnavbit')]/span";
-    private final static String POST_TITLE_XPATH = ".//h2";
-    private final static String POST_LINKS_XPATH = ".//a";
+    private static final String VR_API = "https://vipergirls.to/vr.php";
 
     @Autowired
     private ConnectionManager cm;
 
-    @Autowired
-    private HtmlProcessorService htmlProcessorService;
-
-    @Autowired
-    private XpathService xpathService;
+    SAXParserFactory factory = SAXParserFactory.newInstance();
 
     @Autowired
     private List<Host> supportedHosts;
@@ -47,141 +48,338 @@ public class PostParser {
     @Autowired
     private AppStateService appStateService;
 
-    public List<Post> parse(String threadUrl) throws PostParseException {
+    @Autowired
+    private VipergirlsAuthService authService;
 
-        logger.info(String.format("Parsing thread %s", threadUrl));
-        List<Post> posts = new ArrayList<>();
-        String postResponse;
+    @Autowired
+    private AppSettingsService appSettingsService;
 
-        HttpClient connection = cm.getClient().build();
-        HttpGet httpGet = cm.buildHttpGet(threadUrl);
+    @Autowired
+    private DownloadQ downloadQ;
 
-        logger.info(String.format("Requesting %s", httpGet));
-        try (CloseableHttpResponse response = (CloseableHttpResponse) connection.execute(httpGet)) {
-            if (response.getStatusLine().getStatusCode() / 100 != 2) {
-                throw new DownloadException(String.format("Unexpected response code '%d' for %s", response.getStatusLine().getStatusCode(), httpGet));
-            }
-            postResponse = EntityUtils.toString(response.getEntity());
-            logger.debug(String.format("Content received for %s:%n%s", httpGet, postResponse));
-            EntityUtils.consumeQuietly(response.getEntity());
-        } catch (Exception e) {
-            throw new PostParseException(e);
+    @Autowired
+    private VipergirlsAuthService vipergirlsAuthService;
+
+    public PostParser() throws ParserConfigurationException, SAXException {
+    }
+
+    public void addPost(String postId, String threadId) throws PostParseException {
+
+        if (appStateService.getCurrentPosts().containsKey(postId)) {
+            logger.info(String.format("skipping %s, already loaded", postId));
+            return;
         }
 
-        Document document;
-        try {
-            logger.debug(String.format("Cleaning HTML response for XML parsing: %s", postResponse));
-            document = htmlProcessorService.clean(postResponse);
-        } catch (Exception e) {
-            throw new PostParseException(e);
-        }
+        VRPostParser vrPostParser = new VRPostParser(threadId, postId);
+        Post post = vrPostParser.parse();
 
-        String threadTitle = null;
-        try {
-            logger.info(String.format("Looking for thread title using xpath: %s", THREAD_TITLE_XPATH));
-            Node threadTitleNode = xpathService.getAsNode(document, THREAD_TITLE_XPATH);
-            if (threadTitleNode != null) {
-                threadTitle = threadTitleNode.getTextContent().trim();
-                logger.info(String.format("Thread title found %s", threadTitle));
-            }
-            if (threadTitle == null) {
-                logger.warn("Cannot find thread's title");
-            }
-        } catch (Exception e) {
-            throw new PostParseException(e);
-        }
-
-        NodeList postsNodeList;
-        try {
-            logger.info(String.format("Looking for posts using xpath: %s", POSTS_XPATH));
-            postsNodeList = xpathService.getAsNodeList(document, POSTS_XPATH);
-        } catch (Exception e) {
-            throw new PostParseException(e);
-        }
-
-        logger.info(String.format("Found %d posts in thread %s", postsNodeList.getLength(), threadUrl));
-
-        for (int i = 0; i < postsNodeList.getLength(); i++) {
-            String realUrl;
-            logger.info(String.format("Parsing post #%d", i + 1));
+        post.setAppStateService(appStateService);
+        post.getImages().forEach(e -> e.setAppStateService(appStateService));
+        authService.leaveThanks(post.getUrl(), post.getPostId());
+        if (appSettingsService.isAutoStart()) {
+            logger.info("Auto start downloads option is enabled");
+            logger.info(String.format("Starting to enqueue %d jobs for %s", post.getImages().size(), post.getUrl()));
             try {
-                logger.info(String.format("Finding posts's link"));
-                realUrl = VIPER_GIRLS_BASE_ADRESS.concat(xpathService
-                        .getAsNode(postsNodeList.item(i), REAL_THREAD_XPATH)
-                        .getAttributes()
-                        .getNamedItem("href")
-                        .getTextContent()
-                        .trim());
-                logger.info(String.format("Post's link: %s", realUrl));
-            } catch (Exception e) {
-                throw new PostParseException(e);
+                downloadQ.enqueue(post);
+            } catch (InterruptedException e) {
+                logger.warn("Interruption was caught");
+                Thread.currentThread().interrupt();
+                return;
             }
+            logger.info(String.format("Done enqueuing jobs for %s", post.getUrl()));
+        } else {
+            logger.info("Auto start downloads option is disabled");
+        }
+    }
 
-            logger.info("Finding posts's id");
-            String postId = realUrl.substring(realUrl.indexOf("#")).replace("#post", "");
-            logger.info(String.format("Post's id: %s", postId));
+    @Getter
+    public static abstract class VRPostState {
+        private final String threadId;
 
-            if (appStateService.getCurrentPosts().containsKey(postId)) {
-                logger.warn(String.format("Post with id %s is already loaded, skipping", postId));
-                continue;
-            }
+        protected VRPostState(String threadId) {
+            this.threadId = threadId;
+        }
+    }
 
-            String postTitle;
+    @Getter
+    public static class VRPostParse extends VRPostState {
+
+        private final String type = "postParse";
+        private String postId;
+        private int number;
+        private String title;
+        private int imageCount;
+        private String url;
+        private List<String> previews;
+
+
+        public VRPostParse(String threadId, String postId, int number, String title, int imageCount, String url, List<String> previews) {
+            super(threadId);
+            this.postId = postId;
+            this.number = number;
+            this.title = title;
+            this.imageCount = imageCount;
+            this.previews = previews;
+            this.url = url;
+        }
+    }
+
+    @Getter
+    public static class VRThreadParseState extends VRPostState {
+
+        private final String type = "threadParseState";
+        private final String state;
+
+        public VRThreadParseState(String threadId, String state) {
+            super(threadId);
+            this.state = state;
+        }
+    }
+
+    public class VRThreadParser {
+
+        @Getter
+        private final PublishProcessor<VRPostState> postPublishProcessor = PublishProcessor.create();
+
+        private String threadId;
+
+        public VRThreadParser(String threadId) {
+            this.threadId = threadId;
+        }
+
+        public Void parse() throws PostParseException {
+
+            logger.info(String.format("Parsing thread %s", threadId));
+            HttpGet httpGet;
             try {
-                logger.info(String.format("Finding post's title"));
-                Node titleNode = xpathService.getAsNode(postsNodeList.item(i), POST_TITLE_XPATH);
-                if (titleNode != null) {
-                    postTitle = titleNode.getTextContent().trim();
-                    logger.info(String.format("Found post's title: %s", postTitle));
-                } else {
-                    logger.info("Cannot find post's title");
-                    if (threadTitle != null) {
-                        logger.info("Falling back to thread title to generate a post name");
-                        postTitle = threadTitle + "#" + postId;
-                    } else {
-                        logger.info("Falling back to post id to generate a post name");
-                        postTitle = "#" + postId;
-                    }
+                URIBuilder uriBuilder = new URIBuilder(VR_API);
+                uriBuilder.setParameter("t", threadId);
+                httpGet = cm.buildHttpGet(uriBuilder.build());
+                if (vipergirlsAuthService.getCookies() != null) {
+                    httpGet.addHeader("Cookie", vipergirlsAuthService.getCookies());
                 }
-            } catch (Exception e) {
+            } catch (URISyntaxException e) {
                 throw new PostParseException(e);
             }
-
-            ArrayList<Image> imagesList = new ArrayList<>();
-            try {
-                logger.info(String.format("Finding all links for post with id %s using xpath %s", postId, POST_LINKS_XPATH));
-                NodeList imagesNodeList = xpathService.getAsNodeList(postsNodeList.item(i), POST_LINKS_XPATH);
-                for (int j = 0; j < imagesNodeList.getLength(); j++) {
-
-                    Node imageHref = imagesNodeList.item(j).getAttributes().getNamedItem("href");
-                    Host foundHost;
-                    if (imageHref != null) {
-                        String imageUrl = imageHref.getTextContent().trim();
-                        logger.info(String.format("Scanning %s", imageUrl));
-                        foundHost = supportedHosts.stream().filter(host -> host.isSupported(imageUrl)).findFirst().orElse(null);
-                    } else {
-                        logger.warn("href is null, skipping");
-                        continue;
-                    }
-                    if (foundHost != null) {
-                        logger.info(String.format("Found supported host %s for %s", foundHost.getClass().getSimpleName(), imageHref));
-                        imagesList.add(appStateService.createImage(imageHref.getTextContent(), postId, postTitle, foundHost));
-                    } else {
-                        logger.warn(String.format("unsupported host for %s, skipping", imageHref));
-                        continue;
-                    }
+            VRThreadHandler handler = new VRThreadHandler(threadId, postPublishProcessor);
+            HttpClient connection = cm.getClient().build();
+            logger.info(String.format("Requesting %s", httpGet));
+            try (CloseableHttpResponse response = (CloseableHttpResponse) connection.execute(httpGet)) {
+                if (response.getStatusLine().getStatusCode() / 100 != 2) {
+                    throw new DownloadException(String.format("Unexpected response code '%d' for %s", response.getStatusLine().getStatusCode(), httpGet));
                 }
+
+                factory.newSAXParser().parse(new BufferedInputStream(response.getEntity().getContent()), handler);
+                EntityUtils.consumeQuietly(response.getEntity());
             } catch (Exception e) {
+                logger.error("parsing failed", e);
                 throw new PostParseException(e);
             }
+            return null;
+        }
+    }
 
-            if (!imagesList.isEmpty()) {
-                logger.info(String.format("Found %d images for post with id %s", imagesList.size(), postId));
-                posts.add(appStateService.createPost(postTitle, realUrl, imagesList, null, postId));
-            } else {
-                logger.warn(String.format("No images found for post with id %s, skipping", postId));
+    private class VRThreadHandler extends DefaultHandler {
+
+        private final String threadId;
+        private final PublishProcessor<VRPostState> vrPostPublishProcessor;
+        private String threadTitle;
+        private String postId;
+        private String postTitle;
+        private int imageCount;
+        private int postCounter;
+        private int previewCounter = 0;
+        private List<String> previews = new ArrayList<>();
+
+        public VRThreadHandler(String threadId, PublishProcessor<VRPostState> vrPostPublishProcessor) {
+            this.vrPostPublishProcessor = vrPostPublishProcessor;
+            this.threadId = threadId;
+        }
+
+        @Override
+        public void startDocument() {
+            vrPostPublishProcessor.onNext(new VRThreadParseState(threadId, "START"));
+        }
+
+        @Override
+        public void startElement(String uri, String localName, String qName, Attributes attributes) {
+
+            switch (qName.toLowerCase()) {
+                case "thread":
+                    threadTitle = attributes.getValue("title").trim();
+                    break;
+                case "post":
+                    imageCount = Integer.parseInt(attributes.getValue("imagecount").trim());
+                    postId = attributes.getValue("id").trim();
+                    postCounter = Integer.parseInt(attributes.getValue("number").trim());
+                    postTitle = Optional.ofNullable(attributes.getValue("title")).map(e -> e.trim().isEmpty() ? null : e.trim()).orElse(threadTitle);
+                    break;
+                case "image":
+                    if (previewCounter++ < 4) {
+                        String thumbUrl = Optional.ofNullable(attributes.getValue("thumb_url")).map(String::trim).orElse(null);
+                        if (thumbUrl != null) {
+                            previews.add(thumbUrl);
+                        }
+                    }
+                    break;
+            }
+        }
+
+        @Override
+        public void endElement(String uri, String localName, String qName) {
+            switch (qName.toLowerCase()) {
+                case "post":
+                    if (imageCount != 0) {
+                        vrPostPublishProcessor.onNext(new VRPostParse(
+                                threadId,
+                                postId,
+                                postCounter,
+                                postTitle,
+                                imageCount,
+                                String.format("https://vipergirls.to/threads/%s/?p=%s&viewfull=1#post%s", threadId, postId, postId),
+                                previews
+                        ));
+                    }
+                    previewCounter = 0;
+                    previews = new ArrayList<>();
+                    break;
+            }
+        }
+
+        @Override
+        public void endDocument() {
+            vrPostPublishProcessor.onNext(new VRThreadParseState(threadId, "END"));
+            vrPostPublishProcessor.onComplete();
+        }
+    }
+
+    public class VRPostParser {
+
+        private String threadId;
+        private String postId;
+
+        public VRPostParser(String threadId, String postId) {
+            this.threadId = threadId;
+            this.postId = postId;
+        }
+
+        public Post parse() throws PostParseException {
+
+            Post post;
+            logger.info(String.format("Parsing post %s", postId));
+            HttpGet httpGet;
+            try {
+                URIBuilder uriBuilder = new URIBuilder(VR_API);
+                uriBuilder.setParameter("p", postId);
+                httpGet = cm.buildHttpGet(uriBuilder.build());
+                if (vipergirlsAuthService.getCookies() != null) {
+                    httpGet.addHeader("Cookie", vipergirlsAuthService.getCookies());
+                }
+            } catch (URISyntaxException e) {
+                throw new PostParseException(e);
+            }
+            VRPostHandler handler = new VRPostHandler(threadId, postId);
+            HttpClient connection = cm.getClient().build();
+            logger.info(String.format("Requesting %s", httpGet));
+            try (CloseableHttpResponse response = (CloseableHttpResponse) connection.execute(httpGet)) {
+                if (response.getStatusLine().getStatusCode() / 100 != 2) {
+                    throw new DownloadException(String.format("Unexpected response code '%d' for %s", response.getStatusLine().getStatusCode(), httpGet));
+                }
+
+                factory.newSAXParser().parse(new BufferedInputStream(response.getEntity().getContent()), handler);
+                post = handler.getParsedPost();
+                EntityUtils.consumeQuietly(response.getEntity());
+            } catch (Exception e) {
+                logger.error("parsing failed", e);
+                throw new PostParseException(e);
+            }
+            return post;
+        }
+    }
+
+    private class VRPostHandler extends DefaultHandler {
+
+        private final String threadId;
+        private final String postId;
+        private String threadTitle;
+
+        private int previewCounter = 0;
+        private int index = 0;
+
+        private String postTitle;
+        private int imageCount;
+
+        private List<String> previews = new ArrayList<>();
+        private List<Image> images = new ArrayList<>();
+        @Getter
+        private Post parsedPost;
+
+        public VRPostHandler(String threadId, String postId) {
+            this.threadId = threadId;
+            this.postId = postId;
+        }
+
+        @Override
+        public void startDocument() {
+        }
+
+        @Override
+        public void startElement(String uri, String localName, String qName, Attributes attributes) {
+
+            switch (qName.toLowerCase()) {
+                case "thread":
+                    threadTitle = attributes.getValue("title").trim();
+                    break;
+                case "post":
+                    imageCount = Integer.parseInt(attributes.getValue("imagecount").trim());
+                    postTitle = Optional.ofNullable(attributes.getValue("title")).map(e -> e.trim().isEmpty() ? null : e.trim()).orElse(threadTitle);
+                    break;
+                case "image":
+                    index++;
+                    if (previewCounter++ < 4) {
+                        String thumbUrl = Optional.ofNullable(attributes.getValue("thumb_url")).map(String::trim).orElse(null);
+                        if (thumbUrl != null) {
+                            previews.add(thumbUrl);
+                        }
+                    }
+
+                    String mainUrl = Optional.ofNullable(attributes.getValue("main_url")).map(String::trim).orElse(null);
+                    if (mainUrl != null) {
+                        Host foundHost = supportedHosts.stream().filter(host -> host.isSupported(mainUrl)).findFirst().orElse(null);
+                        if (foundHost != null) {
+                            logger.info(String.format("Found supported host %s for %s", foundHost.getClass().getSimpleName(), mainUrl));
+                            images.add(new Image(mainUrl, postId, postTitle, foundHost, index));
+                        } else {
+                            logger.warn(String.format("unsupported host for %s, skipping", mainUrl));
+                        }
+                    }
+                    break;
+            }
+        }
+
+        @Override
+        public void endElement(String uri, String localName, String qName) {
+            switch (qName.toLowerCase()) {
+                case "post":
+                    if (imageCount != 0) {
+                        HashMap<String, Object> metadata = new HashMap<>();
+                        metadata.put("PREVIEWS", previews);
+                        parsedPost = new Post(
+                                postTitle,
+                                String.format("https://vipergirls.to/threads/%s/?p=%s&viewfull=1#post%s", threadId, postId, postId),
+                                images,
+                                metadata,
+                                postId,
+                                threadId
+                        );
+                    }
+                    index = 0;
+                    previewCounter = 0;
+                    previews = new ArrayList<>();
+                    images = new ArrayList<>();
+                    break;
             }
         }
-        return posts;
     }
 }
+

vripper-server/src/main/java/tn/mnlr/vripper/services/VipergirlsAuthService.java

@@ -1,5 +1,7 @@
 package tn.mnlr.vripper.services;
 
+import io.reactivex.processors.PublishProcessor;
+import lombok.Getter;
 import org.apache.http.NameValuePair;
 import org.apache.http.client.entity.UrlEncodedFormEntity;
 import org.apache.http.client.methods.CloseableHttpResponse;
@@ -13,11 +15,14 @@ import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 import org.w3c.dom.Document;
+import tn.mnlr.vripper.VripperApplication;
 import tn.mnlr.vripper.exception.VripperException;
 
+import javax.annotation.PreDestroy;
 import java.util.ArrayList;
 import java.util.Arrays;
 import java.util.List;
+import java.util.concurrent.TimeUnit;
 
 @Service
 public class VipergirlsAuthService {
@@ -36,10 +41,24 @@ public class VipergirlsAuthService {
     @Autowired
     private AppSettingsService appSettingsService;
 
+    @Getter
     private String cookies;
 
     private boolean authenticated = false;
 
+    @Getter
+    private String loggedUser;
+
+    @Getter
+    private PublishProcessor<String> loggedInUser = PublishProcessor.create();
+
+    @PreDestroy
+    private void destroy() throws InterruptedException {
+        logger.info("Shutting down VipergirlsAuthService");
+        VripperApplication.commonExecutor.shutdown();
+        VripperApplication.commonExecutor.awaitTermination(10, TimeUnit.SECONDS);
+    }
+
     public void authenticate() throws VripperException {
 
         logger.info("Authenticating using ViperGirls credentials");
@@ -48,6 +67,8 @@ public class VipergirlsAuthService {
         if(!appSettingsService.isVLogin()) {
             logger.warn("Authentication option is disabled");
             cookies = null;
+            loggedUser = "";
+            loggedInUser.onNext(loggedUser);
             return;
         }
 
@@ -56,6 +77,9 @@ public class VipergirlsAuthService {
 
         if (username == null || password == null || username.isEmpty() || password.isEmpty()) {
             logger.error("Cannot authenticate with ViperGirls credentials, username or password is empty");
+            cookies = null;
+            loggedUser = "";
+            loggedInUser.onNext(loggedUser);
             return;
         }
 
@@ -73,6 +97,9 @@ public class VipergirlsAuthService {
         try {
             postAuth.setEntity(new UrlEncodedFormEntity(params));
         } catch (Exception e) {
+            cookies = null;
+            loggedUser = "";
+            loggedInUser.onNext(loggedUser);
             throw new VripperException(e);
         }
 
@@ -83,6 +110,9 @@ public class VipergirlsAuthService {
 
         try (CloseableHttpResponse response = client.execute(postAuth)) {
 
+            if (response.getStatusLine().getStatusCode() / 100 != 2) {
+                throw new VripperException(String.format("Unexpected response code returned %s", response.getStatusLine().getStatusCode()));
+            }
             StringBuilder sb = new StringBuilder();
             Arrays.asList(response.getHeaders("set-cookie"))
                     .stream()
@@ -99,31 +129,41 @@ public class VipergirlsAuthService {
             }
             this.cookies = cookies;
         } catch (Exception e) {
-            throw new VripperException(e);
+            cookies = null;
+            loggedUser = "";
+            loggedInUser.onNext(loggedUser);
+            if (e instanceof VripperException) {
+                throw (VripperException) e;
+            } else {
+                throw new VripperException(e);
+            }
         }
         authenticated = true;
+        loggedUser = username;
         logger.info(String.format("Authenticated: %s", username));
+        loggedInUser.onNext(loggedUser);
     }
 
-    public void leaveThanks(String postUrl, String postId) throws VripperException {
-
-        if (!appSettingsService.isVLogin()) {
-            logger.warn("Authentication with ViperGirls option is disabled");
-            return;
-        }
-        if (!appSettingsService.isVThanks()) {
-            logger.warn("Leave thanks option is disabled");
-            return;
-        }
-        if (!authenticated) {
-            logger.error("You are not authenticated");
-            return;
-        }
-        try {
-            postThanks(postId, getSecurityToken(postUrl));
-        } catch (VripperException e) {
-            throw new VripperException(e);
-        }
+    public void leaveThanks(String postUrl, String postId) {
+        VripperApplication.commonExecutor.submit(() -> {
+            if (!appSettingsService.isVLogin()) {
+                logger.warn("Authentication with ViperGirls option is disabled");
+                return;
+            }
+            if (!appSettingsService.isVThanks()) {
+                logger.warn("Leave thanks option is disabled");
+                return;
+            }
+            if (!authenticated) {
+                logger.error("You are not authenticated");
+                return;
+            }
+            try {
+                postThanks(postId, getSecurityToken(postUrl));
+            } catch (Exception e) {
+                logger.error(String.format("Failed to leave a thanks for url %s, post id %s", postUrl, postId), e);
+            }
+        });
     }
 
     private String getSecurityToken(String url) throws VripperException {
@@ -183,7 +223,6 @@ public class VipergirlsAuthService {
         CloseableHttpClient client = cm.getClient().build();
 
         try (CloseableHttpResponse response = client.execute(postThanks)) {
-
             EntityUtils.consumeQuietly(response.getEntity());
         } catch (Exception e) {
             throw new VripperException(e);

vripper-server/src/main/java/tn/mnlr/vripper/web/restendpoints/PostRestEndpoint.java

@@ -8,14 +8,18 @@ import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.http.HttpStatus;
 import org.springframework.http.ResponseEntity;
 import org.springframework.web.bind.annotation.*;
-import tn.mnlr.vripper.services.AppSettingsService;
-import tn.mnlr.vripper.entities.Post;
+import tn.mnlr.vripper.VripperApplication;
+import tn.mnlr.vripper.exception.PostParseException;
 import tn.mnlr.vripper.q.DownloadQ;
+import tn.mnlr.vripper.services.AppSettingsService;
 import tn.mnlr.vripper.services.AppStateService;
+import tn.mnlr.vripper.services.PathService;
 import tn.mnlr.vripper.services.PostParser;
-import tn.mnlr.vripper.services.VipergirlsAuthService;
 
+import java.io.File;
 import java.util.List;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
 
 @RestController
 @CrossOrigin(value = "*")
@@ -23,6 +27,9 @@ public class PostRestEndpoint {
 
     private static final Logger logger = LoggerFactory.getLogger(PostRestEndpoint.class);
 
+
+    private static final Pattern VG_URL_PATTERN = Pattern.compile("https:\\/\\/vipergirls\\.to\\/threads\\/(\\d+)((.*p=)(\\d+))?");
+
     @Autowired
     private AppStateService appStateService;
 
@@ -30,7 +37,7 @@ public class PostRestEndpoint {
     private AppSettingsService appSettingsService;
 
     @Autowired
-    private VipergirlsAuthService authService;
+    private PathService pathService;
 
     @ExceptionHandler(Exception.class)
     public ResponseEntity handleException(Exception e) {
@@ -55,25 +62,20 @@ public class PostRestEndpoint {
         } else if (!url.url.startsWith("https://vipergirls.to")) {
             return new ResponseEntity<>("ViperGirls only links are supported", HttpStatus.BAD_REQUEST);
         }
-        List<Post> parsed = postParser.parse(url.url);
-        logger.info(String.format("%d posts found from thread %s", parsed.size(), url.url));
-        parsed.forEach(p -> {
-            try {
-                authService.leaveThanks(p.getUrl(), p.getPostId());
-            } catch (Exception e) {
-                logger.error(String.format("Failed to leave thanks for %s", p.getUrl()), e);
+
+        String threadId, postId;
+        try {
+            Matcher m = VG_URL_PATTERN.matcher(url.url);
+            if (m.find()) {
+                threadId = m.group(1);
+                postId = m.group(4);
+            } else {
+                throw new PostParseException(String.format("Cannot retrieve thread id from URL %s", url));
             }
-        });
-        if(appSettingsService.isAutoStart()) {
-            logger.info("Auto start downloads option is enabled");
-            logger.info(String.format("Starting to enqueue %d jobs for %s", parsed.stream().flatMap(e -> e.getImages().stream()).count(), url.url));
-            parsed.forEach(post -> downloadQ.enqueue(post));
-            logger.info(String.format("Done enqueuing jobs for %s", url.url));
-        } else {
-            logger.info("Auto start downloads option is disabled");
+        } catch (Exception e) {
+            throw new PostParseException(String.format("Cannot retrieve thread id from URL %s", url), e);
         }
-        logger.info(String.format("Done processing thread: %s", url.url));
-        return new ResponseEntity(HttpStatus.OK);
+        return ResponseEntity.ok(new PairThreadIdPostId(threadId, postId));
     }
 
     @PostMapping("/post/restart")
@@ -82,12 +84,65 @@ public class PostRestEndpoint {
         downloadQ.restart(postId.getPostId());
     }
 
+    @PostMapping("/post/add")
+    @ResponseStatus(value = HttpStatus.OK)
+    public void addPost(@RequestBody List<PostToAdd> posts) {
+        for (PostToAdd post : posts) {
+            VripperApplication.commonExecutor.submit(() -> {
+                try {
+                    postParser.addPost(post.postId, post.threadId);
+                } catch (PostParseException e) {
+                    logger.error(String.format("Failed to add post %s", post.postId), e);
+                }
+            });
+        }
+    }
+
+    @GetMapping("/post/path/{postId}")
+    @ResponseStatus(value = HttpStatus.OK)
+    public ResponseEntity<DownloadPath> folderPath(@PathVariable("postId") String postId) {
+        File destinationFolder = pathService.getDownloadDestinationFolder(postId);
+        return ResponseEntity.ok(new DownloadPath(destinationFolder.getPath()));
+    }
+
+    @PostMapping("/post/restart/all")
+    @ResponseStatus(value = HttpStatus.OK)
+    public void restartPost() throws Exception {
+        downloadQ.restartAll();
+    }
+
     @PostMapping("/post/stop")
     @ResponseStatus(value = HttpStatus.OK)
-    public void stop(@RequestBody PostId postId) throws Exception {
+    public void stop(@RequestBody PostId postId) {
         downloadQ.stop(postId.getPostId());
     }
 
+    @PostMapping("/post/stop/all")
+    @ResponseStatus(value = HttpStatus.OK)
+    public void stopAll() {
+        downloadQ.stopAll();
+    }
+
+    @PostMapping("/post/remove")
+    @ResponseStatus(value = HttpStatus.OK)
+    public ResponseEntity remove(@RequestBody PostId postId) {
+        downloadQ.stop(postId.getPostId());
+        appStateService.remove(postId.getPostId());
+        return ResponseEntity.ok(new RemoveResult(postId.getPostId()));
+    }
+
+    @PostMapping("/post/clear/all")
+    @ResponseStatus(value = HttpStatus.OK)
+    public ResponseEntity clearAll() {
+        return ResponseEntity.ok(new RemoveAllResult(appStateService.clearAll()));
+    }
+
+    @PostMapping("/post/remove/all")
+    @ResponseStatus(value = HttpStatus.OK)
+    public ResponseEntity removeAll() {
+        return ResponseEntity.ok(new RemoveAllResult(appStateService.removeAll()));
+    }
+
     @Getter
     @ToString
     private static class ThreadUrl {
@@ -98,4 +153,82 @@ public class PostRestEndpoint {
     private static class PostId {
         private String postId;
     }
+
+    @Getter
+    private static class PairThreadIdPostId {
+        private String threadId;
+        private String postId;
+
+        public PairThreadIdPostId(String threadId, String postId) {
+            this.threadId = threadId;
+            this.postId = postId;
+        }
+    }
+
+    @Getter
+    private static class PostToAdd {
+        private String threadId;
+        private String postId;
+    }
+
+    @Getter
+    private static class ParseResult {
+
+        private List<PostResult> posts;
+        private int count;
+        private String threadId;
+
+        public ParseResult(List<PostResult> posts, int count, String threadId) {
+            this.posts = posts;
+            this.count = count;
+            this.threadId = threadId;
+        }
+
+        @Getter
+        public static class PostResult {
+
+            private String title;
+            private int counter;
+            private String url;
+            private String postId;
+            private List<String> previews;
+
+            public PostResult(String title, int counter, String url, String postId, List<String> previews) {
+                this.title = title;
+                this.counter = counter;
+                this.url = url;
+                this.postId = postId;
+                this.previews = previews;
+            }
+        }
+    }
+
+    @Getter
+    private static class RemoveAllResult {
+        private List<String> postIds;
+        private int removed;
+
+        RemoveAllResult(List<String> postIds) {
+            this.removed = postIds.size();
+            this.postIds = postIds;
+        }
+    }
+
+    @Getter
+    private static class RemoveResult {
+        private String postId;
+
+        RemoveResult(String postId) {
+            this.postId = postId;
+        }
+    }
+
+    @Getter
+    private static class DownloadPath {
+        private String path;
+
+        DownloadPath(String path) {
+            this.path = path;
+        }
+    }
 }

vripper-server/src/main/java/tn/mnlr/vripper/web/restendpoints/SettingsRestEndpoint.java

@@ -7,8 +7,8 @@ import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.http.HttpStatus;
 import org.springframework.http.ResponseEntity;
 import org.springframework.web.bind.annotation.*;
-import tn.mnlr.vripper.services.AppSettingsService;
 import tn.mnlr.vripper.exception.ValidationException;
+import tn.mnlr.vripper.services.AppSettingsService;
 import tn.mnlr.vripper.services.VipergirlsAuthService;
 
 @RestController
@@ -31,41 +31,60 @@ public class SettingsRestEndpoint {
                 .body(e.getMessage());
     }
 
+    @PostMapping("/settings/theme")
+    @ResponseStatus(value = HttpStatus.OK)
+    public AppSettingsService.Theme postTheme(@RequestBody AppSettingsService.Theme theme) {
+        synchronized (this.settings) {
+            this.settings.setTheme(theme);
+            return settings.getTheme();
+        }
+    }
+
+    @GetMapping("/settings/theme")
+    @ResponseStatus(value = HttpStatus.OK)
+    public AppSettingsService.Theme getTheme() {
+        return settings.getTheme();
+    }
+
     @PostMapping("/settings")
     @ResponseStatus(value = HttpStatus.OK)
     public ResponseEntity postSettings(@RequestBody AppSettingsService.Settings settings) throws Exception {
 
-        try {
-            this.settings.check(settings);
-        } catch (ValidationException e) {
-            return new ResponseEntity(new Response(e.getMessage()), HttpStatus.BAD_REQUEST);
-        }
-        this.settings.setDownloadPath(settings.getDownloadPath());
-        this.settings.setMaxThreads(settings.getMaxThreads());
-        this.settings.setAutoStart(settings.isAutoStart());
-        this.settings.setVLogin(settings.isVLogin());
-
-        if(settings.isVLogin()) {
-            this.settings.setVUsername(settings.getVUsername());
-            if (!this.settings.getVPassword().equals(settings.getVPassword())) {
-                this.settings.setVPassword(settings.getVPassword());
+        synchronized (this.settings) {
+            try {
+                this.settings.check(settings);
+            } catch (ValidationException e) {
+                return new ResponseEntity(new Response(e.getMessage()), HttpStatus.BAD_REQUEST);
             }
-            this.settings.setVThanks(settings.isVThanks());
-        } else {
-            this.settings.setVUsername("");
-            this.settings.setVPassword("");
-            this.settings.setVThanks(false);
+            this.settings.setDownloadPath(settings.getDownloadPath());
+            this.settings.setMaxThreads(settings.getMaxThreads());
+            this.settings.setAutoStart(settings.isAutoStart());
+            this.settings.setVLogin(settings.isVLogin());
+
+            if (settings.isVLogin()) {
+                this.settings.setVUsername(settings.getVUsername());
+                if (!this.settings.getVPassword().equals(settings.getVPassword())) {
+                    this.settings.setVPassword(settings.getVPassword());
+                }
+                this.settings.setVThanks(settings.isVThanks());
+            } else {
+                this.settings.setVUsername("");
+                this.settings.setVPassword("");
+                this.settings.setVThanks(false);
+            }
+            this.settings.setDesktopClipboard(settings.isDesktopClipboard());
+            this.settings.setForceOrder(settings.isForceOrder());
+
+            this.settings.save();
+
+            vipergirlsAuthService.authenticate();
         }
-
-        this.settings.save();
-
-        vipergirlsAuthService.authenticate();
-        return new ResponseEntity(HttpStatus.OK);
+        return ResponseEntity.ok(getSettings());
     }
 
     @GetMapping("/settings")
     @ResponseStatus(value = HttpStatus.OK)
-    public AppSettingsService.Settings getSettings() throws Exception {
+    public AppSettingsService.Settings getSettings() {
 
         return new AppSettingsService.Settings(
                 settings.getDownloadPath(),
@@ -74,7 +93,9 @@ public class SettingsRestEndpoint {
                 settings.isVLogin(),
                 settings.getVUsername(),
                 settings.getVPassword(),
-                settings.isVThanks()
+                settings.isVThanks(),
+                settings.isDesktopClipboard(),
+                settings.isForceOrder()
         );
     }
 

vripper-server/src/main/java/tn/mnlr/vripper/web/wsendpoints/WebSocketHandler.java

@@ -12,16 +12,19 @@ import org.springframework.web.socket.CloseStatus;
 import org.springframework.web.socket.TextMessage;
 import org.springframework.web.socket.WebSocketSession;
 import org.springframework.web.socket.handler.TextWebSocketHandler;
+import tn.mnlr.vripper.VripperApplication;
 import tn.mnlr.vripper.entities.Image;
 import tn.mnlr.vripper.entities.Post;
 import tn.mnlr.vripper.entities.mixin.ui.ImageUIMixin;
 import tn.mnlr.vripper.entities.mixin.ui.PostUIMixin;
-import tn.mnlr.vripper.services.AppStateService;
+import tn.mnlr.vripper.services.*;
 
 import java.io.IOException;
+import java.util.Arrays;
 import java.util.Map;
 import java.util.Optional;
 import java.util.concurrent.ConcurrentHashMap;
+import java.util.concurrent.Future;
 import java.util.concurrent.TimeUnit;
 import java.util.stream.Collectors;
 
@@ -30,40 +33,57 @@ public class WebSocketHandler extends TextWebSocketHandler {
 
     private static final Logger logger = LoggerFactory.getLogger(WebSocketHandler.class);
 
-    @Getter
-    private static class WSMessage {
-
-        private String cmd;
-        private String payload;
-
-        enum CMD {
-            POSTS_SUB,
-            POST_DETAILS_SUB,
-            POSTS_UNSUB,
-            POST_DETAILS_UNSUB
-        }
-    }
-
     public WebSocketHandler() {
         om.addMixIn(Image.class, ImageUIMixin.class).addMixIn(Post.class, PostUIMixin.class);
     }
 
-    private Map<String, Disposable> postsSubscriptions = new ConcurrentHashMap<>();
-    private Map<String, Disposable> postDetailsSubscriptions = new ConcurrentHashMap<>();
-    private ObjectMapper om = new ObjectMapper();
+    @Autowired
+    private GlobalStateService globalStateService;
 
     @Autowired
     private AppStateService appStateService;
 
+    @Autowired
+    private DownloadSpeedService downloadSpeedService;
+
+    @Autowired
+    private VipergirlsAuthService vipergirlsAuthService;
+
+    @Autowired
+    private PostParser postParser;
+
+    private Map<String, Disposable> postsSubscriptions = new ConcurrentHashMap<>();
+    private Map<String, Disposable> postDetailsSubscriptions = new ConcurrentHashMap<>();
+    private Map<String, Disposable> vrPostParserSubscriptions = new ConcurrentHashMap<>();
+    private Map<String, Disposable> stateSubscriptions = new ConcurrentHashMap<>();
+    private Map<String, Disposable> downloadSpeedSubscriptions = new ConcurrentHashMap<>();
+    private Map<String, Disposable> userSubscriptions = new ConcurrentHashMap<>();
+
+    private Map<String, Future<Void>> threadParseRequests = new ConcurrentHashMap<>();
+
+    private ObjectMapper om = new ObjectMapper();
+
     @Override
     protected void handleTextMessage(WebSocketSession session, TextMessage message) throws Exception {
 
         WSMessage wsMessage = om.readValue(message.getPayload(), WSMessage.class);
         WSMessage.CMD cmd = WSMessage.CMD.valueOf(wsMessage.getCmd());
         switch (cmd) {
+            case GLOBAL_STATE_SUB:
+                subscribeForGlobalState(session);
+                break;
+            case SPEED_SUB:
+                subscribeForSpeed(session);
+                break;
+            case USER_SUB:
+                subscribeForUser(session);
+                break;
             case POSTS_SUB:
                 subscribeForPosts(session);
                 break;
+            case THREAD_PARSING_SUB:
+                subscribeForThreadParsing(session, wsMessage.getPayload());
+                break;
             case POST_DETAILS_SUB:
                 subscribeForPostDetails(session, wsMessage.getPayload());
                 break;
@@ -71,13 +91,107 @@ public class WebSocketHandler extends TextWebSocketHandler {
                 logger.info(String.format("Client %s unsubscribed from post details", session.getId()));
                 Optional.ofNullable(postDetailsSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
                 break;
+            case THREAD_PARSING_UNSUB:
+                logger.info(String.format("Client %s unsubscribed from thread parsing", session.getId()));
+                Optional.ofNullable(vrPostParserSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
+                Optional.ofNullable(threadParseRequests.remove(session.getId())).ifPresent(d -> d.cancel(true));
+                break;
             case POSTS_UNSUB:
                 logger.info(String.format("Client %s unsubscribed from posts", session.getId()));
                 Optional.ofNullable(postsSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
                 break;
+            case GLOBAL_STATE_UNSUB:
+                logger.info(String.format("Client %s unsubscribed from global state", session.getId()));
+                Optional.ofNullable(stateSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
+                break;
+            case SPEED_UNSUB:
+                logger.info(String.format("Client %s unsubscribed from download speed info", session.getId()));
+                Optional.ofNullable(downloadSpeedSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
+                break;
+            case USER_UNSUB:
+                logger.info(String.format("Client %s unsubscribed from user info", session.getId()));
+                Optional.ofNullable(userSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
+                break;
         }
     }
 
+    private void subscribeForGlobalState(WebSocketSession session) {
+
+        logger.info(String.format("Client %s subscribed for global state", session.getId()));
+        if (stateSubscriptions.containsKey(session.getId())) {
+            stateSubscriptions.get(session.getId()).dispose();
+        }
+
+        try {
+            send(session, new TextMessage(om.writeValueAsString(Arrays.asList(globalStateService.getCurrentState()))));
+        } catch (Exception e) {
+            logger.error("Unexpected error occurred", e);
+        }
+
+        stateSubscriptions.put(session.getId(),
+                globalStateService.getLiveGlobalState()
+                        .onBackpressureBuffer()
+                        .observeOn(Schedulers.io())
+                        .buffer(5000, TimeUnit.MILLISECONDS)
+                        .filter(e -> !e.isEmpty())
+                        .map(e -> e.subList(e.size() - 1, e.size()))
+                        .map(om::writeValueAsString)
+                        .map(TextMessage::new)
+                        .subscribe(msg -> send(session, msg), e -> logger.error("Failed to send data to client", e))
+        );
+    }
+
+    private void subscribeForSpeed(WebSocketSession session) {
+
+        logger.info(String.format("Client %s subscribed for download speed info", session.getId()));
+        if (downloadSpeedSubscriptions.containsKey(session.getId())) {
+            downloadSpeedSubscriptions.get(session.getId()).dispose();
+        }
+
+        try {
+            send(session, new TextMessage(om.writeValueAsString(Arrays.asList(new DownloadSpeed(0)))));
+        } catch (Exception e) {
+            logger.error("Unexpected error occurred", e);
+        }
+
+        downloadSpeedSubscriptions.put(session.getId(),
+                downloadSpeedService.getReadBytesPerSecond()
+                        .onBackpressureBuffer()
+                        .observeOn(Schedulers.io())
+                        .buffer(5000, TimeUnit.MILLISECONDS)
+                        .filter(e -> !e.isEmpty())
+                        .map(e -> e.subList(e.size() - 1, e.size()))
+                        .map(e -> e.stream().map(DownloadSpeed::new).collect(Collectors.toList()))
+                        .map(om::writeValueAsString)
+                        .map(TextMessage::new)
+                        .subscribe(msg -> send(session, msg), e -> logger.error("Failed to send data to client", e))
+        );
+    }
+
+    private void subscribeForUser(WebSocketSession session) {
+
+        logger.info(String.format("Client %s subscribed for user info", session.getId()));
+        if (userSubscriptions.containsKey(session.getId())) {
+            userSubscriptions.get(session.getId()).dispose();
+        }
+
+        try {
+            send(session, new TextMessage(om.writeValueAsString(Arrays.asList(new LoggedUser(vipergirlsAuthService.getLoggedUser())))));
+        } catch (Exception e) {
+            logger.error("Unexpected error occurred", e);
+        }
+
+        userSubscriptions.put(session.getId(),
+                vipergirlsAuthService.getLoggedInUser()
+                        .onBackpressureBuffer()
+                        .observeOn(Schedulers.io())
+                        .map(e -> Arrays.asList(new LoggedUser(e)))
+                        .map(om::writeValueAsString)
+                        .map(TextMessage::new)
+                        .subscribe(msg -> send(session, msg), e -> logger.error("Failed to send data to client", e))
+        );
+    }
+
     private void subscribeForPosts(WebSocketSession session) {
 
         logger.info(String.format("Client %s subscribed for posts", session.getId()));
@@ -91,16 +205,43 @@ public class WebSocketHandler extends TextWebSocketHandler {
             logger.error("Unexpected error occurred", e);
         }
 
-        postsSubscriptions.put(session.getId(), appStateService.getLivePostsState()
+        postsSubscriptions.put(session.getId(),
+                appStateService.getLivePostsState()
+                        .onBackpressureBuffer()
+                        .observeOn(Schedulers.io())
+                        .buffer(2000, TimeUnit.MILLISECONDS, 200)
+                        .filter(e -> !e.isEmpty())
+                        .map(e -> e.stream().distinct().collect(Collectors.toList()))
+                        .map(om::writeValueAsString)
+                        .map(TextMessage::new)
+                        .subscribe(msg -> send(session, msg), e -> logger.error("Failed to send data to client", e))
+        );
+    }
+
+    private void subscribeForThreadParsing(WebSocketSession session, String threadId) {
+
+        logger.info(String.format("Client %s subscribed for thread parsing with threadId = %s", session.getId(), threadId));
+        if (vrPostParserSubscriptions.containsKey(session.getId())) {
+            vrPostParserSubscriptions.get(session.getId()).dispose();
+        }
+
+        if (threadParseRequests.containsKey(session.getId())) {
+            threadParseRequests.get(session.getId()).cancel(true);
+        }
+
+        PostParser.VRThreadParser vrThreadParser = postParser.new VRThreadParser(threadId);
+
+        vrPostParserSubscriptions.put(session.getId(), vrThreadParser.getPostPublishProcessor()
                 .onBackpressureBuffer()
                 .observeOn(Schedulers.io())
-                .buffer(2, TimeUnit.SECONDS)
+                .buffer(200)
                 .filter(e -> !e.isEmpty())
-                .map(e -> e.stream().distinct().collect(Collectors.toList()))
                 .map(om::writeValueAsString)
                 .map(TextMessage::new)
                 .subscribe(msg -> send(session, msg), e -> logger.error("Failed to send data to client", e))
         );
+
+        threadParseRequests.put(session.getId(), VripperApplication.commonExecutor.submit(vrThreadParser::parse));
     }
 
     private void subscribeForPostDetails(WebSocketSession session, String postId) {
@@ -126,7 +267,7 @@ public class WebSocketHandler extends TextWebSocketHandler {
                 .onBackpressureBuffer()
                 .observeOn(Schedulers.io())
                 .filter(e -> e.getPostId().equals(postId))
-                .buffer(2, TimeUnit.SECONDS)
+                .buffer(2000, TimeUnit.MILLISECONDS, 500)
                 .filter(e -> !e.isEmpty())
                 .map(e -> e.stream().distinct().collect(Collectors.toList()))
                 .map(om::writeValueAsString)
@@ -141,7 +282,7 @@ public class WebSocketHandler extends TextWebSocketHandler {
 
     @Override
     public void afterConnectionEstablished(WebSocketSession session) {
-
+        logger.info(String.format("Connection open for client id: %s", session.getId()));
     }
 
     @Override
@@ -149,5 +290,45 @@ public class WebSocketHandler extends TextWebSocketHandler {
 
         Optional.ofNullable(postsSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
         Optional.ofNullable(postDetailsSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
+        Optional.ofNullable(stateSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
+        Optional.ofNullable(downloadSpeedSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
+        Optional.ofNullable(userSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
+        Optional.ofNullable(vrPostParserSubscriptions.remove(session.getId())).ifPresent(d -> d.dispose());
+        Optional.ofNullable(threadParseRequests.remove(session.getId())).ifPresent(d -> d.cancel(true));
+
+        logger.info(String.format("Connection closed for client id: %s", session.getId()));
+    }
+
+    @Getter
+    private static class WSMessage {
+
+        private String cmd;
+        private String payload;
+
+        enum CMD {
+            POSTS_SUB,
+            POST_DETAILS_SUB,
+            POSTS_UNSUB,
+            POST_DETAILS_UNSUB,
+            GLOBAL_STATE_SUB,
+            GLOBAL_STATE_UNSUB,
+            SPEED_SUB,
+            SPEED_UNSUB,
+            THREAD_PARSING_SUB,
+            THREAD_PARSING_UNSUB,
+            USER_SUB,
+            USER_UNSUB
+        }
+    }
+
+    @Getter
+    private static class LoggedUser {
+
+        private final String type = "user";
+        private String user;
+
+        public LoggedUser(String user) {
+            this.user = user;
+        }
     }
 }

vripper-server/src/main/resources/application.properties

@@ -1,4 +1,8 @@
 logging.level.org.springframework.web=INFO
 logging.level.root=INFO
 logging.level.org.apache.http=INFO
-logging.file=${user.dir}/vripper.log
+logging.file=${user.dir}/vripper.log
+server.port=${vripper.server.port:8080}
+management.endpoints.web.exposure.include=shutdown
+management.endpoint.shutdown.enabled=true
+endpoints.shutdown.enabled=true

vripper-server/src/main/resources/logback-spring.xml

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<configuration>
+    <include resource=
+                     "org/springframework/boot/logging/logback/defaults.xml" />
+    <include resource=
+                     "org/springframework/boot/logging/logback/file-appender.xml" />
+
+    <include resource=
+                     "org/springframework/boot/logging/logback/console-appender.xml" />
+
+    <appender name="ASYNC-FILE" class="ch.qos.logback.classic.AsyncAppender">
+        <appender-ref ref="FILE" />
+    </appender>
+
+    <appender name="ASYNC-CONSOLE" class="ch.qos.logback.classic.AsyncAppender">
+        <appender-ref ref="CONSOLE" />
+    </appender>
+
+    <root level="INFO">
+        <appender-ref ref="ASYNC-FILE"/>
+        <appender-ref ref="ASYNC-CONSOLE"/>
+    </root>
+</configuration>

vripper-ui/package.json

@@ -1,11 +1,12 @@
 {
   "name": "vripper-ui",
-  "version": "0.0.0",
+  "version": "1.6.3",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
     "build": "ng build",
-    "prod": "ng build --prod",
+    "build-electron": "ng build --prod --base-href ./",
+    "build-web": "ng build --prod",
     "test": "ng test",
     "lint": "ng lint",
     "e2e": "ng e2e"
@@ -23,10 +24,11 @@
     "@angular/platform-browser": "~7.2.0",
     "@angular/platform-browser-dynamic": "~7.2.0",
     "@angular/router": "~7.2.0",
-    "ag-grid-angular": "^21.0.1",
-    "ag-grid-community": "^21.0.1",
+    "ag-grid-angular": "^21.2.1",
+    "ag-grid-community": "^21.2.1",
     "core-js": "^2.5.4",
     "hammerjs": "^2.0.8",
+    "ngx-electron": "^2.1.1",
     "rxjs": "~6.3.3",
     "tslib": "^1.9.0",
     "zone.js": "~0.8.26"
@@ -40,9 +42,10 @@
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "~8.9.4",
     "codelyzer": "~4.5.0",
+    "electron": "^6.0.4",
     "jasmine-core": "~2.99.1",
     "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~3.1.1",
+    "karma": "^4.2.0",
     "karma-chrome-launcher": "~2.2.0",
     "karma-coverage-istanbul-reporter": "~2.0.1",
     "karma-jasmine": "~1.1.2",

vripper-ui/pom.xml

@@ -5,46 +5,111 @@
   <parent>
     <groupId>tn.mnlr</groupId>
     <artifactId>vripper</artifactId>
-    <version>1.1.0</version>
+    <version>1.6.3</version>
   </parent>
   <artifactId>vripper-ui</artifactId>
   <name>vripper-ui</name>
   <build>
     <plugins>
       <plugin>
-        <groupId>com.github.eirslett</groupId>
-        <artifactId>frontend-maven-plugin</artifactId>
-        <version>1.3</version>
+        <artifactId>maven-jar-plugin</artifactId>
         <configuration>
-          <nodeVersion>v12.2.0</nodeVersion>
-          <npmVersion>6.9.0</npmVersion>
-          <workingDirectory>build-dir</workingDirectory>
+          <classifier>${buildClassifier}</classifier>
         </configuration>
-        <executions>
-          <execution>
-            <id>install node and npm</id>
-            <goals>
-              <goal>install-node-and-npm</goal>
-            </goals>
-          </execution>
-          <execution>
-            <id>npm install</id>
-            <goals>
-              <goal>npm</goal>
-            </goals>
-          </execution>
-          <execution>
-            <id>npm run build</id>
-            <goals>
-              <goal>npm</goal>
-            </goals>
-            <configuration>
-              <arguments>run prod</arguments>
-            </configuration>
-            <phase>generate-resources</phase>
-          </execution>
-        </executions>
       </plugin>
     </plugins>
   </build>
+  <profiles>
+    <profile>
+      <id>web</id>
+      <activation>
+        <activeByDefault>true</activeByDefault>
+      </activation>
+      <properties>
+        <buildClassifier>web</buildClassifier>
+      </properties>
+      <build>
+        <plugins>
+          <plugin>
+            <groupId>com.github.eirslett</groupId>
+            <artifactId>frontend-maven-plugin</artifactId>
+            <version>1.3</version>
+            <configuration>
+              <nodeVersion>v12.2.0</nodeVersion>
+              <npmVersion>6.9.0</npmVersion>
+              <workingDirectory>build-dir</workingDirectory>
+            </configuration>
+            <executions>
+              <execution>
+                <id>install node and npm</id>
+                <goals>
+                  <goal>install-node-and-npm</goal>
+                </goals>
+              </execution>
+              <execution>
+                <id>npm install</id>
+                <goals>
+                  <goal>npm</goal>
+                </goals>
+              </execution>
+              <execution>
+                <id>npm run build</id>
+                <goals>
+                  <goal>npm</goal>
+                </goals>
+                <configuration>
+                  <arguments>run build-web</arguments>
+                </configuration>
+                <phase>generate-resources</phase>
+              </execution>
+            </executions>
+          </plugin>
+        </plugins>
+      </build>
+    </profile>
+    <profile>
+      <id>electron</id>
+      <properties>
+        <buildClassifier>electron</buildClassifier>
+      </properties>
+      <build>
+        <plugins>
+          <plugin>
+            <groupId>com.github.eirslett</groupId>
+            <artifactId>frontend-maven-plugin</artifactId>
+            <version>1.3</version>
+            <configuration>
+              <nodeVersion>v12.2.0</nodeVersion>
+              <npmVersion>6.9.0</npmVersion>
+              <workingDirectory>build-dir</workingDirectory>
+            </configuration>
+            <executions>
+              <execution>
+                <id>install node and npm</id>
+                <goals>
+                  <goal>install-node-and-npm</goal>
+                </goals>
+              </execution>
+              <execution>
+                <id>npm install</id>
+                <goals>
+                  <goal>npm</goal>
+                </goals>
+              </execution>
+              <execution>
+                <id>npm run build</id>
+                <goals>
+                  <goal>npm</goal>
+                </goals>
+                <configuration>
+                  <arguments>run build-electron</arguments>
+                </configuration>
+                <phase>generate-resources</phase>
+              </execution>
+            </executions>
+          </plugin>
+        </plugins>
+      </build>
+    </profile>
+  </profiles>
 </project>

vripper-ui/src/app/app.component.html

@@ -1,34 +1,45 @@
-<div *ngIf="state | async as _state">
-  <div fxLayout="column" *ngIf="connecting(_state)" class="overlay loading" fxLayoutAlign="center center">
-    <mat-spinner></mat-spinner>
-    <h2>Connecting</h2>
-  </div>
-  <div fxLayout="column" *ngIf="noConnectionState(_state)" class="overlay no-connection" fxLayoutAlign="center center">
-    <mat-icon class="overlay-icon">error</mat-icon>
-    <h2>Connection with the server is closed</h2>
-  </div>
+<div fxLayout="column" *ngIf="connecting()" class="overlay loading" fxLayoutAlign="center center">
+  <mat-spinner></mat-spinner>
+  <h2>Loading...</h2>
 </div>
-<div id="app-container" fxLayout="column" fxLayoutGap="20px">
+<div fxLayout="column" *ngIf="noConnectionState()" class="overlay no-connection" fxLayoutAlign="center center">
+  <mat-icon class="overlay-icon">error</mat-icon>
+  <h2>The app seems to be shutdown</h2>
+</div>
+<div [ngClass]="{'electron': electronService.isElectronApp}" id="app-container" fxLayout="column" fxLayoutGap="20px">
   <div id="app-header" fxFlex="nogrow">
-    <mat-toolbar class="mat-elevation-z2" color="primary">
-      <mat-toolbar-row fxLayout="row">
-        <span>Viper Ripper</span>
-        <span fxFlex="grow"></span>
-        <div>
-          <button mat-icon-button [matMenuTriggerFor]="menu" aria-label="settings">
-            <mat-icon>more_vert</mat-icon>
+    <mat-toolbar class="mat-elevation-z8" color="accent">
+      <mat-toolbar-row fxLayout="row" fxLayoutAlign="center center" fxLayoutGap="10px">
+        <div id="left-controls">
+          <button (click)="scan()" class="add-button" color="primary" mat-icon-button>
+            <mat-icon>add</mat-icon>
+          </button>
+          <button (click)="restartAll()" aria-label="Start" mat-icon-button title="Start">
+            <mat-icon>play_arrow</mat-icon>
+          </button>
+          <button (click)="stopAll()" aria-label="Stop" mat-icon-button title="Stop">
+            <mat-icon>stop</mat-icon>
+          </button>
+          <button (click)="clear()" aria-label="Clear completed" mat-icon-button title="Clear completed">
+            <mat-icon>clear_all</mat-icon>
+          </button>
+          <button (click)="remove()" aria-label="Remove All" mat-icon-button title="Remove All">
+            <mat-icon>delete</mat-icon>
+          </button>
+        </div>
+        <span fxFlex="grow" fxLayoutAlign="end center">
+          <p style="font-size: 16px">Logged in as: {{loggedUser.user == null || loggedUser.user === '' ? 'guest': loggedUser.user }}</p>
+        </span>
+        <div id="right-controls">
+          <button (click)="openSettings()" aria-label="settings" mat-icon-button>
+            <mat-icon>menu</mat-icon>
           </button>
-          <mat-menu #menu="matMenu">
-            <button (click)="openSettings()" mat-menu-item>
-              <mat-icon>settings</mat-icon>
-              <span>Settings</span>
-            </button>
-          </mat-menu>
         </div>
       </mat-toolbar-row>
     </mat-toolbar>
   </div>
   <div id="app-body" fxFlex="grow">
     <router-outlet></router-outlet>
+    <app-status-bar style="width: 100%"></app-status-bar>
   </div>
 </div>

vripper-ui/src/app/app.component.scss

@@ -1,3 +1,15 @@
+#logo {
+  height: 48px;
+  margin-right: 10px;
+  background-image: url('../assets/logo.png');
+  background-repeat: no-repeat;
+  background-size: 48px 48px;
+}
+
+#title {
+  user-select: none
+}
+
 .overlay-icon {
   font-size: 128px;
   width: 128px;
@@ -7,3 +19,7 @@
 .no-connection {
   color: #eb6060;
 }
+
+.electron {
+  margin-top: 30px;
+}

vripper-ui/src/app/app.component.scss-theme.scss

@@ -0,0 +1,11 @@
+@import '~@angular/material/theming';
+
+@mixin app-component-theme($theme) {
+
+  $background: map-get($theme, background);
+
+  button.add-button {
+
+    background-color: mat-color($background, background);
+  }
+}

vripper-ui/src/app/app.component.ts

@@ -1,29 +1,59 @@
+import { AppService } from './app.service';
+import { ClipboardService } from './clipboard.service';
+import { ElectronService } from 'ngx-electron';
 import { SettingsComponent } from './settings/settings.component';
-import { Component, OnInit } from '@angular/core';
-import { MatDialog } from '@angular/material';
+import { Component, OnInit, OnDestroy, NgZone, Renderer2, AfterViewInit } from '@angular/core';
+import { MatDialog, MatSnackBar } from '@angular/material';
 import { BreakpointObserver, BreakpointState, Breakpoints } from '@angular/cdk/layout';
-import { Observable } from 'rxjs';
+import { Observable, Subscription } from 'rxjs';
 import { WsConnectionService, WSState } from './ws-connection.service';
+import { LoggedUser } from './common/logged-user.model';
+import { WsHandler } from './ws-handler';
+import { CMD } from './common/cmd.enum';
+import { WSMessage } from './common/ws-message.model';
+import { HttpClient } from '@angular/common/http';
+import { RemoveAllResponse } from './common/remove-all-response.model';
+import { ServerService } from './server-service';
+import { ConfirmDialogComponent } from './common/confirmation-component/confirmation-dialog';
+import { filter, flatMap } from 'rxjs/operators';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss']
 })
-export class AppComponent implements OnInit {
-  constructor(public dialog: MatDialog, private breakpointObserver: BreakpointObserver, private ws: WsConnectionService) {
-    this.state = this.ws.state;
-    this.state.subscribe(e => {
-      if (e === WSState.CLOSE) {
-        this.dialog.closeAll();
-      }
-    });
+export class AppComponent implements OnInit, OnDestroy, AfterViewInit {
+  constructor(
+    public dialog: MatDialog,
+    private breakpointObserver: BreakpointObserver,
+    private ws: WsConnectionService,
+    public electronService: ElectronService,
+    private clipboardService: ClipboardService,
+    private ngZone: NgZone,
+    private httpClient: HttpClient,
+    private serverService: ServerService,
+    private _snackBar: MatSnackBar,
+    private renderer: Renderer2,
+    private appService: AppService
+  ) {
+    this.websocketHandlerPromise = this.ws.getConnection();
   }
 
-  state: Observable<WSState>;
-
+  subscriptions: Subscription[] = [];
+  websocketHandlerPromise: Promise<WsHandler>;
+  currentState: WSState;
+  themeLoaded = false;
+  loggedUser: LoggedUser = new LoggedUser(null);
   isExtraSmall: Observable<BreakpointState> = this.breakpointObserver.observe(Breakpoints.XSmall);
 
+  ngAfterViewInit() {
+    this.appService.renderer = this.renderer;
+  }
+
+  scan() {
+    this.appService.scan();
+  }
+
   openSettings(): void {
     const dialogRef = this.dialog.open(SettingsComponent, {
       width: '70%',
@@ -45,13 +75,116 @@ export class AppComponent implements OnInit {
     });
   }
 
-  noConnectionState(state: WSState): boolean {
-    return state === WSState.CLOSE;
+  noConnectionState(): boolean {
+    return this.currentState === WSState.CLOSE || this.currentState === WSState.ERROR;
   }
 
-  connecting(state: WSState): boolean {
-    return state === WSState.CONNECTING;
+  connecting(): boolean {
+    return (this.currentState === WSState.INIT || this.currentState === WSState.CONNECTING) && !this.themeLoaded ;
   }
 
-  ngOnInit() {}
+  ngOnInit() {
+    this.websocketHandlerPromise.then((handler: WsHandler) => {
+      console.log('Connecting to user stream');
+      this.subscriptions.push(
+        handler.subscribeForUser((e: LoggedUser[]) => {
+          this.ngZone.run(() => {
+            this.loggedUser = e[0];
+          });
+        })
+      );
+      handler.send(new WSMessage(CMD.USER_SUB.toString()));
+    });
+    this.currentState = WSState.INIT;
+    this.ws.state.subscribe(e => {
+      this.currentState = e;
+      if (this.currentState === WSState.CLOSE || this.currentState === WSState.ERROR) {
+        this.dialog.closeAll();
+      } else if (this.currentState === WSState.OPEN) {
+        this.clipboardService.init();
+        this.appService
+          .loadTheme()
+          .subscribe(() => this.ngZone.run(() => this.themeLoaded = true));
+      }
+    });
+  }
+
+  clear() {
+    this.ngZone.run(() => {
+      this.httpClient.post<RemoveAllResponse>(this.serverService.baseUrl + '/post/clear/all', {}).subscribe(
+        data => {
+          this._snackBar.open(`${data.removed} items cleared`, null, { duration: 5000 });
+        },
+        error => {
+          this._snackBar.open(error.error, null, {
+            duration: 5000
+          });
+        }
+      );
+    });
+  }
+
+  remove() {
+    this.ngZone.run(() => {
+      this.dialog
+        .open(ConfirmDialogComponent, {
+          maxHeight: '100vh',
+          maxWidth: '100vw',
+          height: '200px',
+          width: '60%',
+          data: { header: 'Confirmation', content: 'Are you sure you want to remove all items ?' }
+        })
+        .afterClosed()
+        .pipe(
+          filter(e => e === 'yes'),
+          flatMap(e => this.httpClient.post<RemoveAllResponse>(this.serverService.baseUrl + '/post/remove/all', {}))
+        )
+        .subscribe(
+          data => {
+            this._snackBar.open(`${data.removed} items removed`, null, { duration: 5000 });
+          },
+          error => {
+            this._snackBar.open(error.error, null, {
+              duration: 5000
+            });
+          }
+        );
+    });
+  }
+
+  stopAll() {
+    this.ngZone.run(() => {
+      this.httpClient.post(this.serverService.baseUrl + '/post/stop/all', {}).subscribe(
+        () => {
+          this._snackBar.open(`Download stopped`, null, { duration: 5000 });
+        },
+        error => {
+          this._snackBar.open(error.error, null, {
+            duration: 5000
+          });
+        }
+      );
+    });
+  }
+
+  restartAll() {
+    this.ngZone.run(() => {
+      this.httpClient.post(this.serverService.baseUrl + '/post/restart/all', {}).subscribe(
+        () => {
+          this._snackBar.open(`Download started`, null, { duration: 5000 });
+        },
+        error => {
+          this._snackBar.open(error.error, null, {
+            duration: 5000
+          });
+        }
+      );
+    });
+  }
+
+  ngOnDestroy() {
+    this.subscriptions.forEach(e => {
+      e.unsubscribe();
+    });
+  }
 }

vripper-ui/src/app/app.module.ts

@@ -1,3 +1,4 @@
+import { AppPreviewDirective } from './common/preview-tooltip.directive';
 import { WsConnectionService } from './ws-connection.service';
 import { AppService } from './app.service';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@@ -10,31 +11,53 @@ import { PostDetailComponent } from './post-detail/post-detail.component';
 import { FlexLayoutModule } from '@angular/flex-layout';
 import { AppRoutingModule } from './app-routing.module';
 import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
-import { FormsModule } from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { AgGridModule } from 'ag-grid-angular';
 import { PostProgressRendererComponent } from './posts/post-progress.renderer.component';
-import { MenuRendererComponent } from './posts/menu.renderer.component';
 import { PostDetailsProgressRendererComponent } from './post-detail/post-details-progress.component';
 import { LoginComponent } from './login/login.component';
 import { XhrInterceptorService } from './xhr-interceptor.service';
 import { HomeComponent } from './home/home.component';
 import { SettingsComponent } from './settings/settings.component';
 
+import { NgxElectronModule } from 'ngx-electron';
+import { ServerService } from './server-service';
+import { ConfirmDialogComponent } from './common/confirmation-component/confirmation-dialog';
+import { SharedService } from './posts/shared.service';
+import { MultiPostComponent } from './multi-post/multi-post.component';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { AppPreviewComponent } from './common/preview-tooltip.component';
+import { UrlRendererComponent } from './multi-post/url-renderer.component';
+import { FilterComponent } from './filter/filter.component';
+import { ScanComponent } from './scan/scan.component';
+import { StatusBarComponent } from './status-bar/status-bar.component';
+
 @NgModule({
   declarations: [
     AppComponent,
     PostsComponent,
     PostDetailComponent,
     PostProgressRendererComponent,
-    MenuRendererComponent,
     PostDetailsProgressRendererComponent,
     LoginComponent,
     HomeComponent,
-    SettingsComponent
+    SettingsComponent,
+    ConfirmDialogComponent,
+    MultiPostComponent,
+    AppPreviewComponent,
+    AppPreviewDirective,
+    UrlRendererComponent,
+    FilterComponent,
+    ScanComponent,
+    StatusBarComponent
   ],
   entryComponents: [
     PostDetailComponent,
-    SettingsComponent
+    SettingsComponent,
+    ConfirmDialogComponent,
+    // MultiPostComponent,
+    AppPreviewComponent,
+    ScanComponent
   ],
   imports: [
     BrowserAnimationsModule,
@@ -43,9 +66,22 @@ import { SettingsComponent } from './settings/settings.component';
     MaterialModule,
     FlexLayoutModule,
     AppRoutingModule,
-    AgGridModule.withComponents([PostProgressRendererComponent, MenuRendererComponent, PostDetailsProgressRendererComponent])
+    NgxElectronModule,
+    ReactiveFormsModule,
+    AgGridModule.withComponents([
+      PostProgressRendererComponent,
+      PostDetailsProgressRendererComponent,
+      UrlRendererComponent
+    ]),
+    OverlayModule
+  ],
+  providers: [
+    AppService,
+    WsConnectionService,
+    { provide: HTTP_INTERCEPTORS, useClass: XhrInterceptorService, multi: true },
+    ServerService,
+    SharedService
   ],
-  providers: [AppService, WsConnectionService, { provide: HTTP_INTERCEPTORS, useClass: XhrInterceptorService, multi: true }],
   bootstrap: [AppComponent]
 })
-export class AppModule { }
+export class AppModule {}

vripper-ui/src/app/app.service.ts

@@ -1,8 +1,79 @@
-import { Injectable } from '@angular/core';
+import { MatDialog } from '@angular/material';
+import { HttpClient } from '@angular/common/http';
+import { Injectable, Renderer2, NgZone } from '@angular/core';
+import { ServerService } from './server-service';
+import { tap } from 'rxjs/operators';
+import { ScanComponent } from './scan/scan.component';
+import { Observable } from 'rxjs';
+import { BreakpointState, Breakpoints, BreakpointObserver } from '@angular/cdk/layout';
 
 @Injectable()
 export class AppService {
+  constructor(
+    private httpClient: HttpClient,
+    private serverService: ServerService,
+    public dialog: MatDialog,
+    private breakpointObserver: BreakpointObserver,
+  ) {}
 
-  constructor() {
+  darkTheme = false;
+  _renderer: Renderer2;
+  set renderer(renderer: Renderer2) {
+    this._renderer = renderer;
+  }
+
+  isExtraSmall: Observable<BreakpointState> = this.breakpointObserver.observe(Breakpoints.XSmall);
+  isScanOpen = false;
+
+  updateTheme(darkTheme: boolean) {
+    this.darkTheme = darkTheme;
+    if (this.darkTheme) {
+      this._renderer.addClass(document.body, 'dark-theme');
+      this._renderer.removeClass(document.body, 'light-theme');
+    } else {
+      this._renderer.addClass(document.body, 'light-theme');
+      this._renderer.removeClass(document.body, 'dark-theme');
+    }
+    this.httpClient
+      .post<Theme>(this.serverService.baseUrl + '/settings/theme', {
+        darkTheme: this.darkTheme
+      })
+      .subscribe();
+  }
+
+  loadTheme() {
+    return this.httpClient
+      .get<Theme>(this.serverService.baseUrl + '/settings/theme')
+      .pipe(tap(theme => this.updateTheme(theme.darkTheme)));
+  }
+
+  scan(url?: string) {
+
+    const scanDialog = this.dialog.open(ScanComponent, {
+      width: '70%',
+      height: '70%',
+      maxWidth: '100vw',
+      maxHeight: '100vh',
+      data: {url: url}
+    });
+
+    const smallDialogSubscription = this.isExtraSmall.subscribe(result => {
+      if (result.matches) {
+        scanDialog.updateSize('100%', '100%');
+      } else {
+        scanDialog.updateSize('70%', '70%');
+      }
+    });
+
+    scanDialog.afterOpened().subscribe(() => this.isScanOpen = true);
+
+    scanDialog.afterClosed().subscribe(() => {
+      smallDialogSubscription.unsubscribe();
+      this.isScanOpen = false;
+    });
   }
 }
+
+export interface Theme {
+  darkTheme: boolean;
+}

vripper-ui/src/app/clipboard.service.spec.ts

@@ -0,0 +1,12 @@
+import { TestBed } from '@angular/core/testing';
+
+import { ClipboardService } from './clipboard.service';
+
+describe('ClipboardService', () => {
+  beforeEach(() => TestBed.configureTestingModule({}));
+
+  it('should be created', () => {
+    const service: ClipboardService = TestBed.get(ClipboardService);
+    expect(service).toBeTruthy();
+  });
+});

vripper-ui/src/app/clipboard.service.ts

@@ -0,0 +1,70 @@
+import { Subject, Observable } from 'rxjs';
+import { ElectronService } from 'ngx-electron';
+import { Injectable, OnInit } from '@angular/core';
+import { Clipboard } from 'electron';
+import { HttpClient } from '@angular/common/http';
+import { Settings } from './common/settings.model';
+import { ServerService } from './server-service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ClipboardService {
+  private links$: Subject<string> = new Subject();
+  private interval: NodeJS.Timer;
+  private lastText = '';
+  constructor(
+    private electronService: ElectronService,
+    private serverService: ServerService,
+    private httpClient: HttpClient
+  ) {}
+
+  init(settings?: Settings) {
+    if (!settings) {
+      this.httpClient.get<Settings>(this.serverService.baseUrl + '/settings').subscribe(
+        data => {
+          this._init(data);
+        },
+        error => {
+          console.error(error);
+        }
+      );
+      return;
+    } else {
+      this._init(settings);
+    }
+  }
+
+  _init(settings: Settings) {
+    if (!this.electronService.isElectronApp) {
+      console.log('Clipboard deactive, not an electron app');
+      return;
+    }
+    if (this.interval != null) {
+      clearInterval(this.interval);
+    }
+    if (!settings.desktopClipboard) {
+      return;
+    }
+
+    const clipboard: Clipboard = this.electronService.clipboard;
+    this.interval = setInterval(() => {
+      const text = clipboard.readText();
+
+      if (this.textHasDiff(text, this.lastText)) {
+        this.lastText = text;
+        if (text.indexOf('https://vipergirls.to/threads') !== -1) {
+          this.links$.next(text);
+        }
+      }
+    }, 500);
+  }
+
+  private textHasDiff(a, b) {
+    return a && b !== a;
+  }
+
+  get links(): Observable<string> {
+    return this.links$.asObservable();
+  }
+}

vripper-ui/src/app/common/cmd.enum.ts

@@ -1,6 +1,14 @@
 export enum CMD {
     POSTS_SUB = 'POSTS_SUB',
     POST_DETAILS_SUB = 'POST_DETAILS_SUB',
+    GLOBAL_STATE_SUB = 'GLOBAL_STATE_SUB',
+    SPEED_SUB = 'SPEED_SUB',
+    USER_SUB = 'USER_SUB',
+    THREAD_PARSING_SUB = 'THREAD_PARSING_SUB',
     POSTS_UNSUB = 'POSTS_UNSUB',
-    POST_DETAILS_UNSUB = 'POST_DETAILS_UNSUB'
+    POST_DETAILS_UNSUB = 'POST_DETAILS_UNSUB',
+    GLOBAL_STATE_UNSUB = 'GLOBAL_STATE_UNSUB',
+    SPEED_UNSUB = 'SPEED_UNSUB',
+    USER_UNSUB = 'USER_UNSUB',
+    THREAD_PARSING_UNSUB = 'THREAD_PARSING_UNSUB'
 }

vripper-ui/src/app/common/confirmation-component/confirmation-dialog.html

@@ -0,0 +1,8 @@
+<h1 mat-dialog-title>{{ data.header }}</h1>
+<mat-dialog-content>
+  <p>{{ data.content }}</p>
+</mat-dialog-content>
+<mat-dialog-actions align="end">
+  <button cdkFocusInitial mat-dialog-close="no" mat-raised-button>No</button>
+  <button color="primary" mat-dialog-close="yes" mat-raised-button>Yes</button>
+</mat-dialog-actions>

vripper-ui/src/app/common/confirmation-component/confirmation-dialog.ts

@@ -0,0 +1,15 @@
+import { Component, Inject } from '@angular/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+
+export interface DialogConfirmation {
+  header: string;
+  content: string;
+}
+
+@Component({
+  selector: 'app-confirmation-dialog',
+  templateUrl: 'confirmation-dialog.html'
+})
+export class ConfirmDialogComponent {
+  constructor(public dialogRef: MatDialogRef<ConfirmDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: DialogConfirmation) {}
+}

vripper-ui/src/app/common/download-path.model.ts

@@ -0,0 +1,3 @@
+export interface DownloadPath {
+    path: string;
+}

vripper-ui/src/app/common/download-speed.model.ts

@@ -0,0 +1,3 @@
+export class DownloadSpeed {
+    constructor(public speed: string) {}
+}

vripper-ui/src/app/common/global-state.model.ts

@@ -0,0 +1,3 @@
+export class GlobalState {
+    constructor(public running: number, public queued: number,  public remaining: number,  public error: number) {}
+}

vripper-ui/src/app/common/logged-user.model.ts

@@ -0,0 +1,3 @@
+export class LoggedUser {
+    constructor(public user: string) {}
+}

vripper-ui/src/app/common/preview-tooltip.component.ts

@@ -0,0 +1,37 @@
+import { Component, Input } from '@angular/core';
+import { trigger, state, style, transition, animate } from '@angular/animations';
+
+@Component({
+  selector: 'app-preview',
+  template: `
+  <div class="previews" style="display: inline-block; white-space: nowrap;">
+    <ng-container *ngFor="let link of links">
+      <img
+        [@simpleFadeAnimation]="'in'"
+        class="mat-elevation-z8"
+        [src]="link"
+      />
+    </ng-container>
+  </div>
+  `,
+  styles: [
+    `
+      img {
+        max-height: 200px;
+        max-width: 200px;
+        margin-left: 5px;
+        border: 1px solid #900000;
+      }
+    `
+  ],
+  animations: [
+    trigger('simpleFadeAnimation', [
+      state('in', style({ opacity: 1 })),
+
+      transition(':enter', [style({ opacity: 0 }), animate(300)])
+    ])
+  ]
+})
+export class AppPreviewComponent {
+  @Input() links: string[] = [];
+}

vripper-ui/src/app/common/preview-tooltip.directive.ts

@@ -0,0 +1,44 @@
+import { AppPreviewComponent } from './preview-tooltip.component';
+import { Directive, Input, HostListener, ComponentRef, OnInit, ElementRef, NgZone } from '@angular/core';
+import { OverlayRef, Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+
+@Directive({ selector: '[appPreview]' })
+export class AppPreviewDirective implements OnInit {
+  private overlayRef: OverlayRef;
+  tooltipPortal = new ComponentPortal(AppPreviewComponent);
+
+  @Input() appPreview: string[];
+
+  constructor(private overlayPositionBuilder: OverlayPositionBuilder,
+    private elementRef: ElementRef,
+    private overlay: Overlay,
+    private ngZone: NgZone) {}
+
+  ngOnInit() {
+    const positionStrategy = this.overlayPositionBuilder
+    .flexibleConnectedTo(this.elementRef)
+    .withPositions([{
+      originX: 'center',
+      originY: 'top',
+      overlayX: 'center',
+      overlayY: 'bottom',
+    }]);
+    this.overlayRef = this.overlay.create({ positionStrategy });
+  }
+
+  @HostListener('mouseenter')
+  show() {
+    this.ngZone.run(() => {
+      const tooltipRef: ComponentRef<AppPreviewComponent> = this.overlayRef.attach(this.tooltipPortal);
+      tooltipRef.instance.links = this.appPreview;
+    });
+  }
+
+  @HostListener('mouseout')
+  hide() {
+    this.ngZone.run(() => {
+      this.overlayRef.detach();
+    });
+  }
+}

vripper-ui/src/app/common/remove-all-response.model.ts

@@ -0,0 +1,4 @@
+export interface RemoveAllResponse {
+    removed: number;
+    postIds: string[];
+}

vripper-ui/src/app/common/remove-response.model.ts

@@ -0,0 +1,3 @@
+export interface RemoveResponse {
+    postId: string;
+}

vripper-ui/src/app/common/settings.model.ts

@@ -0,0 +1,10 @@
+export interface Settings {
+    downloadPath: string;
+    maxThreads: number;
+    autoStart: boolean;
+    vLogin: boolean;
+    vUsername: string;
+    vPassword: string;
+    vThanks: boolean;
+    desktopClipboard: boolean;
+  }

vripper-ui/src/app/common/vr-post-parse.model.ts

@@ -0,0 +1,15 @@
+export class VRPostParse {
+  constructor(
+    public threadId: string,
+    public postId: string,
+    public number: number,
+    public title: string,
+    public imageCount: number,
+    public url: string,
+    public previews: string[]
+  ) {}
+}
+
+export class VRThreadParseState {
+  constructor(public threadId: string, public state: string) {}
+}

vripper-ui/src/app/filter/filter.component.html

@@ -0,0 +1,3 @@
+<mat-chip-list>
+  <mat-chip (click)="select(c)" *ngFor="let c of criteria" [selected]="c.selected" color="accent">{{c.value}}</mat-chip>
+</mat-chip-list>

vripper-ui/src/app/filter/filter.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FilterComponent } from './filter.component';
+
+describe('FilterComponent', () => {
+  let component: FilterComponent;
+  let fixture: ComponentFixture<FilterComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ FilterComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(FilterComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

vripper-ui/src/app/filter/filter.component.ts

@@ -0,0 +1,26 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-filter',
+  templateUrl: './filter.component.html',
+  styleUrls: ['./filter.component.scss']
+})
+export class FilterComponent implements OnInit {
+
+  constructor() { }
+
+  criteria = [
+    {value: 'All', selected: true},
+    {value: 'Downloading', selected: false},
+    {value: 'Completed', selected: false},
+    {value: 'Error', selected: false},
+  ];
+
+  select(chip: {value: string, selected: boolean}) {
+    this.criteria.forEach(e => e.selected = false);
+    chip.selected = true;
+  }
+
+  ngOnInit() {
+  }
+}

vripper-ui/src/app/home/home.component.html

@@ -1,18 +1,11 @@
 <div *ngIf="loading" class="overlay loading" fxLayout="row" fxLayoutAlign="center center">
-  <mat-spinner></mat-spinner>
+  <mat-progress-spinner [mode]="spinnerMode" [value]="spinnerValue" style="position: absolute;"></mat-progress-spinner>
 </div>
-<div fxLayout="column" style="height: 100%">
-  <div fxFlex="nogrow">
-    <form #f="ngForm" fxLayout="row" fxLayoutAlign="center center" fxLayoutGap="20px" autocomplete="off">
-      <mat-form-field fxFlex="grow">
-        <input name="url" [(ngModel)]="input" matInput placeholder="Put a vipergirls.to link" required>
-      </mat-form-field>
-      <div>
-        <button (click)="submit(f)" type="button" mat-raised-button color="primary" [disabled]="f.invalid">Grab</button>
-      </div>
-    </form>
+<div fxLayout="column" fxLayoutGap="10px" style="height: 100%">
+  <div [fxFlex]="electronService.isElectronApp ? '0 0 calc(100% - 117px)' : '0 0 calc(100% - 90px)'">
+    <app-posts
+      [ngStyle]="{ height: electronService.isElectronApp ? 'calc(100% - 37px)' : '100%' }"
+      style="width: 100%;"
+    ></app-posts>
   </div>
-  <div fxLayout="column" fxFlex="grow">
-    <app-posts style="height: 100%; width: 100%;" fxFlex="nogrow"></app-posts>
-  </div>
-</div>
+</div>

vripper-ui/src/app/home/home.component.ts

@@ -1,43 +1,57 @@
-import { Component, OnInit, HostBinding } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { environment } from 'src/environments/environment';
-import { finalize } from 'rxjs/operators';
-import { MatSnackBar } from '@angular/material';
-import { NgForm } from '@angular/forms';
+import { AppService } from './../app.service';
+import { ElectronService } from 'ngx-electron';
+import { ClipboardService } from './../clipboard.service';
+import { Component, OnInit, OnDestroy, NgZone } from '@angular/core';
+import { MatDialog, MatSnackBar } from '@angular/material';
+import { WsConnectionService } from '../ws-connection.service';
+import { WsHandler } from '../ws-handler';
+import { Subscription } from 'rxjs';
 
 @Component({
   selector: 'app-home',
   templateUrl: './home.component.html',
   styleUrls: ['./home.component.scss']
 })
-export class HomeComponent implements OnInit {
-
-  constructor(
-    private httpClient: HttpClient,
-    private _snackBar: MatSnackBar
-  ) { }
+export class HomeComponent implements OnInit, OnDestroy {
 
   loading = false;
-  input: string;
+  spinnerMode = 'indeterminate';
+  spinnerValue = 0;
+
+  parseEndSubscription: Subscription;
+
+  constructor(
+    private clipboardService: ClipboardService,
+    public dialog: MatDialog,
+    public electronService: ElectronService,
+    private wsConnectionService: WsConnectionService,
+    private appService: AppService,
+    private _snackBar: MatSnackBar,
+    private ngZone: NgZone
+  ) {
+    this.websocketHandlerPromise = this.wsConnectionService.getConnection();
+  }
+
+  websocketHandlerPromise: Promise<WsHandler>;
 
   ngOnInit() {
-  }
-
-  submit(form: NgForm) {
-    this.loading = true;
-    this.httpClient
-      .post(environment.localhost + '/post', { url: this.input })
-      .pipe(finalize(() => {
-        this.loading = false;
-        this.input = null;
-        form.resetForm();
-      }))
-      .subscribe(data => {
-      }, error => {
-        this._snackBar.open(error.error, null, {
-          duration: 5000,
-        });
+    this.clipboardService.links.subscribe(e => {
+      this.ngZone.run(() => {
+        if (this.appService.isScanOpen) {
+          this._snackBar.open(e + ' was not processed, the app is busy parsing another thread', null, {
+            duration: 5000
+          });
+          return;
+        }
+        this.appService.scan(e);
       });
+    });
   }
 
+  view(chip) {
+    console.log(chip);
+  }
+
+  ngOnDestroy() {
+  }
 }

vripper-ui/src/app/material.module.ts

@@ -13,7 +13,10 @@ import {
     MatCardModule,
     MatSlideToggleModule,
     MatSnackBarModule,
-    MatSnackBar
+    MatSnackBar,
+    MatTabsModule,
+    MatDividerModule,
+    MatChipsModule
 } from '@angular/material';
 
 @NgModule({
@@ -30,7 +33,10 @@ import {
         MatDialogModule,
         MatCardModule,
         MatSlideToggleModule,
-        MatSnackBarModule
+        MatSnackBarModule,
+        MatTabsModule,
+        MatDividerModule,
+        MatChipsModule
     ],
     providers: [MatSnackBar]
 })

vripper-ui/src/app/multi-post/multi-post.component.html

@@ -0,0 +1,14 @@
+<div fxLayout="column" style="height: 100%;">
+  <div fxFlex="nogrow">
+    <form autocomplete="off" fxLayout="row" fxLayoutAlign="left center" fxLayoutGap="20px">
+      <mat-form-field fxFlex="1 1 50%">
+        <input (ngModelChange)="search($event)" matInput name="search" ngModel placeholder="Search"/>
+      </mat-form-field>
+    </form>
+  </div>
+  <ag-grid-angular [gridOptions]="gridOptions" class="ag-theme-material" style="width: 100%; height: 100%;">
+  </ag-grid-angular>
+  <div style="height: 4px; width: 100%; padding: 5px 0 0">
+    <mat-progress-bar *ngIf="loading" mode="indeterminate"></mat-progress-bar>
+  </div>
+</div>

vripper-ui/src/app/multi-post/multi-post.component.scss

@@ -0,0 +1,9 @@
+$cell-space: 8px;
+
+.title-cell {
+    margin-right: $cell-space;
+}
+
+.progress-cell {
+    margin-left: $cell-space;
+}

vripper-ui/src/app/multi-post/multi-post.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MultiPostComponent } from './multi-post.component';
+
+describe('MultiPostComponent', () => {
+  let component: MultiPostComponent;
+  let fixture: ComponentFixture<MultiPostComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ MultiPostComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(MultiPostComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

vripper-ui/src/app/multi-post/multi-post.component.ts

@@ -0,0 +1,160 @@
+import { VRPostParse, VRThreadParseState } from './../common/vr-post-parse.model';
+import { Component, OnInit, NgZone, OnDestroy, Input, Output, EventEmitter } from '@angular/core';
+import { MatSnackBar } from '@angular/material';
+import { GridOptions } from 'ag-grid-community';
+import { UrlRendererComponent } from './url-renderer.component';
+import { WsHandler } from '../ws-handler';
+import { Subscription } from 'rxjs';
+import { WSMessage } from '../common/ws-message.model';
+import { CMD } from '../common/cmd.enum';
+import { WsConnectionService } from '../ws-connection.service';
+import { HttpClient } from '@angular/common/http';
+import { ServerService } from '../server-service';
+
+@Component({
+  selector: 'app-multi-post',
+  templateUrl: './multi-post.component.html',
+  styleUrls: ['./multi-post.component.scss']
+})
+export class MultiPostComponent implements OnInit, OnDestroy {
+
+  @Input()
+  threadId: string;
+
+  @Output()
+  done: EventEmitter<boolean> = new EventEmitter();
+
+  gridOptions: GridOptions;
+  websocketHandlerPromise: Promise<WsHandler>;
+  subscription: Subscription;
+  loading = true;
+
+  constructor(
+    private ngZone: NgZone,
+    private _snackBar: MatSnackBar,
+    private wsConnectionService: WsConnectionService,
+    private httpClient: HttpClient,
+    private serverService: ServerService
+  ) {
+    this.websocketHandlerPromise = this.wsConnectionService.getConnection();
+  }
+
+  ngOnInit(): void {
+    this.gridOptions = <GridOptions>{
+      columnDefs: [
+        {
+          headerName: 'Number',
+          field: 'number',
+          cellClass: 'no-padding',
+          maxWidth: 100,
+          checkboxSelection: true,
+          headerCheckboxSelection: true,
+          headerCheckboxSelectionFilteredOnly: false,
+          sort: 'asc'
+        },
+        {
+          headerName: 'Title',
+          field: 'title',
+          cellClass: 'no-padding'
+        },
+        {
+          headerName: 'URL',
+          field: 'url',
+          cellClass: 'no-padding',
+          cellRenderer: 'urlCellRenderer'
+        }
+      ],
+      defaultColDef: {
+        sortable: true
+      },
+      frameworkComponents: {
+        urlCellRenderer: UrlRendererComponent
+      },
+      rowSelection: 'multiple',
+      rowMultiSelectWithClick: true,
+      suppressRowClickSelection: true,
+      rowHeight: 48,
+      animateRows: true,
+      rowData: [],
+      overlayLoadingTemplate: '<span></span>',
+      overlayNoRowsTemplate: '<span></span>',
+      getRowNodeId: data => data['url'],
+      onGridReady: () => {
+        this.gridOptions.api.sizeColumnsToFit();
+        this.connect();
+      },
+      onGridSizeChanged: () => this.gridOptions.api.sizeColumnsToFit(),
+      onRowDataUpdated: () => this.gridOptions.api.sizeColumnsToFit()
+    };
+  }
+
+  ngOnDestroy() {
+    this.unsubscribe();
+  }
+
+  search(event) {
+    this.gridOptions.api.setQuickFilter(event);
+  }
+
+  private unsubscribe() {
+    if (this.subscription != null) {
+      this.subscription.unsubscribe();
+    }
+    this.websocketHandlerPromise.then((handler: WsHandler) => {
+      handler.send(new WSMessage(CMD.THREAD_PARSING_UNSUB.toString()));
+    });
+  }
+
+  connect() {
+    this.websocketHandlerPromise.then((handler: WsHandler) => {
+      console.log('Connecting to thread parsing');
+      this.subscription = handler.subscribeForThreadParsing(
+        (states: Array<VRThreadParseState>, data: Array<VRPostParse>) => {
+          if (data[0].threadId === this.threadId) {
+            this.gridOptions.api.updateRowData({ add: data });
+          }
+
+          if (states.length > 0 && states[states.length - 1].state === 'END' && states[0].threadId === this.threadId) {
+            this.ngZone.run(() => {
+              this.loading = false;
+              if (this.gridOptions.api.getDisplayedRowCount() === 1) {
+                this.addPosts(
+                  [this.gridOptions.api.getDisplayedRowAtIndex(0).data].map(e => ({
+                    threadId: e.threadId,
+                    postId: e.postId
+                  }))
+                );
+                this.done.emit(true);
+              }
+            });
+          }
+        }
+      );
+      handler.send(new WSMessage(CMD.THREAD_PARSING_SUB.toString(), this.threadId));
+    });
+  }
+
+  submit() {
+    const data = (<VRPostParse[]>this.gridOptions.api.getSelectedRows()).map(e => ({
+      postId: e.postId,
+      threadId: this.threadId
+    }));
+    this.addPosts(data);
+  }
+
+  addPosts(data: { postId: string; threadId: string }[]) {
+    this.httpClient.post(this.serverService.baseUrl + '/post/add', data).subscribe(
+      () => {
+        this._snackBar.open('Adding posts to queue', null, {
+          duration: 5000
+        });
+        this.done.emit();
+      },
+      error => {
+        this._snackBar.open(error.error, null, {
+          duration: 5000
+        });
+      }
+    );
+  }
+}

vripper-ui/src/app/multi-post/url-renderer.component.ts

@@ -0,0 +1,41 @@
+import { Component, OnInit, OnDestroy } from '@angular/core';
+import { AgRendererComponent } from 'ag-grid-angular';
+import { ICellRendererParams } from 'ag-grid-community';
+import { VRPostParse } from '../common/vr-post-parse.model';
+import { ElectronService } from 'ngx-electron';
+
+@Component({
+  selector: 'app-url-cell',
+  template: `
+    <a href="javascript:void(0)" [appPreview]="postResult.previews" (click)="goTo()"
+      >https://vipergirls/threads/?p={{ postResult.postId }}</a
+    >
+  `
+})
+export class UrlRendererComponent implements OnInit, OnDestroy, AgRendererComponent {
+  constructor(public electronService: ElectronService) {}
+
+  postResult: VRPostParse;
+  params: ICellRendererParams;
+
+  ngOnInit(): void {}
+
+  ngOnDestroy(): void {}
+
+  agInit(params: ICellRendererParams): void {
+    this.params = params;
+    this.postResult = this.params.data;
+  }
+
+  refresh(params: ICellRendererParams): boolean {
+    return false;
+  }
+
+  goTo() {
+    if (this.electronService.isElectronApp) {
+      this.electronService.shell.openExternal(this.postResult.url);
+    } else {
+      window.open(this.postResult.url, '_blank');
+    }
+  }
+}

vripper-ui/src/app/post-detail/post-detail.component.ts

@@ -1,7 +1,7 @@
 import { PostDetailsProgressRendererComponent } from './post-details-progress.component';
 import { WsConnectionService } from './../ws-connection.service';
-import { Component, OnInit, ViewChild, Inject, OnDestroy } from '@angular/core';
-import { MatSort, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+import { Component, OnInit, Inject, OnDestroy, NgZone } from '@angular/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
 import { PostDetailsDataSource } from './post-details.datasource';
 import { PostState } from '../posts/post-state.model';
 import { GridOptions } from 'ag-grid-community';
@@ -16,7 +16,8 @@ export class PostDetailComponent implements OnInit, OnDestroy {
   constructor(
     public dialogRef: MatDialogRef<PostDetailComponent>,
     @Inject(MAT_DIALOG_DATA) public dialogData: PostState,
-    private wsConnection: WsConnectionService) {
+    private wsConnection: WsConnectionService,
+    private zone: NgZone) {
 
     this.gridOptions = <GridOptions> {
       columnDefs: [
@@ -24,12 +25,12 @@ export class PostDetailComponent implements OnInit, OnDestroy {
           headerName: 'URL',
           field: 'url',
           sortable: true,
-          tooltipField: 'url',
           cellRenderer: 'progressCellRenderer',
           cellClass: 'no-padding'
         }
       ],
       rowHeight: 48,
+      animateRows: true,
       rowData: [],
       frameworkComponents: {
         progressCellRenderer: PostDetailsProgressRendererComponent
@@ -39,7 +40,7 @@ export class PostDetailComponent implements OnInit, OnDestroy {
       getRowNodeId: (data) => data['url'],
       onGridReady: () => {
         this.gridOptions.api.sizeColumnsToFit();
-        this.dataSource = new PostDetailsDataSource(this.wsConnection, this.gridOptions, this.dialogData.postId);
+        this.dataSource = new PostDetailsDataSource(this.wsConnection, this.gridOptions, this.dialogData.postId, this.zone);
         this.dataSource.connect();
       },
       onGridSizeChanged: () => this.gridOptions.api.sizeColumnsToFit(),

vripper-ui/src/app/post-detail/post-details-progress.component.html

@@ -0,0 +1,27 @@
+<div class="container" style="height: 100%; background-color: white">
+  <div
+    class="progress-bar-back"
+    style="position: relative; height: 100%;"
+  >
+    <div
+      class="progress-foreground"
+      fxLayout="row"
+      fxLayoutAlign="space-between"
+      style="background-color: transparent; width: 100%; height: 100%;"
+    >
+      <div class="progress-bar" style="position: absolute; width: 100%; top: 37px; padding: 0 20px">
+        <mat-progress-bar [value]="postDetails.progress" class="example-margin" color="primary" mode="determinate">
+        </mat-progress-bar>
+      </div>
+      <span fxLayout="row">
+        <span style="padding-left: 20px"
+        ><a (click)="goTo()" href="javascript:void(0)" style="color: rgba(0, 0, 0, 0.87);">{{
+            postDetails.url
+          }}</a></span
+        >
+        <span class="filler" fxFlex="grow"></span>
+      </span>
+      <span class="progress-percentage" style="padding-right: 20px">{{ trunc(postDetails.progress) + '%' }}</span>
+    </div>
+  </div>
+</div>

vripper-ui/src/app/post-detail/post-details-progress.component.scss-theme.scss

@@ -0,0 +1,13 @@
+@import '~@angular/material/theming';
+
+@mixin post-detail-renderer-component-theme($theme) {
+  $blue: mat-palette($mat-blue);
+
+  .progress-bar .mat-progress-bar-fill::after {
+    background-color: mat-color($blue, 300);
+  }
+
+  .progress-bar .mat-progress-bar-buffer {
+    background-color: mat-color($blue, 100);
+  }
+}

vripper-ui/src/app/post-detail/post-details-progress.component.ts

@@ -1,69 +1,29 @@
 import { WsConnectionService } from '../ws-connection.service';
-import { Component, OnInit, OnDestroy } from '@angular/core';
+import { Component, OnInit, OnDestroy, NgZone } from '@angular/core';
 import { AgRendererComponent } from 'ag-grid-angular';
 import { Subscription } from 'rxjs';
 import { PostDetails } from './post-details.model';
+import { WsHandler } from '../ws-handler';
+import { ICellRendererParams } from 'ag-grid-community';
+import { ElectronService } from 'ngx-electron';
 
 @Component({
-  selector: 'app-progress-cell',
-  template: `
-    <div style="height: 100%;">
-      <div
-        class="progress-bar"
-        [ngClass]="{
-          complete: postDetails.status === 'COMPLETE',
-          downloading: postDetails.status === 'DOWNLOADING'
-        }"
-        [style.width]="trunc(postDetails.progress) + '%'"
-      ></div>
-      <div
-        class="progress-bar-back"
-        fxLayout="row"
-        fxLayoutAlign="space-between"
-        [ngClass]="{ error: postDetails.status === 'ERROR', stopped: postDetails.status === 'STOPPED' }"
-      >
-        <div>{{ postDetails.url }}</div>
-        <div>{{ trunc(postDetails.progress) + '%' }}</div>
-      </div>
-    </div>
-  `,
-  styles: [
-    `
-      .progress-bar-back {
-        position: relative;
-        height: 45px;
-        bottom: 45px;
-        padding: 0 8px;
-        transition: background-color 0.5s;
-      }
-      .progress-bar {
-        background-color: #87a2c7;
-        height: 100%;
-        transition: width 0.5s, background-color 0.5s;
-      }
-      .complete {
-        background-color: #3865a3;
-      }
-      .pending {
-        background-color: #a8a8a8;
-      }
-      .error {
-        background-color: #eb6060;
-      }
-      .downloading {
-        background-color: #87a2c7;
-      }
-      .stopped {
-        background-color: grey;
-      }
-    `
-  ]
+  selector: 'app-details-cell',
+  templateUrl: 'post-details-progress.component.html',
+  styleUrls: ['post-details-progress.component.scss']
 })
 export class PostDetailsProgressRendererComponent implements AgRendererComponent, OnInit, OnDestroy {
-  constructor(private wsConnectionService: WsConnectionService) {}
+  constructor(
+    private wsConnectionService: WsConnectionService,
+    private zone: NgZone,
+    public electronService: ElectronService
+  ) {
+    this.websocketHandlerPromise = this.wsConnectionService.getConnection();
+  }
 
+  websocketHandlerPromise: Promise<WsHandler>;
   subscription: Subscription;
-  params: any;
+  params: ICellRendererParams;
   postDetails: PostDetails;
 
   trunc(value: number): number {
@@ -71,26 +31,39 @@ export class PostDetailsProgressRendererComponent implements AgRendererComponent
   }
 
   ngOnInit(): void {
-    this.subscription = this.wsConnectionService.subscribeForPostDetails(e => {
-      e.forEach(v => {
-        if (this.postDetails.url === v.url) {
-          this.postDetails = v;
-        }
+    this.websocketHandlerPromise.then((handler: WsHandler) => {
+      this.subscription = handler.subscribeForPostDetails(e => {
+        this.zone.run(() => {
+          e.forEach(v => {
+            if (this.postDetails.url === v.url) {
+              this.postDetails = v;
+            }
+          });
+        });
       });
     });
   }
 
-  ngOnDestroy(): void {
-    this.subscription.unsubscribe();
+  goTo() {
+    if (this.electronService.isElectronApp) {
+      this.electronService.shell.openExternal(this.postDetails.url);
+    } else {
+      window.open(this.postDetails.url, '_blank');
+    }
   }
 
-  agInit(params: any): void {
+  ngOnDestroy(): void {
+    if (this.subscription != null) {
+      this.subscription.unsubscribe();
+    }
+  }
+
+  agInit(params: ICellRendererParams): void {
     this.params = params;
     this.postDetails = params.data;
   }
 
-  refresh(params: any): boolean {
-    this.postDetails = params.data;
-    return true;
+  refresh(params: ICellRendererParams): boolean {
+    return false;
   }
 }

vripper-ui/src/app/post-detail/post-details.datasource.ts

@@ -1,46 +1,54 @@
+import { WsHandler } from './../ws-handler';
 import { GridOptions } from 'ag-grid-community';
-import { Subject, Subscription } from 'rxjs';
+import { Subscription } from 'rxjs';
 import { WsConnectionService, WSState } from '../ws-connection.service';
 import { WSMessage } from '../common/ws-message.model';
 import { CMD } from '../common/cmd.enum';
-declare var SockJS;
+import { NgZone } from '@angular/core';
 
 export class PostDetailsDataSource {
+  constructor(
+    private wsConnectionService: WsConnectionService,
+    private gridOptions: GridOptions,
+    private postId: string,
+    private zone: NgZone
+    ) {
+    this.websocketHandlerPromise = wsConnectionService.getConnection();
+  }
 
-    constructor(private websocketConnection: WsConnectionService, private gridOptions: GridOptions, private postId: string) {
-        this.websocket = websocketConnection.getConnection();
-    }
+  websocketHandlerPromise: Promise<WsHandler>;
 
-    websocket: Subject<any>;
+  subscriptions: Subscription[] = [];
 
-    subscriptions: Subscription[] = [];
-
-    connect() {
-
-        console.log('Connecting to post details datasource');
-        this.subscriptions.push(this.websocketConnection.subscribeForPostDetails(e => {
+  connect() {
+    console.log('Connecting to post details datasource');
+    this.websocketHandlerPromise.then((handler: WsHandler) => {
+      this.subscriptions.push(
+        handler.subscribeForPostDetails(e => {
+          this.zone.run(() => {
             const toAdd = [];
             const toUpdate = [];
             e.forEach(v => {
-                if (this.gridOptions.api.getRowNode(v.url) == null) {
-                    toAdd.push(v);
-                } else {
-                    toUpdate.push(v);
-                }
+              if (this.gridOptions.api.getRowNode(v.url) == null) {
+                toAdd.push(v);
+              } else {
+                toUpdate.push(v);
+              }
             });
             this.gridOptions.api.updateRowData({ update: toUpdate, add: toAdd });
-        }));
+          });
+        })
+      );
 
-        this.subscriptions.push(this.websocketConnection.state.subscribe((e) => {
-            if (e === WSState.OPEN) {
-                this.websocket.next(new WSMessage(CMD.POST_DETAILS_SUB.toString(), this.postId));
-            }
-        }));
-    }
+      handler.send(new WSMessage(CMD.POST_DETAILS_SUB.toString(), this.postId));
+    });
+  }
 
-    disconnect() {
-        console.log('Disconnecting from post details datasource');
-        this.subscriptions.forEach(e => e.unsubscribe());
-        this.websocket.next(new WSMessage(CMD.POST_DETAILS_UNSUB.toString()));
-    }
+  disconnect() {
+    console.log('Disconnecting from post details datasource');
+    this.subscriptions.forEach(e => e.unsubscribe());
+    this.websocketHandlerPromise.then((handler: WsHandler) => {
+      handler.send(new WSMessage(CMD.POST_DETAILS_UNSUB.toString()));
+    });
+  }
 }

vripper-ui/src/app/posts/menu.renderer.component.ts

@@ -1,126 +0,0 @@
-import { Component, OnInit, OnDestroy } from '@angular/core';
-import { AgRendererComponent } from 'ag-grid-angular';
-import { PostState } from './post-state.model';
-import { PostDetailComponent } from '../post-detail/post-detail.component';
-import { MatDialog } from '@angular/material';
-import { environment } from 'src/environments/environment';
-import { HttpClient } from '@angular/common/http';
-import { BreakpointObserver, BreakpointState, Breakpoints } from '@angular/cdk/layout';
-import { Observable, Subscription } from 'rxjs';
-import { WsConnectionService } from '../ws-connection.service';
-
-@Component({
-  selector: 'app-menu-cell',
-  template: `
-    <div fxLayout="column" fxLayoutAlign="center center" style="height: 100%">
-      <button fxFlex="nogrow" mat-icon-button [matMenuTriggerFor]="menu">
-        <mat-icon>more_vert</mat-icon>
-      </button>
-    </div>
-
-    <mat-menu #menu="matMenu">
-      <button
-        *ngIf="
-          postData.status === 'PENDING' ||
-          postData.status === 'COMPLETE' ||
-          postData.status === 'ERROR' ||
-          postData.status === 'STOPPED'
-        "
-        (click)="restart()"
-        mat-menu-item
-      >
-        <mat-icon>play_arrow</mat-icon>
-        <span>Start</span>
-      </button>
-      <button *ngIf="postData.status === 'DOWNLOADING' || postData.status === 'PARTIAL'" (click)="stop()" mat-menu-item>
-        <ng-container>
-          <mat-icon>stop</mat-icon>
-          <span>Stop</span>
-        </ng-container>
-      </button>
-      <button (click)="seeDetails()" mat-menu-item>
-        <mat-icon>details</mat-icon>
-        <span>Details</span>
-      </button>
-    </mat-menu>
-  `
-})
-export class MenuRendererComponent implements OnInit, OnDestroy, AgRendererComponent {
-  isExtraSmall: Observable<BreakpointState> = this.breakpointObserver.observe(Breakpoints.XSmall);
-
-  params: any;
-
-  postData: PostState;
-
-  subscription: Subscription;
-
-  constructor(
-    public dialog: MatDialog,
-    private httpClient: HttpClient,
-    private breakpointObserver: BreakpointObserver,
-    private wsConnectionService: WsConnectionService
-  ) {}
-
-  ngOnInit(): void {
-    this.subscription = this.wsConnectionService.subscribeForPosts(e => {
-      e.forEach(v => {
-        if (this.postData.postId === v.postId) {
-          this.postData = v;
-        }
-      });
-    });
-  }
-
-  ngOnDestroy(): void {
-    this.subscription.unsubscribe();
-  }
-
-  seeDetails() {
-    const dialogRef = this.dialog.open(PostDetailComponent, {
-      width: '90%',
-      height: '90%',
-      maxWidth: '100vw',
-      maxHeight: '100vh',
-      data: this.postData
-    });
-
-    const smallDialogSubscription = this.isExtraSmall.subscribe(result => {
-      if (result.matches) {
-        dialogRef.updateSize('100%', '100%');
-      } else {
-        dialogRef.updateSize('90%', '90%');
-      }
-    });
-
-    dialogRef.afterClosed().subscribe(() => {
-      smallDialogSubscription.unsubscribe();
-    });
-  }
-
-  restart() {
-    this.httpClient.post(environment.localhost + '/post/restart', { postId: this.postData.postId }).subscribe(
-      data => {},
-      error => {
-        console.error(error);
-      }
-    );
-  }
-
-  stop() {
-    this.httpClient.post(environment.localhost + '/post/stop', { postId: this.postData.postId }).subscribe(
-      data => {},
-      error => {
-        console.error(error);
-      }
-    );
-  }
-
-  agInit(params: any): void {
-    this.params = params;
-    this.postData = params.data;
-  }
-
-  refresh(params: any): boolean {
-    return false;
-  }
-}

vripper-ui/src/app/posts/post-progress.renderer.component.html

@@ -0,0 +1,104 @@
+<div class="container" style="height: 100%; background-color: white">
+  <div
+    [ngClass]="{
+      'error-back': postState.status === 'ERROR',
+      'downloading-back': postState.status === 'DOWNLOADING' || postState.status === 'PARTIAL',
+      'complete-back': postState.status === 'COMPLETE'
+    }"
+    class="progress-bar-back"
+    style="position: relative; height: 100%; max-height: 48px;"
+  >
+    <div
+      class="progress-foreground"
+      fxLayout="row"
+      fxLayoutAlign="space-between"
+      style="background-color: transparent; width: 100%; height: 100%;"
+    >
+      <div class="progress-bar" color="accent" style="position: absolute; width: 100%; top: 37px; padding: 0 50px">
+        <mat-progress-bar [value]="postState.progress" class="example-margin" color="primary" mode="determinate">
+        </mat-progress-bar>
+      </div>
+      <span fxLayout="row">
+        <span (click)="toggleExpand()" class="chevron">
+          <button *ngIf="expanded; else notExpanded" mat-icon-button>
+            <mat-icon>expand_more</mat-icon>
+          </button>
+          <ng-template #notExpanded>
+            <button mat-icon-button>
+              <mat-icon>chevron_right</mat-icon>
+            </button>
+          </ng-template>
+        </span>
+        <span>{{ postState.title }}</span>
+        <span class="filler" fxFlex="grow"></span>
+      </span>
+      <span>
+        <span class="progress-percentage">{{ postState.done + '/' + postState.total }}</span>
+        <button [matMenuTriggerFor]="menu" mat-icon-button>
+          <mat-icon>more_vert</mat-icon>
+        </button>
+        <mat-menu #menu="matMenu">
+          <button
+            (click)="restart()"
+            *ngIf="
+              postState.status === 'PENDING' ||
+              (postState.status === 'COMPLETE' && postState.progress !== 100) ||
+              postState.status === 'ERROR' ||
+              postState.status === 'STOPPED'
+            "
+            mat-menu-item
+          >
+            <mat-icon>play_arrow</mat-icon>
+            <span>Start</span>
+          </button>
+          <button
+            (click)="stop()"
+            *ngIf="postState.status === 'DOWNLOADING' || postState.status === 'PARTIAL'"
+            mat-menu-item
+          >
+            <ng-container>
+              <mat-icon>stop</mat-icon>
+              <span>Stop</span>
+            </ng-container>
+          </button>
+          <button (click)="seeDetails()" mat-menu-item>
+            <mat-icon>list</mat-icon>
+            <span>Details</span>
+          </button>
+          <button (click)="remove()" mat-menu-item>
+            <mat-icon>delete</mat-icon>
+            <span>Remove</span>
+          </button>
+          <button (click)="open()" *ngIf="electronService.isElectronApp" mat-menu-item>
+            <mat-icon>open_in_new</mat-icon>
+            <span>Download Location</span>
+          </button>
+        </mat-menu>
+      </span>
+    </div>
+  </div>
+  <section *ngIf="expanded">
+    <div class="details table">
+      <div class="row" style="display: table-row">
+        <h4 class="cell attribute">Status:</h4>
+        <p class="cell value">
+          {{ postState.status | titlecase }}
+        </p>
+      </div>
+      <div class="row" style="display: table-row">
+        <h4 class="cell attribute">Post URL:</h4>
+        <p class="cell value">
+          <a (click)="goTo()" [appPreview]="postState.previews" href="javascript:void(0)"
+          >https://vipergirls/threads/?p={{ postState.postId }}</a
+          >
+        </p>
+      </div>
+      <div style="display: table-row">
+        <h4 class="cell attribute">Host:</h4>
+        <p class="cell value">
+          {{ postState.hosts }}
+        </p>
+      </div>
+    </div>
+  </section>
+</div>

vripper-ui/src/app/posts/post-progress.renderer.component.scss

@@ -0,0 +1,28 @@
+.progress-bar-back {
+  transition: background-color 0.5s;
+}
+
+.table {
+  display: table;
+}
+.row {
+  display: table-row;
+}
+.cell {
+  display: table-cell;
+}
+
+section {
+  width: 100%;
+  position: absolute;
+  top: 48px;
+  padding: 10px;
+}
+
+.details {
+  line-height: 24px;
+}
+
+.value {
+  padding-left: 5px;
+}

vripper-ui/src/app/posts/post-progress.renderer.component.scss-theme.scss

@@ -0,0 +1,45 @@
+@import '~@angular/material/theming';
+
+@mixin post-progress-renderer-component-theme($theme) {
+  $red: mat-palette($mat-red);
+  $grey: mat-palette($mat-grey);
+  $green: mat-palette($mat-green);
+
+  app-progress-cell .progress-bar .mat-progress-bar-fill::after {
+    background-color: mat-color($grey, 300);
+  }
+
+  app-progress-cell .progress-bar .mat-progress-bar-buffer {
+    background-color: mat-color($grey, 100);
+  }
+
+  app-progress-cell .error-back {
+    background-color: mat-color($red, 50);
+    & .progress-bar .mat-progress-bar-fill::after {
+      background-color: mat-color($red, 300);
+    }
+    & .progress-bar .mat-progress-bar-buffer {
+      background-color: mat-color($red, 100);
+    }
+  }
+
+  app-progress-cell .downloading-back {
+    background-color: mat-color($green, 50);
+    & .progress-bar .mat-progress-bar-fill::after {
+      background-color: mat-color($green, 300);
+    }
+    & .progress-bar .mat-progress-bar-buffer {
+      background-color: mat-color($green, 100);
+    }
+  }
+
+  app-progress-cell .complete-back {
+    background-color: mat-color($green, 100);
+    & .progress-bar .mat-progress-bar-fill::after {
+      background-color: mat-color($green, 300);
+    }
+    & .progress-bar .mat-progress-bar-buffer {
+      background-color: mat-color($green, 100);
+    }
+  }
+}

vripper-ui/src/app/posts/post-progress.renderer.component.ts

@@ -1,101 +1,224 @@
+import { SharedService } from './shared.service';
 import { WsConnectionService } from '../ws-connection.service';
 import { PostState } from './post-state.model';
-import { Component, OnInit, OnDestroy } from '@angular/core';
+import { Component, OnInit, OnDestroy, NgZone } from '@angular/core';
 import { AgRendererComponent } from 'ag-grid-angular';
-import { Subscription } from 'rxjs';
+import { Subscription, Observable } from 'rxjs';
+import { WsHandler } from '../ws-handler';
+import { ICellRendererParams } from 'ag-grid-community';
+import { ElectronService } from 'ngx-electron';
+import { BreakpointState, Breakpoints, BreakpointObserver } from '@angular/cdk/layout';
+import { MatDialog, MatSnackBar } from '@angular/material';
+import { PostDetailComponent } from '../post-detail/post-detail.component';
+import { HttpClient } from '@angular/common/http';
+import { ServerService } from '../server-service';
+import { ConfirmDialogComponent } from '../common/confirmation-component/confirmation-dialog';
+import { filter, flatMap } from 'rxjs/operators';
+import { RemoveResponse } from '../common/remove-response.model';
+import { DownloadPath } from '../common/download-path.model';
 
 @Component({
   selector: 'app-progress-cell',
-  template: `
-    <div style="height: 100%;">
-      <div
-        class="progress-bar"
-        [ngClass]="{
-          complete: postState.status === 'COMPLETE',
-          downloading: postState.status === 'DOWNLOADING',
-          stopped: postState.status === 'STOPPED',
-          partial: postState.status === 'PARTIAL'
-        }"
-        [style.width]="trunc(postState.progress) + '%'"
-      ></div>
-      <div
-        class="progress-bar-back"
-        fxLayout="row"
-        fxLayoutAlign="space-between"
-        [ngClass]="{ error: postState.status === 'ERROR' }"
-      >
-        <div>{{ postState.title }}</div>
-        <div>{{ trunc(postState.progress) + '%' }}</div>
-      </div>
-    </div>
-  `,
-  styles: [
-    `
-      .progress-bar-back {
-        position: relative;
-        height: 45px;
-        bottom: 45px;
-        padding: 0 8px;
-        transition: background-color 0.5s;
-      }
-      .progress-bar {
-        background-color: #87a2c7;
-        height: 100%;
-        transition: width 0.5s, background-color 0.5s;
-      }
-      .complete {
-        background-color: #3865a3;
-      }
-      .pending {
-        background-color: #a8a8a8;
-      }
-      .error {
-        background-color: #eb6060;
-      }
-      .downloading {
-        background-color: #87a2c7;
-      }
-      .stopped {
-        background-color: grey;
-      }
-      .partial {
-          background-color: #ffcc00;
-      }
-    `
-  ]
+  templateUrl: 'post-progress.renderer.component.html',
+  styleUrls: ['post-progress.renderer.component.scss']
 })
 export class PostProgressRendererComponent implements AgRendererComponent, OnInit, OnDestroy {
-  params: any;
-  postState: PostState;
-  subscription: Subscription;
+  constructor(
+    private wsConnectionService: WsConnectionService,
+    private zone: NgZone,
+    private sharedService: SharedService,
+    public electronService: ElectronService,
+    private breakpointObserver: BreakpointObserver,
+    public dialog: MatDialog,
+    private httpClient: HttpClient,
+    private serverService: ServerService,
+    private _snackBar: MatSnackBar,
+  ) {
+    this.websocketHandlerPromise = this.wsConnectionService.getConnection();
+    if (this.electronService.isElectronApp) {
+      this.fs = this.electronService.remote.require('fs');
+    }
+  }
 
-  constructor(private wsConnectionService: WsConnectionService) {}
+  websocketHandlerPromise: Promise<WsHandler>;
+  params: ICellRendererParams;
+  postState: PostState;
+  updatesSubscription: Subscription;
+  expandSubscription: Subscription;
+  expanded = false;
+  isExtraSmall: Observable<BreakpointState> = this.breakpointObserver.observe(Breakpoints.XSmall);
+  fs;
 
   trunc(value: number): number {
     return Math.trunc(value);
   }
 
   ngOnInit(): void {
-    this.subscription = this.wsConnectionService.subscribeForPosts(e => {
-      e.forEach(v => {
-        if (this.postState.postId === v.postId) {
-          this.postState = v;
-        }
+    this.websocketHandlerPromise.then((handler: WsHandler) => {
+      this.updatesSubscription = handler.subscribeForPosts(e => {
+        this.zone.run(() => {
+          e.forEach(v => {
+            if (this.postState.postId === v.postId) {
+              this.postState = v;
+            }
+          });
+        });
       });
     });
+    this.expandSubscription = this.sharedService.expandedPost.subscribe(postId => {
+      if (this.expanded && this.postState.postId !== postId) {
+        this.toggleExpand();
+      }
+    });
   }
 
   ngOnDestroy(): void {
-    this.subscription.unsubscribe();
+    if (this.updatesSubscription != null) {
+      this.updatesSubscription.unsubscribe();
+
+    }
+    if (this.expandSubscription != null) {
+      this.expandSubscription.unsubscribe();
+    }
   }
 
-  agInit(params: any): void {
+  agInit(params: ICellRendererParams): void {
     this.params = params;
     this.postState = params.data;
+    this.params.node.setRowHeight(48);
   }
 
-  refresh(params: any): boolean {
-    this.postState = params.data;
-    return true;
+  refresh(params: ICellRendererParams): boolean {
+    return false;
+  }
+
+  toggleExpand() {
+    if (this.expanded) {
+      this.params.node.setRowHeight(48);
+    } else {
+      this.params.node.setRowHeight(130);
+      this.sharedService.publishExpanded(this.postState.postId);
+    }
+    this.params.api.onRowHeightChanged();
+    this.expanded = !this.expanded;
+  }
+
+  goTo() {
+    if (this.electronService.isElectronApp) {
+      this.electronService.shell.openExternal(this.postState.url);
+    } else {
+      window.open(this.postState.url, '_blank');
+    }
+  }
+
+  seeDetails() {
+    const dialogRef = this.dialog.open(PostDetailComponent, {
+      width: '90%',
+      height: '90%',
+      maxWidth: '100vw',
+      maxHeight: '100vh',
+      data: this.postState
+    });
+
+    const smallDialogSubscription = this.isExtraSmall.subscribe(result => {
+      if (result.matches) {
+        dialogRef.updateSize('100%', '100%');
+      } else {
+        dialogRef.updateSize('90%', '90%');
+      }
+    });
+
+    dialogRef.afterClosed().subscribe(() => {
+      if (smallDialogSubscription != null) {
+        smallDialogSubscription.unsubscribe();
+      }
+    });
+  }
+
+  restart() {
+    this.httpClient.post(this.serverService.baseUrl + '/post/restart', { postId: this.postState.postId }).subscribe(
+      () => {
+        this._snackBar.open('Download started', null, {
+          duration: 5000
+        });
+      },
+      error => {
+        console.error(error);
+      }
+    );
+  }
+
+  remove() {
+    this.dialog
+      .open(ConfirmDialogComponent, {
+        maxHeight: '100vh',
+        maxWidth: '100vw',
+        height: '200px',
+        width: '60%',
+        data: { header: 'Confirmation', content: 'Are you sure you want to remove this item ?' }
+      })
+      .afterClosed()
+      .pipe(
+        filter(e => e === 'yes'),
+        flatMap(e =>
+          this.httpClient.post<RemoveResponse>(this.serverService.baseUrl + '/post/remove', {
+            postId: this.postState.postId
+          })
+        )
+      )
+      .subscribe(
+        data => {
+          const toRemove = [];
+          const nodeToDelete = this.params.api.getRowNode(data.postId);
+          if (nodeToDelete != null) {
+            toRemove.push(nodeToDelete.data);
+          }
+          this.params.api.updateRowData({ remove: toRemove });
+        },
+        error => {
+          console.error(error);
+        }
+      );
+  }
+
+  open() {
+    if (!this.electronService.isElectronApp) {
+      console.error('Cannot open downloader folder, not electron app');
+      return;
+    }
+    // Request the server to give the correct file location
+    this.httpClient.get<DownloadPath>(this.serverService.baseUrl + '/post/path/' + this.postState.postId).subscribe(
+      path => {
+        if (this.fs.existsSync(path.path)) {
+          this.electronService.shell.openItem(path.path);
+        } else {
+          if(this.postState.done <= 0) {
+            this._snackBar.open('Download has not been started yet for this post', null, {
+              duration: 5000
+            });
+          } else {
+            this._snackBar.open(path.path + ' does not exist, you probably removed it', null, {
+              duration: 5000
+            });
+          }
+        }
+      },
+      error => {
+        console.error(error);
+      }
+    );
+  }
+
+  stop() {
+    this.httpClient.post(this.serverService.baseUrl + '/post/stop', { postId: this.postState.postId }).subscribe(
+      () => {
+        this._snackBar.open('Download stopped', null, {
+          duration: 5000
+        });
+      },
+      error => {
+        console.error(error);
+      }
+    );
   }
 }

vripper-ui/src/app/posts/post-state.model.ts

@@ -1,5 +1,15 @@
 export class PostState {
-
-    constructor(public postId: string, public title: string, public progress: number, public status: string) { }
-
+  constructor(
+    public type: string,
+    public postId: string,
+    public title: string,
+    public progress: number,
+    public status: string,
+    public removed: boolean,
+    public url: string,
+    public done: number,
+    public total: number,
+    public hosts: string[],
+    public previews: string[]
+  ) {}
 }

vripper-ui/src/app/posts/post.datasource.ts

@@ -1,46 +1,60 @@
+import { PostState } from './post-state.model';
 import { CMD } from './../common/cmd.enum';
 import { WSMessage } from './../common/ws-message.model';
-import { Subject, Subscription } from 'rxjs';
-import { WsConnectionService, WSState } from '../ws-connection.service';
+import { Subscription } from 'rxjs';
+import { WsConnectionService } from '../ws-connection.service';
 import { GridOptions } from 'ag-grid-community';
+import { WsHandler } from '../ws-handler';
+import { NgZone } from '@angular/core';
 
 export class PostsDataSource {
-
-  constructor(private websocketConnection: WsConnectionService,
-    private gridOptions: GridOptions) {
-    this.websocket = websocketConnection.getConnection();
+  constructor(
+    private wsConnectionService: WsConnectionService,
+    private gridOptions: GridOptions,
+    private zone: NgZone
+  ) {
+    this.websocketHandlerPromise = this.wsConnectionService.getConnection();
   }
 
-  websocket: Subject<any>;
-
+  websocketHandlerPromise: Promise<WsHandler>;
   subscriptions: Subscription[] = [];
 
   connect() {
+    this.websocketHandlerPromise.then((handler: WsHandler) => {
+      console.log('Connecting to posts datasource');
+      this.subscriptions.push(
+        handler.subscribeForPosts((e: PostState[]) => {
+          this.zone.run(() => {
+            const toAdd = [];
+            const toUpdate = [];
+            const toRemove = [];
+            e.forEach(v => {
+              if (v.removed) {
+                if (this.gridOptions.api.getRowNode(v.postId) != null) {
+                  toRemove.push(this.gridOptions.api.getRowNode(v.postId).data);
+                }
+                return;
+              }
 
-    console.log('Connecting to posts datasource');
-    this.subscriptions.push(this.websocketConnection.subscribeForPosts(e => {
-      const toAdd = [];
-      const toUpdate = [];
-      e.forEach(v => {
-        if (this.gridOptions.api.getRowNode(v.postId) == null) {
-          toAdd.push(v);
-        } else {
-          toUpdate.push(v);
-        }
-      });
-      this.gridOptions.api.updateRowData({ update: toUpdate, add: toAdd });
-    }));
-
-    this.subscriptions.push(this.websocketConnection.state.subscribe((e) => {
-      if (e === WSState.OPEN) {
-        this.websocket.next(new WSMessage(CMD.POSTS_SUB.toString()));
-      }
-    }));
+              if (this.gridOptions.api.getRowNode(v.postId) == null) {
+                toAdd.push(v);
+              } else {
+                toUpdate.push(v);
+              }
+            });
+            this.gridOptions.api.updateRowData({ update: toUpdate, add: toAdd, remove: toRemove });
+          });
+        })
+      );
+      handler.send(new WSMessage(CMD.POSTS_SUB.toString()));
+    });
   }
 
   disconnect() {
     console.log('Disconnecting from posts datasource');
     this.subscriptions.forEach(e => e.unsubscribe());
-    this.websocket.next(new WSMessage(CMD.POSTS_UNSUB.toString()));
+    this.websocketHandlerPromise.then((handler: WsHandler) => {
+      handler.send(new WSMessage(CMD.POSTS_UNSUB.toString()));
+    });
   }
 }