{props.entity.display_name} @{props.entity.id}
13 | )
14 | }
15 |
16 | export default MentionAutoCompleteUserItem
17 |
--------------------------------------------------------------------------------
/web/src/components/LinkPreview/InstantPreview.css:
--------------------------------------------------------------------------------
1 | /* https://github.com/tjallingt/react-youtube/issues/242#issuecomment-623885531 */
2 | .link-preview-youtube-container {
3 | position: relative;
4 | width: 100%;
5 | height: 0;
6 | padding-bottom: 56.25%;
7 | overflow: hidden;
8 | margin-bottom: 15px;
9 | border-radius: 5px;
10 | }
11 |
12 | .link-preview-youtube-container iframe {
13 | width: 100%;
14 | height: 100%;
15 | position: absolute;
16 | top: 0;
17 | left: 0;
18 | }
19 |
--------------------------------------------------------------------------------
/web/README.md:
--------------------------------------------------------------------------------
1 | # web
2 | Web frontend for pill.city written in React/TypeScript
3 |
4 | ## Video demo
5 | Here is an early version video demo for some of its features such as circle management, emoji reactions and post formatting
6 |
7 | https://user-images.githubusercontent.com/3515852/132497391-32cb728b-ff70-478a-a0cd-e97aa57106f1.mp4
8 |
9 | ## Dependencies
10 | * Node.js v16 and Yarn
11 |
12 | ## Prerequisites
13 | 1. `cp .example.env .env`
14 | 2. `yarn install`
15 |
16 | ## Run
17 | ```shell
18 | yarn start
19 | ```
20 |
--------------------------------------------------------------------------------
/pillcity/tests/daos/base_test_case.py:
--------------------------------------------------------------------------------
1 | from unittest import TestCase
2 | from mongoengine import connect, disconnect
3 | from pillcity.daos.user_cache import populate_user_cache
4 | from . import r
5 |
6 |
7 | class BaseTestCase(TestCase):
8 | def setUp(self):
9 | self.connection = connect('mongoenginetest', host='mongomock://localhost')
10 | populate_user_cache()
11 |
12 | def tearDown(self):
13 | r.flushall()
14 | self.connection.drop_database("mongoenginetest")
15 | disconnect()
16 |
--------------------------------------------------------------------------------
/web/src/models/Notification.ts:
--------------------------------------------------------------------------------
1 | import User from "./User";
2 |
3 | export type NotifyingAction = 'comment' | 'mention' | 'reaction' | 'reshare' | 'follow'
4 |
5 | export default interface Notification {
6 | notified_summary: string;
7 | created_at_seconds: number;
8 | id: string;
9 | notified_href: string;
10 | notified_deleted: boolean;
11 | notifier: User;
12 | notifier_blocked: boolean;
13 | notifying_deleted: boolean;
14 | notifying_summary: string;
15 | unread: boolean;
16 | notifying_action: NotifyingAction;
17 | }
18 |
--------------------------------------------------------------------------------
/.devcontainer/devcontainer.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Pill.City",
3 | "dockerComposeFile": "docker-compose.yml",
4 | "service": "devcontainer",
5 | "workspaceFolder": "/workspaces/${localWorkspaceFolderBasename}",
6 | "postCreateCommand": {
7 | "install-deps": "./.devcontainer/install-deps.sh"
8 | },
9 | "forwardPorts": [3000, 5000],
10 | "customizations": {
11 | "vscode": {
12 | "extensions": [
13 | "ms-python.vscode-pylance",
14 | "streetsidesoftware.code-spell-checker",
15 | "hashicorp.terraform"
16 | ]
17 | }
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/pillcity/resources/content.py:
--------------------------------------------------------------------------------
1 | from flask_restful import fields
2 | from pillcity.daos.content import format_content
3 |
4 | class FormattedContent(fields.Raw):
5 | def format(self, value):
6 | fc = format_content(value)
7 | return {
8 | 'references': fc.references,
9 | 'segments': list(map(lambda s: {
10 | 'content': s.content,
11 | 'types': list(sorted(s.types)),
12 | 'reference': s.reference if s.reference != -1 else None,
13 | }, fc.segments))
14 | }
15 |
--------------------------------------------------------------------------------
/web/src/utils/convertHeicFileToPng.ts:
--------------------------------------------------------------------------------
1 | import heic2any from "heic2any";
2 |
3 | const convertHeicFileToPng = async (f: File): Promise
7 |
20 | )
21 | }
22 |
23 | export default HomePage
24 |
--------------------------------------------------------------------------------
/web/src/components/PillInput/PillInput.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import './PillInput.css'
3 |
4 | interface Props {
5 | placeholder: string
6 | value: string
7 | onChange: (newValue: string) => void
8 | }
9 |
10 | const PillInput = (props: Props) => {
11 | return (
12 | {
18 | e.preventDefault()
19 | props.onChange(e.target.value)
20 | }}
21 | />
22 | )
23 | }
24 |
25 | export default PillInput
26 |
--------------------------------------------------------------------------------
/requirements.txt:
--------------------------------------------------------------------------------
1 | Flask==1.1.4
2 | mongoengine==0.23.1
3 | mongomock==3.23.0
4 | nose==1.3.7
5 | flask-restful==0.3.9
6 | flask-cors==3.0.10
7 | flask-jwt-extended==4.2.3
8 | requests==2.26.0
9 | requests_toolbelt==0.9.1
10 | emoji==1.4.2
11 | bleach<4.0
12 | boto3==1.18.35
13 | Pillow==9.4.0
14 | sentry-sdk[flask]==1.5.1
15 | redis==3.5.3
16 | celery[redis]==5.1.2
17 | git+https://github.com/sekai-soft/linkpreview
18 | feedgen==0.9.0
19 | markupsafe==2.0.1
20 | flask-swagger-ui==3.36.0
21 | colorthief==0.2.1
22 | urlextract==1.6.0
23 | cryptography==38.0.4
24 |
25 | # testing
26 | freezegun==1.1.0
27 | fakeredis==1.6.1
28 |
--------------------------------------------------------------------------------
/pillcity/resources/mention.py:
--------------------------------------------------------------------------------
1 | from typing import List
2 | from pillcity.daos.user import find_user
3 | from pillcity.models import User
4 | from pillcity.daos.content import format_content
5 |
6 | def get_mentioned_user_ids(content: str) -> List[User]:
7 | fc = format_content(content)
8 | mentioned_users = []
9 | for s in fc.segments:
10 | if 'mention' in s.types and s.reference < len(fc.references):
11 | mentioned_user_id = fc.references[s.reference]
12 | user = find_user(mentioned_user_id)
13 | if user:
14 | mentioned_users.append(user)
15 | return mentioned_users
16 |
--------------------------------------------------------------------------------
/pillcity/utils/profiling.py:
--------------------------------------------------------------------------------
1 | import os
2 | import logging
3 | import functools
4 | from .now import now_ms
5 |
6 |
7 | def timer(func):
8 | """Print the runtime of the decorated function"""
9 | @functools.wraps(func)
10 | def wrapper_timer(*args, **kwargs):
11 | if not os.getenv('PROFILE'):
12 | return func(*args, **kwargs)
13 | start_time = now_ms()
14 | value = func(*args, **kwargs)
15 | end_time = now_ms()
16 | run_time = end_time - start_time
17 | logging.info(f"Finished {func.__name__!r} in {run_time} milliseconds")
18 | return value
19 | return wrapper_timer
20 |
--------------------------------------------------------------------------------
/web/src/api/ApiError.ts:
--------------------------------------------------------------------------------
1 | import {AxiosResponse} from "axios";
2 |
3 | class ApiError extends Error {
4 | statusCode: number;
5 |
6 | constructor(response: AxiosResponse) {
7 | super()
8 | this.name = 'ApiError'
9 | if (response.data && response.data.msg) {
10 | this.message = `${response.data.msg} (${response.status})`
11 | } else if (response.data) {
12 | this.message = `${JSON.stringify(response.data)} (${response.status})`
13 | } else {
14 | this.message = `${response.statusText} (${response.status})`
15 | }
16 | this.statusCode = response.status
17 | }
18 | }
19 |
20 | export default ApiError;
21 |
--------------------------------------------------------------------------------
/pillcity/plugin_core/context.py:
--------------------------------------------------------------------------------
1 | from redis import Redis
2 |
3 |
4 | class PillCityPluginContext(object):
5 | def __init__(self, plugin_name: str, _redis: Redis):
6 | self.plugin_name = plugin_name # type: str
7 | self._redis = _redis # type: Redis
8 |
9 | def redis_get(self, key: str) -> str:
10 | return self._redis.hget(f'plugin.{self.plugin_name}', key)
11 |
12 | def redis_set(self, key: str, value: str):
13 | self._redis.hset(f'plugin.{self.plugin_name}', key, value)
14 |
15 | def mongo_get(self, user_id: str):
16 | pass
17 |
18 | def mongo_set(self, user_id: str, value):
19 | pass
20 |
--------------------------------------------------------------------------------
/web/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "lib": [
5 | "dom",
6 | "dom.iterable",
7 | "esnext"
8 | ],
9 | "allowJs": true,
10 | "skipLibCheck": true,
11 | "esModuleInterop": true,
12 | "allowSyntheticDefaultImports": true,
13 | "strict": true,
14 | "forceConsistentCasingInFileNames": true,
15 | "noFallthroughCasesInSwitch": true,
16 | "module": "esnext",
17 | "moduleResolution": "node",
18 | "resolveJsonModule": true,
19 | "isolatedModules": true,
20 | "noEmit": true,
21 | "jsx": "react-jsx"
22 | },
23 | "include": [
24 | "src"
25 | ]
26 | }
27 |
--------------------------------------------------------------------------------
/pillcity/daos/post_cache.py:
--------------------------------------------------------------------------------
1 | from bson import ObjectId
2 | from pillcity.models import Post
3 | from pillcity.utils.profiling import timer
4 | from .cache import r
5 |
6 | RPost = "post"
7 |
8 |
9 | def set_in_post_cache(post: Post):
10 | r.hset(RPost, str(post.id), post.to_json())
11 |
12 |
13 | @timer
14 | def get_in_post_cache(oid: ObjectId):
15 | r_post = r.hget(RPost, str(oid))
16 | if not r_post:
17 | post = Post.objects.get(id=oid)
18 | set_in_post_cache(post)
19 | return post
20 | return Post.from_json(r_post.decode('utf-8'))
21 |
22 |
23 | def exists_in_post_cache(oid: ObjectId):
24 | return r.hexists(RPost, str(oid))
25 |
--------------------------------------------------------------------------------
/web/src/components/Post/ResharedPost.css:
--------------------------------------------------------------------------------
1 | .post-reshared-wrapper {
2 | border: #e0e0e0 solid 1px;
3 | margin-left: 15px;
4 | padding: 10px;
5 | border-radius: 4px;
6 | cursor: pointer;
7 | margin-bottom: 4px;
8 | }
9 |
10 | .post-reshared-info {
11 | display: flex;
12 | align-items: center;
13 | margin-bottom: 5px;
14 | }
15 |
16 | .post-reshared-avatar {
17 | width: 30px;
18 | height: 30px;
19 | flex-shrink: 0;
20 | }
21 |
22 | .post-reshared-author {
23 | margin-left: 5px;
24 | font-weight: bold;
25 | font-size: larger;
26 | }
27 |
28 | .post-reshared-attachments-wrapper {
29 | margin-left: 15px;
30 | margin-bottom: 10px;
31 | }
32 |
--------------------------------------------------------------------------------
/pillcity/models/circle.py:
--------------------------------------------------------------------------------
1 | from typing import List
2 | from mongoengine import Document, ListField, LazyReferenceField, StringField, PULL, CASCADE
3 | from .created_at_mixin import CreatedAtMixin
4 | from .user import User
5 |
6 |
7 | class Circle(Document, CreatedAtMixin):
8 | eid = StringField(required=True)
9 | owner = LazyReferenceField(User, required=True, reverse_delete_rule=CASCADE) # type: User
10 | name = StringField(required=True)
11 | members = ListField(LazyReferenceField(User, reverse_delete_rule=PULL), default=[]) # type: List[User]
12 | meta = {
13 | 'indexes': [
14 | {'fields': ('owner', 'name'), 'unique': True}
15 | ]
16 | }
17 |
18 |
--------------------------------------------------------------------------------
/uwsgi.ini:
--------------------------------------------------------------------------------
1 | [uwsgi]
2 | http = 0.0.0.0:5000
3 | module = app
4 | callable = app
5 | strict = true ; fail to start if any parameter in the configuration file isn’t explicitly understood by uWSGI
6 | ;master = true ; necessary to gracefully re-spawn and pre-fork workers, consolidate logs, and manage many other features
7 | enable-threads = true
8 | vacuum = true ; Delete sockets during shutdown
9 | single-interpreter = true
10 | die-on-term = true ; Shutdown when receiving SIGTERM (default is respawn)
11 | need-app = true ; prevents uWSGI from starting if it is unable to find or load your application module
12 |
--------------------------------------------------------------------------------
/pillcity/daos/circle_cache.py:
--------------------------------------------------------------------------------
1 | from bson import ObjectId
2 | from pillcity.models import Circle
3 | from pillcity.utils.profiling import timer
4 | from .cache import r
5 |
6 | RCircle = "circle"
7 |
8 |
9 | def set_in_circle_cache(circle: Circle):
10 | r.hset(RCircle, str(circle.id), circle.to_json())
11 |
12 |
13 | @timer
14 | def get_in_circle_cache(oid: ObjectId) -> Circle:
15 | r_circle = r.hget(RCircle, str(oid))
16 | if not r_circle:
17 | circle = Circle.objects.get(id=oid)
18 | set_in_circle_cache(circle)
19 | return circle
20 | return Circle.from_json(r_circle.decode('utf-8'))
21 |
22 |
23 | def delete_from_circle_cache(oid: ObjectId):
24 | r.hdel(RCircle, str(oid))
25 |
--------------------------------------------------------------------------------
/web/src/components/MediaV2/AvatarV2.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import User from "../../models/User";
3 | import MediaV2 from "./MediaV2";
4 |
5 | interface Props extends React.ImgHTMLAttributes
8 |
15 |
16 |
9 | Welcome back to
10 |
11 |
12 | Pill City
13 |
14 |
17 | {props.formElement}
18 |
19 | 
18 | )
19 | }
20 | return (
21 |
19 | {toasts.map(item => {
20 | return {item.content}
21 | })}
22 |
,
23 | document.body
24 | );
25 | }
26 |
27 | export default ToastContainer
28 |
--------------------------------------------------------------------------------
/pillcity/models/link_preview.py:
--------------------------------------------------------------------------------
1 | from enum import Enum
2 | from mongoengine import Document, StringField, EnumField, URLField, ListField, IntField
3 |
4 |
5 | class LinkPreviewState(Enum):
6 | Fetching = "fetching"
7 | Fetched = "fetched"
8 | Errored = "errored"
9 |
10 |
11 | class LinkPreview(Document):
12 | url = URLField(required=True, unique=True)
13 | title = StringField(required=False, default='')
14 | subtitle = StringField(required=False, default='')
15 | image_urls = ListField(URLField(), required=False, default=list)
16 | state = EnumField(LinkPreviewState, required=True)
17 | errored_retries = IntField(required=False, default=0)
18 | errored_next_refetch_seconds = IntField(required=False, default=0)
19 |
--------------------------------------------------------------------------------
/pillcity/plugin_core/api.py:
--------------------------------------------------------------------------------
1 | from abc import ABC, abstractmethod
2 | from typing import Optional
3 | from flask import Blueprint
4 | from .context import PillCityPluginContext
5 |
6 |
7 | class PillCityPlugin(ABC):
8 | def __init__(self, context: PillCityPluginContext):
9 | self._context = context # type: PillCityPluginContext
10 |
11 | def get_context(self) -> PillCityPluginContext:
12 | return self._context
13 |
14 | @abstractmethod
15 | def init(self):
16 | pass
17 |
18 | @abstractmethod
19 | def job(self):
20 | pass
21 |
22 | @abstractmethod
23 | def job_interval_seconds(self) -> int:
24 | pass
25 |
26 | @abstractmethod
27 | def flask_blueprint(self) -> Optional[Blueprint]:
28 | pass
29 |
--------------------------------------------------------------------------------
/web/src/components/PillDropdownMenu/PillDropdownMenu.css:
--------------------------------------------------------------------------------
1 | .pill-dropdown-menu-container {
2 | position: relative;
3 | }
4 |
5 | .pill-dropdown-children {
6 | display: inline-block;
7 | }
8 |
9 | .pill-dropdown-menu {
10 | border-radius: 4px;
11 | position: absolute;
12 | border: 1px solid #e0e0e0;
13 | right: 0;
14 | width: 150px;
15 | opacity: 0;
16 | visibility: hidden;
17 | }
18 |
19 | .pill-dropdown-menu-item {
20 | padding: 6px;
21 | background-color: white;
22 | cursor: pointer;
23 | font-weight: bold;
24 | border-radius: 4px;
25 | color: #c97070;
26 | }
27 |
28 | .pill-dropdown-menu-item:hover {
29 | background-color: #f5f4f4;
30 | }
31 |
32 | .pill-dropdown-menu-active {
33 | opacity: 1;
34 | visibility: visible;
35 | }
36 |
--------------------------------------------------------------------------------
/web/src/store/meSlice.ts:
--------------------------------------------------------------------------------
1 | import User from "../models/User";
2 | import {AnyAction, createSlice, ThunkAction} from "@reduxjs/toolkit";
3 | import {RootState} from "./store";
4 | import api from "../api/Api";
5 |
6 | interface MeState {
7 | me: User | null
8 | }
9 |
10 | const initialState: MeState = {
11 | me: null,
12 | }
13 |
14 | const meSlice = createSlice({
15 | name: 'me',
16 | initialState,
17 | reducers: {
18 | setMe: (state, action) => {
19 | state.me = action.payload
20 | },
21 | }
22 | })
23 |
24 | const {
25 | setMe
26 | } = meSlice.actions
27 |
28 | export const loadMe = (): ThunkAction
19 | {
20 | props.tabs.map((tab, index) => {
21 | return (
22 |
30 | {updateShowingTab(index)}}
25 | >{tab.title}
26 | )
27 | })
28 | }
29 |
31 | {props.tabs[showingTab].el}
32 |
33 |
34 | )
35 | }
36 |
37 | export default PillTabs
38 |
--------------------------------------------------------------------------------
/web/src/App.css:
--------------------------------------------------------------------------------
1 | /* Hide scrollbar for Chrome, Safari and Opera */
2 | body::-webkit-scrollbar {
3 | display: none;
4 | }
5 |
6 | /* Hide scrollbar for IE, Edge and Firefox */
7 | body {
8 | -ms-overflow-style: none; /* IE and Edge */
9 | scrollbar-width: none; /* Firefox */
10 | }
11 |
12 | #root {
13 | height: 100%;
14 | }
15 |
16 | input[type="file"] {
17 | display: none;
18 | }
19 |
20 | .app-container {
21 | margin-left: auto;
22 | margin-right: auto;
23 | }
24 |
25 | @media only screen and (max-width: 750px) {
26 | .app-container {
27 | width: 100%;
28 | padding-bottom: calc(50px + env(safe-area-inset-bottom));;
29 | }
30 | }
31 |
32 | .link-button {
33 | background-color: transparent;
34 | border: none;
35 | cursor: pointer;
36 | text-decoration: underline;
37 | display: inline;
38 | margin: 0;
39 | padding: 0;
40 | color: #0d71bb;
41 | }
42 |
--------------------------------------------------------------------------------
/pillcity/daos/mention.py:
--------------------------------------------------------------------------------
1 | from typing import List
2 | from pillcity.models import NotifyingAction, User
3 | from .notification import create_notification
4 |
5 |
6 | def mention(self: User, notified_href: str, notified_summary: str, mentioned_users: List[User]):
7 | """
8 | Create the notifications for mentioning a list of user
9 |
10 | :param self: The acting user
11 | :param notified_href: The notifying href
12 | :param notified_summary: Text summary for notifying href
13 | :param mentioned_users: The mentioned users
14 | """
15 | for mentioned_user in mentioned_users:
16 | create_notification(
17 | self=self,
18 | notifying_href='',
19 | notifying_summary='',
20 | notifying_action=NotifyingAction.Mention,
21 | notified_href=notified_href,
22 | notified_summary=notified_summary,
23 | owner=mentioned_user
24 | )
25 |
--------------------------------------------------------------------------------
/web/src/components/PillCheckbox/PillCheckbox.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import Toggle from 'react-toggle'
3 | import 'react-toggle/style.css'
4 | import './PillCheckbox.css'
5 |
6 | interface Props {
7 | checked: boolean
8 | onChange: (c: boolean) => void
9 | label: string
10 | disabled?: boolean
11 | }
12 |
13 | const PillCheckbox = (props: Props) => {
14 | return (
15 |
16 | {
19 | e.preventDefault()
20 | if (props.disabled) {
21 | return
22 | }
23 | props.onChange(!props.checked)
24 | }}
25 | disabled={props.disabled}
26 | icons={false}
27 | className='pill-checkbox'
28 | />
29 | {props.label}
30 |
31 | )
32 | }
33 |
34 | export default PillCheckbox
35 |
--------------------------------------------------------------------------------
/web/src/components/UpdateBanner/UpdateBanner.css:
--------------------------------------------------------------------------------
1 | .settings-profile-pic-preview {
2 | width: 100%;
3 | height: 250px;
4 | background-size: 100px;
5 | position: relative;
6 | }
7 |
8 | .settings-profile-pic-selections {
9 | display: flex;
10 | flex-wrap: wrap;
11 | justify-content: center;
12 | }
13 |
14 | .settings-profile-selection-option {
15 | margin-right: 20px;
16 | margin-top: 15px;
17 | width: 50px;
18 | height: 50px;
19 | border: 2px solid #e0e0e0;
20 | background-color: #e0e0e0;
21 | border-radius: 3px;
22 | display: flex;
23 | align-items: center;
24 | justify-content: center;
25 | padding: 3px;
26 | cursor: pointer;
27 | }
28 |
29 | .settings-profile-selection-option-selected {
30 | border: 2px solid #9dd0ff;
31 | background-color: #e0e0e0;
32 | }
33 |
34 | .settings-profile-selection-option-img {
35 | max-width: 100%;
36 | max-height: 100%;
37 | }
38 |
--------------------------------------------------------------------------------
/web/src/components/Toast/Toast.tsx:
--------------------------------------------------------------------------------
1 | import React, {useEffect} from 'react'
2 | import {useToast} from "./ToastProvider";
3 | import './Toast.css'
4 |
5 | interface Props {
6 | children: string
7 | id: number
8 | dismissible: boolean
9 | }
10 |
11 | const ToastComponent = ({ children, id, dismissible }: Props) => {
12 | const { removeToast } = useToast();
13 |
14 | useEffect(() => {
15 | if (!dismissible) {
16 | return () => {}
17 | }
18 |
19 | const timer = setTimeout(() => {
20 | removeToast(id);
21 | }, 3000); // delay
22 |
23 | return () => {
24 | clearTimeout(timer);
25 | };
26 | }, [id, removeToast, dismissible]);
27 |
28 | const onCLick = () => {
29 | if (dismissible) {
30 | removeToast(id)
31 | }
32 | }
33 |
34 | return {children}
35 | }
36 |
37 | export default ToastComponent
38 |
--------------------------------------------------------------------------------
/pillcity/resources/link_preview.py:
--------------------------------------------------------------------------------
1 | from flask_restful import Resource, fields, marshal_with, reqparse
2 | from flask_jwt_extended import jwt_required
3 | from pillcity.daos.link_preview import get_link_preview
4 |
5 |
6 | link_preview_parser = reqparse.RequestParser()
7 | link_preview_parser.add_argument('url', type=str, required=True)
8 |
9 |
10 | class LinkPreviewState(fields.Raw):
11 | def format(self, state):
12 | return state.value
13 |
14 |
15 | link_preview_fields = {
16 | 'url': fields.String,
17 | 'title': fields.String,
18 | 'subtitle': fields.String,
19 | 'image_urls': fields.List(fields.String),
20 | 'state': LinkPreviewState,
21 | 'errored_next_refetch_seconds': fields.Integer
22 | }
23 |
24 |
25 | class LinkPreview(Resource):
26 | @jwt_required()
27 | @marshal_with(link_preview_fields)
28 | def post(self):
29 | args = link_preview_parser.parse_args()
30 | return get_link_preview(args['url'])
31 |
--------------------------------------------------------------------------------
/web/src/api/AuthStorage.ts:
--------------------------------------------------------------------------------
1 | const AccessTokenKey = 'access_token'
2 | const AccessTokenExpiresKey = 'access_token_expires'
3 |
4 | export const accessTokenExists = (): boolean => {
5 | if (window.localStorage.getItem(AccessTokenExpiresKey) === null) {
6 | return false
7 | }
8 | const expires = parseInt(window.localStorage.getItem(AccessTokenExpiresKey) as string)
9 | const now = new Date().getTime() / 1000
10 | if (expires <= now) {
11 | return false
12 | }
13 | return window.localStorage.getItem(AccessTokenKey) !== null
14 | }
15 |
16 | export const getAccessToken = (): string => {
17 | return window.localStorage.getItem(AccessTokenKey) as string
18 | }
19 |
20 | export const setAccessToken = (accessToken: string, expires: number) => {
21 | window.localStorage.setItem(AccessTokenKey, accessToken)
22 | window.localStorage.setItem(AccessTokenExpiresKey, `${expires}`)
23 | }
24 |
25 | export const removeAccessToken = () => {
26 | window.localStorage.removeItem(AccessTokenKey)
27 | }
28 |
--------------------------------------------------------------------------------
/pillcity/resources/poll.py:
--------------------------------------------------------------------------------
1 | from flask_restful import Resource, fields
2 | from flask_jwt_extended import jwt_required, get_jwt_identity
3 | from pillcity.daos.user import find_user_or_raise
4 | from pillcity.daos.post import dangerously_get_post
5 | from pillcity.daos.poll import vote
6 | from .users import user_fields
7 | from .media import MediaUrlV2
8 |
9 | poll_fields = {
10 | 'choices': fields.List(fields.Nested({
11 | 'id': fields.String(attribute='eid'),
12 | 'content': fields.String,
13 | "media_url_v2": MediaUrlV2(attribute='media'),
14 | 'voters': fields.List(fields.Nested(user_fields))
15 | })),
16 | 'close_by_seconds': fields.Integer(attribute='close_by')
17 | }
18 |
19 |
20 | class Vote(Resource):
21 | @jwt_required()
22 | def post(self, post_id: str, choice_id: str):
23 | user_id = get_jwt_identity()
24 | user = find_user_or_raise(user_id)
25 | post = dangerously_get_post(post_id)
26 |
27 | vote(user, post, choice_id)
28 |
--------------------------------------------------------------------------------
/web/src/components/ClickableId/ClickableId.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import User from "../../models/User";
3 | import {useHistory} from "react-router-dom";
4 | import './ClickableId.css'
5 | import getNameAndSubName from "../../utils/getNameAndSubName";
6 |
7 | interface Props {
8 | user: User | null
9 | }
10 |
11 | const ClickableId = (props: Props) => {
12 | const history = useHistory()
13 | const { user } = props
14 |
15 | const { name, subName } = getNameAndSubName(props.user)
16 |
17 | return (
18 | {
21 | // This component is sometimes nested in other clickable places so need this
22 | e.stopPropagation()
23 | if (!user) {
24 | return
25 | }
26 | history.push(`/profile/${user.id}`)
27 | }}
28 | >
29 | {name}
30 | {' '}
31 | {subName && {`@${subName}`}}
32 |
33 | )
34 | }
35 |
36 | export default ClickableId
37 |
--------------------------------------------------------------------------------
/web/src/components/DesktopUsers/AddNewCircleButton.css:
--------------------------------------------------------------------------------
1 | .add-new-circle-button-wrapper {
2 | flex-shrink: 0;
3 | margin: 20px 20px;
4 | }
5 |
6 | .add-new-circle-button {
7 | box-shadow: 2px 2px 1px 1px #e0e0e0;
8 | color: white;
9 | background-color: #000000;
10 | border-radius: 50%;
11 | width: 250px;
12 | height: 250px;
13 | font-size: large;
14 | font-weight: bold;
15 | cursor: pointer;
16 | display: flex;
17 | align-items: center;
18 | justify-content: center;
19 | }
20 |
21 | .add-new-circle-button:hover {
22 | background-color: #e0e0e0;
23 | -webkit-animation: color-change-2x 0.5s ease-in both;
24 | animation: color-change-2x 0.5s ease-in both;
25 | }
26 |
27 | /* Animation */
28 | @-webkit-keyframes color-change-2x {
29 | 0% {
30 | background: #000000;
31 | }
32 | 100% {
33 | background: #E05140;
34 | }
35 | }
36 | @keyframes color-change-2x {
37 | 0% {
38 | background: #000000;
39 | }
40 | 100% {
41 | background: #E05140;
42 | }
43 | }
44 |
--------------------------------------------------------------------------------
/web/src/components/RoundAvatar/RoundAvatar.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import {useHistory} from "react-router-dom";
3 | import User from '../../models/User'
4 | import './RoundAvatar.css'
5 | import AvatarV2 from "../MediaV2/AvatarV2";
6 |
7 | interface Props {
8 | user: User | null
9 | disableNavigateToProfile?: boolean
10 | }
11 |
12 | const RoundAvatar = (props: Props) => {
13 | const history = useHistory()
14 |
15 | return (
16 | {
17 | e.preventDefault()
18 | await dispatch(markAllNotificationsAsRead())
19 | }}
20 | >
21 | {unreadNotificationsCount !== 0 &&
22 |
28 | )
29 | }
30 |
31 | export default Notifications
32 |
--------------------------------------------------------------------------------
/web/src/components/About/About.js:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useState } from 'react'
2 | import api from '../../api/Api'
3 | import './About.css'
4 |
5 | const About = () => {
6 | const webGitCommit = process.env.REACT_APP_GIT_SHA
7 | const [apiGitCommit, updateApiGitCommit] = useState(undefined)
8 | useEffect(() => {
9 | const _fetch = async () => {
10 | updateApiGitCommit(await api.getApiGitCommit())
11 | }
12 | _fetch()
13 | }, [])
14 |
15 | const githubLink = (commit) => {
16 | return {commit}
17 | }
18 |
19 | return (
20 |
23 |
25 | }
26 | 21 | Web {webGitCommit ? githubLink(webGitCommit) : '?'}{', '} 22 | API {apiGitCommit ? githubLink(apiGitCommit) : '?'}{', '} 23 | GitHub 29 |
30 | ) 31 | } 32 | 33 | export default About; 34 | -------------------------------------------------------------------------------- /web/src/components/PillButtons/PillButton.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import './PillButton.css' 3 | 4 | export enum PillButtonVariant { 5 | Neutral = 0, 6 | Positive, 7 | } 8 | 9 | const variantToBackgroundColor = (variant: PillButtonVariant) => { 10 | if (variant === PillButtonVariant.Positive) { 11 | return '#E05140' 12 | } else { 13 | return '#727272' 14 | } 15 | } 16 | 17 | interface Props { 18 | text: string 19 | variant: PillButtonVariant 20 | onClick: () => void 21 | disabled?: boolean 22 | } 23 | 24 | const PillButton = (props: Props) => { 25 | return ( 26 | {
33 | e.preventDefault()
34 | if (props.disabled) {
35 | return
36 | }
37 | props.onClick()
38 | }}
39 | >{props.text}
40 | )
41 | }
42 |
43 | export default PillButton
44 |
--------------------------------------------------------------------------------
/web/src/pages/ResetPassword/ResetPassword.css:
--------------------------------------------------------------------------------
1 | .reset-password {
2 | padding: 40px 40px 40px 40px;
3 | border-radius: 20px;
4 | background-color: rgba(255, 255, 255, .15);
5 | backdrop-filter: blur(9px);
6 | display: flex;
7 | flex-direction: column;
8 | align-items: center;
9 | }
10 |
11 | .reset-password-title {
12 | margin-bottom: 24px;
13 | }
14 |
15 | .reset-password-input {
16 | margin-bottom: 12px;
17 | width: 240px;
18 | height: 3em;
19 | padding: 1em;
20 | border-width: 1px;
21 | border-radius: 4px;
22 | border-color: #86989B;
23 | }
24 |
25 | .reset-password-button {
26 | margin-bottom: 12px;
27 | background-color: #E05140;
28 | width: 240px;
29 | color: white;
30 | text-align: center;
31 | padding: 12px;
32 | border-radius: 4px;
33 | font-size: medium;
34 | }
35 |
36 | .reset-password-button-disabled {
37 | background-color: #727272;
38 | }
39 |
40 | .reset-password-button:hover {
41 | cursor: pointer;
42 | }
43 |
44 | .reset-password-button-disabled:hover {
45 | cursor: default;
46 | }
47 |
--------------------------------------------------------------------------------
/web/src/pages/ForgetPassword/ForgetPassword.css:
--------------------------------------------------------------------------------
1 | .forget-password {
2 | padding: 40px 40px 40px 40px;
3 | border-radius: 20px;
4 | background-color: rgba(255, 255, 255, .15);
5 | backdrop-filter: blur(9px);
6 | display: flex;
7 | flex-direction: column;
8 | align-items: center;
9 | }
10 |
11 | .forget-password-title {
12 | margin-bottom: 24px;
13 | }
14 |
15 | .forget-password-input {
16 | margin-bottom: 12px;
17 | width: 240px;
18 | height: 3em;
19 | padding: 1em;
20 | border-width: 1px;
21 | border-radius: 4px;
22 | border-color: #86989B;
23 | }
24 |
25 | .forget-password-button {
26 | margin-bottom: 12px;
27 | background-color: #E05140;
28 | width: 240px;
29 | color: white;
30 | text-align: center;
31 | padding: 12px;
32 | border-radius: 4px;
33 | font-size: medium;
34 | }
35 |
36 | .forget-password-button-disabled {
37 | background-color: #727272;
38 | }
39 |
40 | .forget-password-button:hover {
41 | cursor: pointer;
42 | }
43 |
44 | .forget-password-button-disabled:hover {
45 | cursor: default;
46 | }
47 |
--------------------------------------------------------------------------------
/pillcity/tasks/celery.py:
--------------------------------------------------------------------------------
1 | import os
2 | import celery
3 | from celery.utils.log import get_task_logger
4 | from pillcity.plugins import get_plugins
5 |
6 | app = celery.Celery(
7 | 'tasks',
8 | broker=os.environ['REDIS_URL'],
9 | include=[
10 | 'pillcity.tasks.generate_link_preview',
11 | 'pillcity.tasks.process_image'
12 | ]
13 | )
14 | logger = get_task_logger(__name__)
15 |
16 | # Set up plugin jobs
17 | for plugin_name, plugin in get_plugins().items():
18 | celery_task_name = f"pillcity.plugins.{plugin_name}.job"
19 |
20 | class _Task(celery.Task):
21 | name = celery_task_name
22 |
23 | def run(self, *args, **kwargs):
24 | plugin.job()
25 | app.register_task(_Task)
26 |
27 | if plugin.job_interval_seconds() >= 60:
28 | # TODO: app.on_after_configure.connect just doesn't seem to work?
29 | app.conf.beat_schedule[plugin_name] = {
30 | 'task': celery_task_name,
31 | 'schedule': float(plugin.job_interval_seconds()) # int will mean minutes instead of seconds
32 | }
33 |
34 | app.conf.timezone = 'UTC'
35 |
--------------------------------------------------------------------------------
/web/src/components/LinkPreview/FetchedPreview.css:
--------------------------------------------------------------------------------
1 | .fetched-preview {
2 | margin-bottom: 10px;
3 | border: 1px solid #e0e0e0;
4 | border-radius: 4px;
5 | padding: 10px;
6 | color: #3f3f3f;
7 | cursor: pointer;
8 | }
9 |
10 | .fetched-preview:hover {
11 | background-color: #f0f0f0;
12 | }
13 |
14 | .fetched-preview-with-image {
15 | border-top: 0;
16 | border-radius: 0 0 4px 4px;
17 | }
18 |
19 | .fetched-preview-image-container {
20 | border: 1px solid #e0e0e0;
21 | border-radius: 4px 4px 0 0;
22 | height: 200px;
23 | cursor: pointer;
24 | }
25 |
26 | .fetched-preview-image {
27 | object-fit: cover;
28 | width: 100%;
29 | height: 100%;
30 | border-radius: 4px 4px 0 0;
31 | }
32 |
33 | .fetched-preview-title {
34 | font-size: large;
35 | overflow-wrap: break-word;
36 | white-space: pre-line;
37 | }
38 |
39 | .fetched-preview-subtitle {
40 | margin-top: 10px;
41 | font-size: small;
42 | overflow-wrap: break-word;
43 | white-space: pre-line;
44 | }
45 |
46 | .fetched-preview-link {
47 | color: #56a5ff;
48 | text-decoration: none;
49 | }
50 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2021 KTachibanaM
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/web/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "theme_color": "#000000",
3 | "background_color": "#A8CFFB",
4 | "display": "standalone",
5 | "scope": "/",
6 | "start_url": "/",
7 | "name": "Pill City",
8 | "short_name": "Pill City",
9 | "description": "A social network reminiscent of Google+ with enhancements",
10 | "icons": [
11 | {
12 | "src": "/manifest-icon-192.maskable.png",
13 | "sizes": "192x192",
14 | "type": "image/png",
15 | "purpose": "any"
16 | },
17 | {
18 | "src": "/manifest-icon-192.maskable.png",
19 | "sizes": "192x192",
20 | "type": "image/png",
21 | "purpose": "maskable"
22 | },
23 | {
24 | "src": "/manifest-icon-512.maskable.png",
25 | "sizes": "512x512",
26 | "type": "image/png",
27 | "purpose": "any"
28 | },
29 | {
30 | "src": "/manifest-icon-512.maskable.png",
31 | "sizes": "512x512",
32 | "type": "image/png",
33 | "purpose": "maskable"
34 | }
35 | ]
36 | }
37 |
--------------------------------------------------------------------------------
/web/src/components/LinkPreview/LinkPreview.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import InstantPreview, {getInstantPreview} from "./InstantPreview";
3 | import FetchedPreview from "./FetchedPreview";
4 | import './LinkPreview.css'
5 | import {useState} from "react";
6 | import LinkPreview from "../../models/LinkPreview";
7 |
8 | interface Props {
9 | preview: LinkPreview,
10 | }
11 |
12 | const LinkPreviewComponent = (props: Props) => {
13 | const { preview } = props
14 | const [clicked, updateClicked] = useState(false)
15 |
16 | const instantPreview = getInstantPreview(preview.url)
17 | const fetchedPreview = (
18 |
16 |
23 | {updateModalOpened(true)}}
19 | >
20 | Create new circle
21 |
22 |
36 | {previews.map(_ => )}
37 |
38 | )
39 | }
40 |
41 | export default LinkPreviews
42 |
--------------------------------------------------------------------------------
/pillcity/models/notification.py:
--------------------------------------------------------------------------------
1 | from enum import Enum
2 | from mongoengine import Document, LazyReferenceField, StringField, EnumField, BooleanField, CASCADE
3 | from .created_at_mixin import CreatedAtMixin
4 | from .user import User
5 |
6 |
7 | class NotifyingAction(Enum):
8 | Comment = "comment"
9 | Mention = "mention"
10 | Reaction = "reaction"
11 | Reshare = "reshare"
12 | Follow = "follow"
13 |
14 |
15 | class Notification(Document, CreatedAtMixin):
16 | eid = StringField(required=True)
17 | notifying_action = EnumField(NotifyingAction, required=True) # type: NotifyingAction
18 | unread = BooleanField(required=False, default=True)
19 |
20 | notifier = LazyReferenceField(User, required=True, reverse_delete_rule=CASCADE) # type: User
21 | notifying_href = StringField(required=True)
22 | notifying_summary = StringField(required=False, default='')
23 | notifying_deleted = BooleanField(required=False, default=False)
24 |
25 | owner = LazyReferenceField(User, required=True, reverse_delete_rule=CASCADE) # type: User
26 | notified_href = StringField(required=True)
27 | notified_summary = StringField(required=False, default='')
28 | notified_deleted = BooleanField(required=False, default=False)
29 |
--------------------------------------------------------------------------------
/web/src/components/DesktopUsers/DraggableUserCard.css:
--------------------------------------------------------------------------------
1 | .draggable-user-card-wrapper {
2 | background-color: #ffffff;
3 | width: 100%;
4 | height: 100px;
5 | border-radius: 5px;
6 | box-shadow: 2px 2px 1px 1px #e0e0e0;
7 | display: flex;
8 | align-items: center;
9 | justify-content: space-between;
10 | cursor: pointer;
11 | }
12 |
13 | .draggable-user-card-left {
14 | display: flex;
15 | flex-direction: row;
16 | align-items: center;
17 | }
18 |
19 | .draggable-user-card-avatar {
20 | height: 100px;
21 | width: 100px;
22 | flex-shrink: 0;
23 | }
24 |
25 | .draggable-user-card-avatar-img {
26 | width: 100%;
27 | height: 100%;
28 | }
29 |
30 | .draggable-user-card-name {
31 | font-weight: bold;
32 | font-size: large;
33 | margin-left: 20px;
34 | overflow: hidden;
35 | white-space: nowrap;
36 | text-overflow: ellipsis;
37 | max-width: 100px;
38 | }
39 |
40 | .draggable-user-card-buttons {
41 | display: flex;
42 | flex-direction: row;
43 | }
44 |
45 | .draggable-user-card-button {
46 | width: 25px;
47 | height: 25px;
48 | margin-right: 15px;
49 | }
50 |
51 | .draggable-user-card-button-disabled {
52 | color: lightgray;
53 | cursor: not-allowed;
54 | }
55 |
--------------------------------------------------------------------------------
/web/src/store/store.ts:
--------------------------------------------------------------------------------
1 | import { configureStore } from '@reduxjs/toolkit'
2 | import storage from 'redux-persist/lib/storage';
3 | import { combineReducers } from 'redux';
4 | import {
5 | persistReducer,
6 | FLUSH,
7 | REHYDRATE,
8 | PAUSE,
9 | PERSIST,
10 | PURGE,
11 | REGISTER,
12 | } from 'redux-persist';
13 | import homeReducer from "./homeSlice";
14 | import meReducer from "./meSlice";
15 | import notificationsReducer from "./notificationsSlice";
16 |
17 | const reducers = combineReducers({
18 | home: homeReducer,
19 | me: meReducer,
20 | notifications: notificationsReducer
21 | })
22 |
23 | export const persistKey = 'persist'
24 |
25 | const persistConfig = {
26 | key: persistKey,
27 | storage,
28 | whitelist: ['me'],
29 | }
30 |
31 | const persistedReducer = persistReducer(persistConfig, reducers);
32 |
33 | const store = configureStore({
34 | reducer: persistedReducer,
35 | middleware: (getDefaultMiddleware) =>
36 | getDefaultMiddleware({
37 | serializableCheck: {
38 | ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
39 | },
40 | }),
41 | })
42 |
43 | export type RootState = ReturnType
16 |
32 | )
33 | }
34 |
35 | export default NotificationDropdown
36 |
--------------------------------------------------------------------------------
/pillcity/daos/s3.py:
--------------------------------------------------------------------------------
1 | import os
2 | import tempfile
3 | import uuid
4 | from typing import Optional
5 | from PIL import Image, UnidentifiedImageError
6 | from pillcity.utils.s3 import get_s3_client
7 | from .cache import r, RMediaUrl
8 |
9 | AllowedImageTypes = ['gif', 'jpeg', 'bmp', 'png', 'webp']
10 |
11 |
12 | def upload_to_s3(file, object_name_stem: str) -> Optional[str]:
13 | s3_client, s3_bucket_name = get_s3_client()
14 |
15 | # check file size
16 | # flask will limit upload size for us :)
17 | # would return 413 if file is too large
18 |
19 | # save the file
20 | temp_fp = os.path.join(tempfile.gettempdir(), str(uuid.uuid4()))
21 | file.save(temp_fp)
22 |
23 | # check upload format
24 | try:
25 | img_type = Image.open(temp_fp).format.lower()
26 | except UnidentifiedImageError:
27 | return None
28 | if img_type not in AllowedImageTypes:
29 | return None
30 |
31 | # upload the file
32 | object_name = f"{object_name_stem}.{img_type}"
33 | s3_client.upload_file(
34 | Filename=temp_fp,
35 | Bucket=s3_bucket_name,
36 | Key=object_name,
37 | ExtraArgs={
38 | 'ContentType': f"image/{img_type}",
39 | }
40 | )
41 |
42 | # update user model
43 | os.remove(temp_fp)
44 |
45 | return object_name
46 |
47 |
48 | def delete_from_s3(object_name: str):
49 | s3_client, s3_bucket_name = get_s3_client()
50 |
51 | s3_client.delete_object(Bucket=s3_bucket_name, Key=object_name)
52 | r.hdel(RMediaUrl, object_name)
53 |
--------------------------------------------------------------------------------
/web/src/components/LinkPreview/FetchedPreview.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import LinkPreview from "../../models/LinkPreview";
3 | import summary from "../../utils/summary";
4 | import './FetchedPreview.css'
5 |
6 | interface Props {
7 | preview: LinkPreview
8 | onClick: () => void
9 | }
10 |
11 | const FetchedPreview = (props: Props) => {
12 | const {preview} = props
13 | if (preview.state !== 'fetched') {
14 | return null
15 | }
16 |
17 | const title = preview.title.trim()
18 | const subtitle = preview.subtitle.trim()
19 |
20 | return (
21 |
17 |
30 |
18 | Notifications {unreadNotificationsCount}
20 | {
21 | unreadNotificationsCount !== 0 &&
29 | {
22 | e.preventDefault()
23 | await dispatch(markAllNotificationsAsRead())
24 | }}>
25 |
27 | }
28 | {
22 | e.preventDefault()
23 | props.onClick()
24 | }}>
25 | {
26 | (preview.image_urls || []).length !== 0 &&
27 |
47 | )
48 | }
49 |
50 | export default FetchedPreview
51 |
--------------------------------------------------------------------------------
/terraform/.terraform.lock.hcl:
--------------------------------------------------------------------------------
1 | # This file is maintained automatically by "terraform init".
2 | # Manual edits may be lost in future updates.
3 |
4 | provider "registry.terraform.io/hashicorp/aws" {
5 | version = "4.48.0"
6 | constraints = "~> 4.0"
7 | hashes = [
8 | "h1:Fz26mWZmM9syrY91aPeTdd3hXG4DvMR81ylWC9xE2uA=",
9 | "h1:t4+ZVZIg8DbyFTMy4sZcvb7FULMG3mpg9Woh/2IaQ+o=",
10 | "zh:08f5e3c5256a4fbd5c988863d10e5279172b2470fec6d4fb13c372663e7f7cac",
11 | "zh:2a04376b7fa84681bd2938973c7d0822c8c0f0656a4e7661a2f50ac4d852d4a3",
12 | "zh:30d6cdf321aaba874934cbde505333d89d172d8d5ffcf40b6e66626c57bc6ab2",
13 | "zh:364639ee19cf4cfaa65de84a2a71d32725d5b728b71dd88d01ccb639c006c1cf",
14 | "zh:4e02252cd88b6f59f556f49c5ce46a358046c98f069230358ac15f4030ae1e76",
15 | "zh:611717320f20b3512ceb90abddd5198a85e1093965ce59e3ef8183188c84f8c3",
16 | "zh:630be3b9ba5b3a95ecb2ce2f3523714ab37cd8bcd7479c879a769e6a446ab5ed",
17 | "zh:6701f9d3ae1ffadb3ebefbe75c9d82668cc5495b8f826e498adb8530e202b652",
18 | "zh:6dc6fdfa7469c9de7b405c68b2f6a09a3438db1ef09d348e49c7ceff4300b01a",
19 | "zh:84c8140d8af6965fa9cd80e52eb2ee3d273e3ab7762719a8d1af665c08fab748",
20 | "zh:9b12af85486a96aedd8d7984b0ff811a4b42e3d88dad1a3fb4c0b580d04fa425",
21 | "zh:9b6b4f7d4cea37ba7a42a47d506115498858bcd6440ad97dfb214c13a688ba90",
22 | "zh:a7f876af20f5c5dae8e333ec0dfc901e26aa801137e7df65fb365565637bbfe2",
23 | "zh:ad107b8e11dd0609b856584ce70ae6621aa4f1f946da51f7c792f1259e3f9c27",
24 | "zh:d5dc1683693a5fe2652952f50dbbeccd02716799c26c6d1a1378b226cf845e9b",
25 | ]
26 | }
27 |
--------------------------------------------------------------------------------
/pillcity/daos/invitation_code.py:
--------------------------------------------------------------------------------
1 | from typing import List
2 | from pillcity.models import InvitationCode
3 | from pillcity.utils.make_uuid import make_dashless_uuid
4 |
5 |
6 | def create_invitation_code() -> str:
7 | """
8 | Create a new invitation code
9 |
10 | :return: The new invitation code
11 | """
12 | code = make_dashless_uuid()
13 | new_code = InvitationCode()
14 | new_code.code = code
15 | new_code.claimed = False
16 | new_code.save()
17 | return code
18 |
19 |
20 | def check_invitation_code(code: str) -> bool:
21 | """
22 | Check if an invitation code exists and is unclaimed
23 |
24 | :param code: The checked invitation code
25 | :return: Whether the invitation code exists and is unclaimed
26 | """
27 | codes = InvitationCode.objects(code=code, claimed=False)
28 | if not codes:
29 | return False
30 | return True
31 |
32 |
33 | def claim_invitation_code(code: str) -> bool:
34 | """
35 | Claim an invitation code
36 |
37 | :param code: The claimed invitation code
38 | :return: Whether the claim was successful
39 | """
40 | if not check_invitation_code(code):
41 | return False
42 | code = InvitationCode.objects.get(code=code)
43 | code.claimed = True
44 | code.save()
45 | return True
46 |
47 |
48 | def get_invitation_codes() -> List[InvitationCode]:
49 | """
50 | Get all invitation codes, reverse chronologically ordered
51 |
52 | :return: All invitation codes
53 | """
54 | return list(InvitationCode.objects().order_by('-id'))
55 |
--------------------------------------------------------------------------------
/pillcity/daos/poll.py:
--------------------------------------------------------------------------------
1 | from pillcity.models import User, Post
2 | from .post import sees_post
3 | from .exceptions import UnauthorizedAccess, BadRequest
4 | from .post_cache import set_in_post_cache, exists_in_post_cache
5 |
6 |
7 | def vote(self: User, parent_post: Post, choice_id: str):
8 | """
9 | Cast a vote on a post poll
10 | It also removes the user from an existing choice if there is one
11 |
12 | :param self: The acting user
13 | :param parent_post: The post that contains the poll
14 | :param choice_id: The ID for the poll choice
15 | """
16 | if parent_post.deleted:
17 | raise UnauthorizedAccess()
18 | if not sees_post(self, parent_post, context_home_or_profile=False):
19 | raise UnauthorizedAccess()
20 | if not parent_post.poll:
21 | raise BadRequest()
22 |
23 | for c in parent_post.poll.choices:
24 | if c.eid == choice_id:
25 | # this is the choice that the user casts
26 | if self not in c.voters:
27 | # the user hasn't picked this choice before
28 | c.voters.append(self)
29 | else:
30 | # the user has picked this choice before, remove instead
31 | c.voters.remove(self)
32 | elif self in c.voters:
33 | # this is not hte choice that the use casts but it's the choice before
34 | c.voters.remove(self)
35 |
36 | if exists_in_post_cache(parent_post.id):
37 | # only set in post cache if it already exists
38 | set_in_post_cache(parent_post)
39 |
40 | parent_post.save()
41 |
--------------------------------------------------------------------------------
/web/src/components/Toast/ToastProvider.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useContext, useCallback } from "react";
2 | import ToastContainer from "./ToastContainer";
3 | import {Toast} from './ToastContainer'
4 |
5 | interface Context {
6 | addToast: (content: string, dismissible?: boolean) => number
7 | removeToast: (id: number) => void
8 | }
9 |
10 | const ToastContext = React.createContext
28 | 
34 |
35 |
36 | }
37 | {
38 | (title || subtitle) &&
39 |
42 |
45 | }
46 | {summary(title, 100)}
43 | {summary(subtitle, 150)}
44 |
42 | {
44 | return {
45 | title: attachment.title,
46 | el: attachment.el
47 | }
48 | })}
49 | />
50 |
51 | {
23 | e.preventDefault()
24 | onAddUser(user)
25 | }}>
26 |
35 | )
36 | }
37 |
38 | const AddUserToCircle = (props: Props) => {
39 | const {users, onAddUser} = props
40 |
41 | let userCardElements = []
42 | for (let user of users) {
43 | userCardElements.push(
44 |
27 |
29 |
30 |
34 |
31 | {name}
32 |
33 |
54 | {userCardElements}
55 |
56 | )
57 | }
58 |
59 | export default AddUserToCircle
60 |
--------------------------------------------------------------------------------
/web/src/components/LinkPreview/InstantPreview.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import YouTube from "react-youtube";
3 | import './InstantPreview.css'
4 |
5 | const youtubeDomains = [
6 | "youtube.com",
7 | "www.youtube.com",
8 | "m.youtube.com",
9 | ]
10 |
11 | const youtubeShortDomains = [
12 | "youtu.be"
13 | ]
14 |
15 | interface YouTubeVideoInstantPreview {
16 | youtubeVideoId: string
17 | }
18 |
19 | type InstantPreviews = YouTubeVideoInstantPreview
20 |
21 | export const getInstantPreview = (url: string): InstantPreviews | undefined => {
22 | let parsedUrl
23 | try {
24 | parsedUrl = new URL(url)
25 | } catch (e) {
26 | return
27 | }
28 |
29 | if (!parsedUrl) {
30 | return
31 | }
32 |
33 | if (youtubeDomains.indexOf(parsedUrl.hostname) !== -1) {
34 | if (parsedUrl.pathname === '/watch') {
35 | const vid = parsedUrl.searchParams.get('v')
36 | if (vid !== null) {
37 | return {
38 | youtubeVideoId: vid
39 | }
40 | }
41 | }
42 | } else if (youtubeShortDomains.indexOf(parsedUrl.hostname) !== -1) {
43 | return {
44 | youtubeVideoId: parsedUrl.pathname.split('/')[1]
45 | }
46 | }
47 | }
48 |
49 | interface Props {
50 | instantPreview: InstantPreviews
51 | }
52 |
53 | const InstantPreview = (props: Props) => {
54 | const { instantPreview } = props
55 |
56 | if ("youtubeVideoId" in instantPreview) {
57 | return (
58 |
43 | {fc.segments.map((segment, index) => {
44 | return (
45 | {convertSegment(segment, fc.references)}
46 | )
47 | })}
48 |
49 | )
50 | }
51 |
52 | export default FormattedContentComponent
53 |
--------------------------------------------------------------------------------
/web/src/components/Post/NestedComment.css:
--------------------------------------------------------------------------------
1 | .post-nested-comment {
2 | display: flex;
3 | margin-top: 3px;
4 | }
5 |
6 | .highlight-comment {
7 | background: #f0f0f0;
8 | border: 2px solid #f0f0f0;
9 | border-radius: 2px;
10 | }
11 |
12 | .post-nested-comment-avatar {
13 | height: 20px;
14 | width: 20px;
15 | flex-shrink: 0;
16 | }
17 |
18 | .post-nested-comment-name {
19 | font-size: small;
20 | font-weight: bold;
21 | margin-left: 3px;
22 | }
23 |
24 | .post-nested-comment-reply-to {
25 | height: 15px;
26 | width: 15px;
27 | margin-top: 2px;
28 | color: #777777;
29 | cursor: pointer;
30 | }
31 |
32 | .post-nested-comment-content {
33 | overflow-wrap: break-word;
34 | flex: 1;
35 | min-width: 0;
36 | margin-left: 3px;
37 | white-space: pre-line;
38 | }
39 |
40 | .post-nested-comment-actions {
41 | display: flex;
42 | align-items: center;
43 | }
44 |
45 | .post-nested-comment-time {
46 | font-size: smaller;
47 | color: #767676;
48 | }
49 |
50 | .post-nested-comment-reply-btn {
51 | margin-left: 5px;
52 | font-size: x-small;
53 | background-color: #f0f0f0;
54 | padding: 1px 2px;
55 | border-radius: 2px;
56 | font-weight: bold;
57 | cursor: pointer;
58 | }
59 |
60 | .post-nested-comment-reply-btn:hover {
61 | background-color: #e7e7e7;
62 | }
63 |
64 | .post-nested-comment-more-actions-trigger {
65 | color: #bdbdbd;
66 | width: 17px;
67 | height: 17px;
68 | border-radius: 2px;
69 | padding: 2px;
70 | cursor: pointer;
71 | margin-left: 5px;
72 | }
73 |
74 | .post-nested-comment-more-actions-trigger:hover {
75 | background-color: #f0f0f0;
76 | }
77 |
78 |
--------------------------------------------------------------------------------
/web/src/components/NavBar/NavBar.css:
--------------------------------------------------------------------------------
1 | .nav-bar-container {
2 | position: fixed;
3 | background-color: #0c0c0c;
4 | width: 100%;
5 | display: flex;
6 | z-index: 3;
7 | cursor: pointer;
8 | }
9 |
10 | .nav-bar-top {
11 | top: 0;
12 | }
13 |
14 | .nav-bar-bottom {
15 | bottom: 0;
16 | padding-bottom: env(safe-area-inset-bottom);
17 | }
18 |
19 | .nav-bar-button-container {
20 | margin-top: 5px;
21 | margin-bottom: 5px;
22 | display: flex;
23 | align-items: center;
24 | }
25 |
26 | .nav-bar-button-container-spaced {
27 | width: 25%;
28 | justify-content: center;
29 | }
30 |
31 | .nav-bar-button-container-aligned {
32 | padding-left: 20px;
33 | padding-right: 20px;
34 | }
35 |
36 | .nav-bar-button-active {
37 | background-color: #262626;
38 | border-radius: 5px;
39 | }
40 |
41 | .nav-bar-button-container>svg {
42 | width: 22px;
43 | height: 40px;
44 | color: white;
45 | }
46 |
47 | .nav-bar-button-text {
48 | margin-left: 6px;
49 | color: #ffffff;
50 | }
51 |
52 | .nav-bar-name-and-avatar {
53 | margin-left: auto;
54 | margin-right: 10px;
55 | }
56 |
57 | .nav-bar-avatar {
58 | width: 30px;
59 | height: 30px;
60 | margin-left: 10px;
61 | }
62 |
63 | .mobile-nav-bar-avatar {
64 | width: 30px;
65 | height: 30px;
66 | }
67 |
68 | .nav-bar-notification-indicator-wrapper {
69 | position: relative;
70 | width: 0;
71 | height: 0;
72 | bottom: 14px;
73 | left: 24px;
74 | }
75 |
76 | .nav-bar-notification-indicator {
77 | position: absolute;
78 | width: 10px;
79 | height: 10px;
80 | border-radius: 50%;
81 | background-color: #ff6969;
82 | right: 0;
83 | top: 0;
84 | }
85 |
--------------------------------------------------------------------------------
/web/src/components/Post/Comment.css:
--------------------------------------------------------------------------------
1 | .post-comment {
2 | display: flex;
3 | margin-top: 10px;
4 | }
5 |
6 | .highlight-comment {
7 | background: #f0f0f0;
8 | border: 2px solid #f0f0f0;
9 | border-radius: 2px;
10 | }
11 |
12 | .post-comment-avatar {
13 | width: 35px;
14 | height: 35px;
15 | flex-shrink: 0;
16 | }
17 |
18 | .post-comment-main-content {
19 | flex: 1;
20 | min-width: 0;
21 | margin-left: 10px;
22 | }
23 |
24 | .post-comment-name {
25 | font-weight: bold;
26 | font-size: medium;
27 | }
28 |
29 | .post-comment-content {
30 | max-width: 100%;
31 | overflow-wrap: break-word;
32 | white-space: pre-line;
33 | }
34 |
35 | .post-comment-content-summary {
36 | text-overflow: ellipsis;
37 | display: -webkit-box;
38 | -webkit-line-clamp: 10;
39 | -webkit-box-orient: vertical;
40 | overflow: hidden;
41 | }
42 |
43 | .post-comment-actions {
44 | display: flex;
45 | margin-top: 5px;
46 | align-items: center;
47 | }
48 |
49 | .post-time {
50 | font-size: smaller;
51 | color: #767676;
52 | }
53 |
54 | .post-comment-reply-btn {
55 | font-size: smaller;
56 | background-color: #f0f0f0;
57 | padding: 2px 5px;
58 | border-radius: 2px;
59 | font-weight: bold;
60 | cursor: pointer;
61 | margin-left: 5px;
62 | }
63 |
64 | .post-comment-reply-btn:hover {
65 | background-color: #e7e7e7;
66 | }
67 |
68 | .post-comment-more-actions-trigger {
69 | color: #bdbdbd;
70 | width: 25px;
71 | height: 25px;
72 | border-radius: 2px;
73 | padding: 5px;
74 | cursor: pointer;
75 | margin-left: 5px;
76 | }
77 |
78 | .post-comment-more-actions-trigger:hover {
79 | background-color: #f0f0f0;
80 | }
81 |
--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
1 | # ref https://ep2020.europython.eu/media/conference/slides/CeKGczx-best-practices-for-production-ready-docker-packaging.pdf
2 | # ref https://pythonspeed.com/articles/multi-stage-docker-python/
3 |
4 | # builder outputs a virtualenv with installed dependencies
5 | FROM python:3.11-slim-buster AS builder
6 |
7 | # makes sure system is up-to-date
8 | RUN apt-get update
9 | RUN apt-get install -y --no-install-recommends build-essential git
10 |
11 | # use regular user
12 | RUN useradd --create-home app
13 | USER app
14 | WORKDIR /home/app
15 |
16 | # creates a venv and install dependencies
17 | RUN python -m venv venv
18 | ENV PATH="./venv/bin:$PATH"
19 | COPY requirements.txt .
20 | COPY requirements.prod.txt .
21 | RUN python -m pip install -U pip==24.0 setuptools wheel
22 | RUN pip install -r requirements.txt
23 | RUN pip install -r requirements.prod.txt
24 |
25 | # runner intakes the builder's virtualenv, does various things and define an entrypoint
26 | FROM python:3.11-slim-buster AS runner
27 | ARG GIT_COMMIT
28 | RUN test -n "$GIT_COMMIT"
29 | ENV GIT_COMMIT=$GIT_COMMIT
30 |
31 | # use regular user
32 | RUN useradd --create-home app
33 | USER app
34 | WORKDIR /home/app
35 |
36 | # intakes the virtualenv from builder
37 | COPY --from=builder /home/app/venv ./venv
38 |
39 | # copy in only neccessary files
40 | COPY pillcity/ /home/app/pillcity
41 | COPY app.py .
42 | COPY release.py .
43 | COPY entrypoint-worker.sh .
44 | COPY entrypoint-release.sh .
45 | COPY entrypoint-beat.sh .
46 | COPY swagger.yaml .
47 | COPY uwsgi.ini .
48 |
49 | # pre-compile bytecode and enable PYTHONFAULTHANDLER (catches error in c)
50 | ENV PATH="./venv/bin:$PATH"
51 | ENV PYTHONFAULTHANDLER=1
52 | EXPOSE 5000
53 | ENTRYPOINT ["/home/app/venv/bin/uwsgi", "--ini", "uwsgi.ini"]
54 |
--------------------------------------------------------------------------------
/pillcity/tests/daos/user_test.py:
--------------------------------------------------------------------------------
1 | from .base_test_case import BaseTestCase
2 | from pillcity.daos.user import sign_up, sign_in, find_user, follow, unfollow
3 | from pillcity.daos.exceptions import BadRequest
4 |
5 |
6 | class TestUserDao(BaseTestCase):
7 | def test_user_successful_check_after_create(self):
8 | self.assertTrue(sign_up('official', '1234'))
9 | self.assertTrue(sign_up('user1', '1234'))
10 | self.assertEqual('user1', sign_in('user1', '1234').user_id)
11 | self.assertIn(find_user('official'), find_user('user1').followings)
12 |
13 | def test_user_failure_check_wrong_password(self):
14 | self.assertTrue(sign_up('user1', '1234'))
15 | self.assertFalse(sign_in('user1', '2345'))
16 |
17 | def test_user_failure_create_duplicate(self):
18 | self.assertTrue(sign_up('user1', '1234'))
19 | self.assertFalse(sign_up('user1', '1234'))
20 |
21 | def test_user_successful_find(self):
22 | self.assertTrue(sign_up('user1', '1234'))
23 | self.assertEqual('user1', find_user('user1').user_id)
24 |
25 | def test_user_failure_find_not_found(self):
26 | self.assertTrue(sign_up('user1', '1234'))
27 | self.assertFalse(find_user('user2'))
28 |
29 | def test_following(self):
30 | self.assertTrue(sign_up('user1', '1234'))
31 | self.assertTrue(sign_up('user2', '2345'))
32 | user1 = find_user('user1')
33 | user2 = find_user('user2')
34 |
35 | follow(user1, user2)
36 |
37 | def op():
38 | follow(user1, user2)
39 | self.assertRaises(BadRequest, op)
40 |
41 | unfollow(user1, user2)
42 |
43 | def op2():
44 | unfollow(user1, user2)
45 | self.assertRaises(BadRequest, op2)
46 |
--------------------------------------------------------------------------------
/web/src/components/PillDropdownMenu/PillDropdownMenu.tsx:
--------------------------------------------------------------------------------
1 | import React, {useRef, useState, useEffect} from "react";
2 | import './PillDropdownMenu.css'
3 |
4 | export interface DropdownMenuItem {
5 | text: string
6 | onClick: () => void
7 | }
8 |
9 | interface Props {
10 | items: DropdownMenuItem[]
11 | children: JSX.Element,
12 | }
13 |
14 | const PillDropdownMenu = (props: Props) => {
15 | const dropdownRef = useRef(null);
16 | const [isActive, updateIsActive] = useState(false);
17 |
18 | useEffect(() => {
19 | const pageClickEvent = (e: any) => {
20 | if (dropdownRef.current !== null && !(dropdownRef.current as any).contains(e.target)) {
21 | updateIsActive(!isActive);
22 | }
23 | };
24 | if (isActive) {
25 | window.addEventListener('click', pageClickEvent);
26 | }
27 | return () => {
28 | window.removeEventListener('click', pageClickEvent);
29 | }
30 | }, [isActive]);
31 |
32 | return (
33 |
34 |
57 | );
58 | };
59 |
60 | export default PillDropdownMenu
61 |
--------------------------------------------------------------------------------
/web/src/models/Post.ts:
--------------------------------------------------------------------------------
1 | import User from "./User";
2 | import {AnonymizedCircle} from "./Circle";
3 | import MediaUrlV2 from "./MediaUrlV2";
4 | import LinkPreview from "./LinkPreview";
5 | import EntityState from "./EntityState";
6 | import FormattedContent from "./FormattedContent";
7 |
8 | interface BaseComment {
9 | id: string
10 | created_at_seconds: number
11 | author: User
12 | content: string
13 | formatted_content?: FormattedContent
14 | media_urls_v2: MediaUrlV2[]
15 | reply_to_comment_id: string
16 | state: EntityState
17 | }
18 |
19 | export type NestedComment = BaseComment
20 |
21 | export interface Comment extends BaseComment {
22 | comments: BaseComment[]
23 | }
24 |
25 | export interface Reaction {
26 | id: string
27 | emoji: string
28 | author: User
29 | }
30 |
31 | export interface ResharedPost {
32 | id: string
33 | created_at_seconds: number
34 | author: User
35 | content: string,
36 | formatted_content?: FormattedContent
37 | media_urls_v2: MediaUrlV2[]
38 | poll: Poll | null,
39 | state: EntityState
40 | }
41 |
42 | export interface PollChoice {
43 | id: string,
44 | content: string,
45 | media_url_v2?: MediaUrlV2
46 | voters: User[]
47 | }
48 |
49 | export interface Poll {
50 | choices: PollChoice[]
51 | close_by_seconds: number
52 | }
53 |
54 | export default interface Post {
55 | id: string
56 | created_at_seconds: number
57 | author: User
58 | is_public: boolean
59 | reshareable: boolean
60 | reshared_from: ResharedPost | null,
61 | reactions: Reaction[],
62 | comments: Comment[],
63 | circles: AnonymizedCircle[],
64 | media_urls_v2: MediaUrlV2[]
65 | content: string,
66 | formatted_content?: FormattedContent,
67 | is_update_avatar: boolean
68 | poll: Poll | null,
69 | link_previews: LinkPreview[]
70 | state: EntityState
71 | }
72 |
--------------------------------------------------------------------------------
/web/src/components/MobileUsers/MobileUsers.css:
--------------------------------------------------------------------------------
1 | .mobile-users-wrapper {
2 | display: flex;
3 | padding: 0;
4 | }
5 |
6 | .mobile-users-status {
7 | padding: 13px;
8 | background-color: #ffffff;
9 | border-radius: 5px;
10 | box-shadow: 2px 2px 1px 1px #e0e0e0;
11 | margin-bottom: 20px;
12 | color: gray;
13 | width: 100%;
14 | max-width: 100%;
15 | }
16 |
17 | .mobile-users-grid-container {
18 | display: grid;
19 | width: 100%;
20 | padding: 15px;
21 | top: 0;
22 | grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
23 | grid-column-gap: 5px;
24 | grid-row-gap: 5px;
25 | }
26 |
27 | .mobile-users-user-card-wrapper {
28 | background-color: #ffffff;
29 | width: 100%;
30 | border-radius: 5px;
31 | box-shadow: 2px 2px 1px 1px #e0e0e0;
32 | display: flex;
33 | align-items: center;
34 | cursor: pointer;
35 | height: 60px;
36 | }
37 |
38 | .mobile-users-user-card-right {
39 | display: flex;
40 | flex: 1;
41 | align-items: center;
42 | cursor: pointer;
43 | justify-content: space-between;
44 | }
45 |
46 | .mobile-users-user-card-avatar {
47 | flex-shrink: 0;
48 | height: 60px;
49 | width: 60px;
50 | }
51 |
52 | .mobile-users-user-card-avatar-img {
53 | width: 100%;
54 | height: 100%;
55 | }
56 |
57 | .mobile-users-user-card-name {
58 | font-weight: bold;
59 | font-size: large;
60 | margin-left: 20px;
61 | overflow: hidden;
62 | white-space: nowrap;
63 | text-overflow: ellipsis;
64 | max-width: 10em;
65 | }
66 |
67 | .mobile-users-user-card-buttons {
68 | display: flex;
69 | flex-direction: row;
70 | }
71 |
72 | .mobile-users-user-card-button {
73 | width: 25px;
74 | height: 25px;
75 | margin-right: 15px;
76 | }
77 |
78 | .mobile-users-user-card-button-disabled {
79 | color: lightgray;
80 | cursor: not-allowed;
81 | }
82 |
--------------------------------------------------------------------------------
/web/src/components/NotificationDropdown/NotificationList.tsx:
--------------------------------------------------------------------------------
1 | import NotificationItem from "./NotificaitonItem";
2 | import React from "react";
3 | import {useAppDispatch, useAppSelector} from "../../store/hooks";
4 | import {loadMoreNotifications} from "../../store/notificationsSlice";
5 |
6 | interface Props {}
7 |
8 | const NotificationList = (_: Props) => {
9 | const dispatch = useAppDispatch()
10 |
11 | const notifications = useAppSelector(state => state.notifications.notifications)
12 | const loading = useAppSelector(state => state.notifications.loading)
13 | const loadingMore = useAppSelector(state => state.notifications.loadingMore)
14 |
15 | if (loading) {
16 | return (
17 | updateIsActive(!isActive)}
37 | >
38 | {props.children}
39 |
40 |
43 | {props.items.map((item, i) => {
44 | return (
45 |
56 | {
49 | e.preventDefault()
50 | item.onClick()
51 | }}
52 | >{item.text}
53 | )
54 | })}
55 | Loading...
21 | )
22 | }
23 | if (notifications.length === 0) {
24 | return (
25 | No notification
29 | )
30 | }
31 | const res = []
32 | for (let i = 0; i < notifications.length; i++) {
33 | const notification = notifications[i]
34 | res.push( {
46 | await dispatch(loadMoreNotifications())
47 | }}
48 | >Load more
49 | )
50 | } else {
51 | res.push(
52 | Loading...
56 | )
57 | }
58 | return (
59 |
60 | {res}
61 |
62 | )
63 | }
64 |
65 | export default NotificationList
66 |
--------------------------------------------------------------------------------
/web/src/components/MediaV2/MediaV2.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import MediaUrlV2, {ProcessedMedia} from "../../models/MediaUrlV2";
3 | import { LazyImage } from 'react-lazy-images';
4 |
5 | interface Props extends React.ImgHTMLAttributes
37 |
50 | )
51 | }
52 |
53 | const ForgetPassword = () => {
54 | return (
55 | Forget password?
38 | updateEmail(e.target.value)} 44 | /> 45 |Send password reset email
49 |
58 |
59 |
64 | {props.title}
60 |
61 |
63 |
65 | {props.children}
66 |
67 | { 22 | await navigator.clipboard.writeText(ic.code) 23 | updateInvitationCodes(invitationCodes.map(iic => { 24 | if (iic.code === ic.code) { 25 | return { 26 | ...iic, clicked: true 27 | } 28 | } else { 29 | return iic 30 | } 31 | })) 32 | }} 33 | style={{ 34 | textDecoration: ic.claimed ? 'line-through' : null, 35 | color: ic.isNewCode ? "#3bc75b" : "#333" 36 | }} 37 | >{ic.code}
38 | ) 39 | } 40 | return ( 41 |
42 |
62 | )
63 | }
64 |
65 | export default Admin
66 |
--------------------------------------------------------------------------------
/scripts/dev-aws-setup.sh:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env bash
2 |
3 | pushd terraform || exit
4 |
5 | if [ ! -f private_key.pem ]; then
6 | echo "Generating CloudFront signing private key"
7 | openssl genrsa -out private_key.pem 2048
8 | fi
9 | if [ ! -f public_key.pem ]; then
10 | echo "Generating CloudFront signing public key"
11 | openssl rsa -pubout -in private_key.pem -out public_key.pem
12 | fi
13 | CF_SIGNER_PRIVATE_KEY_ENCODED=$(base64 -w 0 -i private_key.pem)
14 |
15 | echo "Applying Terraform"
16 | export AWS_PROFILE=PillCityDevTerraform
17 | terraform init
18 | terraform apply -auto-approve
19 | S3_BUCKET_NAME=$(cat terraform.tfstate | jq -r '.resources[] | select(.name=="pill-city-bucket") .instances[0].attributes.bucket')
20 | AWS_ACCESS_KEY=$(cat terraform.tfstate | jq -r '.resources[] | select(.name=="pill-city-admin-user-secret") .instances[0].attributes.id')
21 | AWS_SECRET_KEY=$(cat terraform.tfstate | jq -r '.resources[] | select(.name=="pill-city-admin-user-secret") .instances[0].attributes.secret')
22 | CF_SIGNER_KEY_ID=$(cat terraform.tfstate | jq -r '.resources[] | select(.name=="pill-city-cf-public-key") .instances[0].attributes.id')
23 | CF_DISTRIBUTION_DOMAIN_NAME=$(cat terraform.tfstate | jq -r '.resources[] | select(.name=="pill-city-cf-distribution") .instances[0].attributes.domain_name')
24 |
25 | popd || exit
26 |
27 | if ! grep -q S3_BUCKET_NAME= ".env"; then
28 | echo "S3_BUCKET_NAME=${S3_BUCKET_NAME}" >> .env
29 | fi
30 | if ! grep -q AWS_ACCESS_KEY= ".env"; then
31 | echo "AWS_ACCESS_KEY=${AWS_ACCESS_KEY}" >> .env
32 | fi
33 | if ! grep -q AWS_SECRET_KEY= ".env"; then
34 | echo "AWS_SECRET_KEY=${AWS_SECRET_KEY}" >> .env
35 | fi
36 | if ! grep -q CF_SIGNER_PRIVATE_KEY_ENCODED= ".env"; then
37 | echo "CF_SIGNER_PRIVATE_KEY_ENCODED=${CF_SIGNER_PRIVATE_KEY_ENCODED}" >> .env
38 | fi
39 | if ! grep -q CF_SIGNER_KEY_ID= ".env"; then
40 | echo "CF_SIGNER_KEY_ID=${CF_SIGNER_KEY_ID}" >> .env
41 | fi
42 | if ! grep -q CF_DISTRIBUTION_DOMAIN_NAME= ".env"; then
43 | echo "CF_DISTRIBUTION_DOMAIN_NAME=${CF_DISTRIBUTION_DOMAIN_NAME}" >> .env
44 | fi
45 |
46 | rm pill-city-dev-env.zip
47 | zip pill-city-dev-env.zip terraform/private_key.pem terraform/public_key.pem terraform/terraform.tfstate .env
48 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # pill-city
2 | A social network reminiscent of Google+ with enhancements
3 |
4 |
5 | ## Prerequisites
6 |
7 | 0. [Open the project in VSCode using devcontainer](https://code.visualstudio.com/docs/devcontainers/containers#:~:text=Start%20VS%20Code%2C%20run%20the,set%20up%20the%20container%20for.)
8 |
9 | 1. Prepare environment files
10 |
11 | ```bash
12 | cp .example.env .env
13 | cp ./web/.env.development ./web/.env.development.local
14 | ```
15 |
16 | 2. Setup AWS for development
17 |
18 | * Obtain an AWS account and setup admin credentials locally
19 | * Go to [Add user UI on IAM Dashboard](https://us-east-1.console.aws.amazon.com/iam/home#/users$new?step=details)
20 | * Enter `PillCityDevTerraform` for `User name`
21 | * Select `Programmatic access` in `Access type`
22 | * Click `Next: Permissions`
23 | * Select `Attach existing policies directly` in `Set permissions`
24 | * Search for `AdministratorAccess` and select it
25 | * Click `Next: Tags`
26 | * Click `Next: Review`
27 | * Click `Create user`
28 | * Copy the `Access key ID` and `Secret access key` to your clipboard
29 | * Edit the file `~/.aws/credentials` and fill in the `Invitation Codes
43 | {
44 | e.preventDefault()
45 | const newCode = await api.createInvitationCode()
46 | updateInvitationCodes([
47 | {code: newCode, claimed: false, isNewCode: true, clicked: false},
48 | ...invitationCodes.map(ic => {return {...ic, clicked: false}})
49 | ])
50 | }}>Make a new invitation code
51 | {invitationCodes.map((ic, i) => {
52 | return (
53 | codeElem(i, ic)
54 | )
55 | })}
56 | Cache
57 | {
58 | e.preventDefault()
59 | await api.clearMediaUrlCache()
60 | }}>Clear media URL cache
61 | {
26 | e.preventDefault()
27 | history.push(`/post/${resharedFrom.id}`)
28 | }}>
29 |
45 |
30 |
37 |
31 |
32 |
33 |
34 |
35 |
36 |
38 | {
39 | resharedFrom.state !== 'deleted' ?
40 | resharedFrom.formatted_content && :
41 |
44 | This post has been deleted
42 | }
43 |
46 | {
47 | resharedFrom.state !== 'deleted' &&
48 |
53 | }
54 |
55 |
56 | )
57 | }
58 |
59 | export default ResharedPostComponent
60 |
--------------------------------------------------------------------------------
/web/src/components/Post/Reactions.css:
--------------------------------------------------------------------------------
1 | .post-reactions-wrapper {
2 | display: flex;
3 | max-width: 80%;
4 | flex-wrap: wrap;
5 | }
6 |
7 | .post-reaction {
8 | padding: 2px 8px;
9 | margin-right: 5px;
10 | margin-top: 3px;
11 | border-radius: 4px;
12 | max-height: 25px;
13 | background-color: #f0f0f0;
14 | color: #767676;
15 |
16 | font-weight: bold;
17 | font-size: small;
18 | display: flex;
19 | align-items: center;
20 | cursor: pointer;
21 | }
22 |
23 | .post-reaction-icon {
24 | width: 25px;
25 | height: 25px;
26 | padding: 5px
27 | }
28 |
29 | .post-reaction:hover {
30 | background-color: #e7e7e7;
31 | }
32 |
33 | .post-reaction-loading {
34 | cursor: default;
35 | background-color: #fafafa;
36 | }
37 |
38 | .post-reaction-loading:hover {
39 | background-color: #fafafa;
40 | }
41 |
42 | .post-reaction-active {
43 | background-color: #e0f4ff;
44 | border: #9dd0ff 1px solid;
45 | }
46 |
47 | .post-reaction-active:hover {
48 | background-color: #e0f4ff;
49 | }
50 |
51 | .post-emoji {
52 | font-size: large;
53 | font-weight: 400;
54 | }
55 |
56 | #post-reaction-emoji-picker-wrapper {
57 | position: relative;
58 | width: 0;
59 | height: 0;
60 | z-index: 3;
61 | }
62 |
63 | .post-reaction-emoji-picker {
64 | position: absolute;
65 | top: 10px;
66 | }
67 |
68 | .post-reaction-emoji-picker-mobile {
69 | width: 100%
70 | }
71 |
72 | .post-reactions-detail-emoji {
73 | font-size: 1.2em;
74 | margin-bottom: 8px;
75 | padding: 2px;
76 | border-bottom: 2px #f0f0f0 solid;
77 | }
78 |
79 | .post-reactions-detail-author-wrapper {
80 | display: flex;
81 | align-items: center;
82 | margin-bottom: 12px;
83 | }
84 |
85 | .post-reactions-detail-author-avatar {
86 | width: 30px;
87 | height: 30px;
88 | align-self: flex-start;
89 | flex-shrink: 0;
90 | }
91 |
92 | .post-reactions-detail-author {
93 | padding-left: 3px;
94 | width: 100%;
95 | overflow-wrap: break-word;
96 | word-break: break-word;
97 | color: #0d71bb;
98 | font-weight: bold;
99 | }
100 |
--------------------------------------------------------------------------------
/pillcity/daos/media.py:
--------------------------------------------------------------------------------
1 | from typing import List, Optional
2 | from pillcity.models import Media, User
3 | from pillcity.utils.now import now_seconds
4 | from pillcity.tasks.process_image import process_image
5 | from .s3 import upload_to_s3, delete_from_s3
6 |
7 |
8 | def get_media(object_name: str) -> Media:
9 | media = Media.objects.get(id=object_name) # type: Media
10 |
11 | if media.should_process():
12 | process_image.delay(object_name)
13 |
14 | return media
15 |
16 |
17 | def get_media_page(owner: User, page_number: int, page_count: int) -> List[Media]:
18 | """
19 | Get a page of media items owned by a user, reverse chronologically ordered
20 | """
21 | return list(
22 | Media.objects(owner=owner).order_by('-created_at', '+id').skip(page_number * page_count).limit(page_count)
23 | )
24 |
25 |
26 | def create_media(file, object_name_stem: str, owner: User) -> Optional[Media]:
27 | object_name = upload_to_s3(file, object_name_stem)
28 | if not object_name:
29 | return None
30 |
31 | media = Media()
32 | media.id = object_name
33 | media.owner = owner
34 | media.refs = 0
35 |
36 | now = now_seconds()
37 | media.created_at = now
38 | media.used_at = now
39 |
40 | # have to force save for some reason...
41 | # https://github.com/MongoEngine/mongoengine/issues/1246
42 | media.save(force_insert=True)
43 |
44 | # trigger async job to process the image
45 | process_image.delay(object_name)
46 |
47 | return media
48 |
49 |
50 | def use_media(media: Media):
51 | media.refs += 1
52 | media.used_at = now_seconds()
53 | media.save()
54 |
55 |
56 | def use_media_list(media_list: List[Media]):
57 | for media in media_list:
58 | use_media(media)
59 |
60 |
61 | def delete_media(media: Media):
62 | # we can always fetch because all reference to Media is Lazy...
63 | media = media.fetch()
64 | media.refs -= 1
65 | if media.refs <= 0:
66 | object_name = media.id
67 | media.delete()
68 | delete_from_s3(object_name)
69 | else:
70 | media.save()
71 |
72 |
73 | def delete_media_list(media_list: List[Media]):
74 | for media in media_list:
75 | delete_media(media)
76 |
--------------------------------------------------------------------------------
/pillcity/daos/plaintext_notification.py:
--------------------------------------------------------------------------------
1 | from pillcity.models import Notification, NotifyingAction, User
2 | from .user_cache import get_in_user_cache_by_oid
3 |
4 | # TODO: this is all duplicate with frontend lol
5 | action_to_word = {
6 | NotifyingAction.Mention: 'mentioned',
7 | NotifyingAction.Reshare: 'reshared',
8 | NotifyingAction.Comment: 'commented',
9 | NotifyingAction.Reaction: 'reacted',
10 | NotifyingAction.Follow: 'followed',
11 | }
12 |
13 |
14 | def plaintext_user(user: User) -> str:
15 | if not user:
16 | return 'Someone'
17 | if user.display_name:
18 | return f'{user.display_name} (@{user.user_id})'
19 | return user.user_id
20 |
21 |
22 | def plaintext_summary(s: str, length: int) -> str:
23 | if len(s) > length:
24 | return f"{s[: length]}..."
25 | return s
26 |
27 |
28 | def plaintext_notification(notification: Notification) -> str:
29 | res = ''
30 |
31 | if notification.notifying_action != NotifyingAction.Mention:
32 | notifier = notification.notifier if not notification.notifying_deleted else None
33 | else:
34 | notifier = notification.notifier if not notification.notified_deleted else None
35 | if notifier:
36 | notifier = get_in_user_cache_by_oid(notifier.id)
37 | res += plaintext_user(notifier)
38 | res += ' '
39 |
40 | res += action_to_word.get(notification.notifying_action, '')
41 | res += ' '
42 |
43 | if notification.notifying_action in {NotifyingAction.Mention, NotifyingAction.Follow}:
44 | res += "you"
45 | else:
46 | res += '"'
47 | res += plaintext_summary(notification.notifying_summary, 150)
48 | res += '"'
49 | res += ' '
50 |
51 | if notification.notifying_action != NotifyingAction.Follow:
52 | if notification.notifying_action == NotifyingAction.Mention:
53 | pronoun = "their"
54 | else:
55 | pronoun = "your"
56 | location_type = ''
57 | if '#comment-' in notification.notified_href:
58 | location_type = 'comment'
59 | elif '/post/' in notification.notified_href:
60 | location_type = 'post'
61 | res += f'on {pronoun} {location_type}'
62 |
63 | return res.strip()
64 |
--------------------------------------------------------------------------------
/web/src/components/AddPoll/AddPoll.tsx:
--------------------------------------------------------------------------------
1 | import React, {useState} from 'react'
2 | import PillButton, {PillButtonVariant} from "../PillButtons/PillButton";
3 | import PillButtons from "../PillButtons/PillButtons";
4 | import PillInput from "../PillInput/PillInput";
5 | import {XCircleIcon} from "@heroicons/react/solid";
6 | import './AddPoll.css'
7 | import {AddPollChoice} from "../NewPost/NewPost";
8 | import PillForm from "../PillForm/PillForm";
9 |
10 |
11 | interface Props {
12 | choices: AddPollChoice[]
13 | onChangeChoices: (choices: AddPollChoice[]) => void
14 | onDone: () => void
15 | }
16 |
17 | const AddPoll = (props: Props) => {
18 | const {choices, onChangeChoices} = props
19 | const [newChoiceText, updateNewChoiceText] = useState('')
20 |
21 | return (
22 |
25 | {choices.map((c, i) => {
26 | return (
27 |
: <>
37 | }
38 |
28 | {
30 | e.preventDefault()
31 | onChangeChoices(choices.filter((_, ii) => i !== ii))
32 | }}/>
33 |
34 | )
35 | })}
36 | {c.text}
29 |
39 |
45 |
26 |
28 | )
29 | }
30 |
31 | const circleElements = [
32 | Loading...
27 |
54 |
78 | )
79 | }
80 |
81 | export default DesktopUsers
82 |
--------------------------------------------------------------------------------
/web/src/components/Post/Post.css:
--------------------------------------------------------------------------------
1 | .post-wrapper {
2 | padding: 13px;
3 | background-color: #ffffff;
4 | border-radius: 5px;
5 | box-shadow: 2px 2px 1px 1px #e0e0e0;
6 | margin-bottom: 10px;
7 | width: 100%;
8 | }
9 |
10 | .post-avatar {
11 | width: 40px;
12 | height: 40px;
13 | flex-shrink: 0;
14 | }
15 |
16 | .post-op-info-wrapper {
17 | display: flex;
18 | justify-content: space-between;
19 | }
20 |
21 | .post-op-info-wrapper > * {
22 | display: flex;
23 | align-items: center;
24 | }
25 |
26 | .post-more-actions-trigger {
27 | color: #bdbdbd;
28 | width: 25px;
29 | height: 25px;
30 | border-radius: 7px;
31 | padding: 5px;
32 | cursor: pointer;
33 | }
34 |
35 | .post-more-actions-trigger:hover {
36 | background-color: #e7e7e7;
37 | }
38 |
39 | .post-op-info-time {
40 | color: #767676;
41 | cursor: pointer;
42 | margin-right: 4px;
43 | }
44 |
45 | .post-name {
46 | margin: 0 10px;
47 | font-size: large;
48 | font-weight: bold;
49 | }
50 |
51 | .post-visibility {
52 | font-size: larger;
53 | font-weight: bold;
54 | color: cornflowerblue;
55 | }
56 |
57 | .post-time {
58 | font-size: smaller;
59 | color: #767676;
60 | }
61 |
62 | /*Post Content*/
63 | .post-content {
64 | overflow-wrap: break-word;
65 | white-space: pre-line;
66 | margin: 15px 0;
67 | }
68 |
69 | .post-attachments-wrapper {
70 | margin-bottom: 15px;
71 | }
72 |
73 | /*Post Interactions*/
74 | .post-interactions-wrapper {
75 | width: 100%;
76 | display: flex;
77 | justify-content: space-between;
78 | align-items: flex-start;
79 | }
80 |
81 | .post-interactions {
82 | display: flex;
83 | }
84 |
85 | .post-circle-button {
86 | margin-left: 12px;
87 | background-color: #f0f0f0;
88 | color: #767676;
89 | border-radius: 4px;
90 | width: 35px;
91 | height: 35px;
92 | padding: 7px;
93 | cursor: pointer;
94 | }
95 |
96 | .post-circle-button:hover {
97 | background-color: #e7e7e7;
98 | }
99 |
100 | .post-delete-button {
101 | color: white;
102 | background-color: pink;
103 | }
104 |
105 | .post-delete-button:hover {
106 | background-color: lightpink;
107 | }
108 |
109 | @media only screen and (max-width: 750px) {
110 | .post-wrapper {
111 | border-radius: 0;
112 | margin-bottom: 2px;
113 | }
114 | }
115 |
--------------------------------------------------------------------------------
/web/src/pages/Settings/Settings.css:
--------------------------------------------------------------------------------
1 | .settings-wrapper {
2 | display: flex;
3 | padding: 5em 2em 0 2em;
4 | flex-direction: column;
5 | align-items: center;
6 | }
7 |
8 | .settings-status {
9 | padding: 13px;
10 | background-color: #ffffff;
11 | border-radius: 5px;
12 | box-shadow: 2px 2px 1px 1px #e0e0e0;
13 | margin-bottom: 20px;
14 | color: gray;
15 | width: 100%;
16 | max-width: 100%;
17 | }
18 |
19 | .settings-row {
20 | width: 60%;
21 | padding: 12px;
22 | border-radius: 2px;
23 | }
24 |
25 | .settings-row:hover {
26 | background-color: #e8e8e8;
27 | cursor: pointer;
28 | }
29 |
30 | .settings-row-header {
31 | font-size: 16px;
32 | font-weight: bold;
33 | }
34 |
35 | .settings-row-content {
36 | margin-top: 4px;
37 | color: #555555;
38 | }
39 |
40 | .settings-display-name {
41 | width: 240px;
42 | height: 3em;
43 | padding: 1em;
44 | border-width: 1px;
45 | border-radius: 4px;
46 | border-color: #86989B;
47 | display: block;
48 | margin-left: auto;
49 | margin-right: auto;
50 | }
51 |
52 | .settings-email {
53 | width: 240px;
54 | height: 3em;
55 | padding: 1em;
56 | border-width: 1px;
57 | border-radius: 4px;
58 | border-color: #86989B;
59 | display: block;
60 | margin-left: auto;
61 | margin-right: auto;
62 | }
63 |
64 | .settings-display-name-button-cancel {
65 | background-color: #727272;
66 | }
67 |
68 | .settings-display-name-button-confirm {
69 | background-color: #E05140;
70 | }
71 |
72 | .settings-email-button-cancel {
73 | background-color: #727272;
74 | }
75 |
76 | .settings-email-button-confirm {
77 | background-color: #E05140;
78 | }
79 |
80 | .settings-email-button-confirm-disabled {
81 | background-color: #727272;
82 | cursor: default;
83 | }
84 |
85 | .settings-rss-url {
86 | padding: 12px;
87 | background: #eeeded;
88 | font-family: monospace;
89 | }
90 |
91 | .settings-rss-code-checkboxes {
92 | display: flex;
93 | flex-direction: row;
94 | align-items: baseline;
95 | }
96 |
97 | .settings-rss-code-checkboxes > * {
98 | margin-right: 10px;
99 | }
100 |
101 | /* Mobile */
102 | @media only screen and (max-width: 750px) {
103 | .settings-wrapper {
104 | padding: 0;
105 | }
106 |
107 | .settings-row {
108 | min-width: 0;
109 | width: 100%;
110 | }
111 | }
112 |
--------------------------------------------------------------------------------
/web/src/components/Post/NewComment.css:
--------------------------------------------------------------------------------
1 | /* TODO: all classnames not starting with post-new-comment are duplicated */
2 | .post-new-comment-wrapper {
3 | margin-top: 20px;
4 | padding-top: 5px;
5 | }
6 |
7 | .post-new-comment-input-area {
8 | display: flex;
9 | }
10 |
11 | .post-new-comment-avatar {
12 | width: 35px;
13 | height: 35px;
14 | flex-shrink: 0;
15 | }
16 |
17 | .post-new-comment-input {
18 | border: none;
19 | flex: 1;
20 | resize: none;
21 | margin-left: 10px;
22 | margin-top: 5px;
23 | height: auto;
24 | }
25 |
26 | .post-new-comment-input:focus {
27 | outline: none !important;
28 | }
29 |
30 | .post-new-comment-attachment-button {
31 | top: 15px;
32 | right: 5px;
33 | width: 20px;
34 | cursor: pointer;
35 | z-index: 999;
36 | }
37 |
38 | .post-new-comment-buttons {
39 | display: flex;
40 | justify-content: flex-end;
41 | align-items: center;
42 | }
43 |
44 | .post-new-comment-attachment-icon {
45 | width: 25px;
46 | height: 25px;
47 | margin-right: 10px;
48 | color: #727272;
49 | cursor: pointer;
50 | }
51 |
52 | .post-new-comment-post-button {
53 | padding: 5px 8px;
54 | font-weight: bold;
55 | font-size: small;
56 | background-color: #E05140;
57 | color: white;
58 | border-radius: 4px;
59 | cursor: pointer;
60 | }
61 |
62 | .post-new-comment-post-button-invalid {
63 | background-color: #767676;
64 | cursor: none;
65 | pointer-events: none;
66 | user-select: none;
67 | }
68 |
69 | .fade-in {
70 | -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
71 | animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
72 | }
73 |
74 | /* ----------------------------------------------
75 | * Generated by Animista on 2021-7-25 20:27:38
76 | * Licensed under FreeBSD License.
77 | * See http://animista.net/license for more info.
78 | * w: http://animista.net, t: @cssanimista
79 | * ---------------------------------------------- */
80 |
81 | /**
82 | * ----------------------------------------
83 | * animation fade-in
84 | * ----------------------------------------
85 | */
86 | @-webkit-keyframes fade-in {
87 | 0% {
88 | opacity: 0;
89 | }
90 | 100% {
91 | opacity: 1;
92 | }
93 | }
94 |
95 | @keyframes fade-in {
96 | 0% {
97 | opacity: 0;
98 | }
99 | 100% {
100 | opacity: 1;
101 | }
102 | }
103 |
--------------------------------------------------------------------------------
/pillcity/resources/password_reset.py:
--------------------------------------------------------------------------------
1 | import smtplib
2 | import os
3 | import logging
4 | from email.mime.text import MIMEText
5 | from flask_restful import Resource, reqparse
6 | from pillcity.daos.password_reset import forget_password, reset_password
7 |
8 |
9 | CLAIM_EXPIRATION_SECONDS = 60
10 |
11 |
12 | def _send_password_reset_email(email: str, code: str):
13 | smtp_enabled = os.getenv("SMTP_ENABLED", "false")
14 | web_domain = os.environ['WEB_DOMAIN']
15 | smtp_from = os.environ['SMTP_FROM']
16 |
17 | msg = MIMEText(f"""Hello,
18 |
19 | Go to https://{web_domain}/reset?code={code} to reset your password
20 | """)
21 | msg['Subject'] = f'Reset your {web_domain} password'
22 | msg['From'] = smtp_from
23 | msg['To'] = email
24 | logging.info(f"Going to send email {msg}")
25 | if smtp_enabled != "true":
26 | return
27 |
28 | logging.info(f"Sending email {msg}")
29 | smtp_server = os.environ['SMTP_HOST']
30 | smtp_port = int(os.environ['SMTP_PORT'])
31 | smtp_username = os.environ['SMTP_USERNAME']
32 | smtp_password = os.environ['SMTP_PASSWORD']
33 |
34 | s = smtplib.SMTP(smtp_server, smtp_port)
35 | s.login(smtp_username, smtp_password)
36 | s.sendmail(msg['From'], msg['To'], msg.as_string())
37 | s.quit()
38 |
39 |
40 | forget_password_args = reqparse.RequestParser()
41 | forget_password_args.add_argument('email', type=str, required=True)
42 |
43 |
44 | class ForgetPassword(Resource):
45 | def post(self):
46 | args = forget_password_args.parse_args()
47 | email = args.get('email')
48 | code = forget_password(email)
49 | if code:
50 | _send_password_reset_email(email, code)
51 | return {'msg': 'Password reset email sent'}, 200
52 | else:
53 | return {'msg': 'Email address is invalid or an associated password reset claim'
54 | ' has not been expired yet'}, 401
55 |
56 |
57 | reset_password_args = reqparse.RequestParser()
58 | reset_password_args.add_argument('code', type=str, required=True)
59 | reset_password_args.add_argument('password', type=str, required=True)
60 |
61 |
62 | class ResetPassword(Resource):
63 | def post(self):
64 | args = reset_password_args.parse_args()
65 | code = args.get('code')
66 | password = args.get('password')
67 | if reset_password(code, password):
68 | return {'msg': 'Password has been reset'}, 200
69 | else:
70 | return {'msg': 'Invalid code or email is not associated with any user'}, 401
71 |
--------------------------------------------------------------------------------
55 | {users.map((user, i) => {
56 | return (
57 | _.id).indexOf(user.id) !== -1}
61 | updateFollowing={f => {
62 | if (f) {
63 | updateFollowings([...followings, user])
64 | } else {
65 | updateFollowings(followings.filter(_ => _.id !== user.id))
66 | }
67 | }}
68 | />
69 | )
70 | })}
71 |
72 |
73 |
77 |
74 | {circleElements}
75 |
76 |