Riffy H 3.0 (#339)

Riffy H 3.0

.eslintrc.json

@@ -1,11 +1,16 @@
 {
   "parser": "babel-eslint",
   "extends": ["standard", "prettier", "prettier/standard", "plugin:react/recommended"],
-  "plugins": ["prettier", "standard", "node", "import", "react-hooks"],
+  "plugins": ["prettier", "standard"],
   "parserOptions": {
-    "sourceType": "module",
-    "ecmaFeatures": {
-      "jsx": true
+    "sourceType": "module"
+  },
+  "settings": {
+    "react": {
+      "createClass": "createReactClass",
+      "pragma": "React",
+      "version": "16.7",
+      "flowVersion": "0.53"
     }
   },
   "env": {
@@ -19,7 +24,7 @@
         "printWidth": 125,
         "tabWidth": 2,
         "singleQuote": true,
-        "trailingComma": "all",
+        "trailingComma": "es5",
         "bracketSpacing": false,
         "semi": false,
         "useTabs": false,
@@ -30,8 +35,6 @@
     "eqeqeq": ["error", "always"],
     "space-before-function-paren": 0,
     "generator-star-spacing": 0,
-    "no-return-await": "off",
-    "react-hooks/rules-of-hooks": "error",
-    "react-hooks/exhaustive-deps": "off"
+    "strict": 1
   }
 }

.gitignore

@@ -119,4 +119,5 @@ typings/
 # End of https://www.gitignore.io/api/node,macos
 
 public/
-.tmp/
+.tmp/
+src-old/

.nvmrc

@@ -1 +1 @@
-12.4.0
+12.10.0

.prettierrc

@@ -1,8 +1,10 @@
 {
-  "semi": false,
   "printWidth": 125,
-  "overrides": [{
-    "files": [".prettierrc", "package,json"],
-    "options": { "parser": "json" }
-  }]
-}
+  "tabWidth": 2,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "bracketSpacing": false,
+  "semi": false,
+  "useTabs": false,
+  "jsxBracketSameLine": true
+}

README.md

@@ -1,19 +1,29 @@
-rayriffy-h
-==========
+Riffy H
+=======
 
-NHentai gallery viewer using GatsbyJS
+The missing piece of NHentai
 
-Demo
+Live
 ----
 
 https://h.rayriffy.com
 
+Feature
+-------
+
+- Built with modern **React** API
+- Blazing fast browsing powered by **Gatsby v2**
+- Custom hentai to any ID that you wish.
+- **No ads** and **no pop-ups**
+- ~~**Easy to share** collection system~~ (This feature will be implemented in version 3.1)
+
 Screenshots
 -----------
 
-![locked](img/locked.jpeg)
-![view](img/viewing.jpeg)
-![notfound](img/notfound.jpeg)
+![Listing](src/contents/img/listing.jpg)
+
+![Menu](src/contents/img/menu.jpg)
+![Viewing](src/contents/img/viewing.jpg)
 
 Requirements
 ------------
@@ -23,13 +33,6 @@ Requirements
 Installation
 ------------
 
-```sh
-$ npm install
-$ npm run dev
-```
-
-or just use yarn
-
 ```sh
 $ yarn
 $ yarn dev
@@ -38,7 +41,7 @@ $ yarn dev
 Where's all query from
 ----------------------
 
-We query data from a custom JSON database [here](src/assets/database/data.json)
+We query data from a custom database [here](src/contents/database/code.js)
 
 Contributing
 ------------

gatsby-browser.js

@@ -1,10 +1,7 @@
 import React from 'react'
-import PropTypes from 'prop-types'
 
-import {AppContextProvider} from './src/context/AppContext'
+import App from './src/app/components'
 
-export const wrapRootElement = ({element}) => <AppContextProvider>{element}</AppContextProvider>
-
-wrapRootElement.propTypes = {
-  element: PropTypes.any,
+export const wrapPageElement = ({ element, props }) => {
+  return <App {...props}>{element}</App>
 }

gatsby-config.js

@@ -7,45 +7,27 @@ module.exports = {
   },
   pathPrefix: '/',
   plugins: [
+    `gatsby-plugin-styled-components`,
+    `gatsby-transformer-json`,
     {
-      resolve: 'gatsby-plugin-antd',
-      options: {
-        style: true,
-      },
-    },
-    {
-      resolve: `gatsby-plugin-less`,
+      resolve: `gatsby-source-filesystem`,
       options: {
-        javascriptEnabled: true,
-        modifyVars: {
-          'primary-color': '#1890ff',
-          'info-color': '#1890ff',
-          'success-color': '#52c41a',
-          'processing-color': '#1890ff',
-          'error-color': '#f5222d',
-          'highlight-color': '#f5222d',
-          'warning-color': '#faad14',
-          'normal-color': '#d9d9d9',
-          white: '#fff',
-          black: '#000',
-          'body-background': '#f0f2f5',
-          'layout-body-background': '#f0f2f5',
-        },
+        path: `${__dirname}/src/contents/database`,
+        name: `database`,
+        ignore: [`**/.*`],
       },
     },
-    `gatsby-plugin-netlify`,
     {
-      resolve: 'gatsby-plugin-netlify-cache',
+      resolve: `gatsby-source-filesystem`,
       options: {
-        extraDirsToCache: ['.tmp'],
+        path: `${__dirname}/src/pages`,
+        name: 'pages',
+        ignore: [`**/.*`],
       },
     },
-    `gatsby-transformer-json`,
     {
-      resolve: `gatsby-source-filesystem`,
-      options: {
-        path: `./src/assets/database/`,
-      },
+      resolve: `gatsby-plugin-create-client-paths`,
+      options: { prefixes: [`/g/*`] },
     },
     `gatsby-transformer-sharp`,
     `gatsby-plugin-sharp`,
@@ -68,5 +50,26 @@ module.exports = {
         trackingId: `UA-85367836-4`,
       },
     },
+    {
+      resolve: 'gatsby-plugin-typography',
+      options: {
+        pathToConfigModule: `${__dirname}/src/utils/typography`,
+        omitGoogleFont: true,
+      },
+    },
+    `gatsby-plugin-netlify`,
+    {
+      resolve: 'gatsby-plugin-netlify-cache',
+      options: {
+        extraDirsToCache: ['.tmp'],
+      },
+    },
+    {
+      resolve: `gatsby-plugin-typescript`,
+      options: {
+        isTSX: true,
+        allExtensions: true,
+      },
+    },
   ],
 }