From a6459ced9ff3f19dbf553ed3ab1a9b46bbeb06bd Mon Sep 17 00:00:00 2001
From: Tachis Alopex <TachisAlopex@gmail.com>
Date: Sat, 13 Aug 2022 20:52:49 -0600
Subject: [PATCH 1/2] Add the ability to login to e621

---
 src/features/gameboard/types.ts               |   5 +
 .../PornSetting/PornSetting.css               |   6 +-
 .../PornSetting/PornSetting.tsx               | 108 +++++++++++++++++-
 .../SaveSetting/SaveSetting.tsx               |   2 +-
 .../SettingsControls/SettingsControls.tsx     |  12 +-
 src/features/settings/store/actions.ts        |   8 +-
 src/features/settings/store/reducer.ts        |  10 +-
 src/features/settings/types.ts                |  69 +++++++++++
 src/helpers/saveFormat.ts                     |  12 +-
 9 files changed, 219 insertions(+), 13 deletions(-)

diff --git a/src/features/gameboard/types.ts b/src/features/gameboard/types.ts
index 44042ce..4429331 100644
--- a/src/features/gameboard/types.ts
+++ b/src/features/gameboard/types.ts
@@ -15,6 +15,11 @@ export enum EGrip {
   none,
 }
 
+export type Credentials = {
+  login: string
+  api_key: string
+}
+
 export type PornList = string[]
 
 export type GameEvent<Args extends any[] = []> = (
diff --git a/src/features/settings/SettingsControls/PornSetting/PornSetting.css b/src/features/settings/SettingsControls/PornSetting/PornSetting.css
index 80d28d2..48565eb 100644
--- a/src/features/settings/SettingsControls/PornSetting/PornSetting.css
+++ b/src/features/settings/SettingsControls/PornSetting/PornSetting.css
@@ -3,4 +3,8 @@
   flex-wrap: wrap;
   width: 100%;
   margin-top: 10px;
-}
\ No newline at end of file
+}
+
+.PornSetting__error {
+  color: #cc0000;
+}
diff --git a/src/features/settings/SettingsControls/PornSetting/PornSetting.tsx b/src/features/settings/SettingsControls/PornSetting/PornSetting.tsx
index 373bf7d..6a764b0 100644
--- a/src/features/settings/SettingsControls/PornSetting/PornSetting.tsx
+++ b/src/features/settings/SettingsControls/PornSetting/PornSetting.tsx
@@ -1,14 +1,16 @@
 import React from 'react'
 import '../settings.css'
 import './PornSetting.css'
-import { PornList } from '../../../gameboard/types'
+import { Credentials, PornList } from '../../../gameboard/types'
 import { E621Posts } from '../../types'
-import axios, { AxiosResponse } from 'axios'
+import axios, { AxiosRequestConfig, AxiosResponse } from 'axios'
 import { PornThumbnail } from './PornThumbnail'
 import { debounce } from 'lodash'
 import reactGA from '../../../../analytics'
 
 interface IPornSettingProps {
+  credentials: Credentials | null
+  setCredentials: (newCredentials: Credentials | null) => void
   pornList: PornList
   setPornList: (newPornList: PornList) => void
 }
@@ -20,6 +22,9 @@ interface IPornSettingState {
   flags: {
     highRes: boolean
   }
+  credentials: Credentials
+  addCredentials: boolean
+  credentialsError: string | null
 }
 
 export class PornSetting extends React.Component<IPornSettingProps, IPornSettingState> {
@@ -33,8 +38,15 @@ export class PornSetting extends React.Component<IPornSettingProps, IPornSetting
       flags: {
         highRes: false,
       },
+      credentials: this.props.credentials || { login: '', api_key: '' },
+      addCredentials: false,
+      credentialsError: null,
     }
     this.updateTags = this.updateTags.bind(this)
+    this.updateLogin = this.updateLogin.bind(this)
+    this.updateApiKey = this.updateApiKey.bind(this)
+    this.saveCredentials = this.saveCredentials.bind(this)
+    this.clearCredentials = this.clearCredentials.bind(this)
     this.downloadFromTags = this.downloadFromTags.bind(this)
     this.clear = this.clear.bind(this)
   }
@@ -45,6 +57,45 @@ export class PornSetting extends React.Component<IPornSettingProps, IPornSetting
     })
   }
 
+  updateLogin(event: React.ChangeEvent<HTMLInputElement>) {
+    const login = event.target.value
+    this.setState(prevState => ({
+      credentials: {
+        ...prevState.credentials!,
+        login,
+      },
+      credentialsError: null,
+    }))
+  }
+
+  updateApiKey(event: React.ChangeEvent<HTMLInputElement>) {
+    const api_key = event.target.value
+    this.setState(prevState => ({
+      credentials: {
+        ...prevState.credentials!,
+        api_key,
+      },
+      credentialsError: null,
+    }))
+  }
+
+  saveCredentials() {
+    // Check to see if these credentials are valid
+    const config: AxiosRequestConfig = {
+      params: this.state.credentials,
+      responseType: 'json',
+    }
+    axios
+      .get(`https://e621.net/users/${this.state.credentials.login}.json`, config)
+      .then(() => this.props.setCredentials(this.state.credentials))
+      .catch(() => this.setState({ credentialsError: 'Invalid credentials' }))
+  }
+
+  clearCredentials() {
+    this.props.setCredentials(null)
+    this.setState({ addCredentials: false })
+  }
+
   downloadFromTags() {
     debounce(() => {
       if (localStorage.getItem('allowCookies') !== 'true' || localStorage.getItem('allowCookies') !== null) return
@@ -54,11 +105,15 @@ export class PornSetting extends React.Component<IPornSettingProps, IPornSetting
         label: this.state.tags,
       })
     }, 2000)()
+
+    const config: AxiosRequestConfig = { responseType: 'json' }
+    if (this.props.credentials != null) {
+      config.params = this.props.credentials
+    }
+
     const tags = encodeURIComponent(this.state.tags + (this.state.minScore !== null ? ` score:>=${this.state.minScore}` : ''))
     axios
-      .get(`https://e621.net/posts.json?tags=${tags}&limit=${this.state.count}&callback=callback`, {
-        responseType: 'json',
-      })
+      .get(`https://e621.net/posts.json?tags=${tags}&limit=${this.state.count}&callback=callback`, config)
       .then((response: AxiosResponse<{ posts: E621Posts }>) => {
         this.props.setPornList(
           (response.data.posts
@@ -92,6 +147,49 @@ export class PornSetting extends React.Component<IPornSettingProps, IPornSetting
             <button onClick={this.downloadFromTags}>Import from e621</button>
           </div>
 
+          <div className="settings-innerrow">
+            {this.props.credentials ? (
+              <>
+                <label>
+                  <span>Use user credentials</span>
+                  <input type="checkbox" checked onChange={this.clearCredentials} />
+                </label>
+                <br />
+                <em>Logged in. You can use votedup:me &amp; private sets.</em>
+              </>
+            ) : (
+              <>
+                <label>
+                  <span>Use user credentials</span>
+                  <input
+                    type="checkbox"
+                    checked={this.state.addCredentials}
+                    onChange={e => this.setState({ addCredentials: e.target.checked })}
+                  />
+                </label>
+                <em>Login to use votedup:me &amp; private sets.</em>
+                {this.state.addCredentials ? (
+                  <>
+                    <label>
+                      <span>Username</span>
+                      <input type="text" value={this.state.credentials.login} onChange={this.updateLogin} />
+                    </label>
+                    <br />
+                    <br />
+                    <label>
+                      <span>Api Key</span>
+                      <input type="text" value={this.state.credentials.api_key} onChange={this.updateApiKey} />
+                    </label>
+                    <em>
+                      (found in <a href="https://e621.net/users/home">your account</a> under "Manage API Access")
+                    </em>
+                    <button onClick={this.saveCredentials}>Save credentials</button>
+                    {this.state.credentialsError != null ? <span className="PornSetting__error">{this.state.credentialsError}</span> : null}
+                  </>
+                ) : null}
+              </>
+            )}
+          </div>
           <div className="settings-innerrow">
             <label>
               <span>Score filtering</span>
diff --git a/src/features/settings/SettingsControls/SaveSetting/SaveSetting.tsx b/src/features/settings/SettingsControls/SaveSetting/SaveSetting.tsx
index f7a8aec..1af12a5 100644
--- a/src/features/settings/SettingsControls/SaveSetting/SaveSetting.tsx
+++ b/src/features/settings/SettingsControls/SaveSetting/SaveSetting.tsx
@@ -38,7 +38,7 @@ export function SaveSetting(props: ISaveSettingProps) {
         <strong>Share these codes around to let others try your settings.</strong>
         <div className="settings-innerrow">
           <em>Either copy and paste a code below and click "load", or set everything else up and hit "save" to update the code shown.</em>
-          <button onClick={() => setCurrentSave(makeSave(props.settings))}>Save</button>
+          <button onClick={() => setCurrentSave(makeSave(props.settings, /*includeCredentials*/ false))}>Save</button>
           <button onClick={() => props.setSettings(prepSave(currentSave, setError))}>Load</button>
         </div>
         <div className="settings-innerrow">
diff --git a/src/features/settings/SettingsControls/SettingsControls.tsx b/src/features/settings/SettingsControls/SettingsControls.tsx
index f490590..e3ca2fe 100644
--- a/src/features/settings/SettingsControls/SettingsControls.tsx
+++ b/src/features/settings/SettingsControls/SettingsControls.tsx
@@ -2,7 +2,7 @@ import React, { useEffect, useRef } from 'react'
 import './SettingsControls.css'
 import { connect } from 'react-redux'
 import { IState } from '../../../store'
-import { PornList } from '../../gameboard/types'
+import { Credentials, PornList } from '../../gameboard/types'
 import { PropsForConnectedComponent } from '../types'
 import { PaceSetting } from './PaceSetting/PaceSetting'
 import { PornSetting } from './PornSetting/PornSetting'
@@ -22,6 +22,7 @@ import { PlayerSetting } from './PlayerSetting/PlayerSetting'
 interface ISettingsControlsProps extends PropsForConnectedComponent {
   pace: IState['settings']['pace']
   steepness: IState['settings']['steepness']
+  credentials: Credentials
   pornList: PornList
   eventList: IState['settings']['eventList']
   duration: IState['settings']['duration']
@@ -37,6 +38,7 @@ export const SettingsControls = connect(
     ({
       pace: state.settings.pace,
       steepness: state.settings.steepness,
+      credentials: state.settings.credentials,
       pornList: state.settings.pornList,
       eventList: state.settings.eventList,
       duration: state.settings.duration,
@@ -49,7 +51,7 @@ export const SettingsControls = connect(
 )(function (props: ISettingsControlsProps) {
   const saveToLocalStorage = useRef(
     debounce((props: ISettingsControlsProps) => {
-      localStorage.setItem('lastSession', makeSave(props))
+      localStorage.setItem('lastSession', makeSave(props, /*includeCredentials*/ true))
     }, 1000),
   )
   useEffect(() => saveToLocalStorage.current(props))
@@ -72,7 +74,11 @@ export const SettingsControls = connect(
 
       <EventsSetting eventList={props.eventList} setEventList={(newList) => props.dispatch(SettingsActions.SetEventList(newList))} />
 
-      <PornSetting pornList={props.pornList} setPornList={(newList) => props.dispatch(SettingsActions.SetPornList(newList))} />
+      <PornSetting
+        credentials={props.credentials}
+        setCredentials={(newCredentials) => props.dispatch(SettingsActions.SetCredentials(newCredentials))}
+        pornList={props.pornList}
+        setPornList={(newList) => props.dispatch(SettingsActions.SetPornList(newList))} />
 
       <WalltakerSetting
         enabled={Boolean(props.walltakerLink ?? false)}
diff --git a/src/features/settings/store/actions.ts b/src/features/settings/store/actions.ts
index 2a9b0d8..6c16e02 100644
--- a/src/features/settings/store/actions.ts
+++ b/src/features/settings/store/actions.ts
@@ -1,4 +1,4 @@
-import { PornList, EventToken, HypnoMode, PlayerParts, PlayerGender } from '../../gameboard/types'
+import { PornList, EventToken, HypnoMode, PlayerParts, PlayerGender, Credentials } from '../../gameboard/types'
 
 export const T_OPEN_DIALOG = 'OPEN_DIALOG'
 export const T_CLOSE_DIALOG = 'CLOSE_DIALOG'
@@ -6,6 +6,7 @@ export const T_SET_MIN_PACE = 'SET_MIN_PACE'
 export const T_SET_MAX_PACE = 'SET_MAX_PACE'
 export const T_SET_STEEPNESS = 'SET_STEEPNESS'
 export const T_SET_DURATION = 'SET_DURATION'
+export const T_SET_CREDENTIALS = 'SET_CREDENTIALS'
 export const T_SET_PORN_LIST = 'SET_PORN_LIST'
 export const T_SET_EVENT_LIST = 'SET_EVENT_LIST'
 export const T_SET_HYPNO_MODE = 'SET_HYPNO_MODE'
@@ -44,6 +45,11 @@ class SettingsActionsBase {
     payload: duration,
   })
 
+  SetCredentials = (credentials: Credentials | null) => ({
+    type: T_SET_CREDENTIALS as typeof T_SET_CREDENTIALS,
+    payload: credentials,
+  })
+
   SetPornList = (pornList: PornList) => ({
     type: T_SET_PORN_LIST as typeof T_SET_PORN_LIST,
     payload: pornList,
diff --git a/src/features/settings/store/reducer.ts b/src/features/settings/store/reducer.ts
index d76aae9..9a826b1 100644
--- a/src/features/settings/store/reducer.ts
+++ b/src/features/settings/store/reducer.ts
@@ -4,6 +4,7 @@ import {
   T_SET_MAX_PACE,
   T_OPEN_DIALOG,
   T_CLOSE_DIALOG,
+  T_SET_CREDENTIALS,
   T_SET_PORN_LIST,
   T_SET_DURATION,
   T_SET_EVENT_LIST,
@@ -15,7 +16,7 @@ import {
   T_SET_PLAYER_GENDER,
   T_SET_PLAYER_PARTS,
 } from './actions'
-import { PornList, EventToken, HypnoMode, PlayerParts, PlayerGender } from '../../gameboard/types'
+import { PornList, EventToken, HypnoMode, PlayerParts, PlayerGender, Credentials } from '../../gameboard/types'
 import { events } from '../../gameboard/events/index'
 
 export interface ISettingsState {
@@ -26,6 +27,7 @@ export interface ISettingsState {
   }
   steepness: number
   duration: number
+  credentials: Credentials | null
   pornList: PornList
   eventList: EventToken['id'][]
   hypnoMode: HypnoMode
@@ -48,6 +50,7 @@ export const SettingsDefaultState: ISettingsState = {
   },
   steepness: 0.05,
   duration: 6000,
+  credentials: null,
   pornList: [],
   eventList: events.map(event => event.id),
   hypnoMode: HypnoMode.JOI,
@@ -97,6 +100,11 @@ export function SettingsReducer(state: ISettingsState = SettingsDefaultState, ac
         ...state,
         duration: action.payload,
       }
+    case T_SET_CREDENTIALS:
+      return {
+        ...state,
+        credentials: action.payload,
+      }
     case T_SET_PORN_LIST:
       return {
         ...state,
diff --git a/src/features/settings/types.ts b/src/features/settings/types.ts
index 8e8d436..a951353 100644
--- a/src/features/settings/types.ts
+++ b/src/features/settings/types.ts
@@ -45,3 +45,72 @@ export type E621Posts = {
   comment_count: number
   is_favorited: boolean
 }[]
+
+export type E621User = {
+  api_burst_limit: number
+  api_regen_multiplier: number
+  artist_version_count: number
+  avatar_id: number
+  base_upload_limit: number
+  blacklist_avatars: boolean
+  blacklist_users: boolean
+  blacklisted_tags: string
+  can_approve_posts: boolean
+  can_upload_free: boolean
+  comment_count: number
+  comment_threshold: number
+  created_at: string
+  custom_style: string
+  default_image_size: string
+  description_collapsed_initially: boolean
+  disable_cropped_thumbnails: boolean
+  disable_mobile_gestures: boolean
+  disable_post_tooltips: boolean
+  disable_responsive_mode: boolean
+  disable_user_dmails: boolean
+  email: string
+  enable_auto_complete: boolean
+  enable_compact_uploader: boolean
+  enable_keyboard_navigation: boolean
+  enable_privacy_mode: boolean
+  enable_safe_mode: boolean
+  favorite_count: number
+  favorite_limit: number
+  favorite_tags: string
+  flag_count: number
+  forum_post_count: number
+  has_mail: boolean
+  has_saved_searches: boolean
+  hide_comments: boolean
+  id: number
+  is_banned: boolean
+  last_forum_read_at: string
+  last_logged_in_at: string
+  level: number
+  level_string: string
+  name: string
+  negative_feedback_count: number
+  neutral_feedback_count: number
+  no_feedback: boolean
+  no_flagging: boolean
+  note_update_count: number
+  per_page: number
+  pool_version_count: number
+  positive_feedback_count: number
+  post_update_count: number
+  post_upload_count: number
+  receive_email_notifications: boolean
+  recent_tags: string
+  remaining_api_limit: number
+  replacements_beta: boolean
+  show_avatars: boolean
+  show_hidden_comments: boolean
+  show_post_statistics: boolean
+  statement_timeout: number
+  style_usernames: boolean
+  tag_query_limit: number
+  time_zone: string
+  updated_at: string
+  upload_limit: number
+  wiki_page_version_count: number
+}
diff --git a/src/helpers/saveFormat.ts b/src/helpers/saveFormat.ts
index 0cc2a4a..c15046e 100644
--- a/src/helpers/saveFormat.ts
+++ b/src/helpers/saveFormat.ts
@@ -17,15 +17,17 @@ export function applyAllSettings(dispatch: PropsForConnectedComponent['dispatch'
   if (settings.player && settings.player.parts) dispatch(SettingsActions.SetPlayerParts(settings.player.parts))
   if (settings.pace && settings.pace.max) dispatch(SettingsActions.SetMaxPace(settings.pace.max))
   if (settings.pace && settings.pace.min) dispatch(SettingsActions.SetMinPace(settings.pace.min))
+  if (settings.credentials) dispatch(SettingsActions.SetCredentials(settings.credentials))
   if (settings.pornList) dispatch(SettingsActions.SetPornList(settings.pornList))
   if (settings.cum && settings.cum.ejaculateLikelihood) dispatch(SettingsActions.SetEjaculateLikelihood(settings.cum.ejaculateLikelihood))
   if (settings.cum && settings.cum.ruinLikelihood) dispatch(SettingsActions.SetRuinLikelihood(settings.cum.ruinLikelihood))
 }
 
-export function makeSave(settings: Partial<IState['settings']>) {
+export function makeSave(settings: Partial<IState['settings']>, includeCredentials: boolean) {
   const pace: IState['settings']['pace'] = settings.pace || { min: 0.75, max: 5 }
   const steepness: IState['settings']['steepness'] = settings.steepness || 0.05
   const duration: IState['settings']['duration'] = settings.duration || 6000
+  const credentials: IState['settings']['credentials'] = settings.credentials ?? null
   const pornList: IState['settings']['pornList'] = settings.pornList || []
   const eventList: IState['settings']['eventList'] = settings.eventList || events.map((event) => event.id)
   const hypnoMode: IState['settings']['hypnoMode'] = settings.hypnoMode === undefined ? HypnoMode.JOI : settings.hypnoMode
@@ -38,6 +40,7 @@ export function makeSave(settings: Partial<IState['settings']>) {
   output += `:PX${pace.max}`
   output += `:S${steepness * 100}`
   output += `:D${duration / 100}`
+  if (includeCredentials && credentials != null) output += `:C${btoa(JSON.stringify(credentials))}`
   output += `:P${pornList.reduce((acc, porn) => `${acc}${acc ? ',' : ''}${encodePorn(porn)}`, '')}`
   output += `:E{${eventList.reduce((acc, eventId) => `${acc}${acc ? ',' : ''}${eventId}`, '')}}`
   output += `:H${hypnoMode}`
@@ -56,6 +59,7 @@ export function unpackSave(base64Save: string): IState['settings'] {
     pace: { min: 0.75, max: 5 },
     steepness: 0.05,
     duration: 6000,
+    credentials: null,
     pornList: [],
     eventList: events.map((event) => event.id),
     hypnoMode: HypnoMode.JOI,
@@ -89,6 +93,12 @@ export function unpackSave(base64Save: string): IState['settings'] {
     settings.duration = parseFloat(durationString[0].replace(':D', '')) * 100
   }
 
+  // Matches a base64 encoded string
+  const credentials = save.match(/:C(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?/g)
+  if (credentials && credentials[0]) {
+    settings.credentials = JSON.parse(atob(credentials[0].replace(/^:C/, '')))
+  }
+
   const pornListString = save.match(/:P[a-z0-9.|,@]+/g)
   if (pornListString && pornListString[0]) {
     settings.pornList = pornListString[0].replace(/^:P/, '').split(',').map(decodePorn)

From c54de552badb6e8def7ac5ad4d88afee5ad58fac Mon Sep 17 00:00:00 2001
From: Tachis Alopex <TachisAlopex@gmail.com>
Date: Sat, 13 Aug 2022 21:12:46 -0600
Subject: [PATCH 2/2] Add the ability to specify a blacklist

This also will pull the blacklist from the user's account automatically if logged in.
The user can disable or edit the list if they wish.
---
 .../PornSetting/PornSetting.css               |   5 +
 .../PornSetting/PornSetting.tsx               |  66 ++++++-
 src/features/settings/types.ts                |   6 +-
 src/helpers/blacklist.ts                      | 161 ++++++++++++++++++
 4 files changed, 230 insertions(+), 8 deletions(-)
 create mode 100644 src/helpers/blacklist.ts

diff --git a/src/features/settings/SettingsControls/PornSetting/PornSetting.css b/src/features/settings/SettingsControls/PornSetting/PornSetting.css
index 48565eb..29b0bc0 100644
--- a/src/features/settings/SettingsControls/PornSetting/PornSetting.css
+++ b/src/features/settings/SettingsControls/PornSetting/PornSetting.css
@@ -8,3 +8,8 @@
 .PornSetting__error {
   color: #cc0000;
 }
+
+.PornSetting__textarea {
+  width: 100%;
+  min-height: 6.25em;
+}
diff --git a/src/features/settings/SettingsControls/PornSetting/PornSetting.tsx b/src/features/settings/SettingsControls/PornSetting/PornSetting.tsx
index 6a764b0..6fff1e0 100644
--- a/src/features/settings/SettingsControls/PornSetting/PornSetting.tsx
+++ b/src/features/settings/SettingsControls/PornSetting/PornSetting.tsx
@@ -2,11 +2,12 @@ import React from 'react'
 import '../settings.css'
 import './PornSetting.css'
 import { Credentials, PornList } from '../../../gameboard/types'
-import { E621Posts } from '../../types'
+import { E621Post, E621User } from '../../types'
 import axios, { AxiosRequestConfig, AxiosResponse } from 'axios'
 import { PornThumbnail } from './PornThumbnail'
 import { debounce } from 'lodash'
 import reactGA from '../../../../analytics'
+import { Blacklist } from '../../../../helpers/blacklist'
 
 interface IPornSettingProps {
   credentials: Credentials | null
@@ -25,6 +26,7 @@ interface IPornSettingState {
   credentials: Credentials
   addCredentials: boolean
   credentialsError: string | null
+  blacklistTagsString: string | null
 }
 
 export class PornSetting extends React.Component<IPornSettingProps, IPornSettingState> {
@@ -38,19 +40,29 @@ export class PornSetting extends React.Component<IPornSettingProps, IPornSetting
       flags: {
         highRes: false,
       },
-      credentials: this.props.credentials || { login: '', api_key: '' },
+      credentials: { login: '', api_key: '' },
       addCredentials: false,
       credentialsError: null,
+      blacklistTagsString: null,
     }
+
     this.updateTags = this.updateTags.bind(this)
     this.updateLogin = this.updateLogin.bind(this)
     this.updateApiKey = this.updateApiKey.bind(this)
     this.saveCredentials = this.saveCredentials.bind(this)
     this.clearCredentials = this.clearCredentials.bind(this)
+    this.loadBlacklist = this.loadBlacklist.bind(this)
     this.downloadFromTags = this.downloadFromTags.bind(this)
     this.clear = this.clear.bind(this)
   }
 
+  componentDidUpdate(prevProps: IPornSettingProps) {
+    if (this.props.credentials !== null && prevProps.credentials === null) {
+      this.setState({ credentials: this.props.credentials })
+      this.loadBlacklist()
+    }
+  }
+
   updateTags(event: React.ChangeEvent<HTMLInputElement>) {
     this.setState({
       tags: event.target.value,
@@ -96,6 +108,16 @@ export class PornSetting extends React.Component<IPornSettingProps, IPornSetting
     this.setState({ addCredentials: false })
   }
 
+  loadBlacklist() {
+    const config: AxiosRequestConfig = {
+      params: this.props.credentials,
+      responseType: 'json',
+    }
+    axios.get(`https://e621.net/users/${this.props.credentials!.login}.json`, config).then((response: AxiosResponse<E621User>) => {
+      this.setState({ blacklistTagsString: response.data.blacklisted_tags })
+    })
+  }
+
   downloadFromTags() {
     debounce(() => {
       if (localStorage.getItem('allowCookies') !== 'true' || localStorage.getItem('allowCookies') !== null) return
@@ -111,13 +133,15 @@ export class PornSetting extends React.Component<IPornSettingProps, IPornSetting
       config.params = this.props.credentials
     }
 
+    const blacklist = new Blacklist(this.state.blacklistTagsString || '')
     const tags = encodeURIComponent(this.state.tags + (this.state.minScore !== null ? ` score:>=${this.state.minScore}` : ''))
     axios
       .get(`https://e621.net/posts.json?tags=${tags}&limit=${this.state.count}&callback=callback`, config)
-      .then((response: AxiosResponse<{ posts: E621Posts }>) => {
+      .then((response: AxiosResponse<{ posts: E621Post[] }>) => {
         this.props.setPornList(
           (response.data.posts
             .filter(post => /(jpg|png|bmp|jpeg|webp|gif)$/g.test(post.file.ext))
+            .filter(blacklist.shouldKeepPost)
             .map(post => (this.state.flags.highRes ? post.file.url : post.sample.url))
             .filter(url => url !== null) as string[])
             .filter(url => this.props.pornList.indexOf(url) === -1)
@@ -155,7 +179,11 @@ export class PornSetting extends React.Component<IPornSettingProps, IPornSetting
                   <input type="checkbox" checked onChange={this.clearCredentials} />
                 </label>
                 <br />
-                <em>Logged in. You can use votedup:me &amp; private sets.</em>
+                <em>
+                  Logged in.
+                  <br />
+                  You can now use votedup:me, private sets, &amp; your blacklist.
+                </em>
               </>
             ) : (
               <>
@@ -167,7 +195,7 @@ export class PornSetting extends React.Component<IPornSettingProps, IPornSetting
                     onChange={e => this.setState({ addCredentials: e.target.checked })}
                   />
                 </label>
-                <em>Login to use votedup:me &amp; private sets.</em>
+                <em>Login to use votedup:me, private sets, &amp; your blacklist.</em>
                 {this.state.addCredentials ? (
                   <>
                     <label>
@@ -190,6 +218,34 @@ export class PornSetting extends React.Component<IPornSettingProps, IPornSetting
               </>
             )}
           </div>
+          <div className="settings-innerrow">
+            <label>
+              <span>Use blacklist</span>
+              <input
+                type="checkbox"
+                checked={this.state.blacklistTagsString !== null}
+                onChange={e => this.setState({ blacklistTagsString: !e.target.checked ? null : '' })}
+              />
+            </label>
+            {this.state.blacklistTagsString !== null ? (
+              <>
+                <br />
+                <br />
+                <label>
+                  <span>Blacklisted tags</span>
+                  <textarea
+                    className="PornSetting__textarea"
+                    value={this.state.blacklistTagsString}
+                    onChange={e => this.setState({ blacklistTagsString: e.target.value })}></textarea>
+                  <em>
+                    Put any tag combinations you don't want to see. Each combination should go on a separate line. &nbsp;
+                    <a href="https://e621.net/help/blacklist">View help</a>.
+                  </em>
+                  {this.props.credentials ? <button onClick={this.loadBlacklist}>Reload user blacklist</button> : null}
+                </label>
+              </>
+            ) : null}
+          </div>
           <div className="settings-innerrow">
             <label>
               <span>Score filtering</span>
diff --git a/src/features/settings/types.ts b/src/features/settings/types.ts
index a951353..8c49d8c 100644
--- a/src/features/settings/types.ts
+++ b/src/features/settings/types.ts
@@ -13,7 +13,7 @@ export type E621File = {
   url: string | null
 }
 
-export type E621Posts = {
+export type E621Post = {
   id: number
   created_at: string
   updated_at: string
@@ -34,7 +34,7 @@ export type E621Posts = {
   locked_tags: string[]
   change_seq: number
   flags: { pending: boolean; flagged: boolean; note_locked: boolean; status_locked: boolean; rating_locked: boolean; deleted: boolean }
-  rating: 's' | 'e'
+  rating: 's' | 'q' | 'e'
   fav_count: number
   sources: string[]
   pools: number[]
@@ -44,7 +44,7 @@ export type E621Posts = {
   description: string
   comment_count: number
   is_favorited: boolean
-}[]
+}
 
 export type E621User = {
   api_burst_limit: number
diff --git a/src/helpers/blacklist.ts b/src/helpers/blacklist.ts
new file mode 100644
index 0000000..e01eab4
--- /dev/null
+++ b/src/helpers/blacklist.ts
@@ -0,0 +1,161 @@
+// Blacklist logic taken from e621's source, refactored, added types, and added comments
+// https://github.com/zwagoth/e621ng/blob/b4672dadeef12e7aa20401b6074bc7676bb23bbb/app/javascript/src/javascripts/blacklists.js
+
+import { E621Post } from '../features/settings/types'
+
+type InvalidCompairsons = '<<' | '<>' | '><' | '>>'
+type FixableCompairsons = '' | '=' | '=<' | '=>'
+type ValidComparisons = '<' | '<=' | '==' | '>=' | '>'
+type AllComparisons = InvalidCompairsons | FixableCompairsons | ValidComparisons
+type ScoreComparison = {
+  comparison: ValidComparisons | InvalidCompairsons
+  score: number
+}
+
+interface BlacklistEntry {
+  tags: string
+  require: string[]
+  exclude: string[]
+  optional: string[]
+  scoreComparison: ScoreComparison | null
+}
+
+// Fix the comparisions that makes sense
+function fixComparisonInsanity(input: AllComparisons): ValidComparisons | InvalidCompairsons {
+  switch (input) {
+    case '=>':
+      return '>='
+    case '=<':
+      return '<='
+    case '':
+    case '=':
+      return '=='
+    default:
+      return input
+  }
+}
+
+// Does a comparison based on
+// Returns "true" on invalid comparisions
+function rangeComparator(comparison: ScoreComparison, target: number): boolean {
+  switch (comparison.comparison) {
+    case '<':
+      return target < comparison.score
+    case '<=':
+      return target <= comparison.score
+    case '==':
+      return target === comparison.score
+    case '>=':
+      return target >= comparison.score
+    case '>':
+      return target > comparison.score
+    default:
+      return true
+  }
+}
+
+function is_subset(array: any[], subarray: any[]) {
+  return subarray.every(value => array.includes(value))
+}
+
+function intersect(a: any[], b: any[]) {
+  return a.filter(value => b.includes(value))
+}
+
+export class Blacklist {
+  private entries: BlacklistEntry[]
+
+  constructor(blacklistTagsList: string) {
+    this.entries = blacklistTagsList
+      .split('\n')
+      .filter(t => t.trim() !== '')
+      .map(t => Blacklist.entryParse(t))
+  }
+
+  private static entryParse(blacklistTagsString: string): BlacklistEntry {
+    // Convert to lowercase
+    blacklistTagsString = blacklistTagsString.toLowerCase()
+
+    // Remove the afe, uestionable, and xplict
+    blacklistTagsString = blacklistTagsString.replace(/(rating:[sqe])\w+/gi, '$1')
+
+    const entry: BlacklistEntry = {
+      tags: blacklistTagsString,
+      require: [],
+      exclude: [],
+      optional: [],
+      scoreComparison: null,
+    }
+
+    // Split the string on whitespace
+    const matches = blacklistTagsString.match(/\S+/g) || []
+
+    // Loop through each tag and catgorize it
+    for (const tag of matches) {
+      if (tag.charAt(0) === '-') {
+        // If it's a prefix of -, it's excluded
+        entry.exclude.push(tag.slice(1))
+      } else if (tag.charAt(0) === '~') {
+        // If it's a prefix of ~, it's optional
+        entry.optional.push(tag.slice(1))
+      } else if (tag.match(/^score:[<=>]{0,2}-?\d+/)) {
+        // If it's a score, parse the score
+        const score = tag.match(/^score:([<=>]{0,2})(-?\d+)/)!
+        entry.scoreComparison = {
+          comparison: fixComparisonInsanity(score[1] as AllComparisons),
+          score: parseInt(score[2], 10),
+        }
+      } else {
+        // Otherwise it's just required
+        entry.require.push(tag)
+      }
+    }
+    return entry
+  }
+
+  // Using arrow syntax to keep this function bound to this
+  // Pass this function into a post[].filter()
+  public shouldKeepPost = (post: E621Post) => {
+    // Return true unless some blacklist entry matches
+    return !this.entries.some((entry: BlacklistEntry) => {
+      const tags = post.tags.general.concat(
+        post.tags.species,
+        post.tags.character,
+        post.tags.copyright,
+        post.tags.artist,
+        post.tags.invalid,
+        post.tags.lore,
+        post.tags.meta,
+      )
+      tags.push(`id:${post.id}`)
+      tags.push(`rating:${post.rating}`)
+      tags.push(`userid:${post.uploader_id}`)
+      // Unfortunately the post does not return the user's screenname
+      // So user:screenname will not work...
+      // tags.push(`user:${post.user}`)
+      tags.push(`height:${post.file.height}`)
+      tags.push(`width:${post.file.width}`)
+      if (post.is_favorited) tags.push('fav:me')
+      if (post.flags.pending) tags.push('status:pending')
+      if (post.flags.flagged) tags.push('status:flagged')
+      if (post.flags.note_locked) tags.push('status:note_locked')
+      if (post.flags.status_locked) tags.push('status:status_locked')
+      if (post.flags.rating_locked) tags.push('status:rating_locked')
+      if (post.flags.deleted) tags.push('status:deleted')
+
+      if (intersect(tags, entry.exclude).length > 0) {
+        return false
+      }
+
+      if (entry.optional.length > 0 && intersect(tags, entry.optional).length === 0) {
+        return false
+      }
+
+      if (entry.scoreComparison != null && !rangeComparator(entry.scoreComparison, post.score.total)) {
+        return false
+      }
+
+      return is_subset(tags, entry.require)
+    })
+  }
+}