2 | You just received a tip from 3 | {{args.tip.sender or 'an anonymous user'}} 4 | for 5 | {{ args.tip.amount }} sats! 6 | {% if args.tip.message %} 7 | They also added the following message: 8 | {% endif %} 9 |
10 | 11 | {% if args.tip.message %} 12 |13 | “{{ args.tip.message }}” 14 |
15 | {% endif %} 16 | 17 |
20 |
|
31 |
41 | Loading...
42 |
43 | );
44 | }
45 | else {
46 | content =
51 | {content}
52 |
53 | );
54 | }
55 | };
56 |
57 | export default withRouter(Tip);
58 |
--------------------------------------------------------------------------------
/frontend/src/pages/Home.less:
--------------------------------------------------------------------------------
1 | @import '../style/variables.less';
2 |
3 | .Home {
4 | display: flex;
5 | align-items: flex-start;
6 | min-height: 40vh;
7 | padding-top: 10vh;
8 | margin-bottom: 5rem;
9 | max-width: 1020px;
10 | margin: 0 auto;
11 |
12 | &-info,
13 | &-forms {
14 | width: 100%;
15 | }
16 |
17 | &-info {
18 | padding-top: 2rem;
19 | padding-right: 8rem;
20 |
21 | &-title {
22 | font-size: 2.6rem;
23 | }
24 |
25 | &-text {
26 | font-size: 1.6rem;
27 | }
28 | }
29 |
30 | &-forms {
31 | max-width: 400px;
32 | text-align: center;
33 |
34 | &-start {
35 | .button {
36 | margin-top: 0.5rem;
37 |
38 | &.purple.ui {
39 | background: #3700ff;
40 | }
41 | }
42 |
43 | &-icon {
44 | width: 1rem;
45 | height: 1rem;
46 | margin-right: 0.4rem;
47 | opacity: 0.8;
48 | }
49 | }
50 |
51 | &-search {
52 | .input {
53 | width: 100%;
54 | }
55 | }
56 | }
57 |
58 | @media @lg-query {
59 | flex-direction: column;
60 | justify-content: center;
61 | align-items: center;
62 | max-width: 600px;
63 | margin: 0 auto 5rem;
64 | padding-top: 3rem;
65 |
66 | &-info {
67 | margin-bottom: 5rem;
68 | padding-top: 0;
69 | padding-right: 0;
70 | }
71 |
72 | &-forms {
73 | max-width: none;
74 | }
75 | }
76 | }
77 |
--------------------------------------------------------------------------------
/backend/boltathon/templates/emails/tip_error.html:
--------------------------------------------------------------------------------
1 | 2 | We tried to generate an invoice for someone to tip you, but were unable to 3 | contact your node. We got back the following error: 4 |
5 | 6 |7 | “{{ args.error }}” 8 |
9 | 10 |11 | You can update your node's connection settings below. If you need help 12 | fixing the problem, don't hesitate to post in our 13 | GitHub issue queue. 14 |
15 | 16 |
19 |
|
30 |
17 |
47 | );
48 | }
49 | }
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # TipHub
2 |
3 | Send sats to your favorite open source contributors! Embed a button in your README and get tips for your work. See an example of that right here:
4 |
5 |
18 |
30 |
19 |
20 |
21 |
23 |
24 |
29 |
21 | 
22 |
23 |
24 |
25 | About
26 | Account
27 |
28 |
31 |
35 |
46 |
32 | {children}
33 |
34 |
6 |
7 | 
8 |
9 | My pubkey starts with 02458b08
10 |
11 |
22 | {primaryConnection.site_username}
23 |
24 |
25 |
27 | {user.pubkey}
26 |
28 | {user.connections.map(c => (
29 |
38 | ))}
39 |
40 |
41 | );
42 | }
43 | else {
44 | image =
56 |
63 | );
64 | }
65 | }
66 |
--------------------------------------------------------------------------------
/backend/boltathon/models/user.py:
--------------------------------------------------------------------------------
1 | from datetime import datetime
2 | from boltathon.extensions import ma, db
3 | from boltathon.util import gen_random_id
4 |
5 | class User(db.Model):
6 | __tablename__ = 'user'
7 |
8 | id = db.Column(db.Integer(), primary_key=True)
9 | date_created = db.Column(db.DateTime)
10 | email = db.Column(db.String(255), nullable=True)
11 | macaroon = db.Column(db.String(2047), nullable=True)
12 | cert = db.Column(db.String(4095), nullable=True)
13 | node_url = db.Column(db.String(255), nullable=True)
14 | pubkey = db.Column(db.String(255), nullable=True)
15 |
16 | connections = db.relationship('Connection', backref='user', order_by="asc(Connection.date_created)", lazy=True, cascade='all, delete-orphan')
17 | tips = db.relationship('Tip', backref='recipient', lazy=True, cascade='all, delete-orphan')
18 |
19 | def __init__(self):
20 | self.id = gen_random_id(User)
21 | self.date_created = datetime.now()
22 |
23 | @staticmethod
24 | def search_by_connection(query: str):
25 | from boltathon.models.connection import Connection
26 | return User.query \
27 | .join(Connection) \
28 | .filter(Connection.site_username.ilike('%{}%'.format(query))) \
29 | .limit(5) \
30 | .all()
31 |
32 | # Limited data (public view)
33 | class PublicUserSchema(ma.Schema):
34 | class Meta:
35 | model = User
36 | # Fields to expose
37 | fields = (
38 | 'id',
39 | 'pubkey',
40 | 'connections',
41 | )
42 |
43 | connections = ma.Nested('PublicConnectionSchema', many=True, exclude=['user'])
44 |
45 | public_user_schema = PublicUserSchema()
46 | public_users_schema = PublicUserSchema(many=True)
47 |
48 | # Full data (self view)
49 | class SelfUserSchema(ma.Schema):
50 | class Meta:
51 | model = User
52 | # Fields to expose
53 | fields = (
54 | 'id',
55 | 'date_created',
56 | 'email',
57 | 'macaroon',
58 | 'cert',
59 | 'node_url',
60 | 'pubkey',
61 | 'connections',
62 | )
63 |
64 | connections = ma.Nested('SelfConnectionSchema', many=True, exclude=['user'])
65 |
66 | self_user_schema = SelfUserSchema()
67 | self_users_schema = SelfUserSchema(many=True)
68 |
--------------------------------------------------------------------------------
/frontend/src/components/NodeForm.less:
--------------------------------------------------------------------------------
1 | @import '../style/variables.less';
2 |
3 | .NodeForm {
4 | display: flex;
5 | max-width: 1020px;
6 | margin: 0 auto;
7 |
8 | &-form {
9 | flex: 1;
10 |
11 | &.ui.form .field {
12 | margin-bottom: 2rem;
13 | }
14 |
15 | &.ui.form &-label {
16 | display: flex;
17 | align-items: center;
18 |
19 | &-help.ui.button {
20 | display: flex;
21 | justify-content: center;
22 | align-items: center;
23 | padding: 0;
24 | width: 1.4rem;
25 | height: 1.4rem;
26 | margin-left: 0.25rem;
27 | font-size: 0.7rem;
28 | border-radius: 100%;
29 | opacity: 0.5;
30 | transform: translate(-10%, -20%) scale(0.7);
31 |
32 | &:hover {
33 | opacity: 1;
34 | }
35 | }
36 | }
37 |
38 | &-files {
39 | display: flex;
40 |
41 | .field {
42 | flex: 1;
43 |
44 | &:first-child {
45 | margin-right: 1rem;
46 | }
47 |
48 | .disabled.input {
49 | opacity: 1;
50 |
51 | :disabled {
52 | background: rgba(0, 0, 0, 0.05);
53 | border-color: rgba(0, 0, 0, 0.1);
54 | }
55 | }
56 | }
57 | .button {
58 | height: 100%;
59 | border-top-left-radius: 0;
60 | border-bottom-left-radius: 0;
61 | }
62 | }
63 | }
64 |
65 | &-help {
66 | margin-top: 1.8rem;
67 | width: 100%;
68 | max-width: 440px;
69 | flex-shrink: 0;
70 | margin-left: 3rem;
71 |
72 | .message {
73 | height: 100%;
74 |
75 | code {
76 | font-size: 0.9rem;
77 | }
78 |
79 | ul li {
80 | font-size: 1rem;
81 |
82 | code {
83 | font-size: 0.85rem;
84 | }
85 | }
86 | }
87 | }
88 |
89 | @media @lg-query {
90 | flex-direction: column-reverse;
91 | justify-content: center;
92 | align-items: center;
93 |
94 | &-form {
95 | width: 100%;
96 | }
97 |
98 | &-help {
99 | margin: 0 0 2rem;
100 | max-width: none;
101 | }
102 | }
103 | }
104 |
--------------------------------------------------------------------------------
/frontend/src/pages/Home.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Button, Header, Divider, Search, Icon } from 'semantic-ui-react';
3 | import { redirectToSignIn } from 'blockstack.js';
4 | import { Link } from 'react-router-dom';
5 | import { makeBackendUrl } from '../util/formatters';
6 | import UserSearch from '../components/UserSearch';
7 | import BlockstackIcon from '../images/blockstack.svg';
8 | import './Home.less';
9 |
10 | function blockstackConnect() {
11 | redirectToSignIn(`${window.location.origin}/auth/blockstack`);
12 | }
13 |
14 | const Home: React.SFC<{}> = () => (
15 |
57 | {image}
58 |
59 |
60 | {info}
61 |
62 |
16 |
67 | );
68 |
69 | export default Home;
70 |
--------------------------------------------------------------------------------
/backend/boltathon/models/connection.py:
--------------------------------------------------------------------------------
1 | from datetime import datetime
2 | from boltathon.extensions import ma, db
3 |
4 | class Connection(db.Model):
5 | __tablename__ = 'connection'
6 |
7 | user_id = db.Column(db.Integer, db.ForeignKey("user.id"), nullable=False, primary_key=True)
8 | site = db.Column(db.String(63), nullable=False, primary_key=True)
9 | site_id = db.Column(db.String(63), nullable=False)
10 | site_username = db.Column(db.String(63), nullable=False)
11 | date_created = db.Column(db.DateTime)
12 |
13 | def __init__(self, userid: int, site: str, site_id: str, site_username: str):
14 | self.userid = userid
15 | self.site = site
16 | self.site_id = site_id
17 | self.site_username = site_username
18 | self.date_created = datetime.now()
19 |
20 | @staticmethod
21 | def get_user_by_connection(site: str, site_id: str):
22 | connection = Connection.query.filter_by(site=site, site_id=site_id).first()
23 | return connection.user if connection else None
24 |
25 | @staticmethod
26 | def search_usernames(query: str):
27 | return Connection.query.filter(Connection.site_username.ilike('%{}%'.format(query))).all()
28 |
29 | @staticmethod
30 | def search_tippable_users(query: str):
31 | from boltathon.models.user import User
32 | return Connection.query \
33 | .join(Connection.user) \
34 | .filter(User.pubkey != None) \
35 | .filter(Connection.site_username.ilike('%{}%'.format(query))) \
36 | .all()
37 |
38 |
39 | # Limited data (public view)
40 | class PublicConnectionSchema(ma.Schema):
41 | class Meta:
42 | model = Connection
43 | # Fields to expose
44 | fields = (
45 | "site",
46 | "site_id",
47 | "site_username",
48 | "user",
49 | )
50 |
51 | user = ma.Nested("PublicUserSchema", exclude=['connections'])
52 |
53 | public_connection_schema = PublicConnectionSchema()
54 | public_connections_schema = PublicConnectionSchema(many=True)
55 |
56 | # Full data (self view)
57 | class SelfConnectionSchema(ma.Schema):
58 | class Meta:
59 | model = Connection
60 | # Fields to expose
61 | fields = (
62 | "site",
63 | "site_id",
64 | "site_username",
65 | "date_created",
66 | "user",
67 | )
68 |
69 | user = ma.Nested("SelfUserSchema", exclude=['connections'])
70 |
71 | self_connection_schema = SelfConnectionSchema()
72 | self_connections_schema = SelfConnectionSchema(many=True)
73 |
--------------------------------------------------------------------------------
/backend/migrations/versions/87a598d296cb_.py:
--------------------------------------------------------------------------------
1 | """empty message
2 |
3 | Revision ID: 87a598d296cb
4 | Revises:
5 | Create Date: 2019-04-06 20:14:39.256659
6 |
7 | """
8 | from alembic import op
9 | import sqlalchemy as sa
10 |
11 |
12 | # revision identifiers, used by Alembic.
13 | revision = '87a598d296cb'
14 | down_revision = None
15 | branch_labels = None
16 | depends_on = None
17 |
18 |
19 | def upgrade():
20 | # ### commands auto generated by Alembic - please adjust! ###
21 | op.create_table('user',
22 | sa.Column('id', sa.Integer(), nullable=False),
23 | sa.Column('date_created', sa.DateTime(), nullable=True),
24 | sa.Column('email', sa.String(length=255), nullable=True),
25 | sa.Column('macaroon', sa.String(length=2047), nullable=True),
26 | sa.Column('cert', sa.String(length=4095), nullable=True),
27 | sa.Column('node_url', sa.String(length=255), nullable=True),
28 | sa.Column('pubkey', sa.String(length=255), nullable=True),
29 | sa.PrimaryKeyConstraint('id')
30 | )
31 | op.create_table('connection',
32 | sa.Column('user_id', sa.Integer(), nullable=False),
33 | sa.Column('site', sa.String(length=63), nullable=False),
34 | sa.Column('site_id', sa.String(length=63), nullable=False),
35 | sa.Column('site_username', sa.String(length=63), nullable=False),
36 | sa.Column('date_created', sa.DateTime(), nullable=True),
37 | sa.ForeignKeyConstraint(['user_id'], ['user.id'], ),
38 | sa.PrimaryKeyConstraint('user_id', 'site')
39 | )
40 | op.create_table('tip',
41 | sa.Column('id', sa.Integer(), nullable=False),
42 | sa.Column('date_created', sa.DateTime(), nullable=True),
43 | sa.Column('receiver_id', sa.Integer(), nullable=False),
44 | sa.Column('sender', sa.String(length=63), nullable=True),
45 | sa.Column('message', sa.String(length=255), nullable=True),
46 | sa.Column('repo', sa.String(length=63), nullable=True),
47 | sa.Column('amount', sa.Integer(), nullable=False),
48 | sa.Column('rhash', sa.String(length=127), nullable=False),
49 | sa.ForeignKeyConstraint(['receiver_id'], ['user.id'], ),
50 | sa.PrimaryKeyConstraint('id', 'receiver_id')
51 | )
52 | # ### end Alembic commands ###
53 |
54 |
55 | def downgrade():
56 | # ### commands auto generated by Alembic - please adjust! ###
57 | op.drop_table('tip')
58 | op.drop_table('connection')
59 | op.drop_table('user')
60 | # ### end Alembic commands ###
61 |
--------------------------------------------------------------------------------
/backend/boltathon/util/node.py:
--------------------------------------------------------------------------------
1 | import rpc_pb2 as ln
2 | import rpc_pb2_grpc as lnrpc
3 | import grpc
4 | from time import time
5 | from base64 import b64decode
6 | from boltathon.extensions import db
7 | from boltathon.util.lnaddr import lndecode
8 | from boltathon.util.errors import RequestError
9 |
10 | EXPIRY_SECONDS = 300
11 |
12 | def make_invoice(node_url: str, macaroon: str, cert: str):
13 | stub = get_stub(node_url, macaroon, cert)
14 | return stub.AddInvoice(ln.Invoice(expiry=EXPIRY_SECONDS), timeout=10)
15 |
16 | def watch_and_update_tip_invoice(app, tip, invoice):
17 | expiration = time() + EXPIRY_SECONDS
18 | stub = get_stub(tip.recipient.node_url, tip.recipient.macaroon, tip.recipient.cert)
19 | request = ln.InvoiceSubscription(add_index=invoice.add_index)
20 | for inv in stub.SubscribeInvoices(request):
21 | # If the invoice we're watching has expired anyway, break out
22 | if time() > expiration:
23 | break
24 |
25 | # If it's our invoice that's been paid, mark it as such and break out
26 | if inv.r_hash.hex() == invoice.r_hash.hex() and hasattr(inv, 'amt_paid_sat') and inv.amt_paid_sat:
27 | with app.app_context():
28 | local_tip = db.session.merge(tip)
29 | local_tip.confirm(inv.amt_paid_sat)
30 | db.session.commit()
31 | break
32 |
33 | def get_pubkey_from_credentials(node_url: str, macaroon: str, cert: str):
34 | try:
35 | payment_request = make_invoice(node_url, macaroon, cert).payment_request
36 | decoded = lndecode(payment_request)
37 | if not payment_request or not decoded.pubkey:
38 | raise RequestError(code=400, message='Invalid node credentials')
39 | except:
40 | raise RequestError(code=400, message='Invalid node credentials')
41 | return decoded.pubkey.serialize().hex()
42 |
43 | def lookup_invoice(rhash: str, node_url: str, macaroon: str, cert: str):
44 | stub = get_stub(node_url, macaroon, cert)
45 | request = ln.PaymentHash(r_hash_str=rhash)
46 | return stub.LookupInvoice(request, timeout=10)
47 |
48 | def get_stub(node_url: str, macaroon: str, cert: str):
49 | def metadata_callback(context, callback):
50 | # for more info see grpc docs
51 | callback([('macaroon', macaroon)], None)
52 |
53 | # build ssl credentials using the cert the same as before
54 | cert_creds = grpc.ssl_channel_credentials(b64decode(cert))
55 |
56 | # now build meta data credentials
57 | auth_creds = grpc.metadata_call_credentials(metadata_callback)
58 |
59 | # combine the cert credentials and the macaroon auth credentials
60 | # such that every call is properly encrypted and authenticated
61 | combined_creds = grpc.composite_channel_credentials(cert_creds, auth_creds)
62 |
63 | # finally pass in the combined credentials when creating a channel
64 | channel = grpc.secure_channel(node_url, combined_creds)
65 | return lnrpc.LightningStub(channel)
66 |
--------------------------------------------------------------------------------
/backend/boltathon/app.py:
--------------------------------------------------------------------------------
1 | # Flask
2 | import traceback
3 | from flask import Flask, session, redirect, url_for, request, jsonify
4 | from flask_cors import CORS
5 | from boltathon.extensions import oauth, db, migrate, ma, talisman, compress
6 | from boltathon.util.errors import RequestError
7 | from boltathon import views
8 | # use loginpass to make OAuth connection simpler
9 |
10 | def create_app(config_objects=['boltathon.settings']):
11 | app = Flask(
12 | __name__,
13 | static_folder='static',
14 | static_url_path='/static'
15 | )
16 | for config in config_objects:
17 | app.config.from_object(config)
18 |
19 | # Extensions
20 | oauth.init_app(app)
21 | db.init_app(app)
22 | migrate.init_app(app, db)
23 | ma.init_app(app)
24 | talisman.init_app(
25 | app,
26 | content_security_policy={
27 | 'default-src': "'self'",
28 | 'connect-src': ["'self'", 'blockstack.org', '*.blockstack.org'],
29 | 'img-src': ['*', 'data:'],
30 | 'font-src': ['*', 'data:'],
31 | },
32 | force_https=app.config['ENV'] != 'development',
33 | )
34 | compress.init_app(app)
35 |
36 | # Enable CORS only in development
37 | if app.config['ENV'] == 'development':
38 | CORS(app, supports_credentials=True)
39 |
40 | # Blueprints
41 | app.register_blueprint(views.api.blueprint)
42 | app.register_blueprint(views.templates.blueprint)
43 | app.register_blueprint(views.oauth.github_blueprint, url_prefix='/oauth/github')
44 | app.register_blueprint(views.oauth.gitlab_blueprint, url_prefix='/oauth/gitlab')
45 |
46 | # Error handling
47 | @app.errorhandler(422)
48 | @app.errorhandler(400)
49 | def handle_error(err):
50 | headers = err.data.get("headers", None)
51 | messages = err.data.get("messages", "Invalid request.")
52 | error_message = "Something was wrong with your request"
53 | if type(messages) == dict:
54 | if 'json' in messages:
55 | error_message = messages['json'][0]
56 | else:
57 | app.logger.warn(f"Unexpected error occurred: {messages}")
58 | if headers:
59 | return jsonify({"error": error_message}), err.code, headers
60 | else:
61 | return jsonify({"error": error_message}), err.code
62 |
63 | @app.errorhandler(404)
64 | def handle_notfound_error(err):
65 | error_message = "Unknown route '{} {}'".format(request.method, request.path)
66 | return jsonify({"error": error_message}), 404
67 |
68 | @app.errorhandler(RequestError)
69 | def handle_request_error(err):
70 | return jsonify({"error": err.message}), err.code
71 |
72 | @app.errorhandler(Exception)
73 | def handle_exception(err):
74 | app.logger.debug(traceback.format_exc())
75 | app.logger.debug("Uncaught exception at {} {}, see above for traceback".format(request.method, request.path))
76 | return jsonify({"error": "Something went wrong"}), 500
77 |
78 | return app
79 |
--------------------------------------------------------------------------------
/frontend/src/components/TipForm.less:
--------------------------------------------------------------------------------
1 | @circle-size: 120px;
2 | @check-height: @circle-size / 2;
3 | @check-width: @check-height / 2;
4 | @check-left: @circle-size / 4;
5 | @check-thickness: @circle-size / 10;
6 |
7 | @keyframes pop-in {
8 | 0% {
9 | opacity: 0;
10 | transform: scale(0);
11 | }
12 | 100% {
13 | opacity: 1;
14 | transform: scale(1);
15 | }
16 | }
17 |
18 | @keyframes checkmark {
19 | 0% {
20 | height: 0;
21 | width: 0;
22 | transform: scaleX(-1) rotate(135deg);
23 | opacity: 0;
24 | }
25 | 10% {
26 | opacity: 1;
27 | }
28 | 30% {
29 | height: 0;
30 | width: @check-width;
31 | }
32 | 100% {
33 | height: @check-height; width: @check-width;
34 | transform: scaleX(-1) rotate(135deg);
35 | }
36 | }
37 |
38 | .TipForm {
39 | max-width: 380px;
40 | margin: 0 auto;
41 |
42 | &-header {
43 | display: flex;
44 | justify-content: center;
45 | align-items: center;
46 | text-align: center;
47 | font-size: 1.8rem;
48 | margin-bottom: 1.5rem;
49 |
50 | &-image {
51 | width: 2.4rem;
52 | height: 2.4rem;
53 | border-radius: 100%;
54 | margin-right: 1rem;
55 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
56 | }
57 | }
58 |
59 | &-invoice {
60 | &-qr {
61 | display: flex;
62 | justify-content: center;
63 | align-items: center;
64 | margin: 0 auto 1rem;
65 | }
66 |
67 | &-pr {
68 | margin-bottom: 0.5rem;
69 |
70 | &.form textarea {
71 | font-family: "Lucida Console", Monaco, monospace;
72 | background: rgba(0, 0, 0, 0.05);
73 | color: rgba(0, 0, 0, 0.7);
74 | }
75 | }
76 | }
77 |
78 | &-success {
79 | display: flex;
80 | justify-content: center;
81 | align-items: center;
82 | flex-direction: column;
83 | text-align: center;
84 |
85 | &-text {
86 | font-size: 1.25rem;
87 | line-height: 1.6;
88 | margin-bottom: 2rem;
89 | }
90 |
91 | &-icon {
92 | width: @circle-size;
93 | height: @circle-size;
94 | position: relative;
95 | background: #2EB150;
96 | border-radius: 100%;
97 | animation: pop-in 300ms cubic-bezier(0.450, 0, 0.000, 1) 100ms both;
98 |
99 | &-check:after {
100 | content: '';
101 | position: absolute;
102 | left: @check-left;
103 | top: @check-height * 1.1;
104 | height: @check-height;
105 | width: @check-width;
106 | border-right: @check-thickness solid white;
107 | border-top: @check-thickness solid white;
108 | border-radius: 2.5px;
109 | opacity: 1;
110 | transform-origin: left top;
111 | transform: scaleX(-1) rotate(135deg);
112 | animation: checkmark 500ms ease 350ms both;
113 | }
114 | }
115 | }
116 | }
--------------------------------------------------------------------------------
/backend/migrations/env.py:
--------------------------------------------------------------------------------
1 | from __future__ import with_statement
2 | from alembic import context
3 | from sqlalchemy import engine_from_config, pool
4 | from logging.config import fileConfig
5 | import logging
6 |
7 | # this is the Alembic Config object, which provides
8 | # access to the values within the .ini file in use.
9 | config = context.config
10 |
11 | # Interpret the config file for Python logging.
12 | # This line sets up loggers basically.
13 | fileConfig(config.config_file_name)
14 | logger = logging.getLogger('alembic.env')
15 |
16 | # add your model's MetaData object here
17 | # for 'autogenerate' support
18 | # from myapp import mymodel
19 | # target_metadata = mymodel.Base.metadata
20 | from flask import current_app
21 | config.set_main_option('sqlalchemy.url',
22 | current_app.config.get('SQLALCHEMY_DATABASE_URI'))
23 | target_metadata = current_app.extensions['migrate'].db.metadata
24 |
25 | # other values from the config, defined by the needs of env.py,
26 | # can be acquired:
27 | # my_important_option = config.get_main_option("my_important_option")
28 | # ... etc.
29 |
30 |
31 | def run_migrations_offline():
32 | """Run migrations in 'offline' mode.
33 |
34 | This configures the context with just a URL
35 | and not an Engine, though an Engine is acceptable
36 | here as well. By skipping the Engine creation
37 | we don't even need a DBAPI to be available.
38 |
39 | Calls to context.execute() here emit the given string to the
40 | script output.
41 |
42 | """
43 | url = config.get_main_option("sqlalchemy.url")
44 | context.configure(url=url)
45 |
46 | with context.begin_transaction():
47 | context.run_migrations()
48 |
49 |
50 | def run_migrations_online():
51 | """Run migrations in 'online' mode.
52 |
53 | In this scenario we need to create an Engine
54 | and associate a connection with the context.
55 |
56 | """
57 |
58 | # this callback is used to prevent an auto-migration from being generated
59 | # when there are no changes to the schema
60 | # reference: http://alembic.zzzcomputing.com/en/latest/cookbook.html
61 | def process_revision_directives(context, revision, directives):
62 | if getattr(config.cmd_opts, 'autogenerate', False):
63 | script = directives[0]
64 | if script.upgrade_ops.is_empty():
65 | directives[:] = []
66 | logger.info('No changes in schema detected.')
67 |
68 | engine = engine_from_config(config.get_section(config.config_ini_section),
69 | prefix='sqlalchemy.',
70 | poolclass=pool.NullPool)
71 |
72 | connection = engine.connect()
73 | context.configure(connection=connection,
74 | target_metadata=target_metadata,
75 | process_revision_directives=process_revision_directives,
76 | **current_app.extensions['migrate'].configure_args)
77 |
78 | try:
79 | with context.begin_transaction():
80 | context.run_migrations()
81 | finally:
82 | connection.close()
83 |
84 | if context.is_offline_mode():
85 | run_migrations_offline()
86 | else:
87 | run_migrations_online()
88 |
--------------------------------------------------------------------------------
/frontend/src/pages/About.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Button, Icon } from 'semantic-ui-react';
3 | import CarlImage from '../images/carl.jpg';
4 | import WillImage from '../images/will.png';
5 | import './About.less';
6 |
7 | const About: React.SFC = () => (
8 |
17 |
28 | 18 | Show open source some love 19 |
20 |21 | Set up or contribute to lightning tips for open source projects. 22 | Non-custodial, direct to the creators. 23 |
24 | 25 | 26 | 27 |
29 | or
59 |
66 |
30 |
31 | Set up your node now
32 |
33 |
41 |
49 |
57 |
58 |
60 |
61 | Find someone to tip
62 |
63 |
65 |
9 |
74 | );
75 |
76 | export default About;
77 |
--------------------------------------------------------------------------------
/frontend/src/pages/Profile.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Tab, Loader } from 'semantic-ui-react'
3 | import { withRouter, RouteComponentProps } from 'react-router';
4 | import ProfileHeader from '../components/ProfileHeader';
5 | import ProfileTips from '../components/ProfileTips';
6 | import EmbedForm from '../components/EmbedForm';
7 | import NodeForm from '../components/NodeForm';
8 | import ConnectionsForm from '../components/ConnectionsForm';
9 | import api, { User, SelfUser } from '../api';
10 | import './Profile.less';
11 |
12 | function isSelfUser(user: User | SelfUser): user is SelfUser {
13 | return !!(user as SelfUser).date_created;
14 | }
15 |
16 | type Props = RouteComponentProps<{ userid: string }>;
17 |
18 | interface State {
19 | user: User | SelfUser | undefined;
20 | error: string;
21 | }
22 |
23 | class Profile extends React.Component
10 |
29 | About TipHub
11 |
12 |
28 | 13 | TipHub is a non-custodial tipping service, powered by the Lightning 14 | Network. Users can provide the site with credentials to create invoices 15 | that let people tip directly to their Lightning node. 16 |
17 |18 | Funds are never at risk, as TipHub only asks for enough access to 19 | create and monitor invoices on behalf of the receiver. 20 |
21 |22 | TipHub currently only supports LND nodes, as that's the only Lightning 23 | node implementation that has standardized auth credentials that allow 24 | partially permissioned access. While we look forward to supporting 25 | more node types, user safety and privacy is our top concern. 26 |
27 |
30 |
73 | About Us
31 |
32 |
72 | 33 | TipHub was created at the 2019 Bolt-a-Thon hackathon by Will 34 | O'Beirne and Carl Dong. However, anyone is welcome to contribute 35 | at the project GitHub! 36 |
37 |
38 |
71 |
39 | 
40 |
54 |
55 | Will O'Beirne
41 |
42 | Will is an open source engineer focused on the Lightning
43 | Network. He's also the creator of Joule, a lightning extension.
44 |
45 |
46 |
49 |
52 |
53 |
56 | 
57 |
70 | Carl Dong
58 |
59 | Carl is an engineer at Chaincode Labs, formerly Blockstream.
60 |
61 |
62 |
65 |
68 |
69 |
60 | Loading...
61 |
62 | );
63 | }
64 | else if (isSelfUser(user)) {
65 | const panes = [{
66 | menuItem: 'Tips',
67 | render: () => Public profile TBD
; 110 | } 111 | 112 | return ( 113 |
114 | {content}
115 |
116 | );
117 | }
118 | };
119 |
120 | export default withRouter(Profile);
121 |
--------------------------------------------------------------------------------
/frontend/webpack.config.js:
--------------------------------------------------------------------------------
1 | require('dotenv').config();
2 | const path = require('path');
3 | const webpack = require('webpack');
4 | const MiniCssExtractPlugin = require('mini-css-extract-plugin');
5 | const HtmlWebpackPlugin = require('html-webpack-plugin');
6 | const DotenvPlugin = require('dotenv-webpack');
7 | const WebpackPwaManifest = require('webpack-pwa-manifest');
8 | const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
9 | const TerserJSPlugin = require('terser-webpack-plugin');
10 | const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
11 |
12 | const src = path.join(__dirname, 'src');
13 | const dist = path.join(__dirname, 'dist');
14 |
15 | const isDev = process.env.NODE_ENV !== 'production';
16 | const publicPath = isDev ? '/' : `${process.env.PUBLIC_PATH || ''}/static`;
17 |
18 | const typescriptLoader = {
19 | test: /\.tsx?$/,
20 | use: [
21 | {
22 | loader: 'ts-loader',
23 | options: { transpileOnly: isDev },
24 | },
25 | ],
26 | };
27 | const cssLoader = {
28 | test: /\.css$/,
29 | use: [
30 | isDev && 'style-loader',
31 | !isDev && MiniCssExtractPlugin.loader,
32 | {
33 | loader: 'css-loader',
34 | options: {
35 | sourceMap: true,
36 | },
37 | },
38 | ].filter(Boolean),
39 | };
40 | const lessLoader = {
41 | test: /\.less$/,
42 | use: [
43 | ...cssLoader.use,
44 | {
45 | loader: 'less-loader',
46 | options: {
47 | sourceMap: true,
48 | },
49 | },
50 | ],
51 | };
52 | const fileLoader = {
53 | test: /\.(png|jpg|woff|woff2|eot|ttf|svg)$/,
54 | use: [{
55 | loader: 'file-loader',
56 | options: {
57 | publicPath,
58 | name: '[folder]/[name].[ext]',
59 | },
60 | }],
61 | }
62 |
63 | module.exports = {
64 | mode: isDev ? 'development' : 'production',
65 | name: 'main',
66 | target: 'web',
67 | devtool: isDev ? 'cheap-module-inline-source-map' : 'source-map',
68 | entry: path.join(src, 'index.tsx'),
69 | output: {
70 | path: dist,
71 | publicPath,
72 | filename: isDev ? 'script.js' : 'script.[hash:8].js',
73 | chunkFilename: isDev ? '[name].chunk.js' : '[name].[chunkhash:8].chunk.js',
74 | },
75 | module: {
76 | rules: [
77 | typescriptLoader,
78 | lessLoader,
79 | cssLoader,
80 | fileLoader,
81 | ].filter(r => !!r),
82 | },
83 | resolve: {
84 | extensions: ['.ts', '.tsx', '.js', '.mjs', '.json'],
85 | modules: [src, path.join(__dirname, 'node_modules')],
86 | },
87 | plugins: [
88 | new MiniCssExtractPlugin({
89 | filename: isDev ? '[name].css' : '[name].[hash:8].css',
90 | }),
91 | new FaviconsWebpackPlugin({
92 | logo: path.join(src, 'images/favicon.png'),
93 | inject: true,
94 | }),
95 | new WebpackPwaManifest({
96 | name: 'TipHub',
97 | fingerprints: false,
98 | description: 'Send sats to your favorite open source contributors!',
99 | background_color: '#333',
100 | crossorigin: 'use-credentials',
101 | icons: [{
102 | src: path.join(src, 'images/favicon.png'),
103 | sizes: [96, 128, 192, 256, 384, 512],
104 | }],
105 | }),
106 | new HtmlWebpackPlugin({
107 | template: `${src}/index.html`,
108 | inject: true,
109 | }),
110 | new DotenvPlugin({ systemvars: true }),
111 | new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
112 | isDev && new webpack.HotModuleReplacementPlugin(),
113 | ].filter(p => !!p),
114 | optimization: {
115 | minimizer: isDev ? [] : [
116 | new TerserJSPlugin({
117 | cache: true,
118 | parallel: true,
119 | sourceMap: true,
120 | }),
121 | new OptimizeCSSAssetsPlugin({
122 | cssProcessorOptions: {
123 | map: {
124 | inline: false,
125 | annotation: true,
126 | },
127 | },
128 | }),
129 | ],
130 | },
131 | devServer: {
132 | hot: true,
133 | historyApiFallback: true,
134 | headers: {
135 | 'Access-Control-Allow-Origin': '*',
136 | },
137 | },
138 | };
139 |
--------------------------------------------------------------------------------
/frontend/src/api.ts:
--------------------------------------------------------------------------------
1 | import { stringify } from 'query-string';
2 | import { UserData } from 'blockstack.js/lib/auth/authApp';
3 | import env from './util/env';
4 |
5 | export enum ConnectionSite {
6 | github = 'github',
7 | gitlab = 'gitlab',
8 | blockstack = 'blockstack',
9 | }
10 |
11 | export interface Connection {
12 | site: ConnectionSite;
13 | site_id: string;
14 | site_username: string;
15 | user: User;
16 | }
17 |
18 | export interface SelfConnection extends Connection {
19 | date_created: string;
20 | }
21 |
22 | export interface User {
23 | id: number;
24 | pubkey: string;
25 | connections: Connection[];
26 | }
27 |
28 | export interface SelfUser extends User {
29 | date_created: string;
30 | email: string;
31 | macaroon: string;
32 | cert: string;
33 | node_url: string;
34 | connections: SelfConnection[];
35 | }
36 |
37 | export interface Tip {
38 | id: number;
39 | date_created: string;
40 | sender: string | null;
41 | message: string | null;
42 | repo: string;
43 | amount: string;
44 | payment_request: string;
45 | }
46 |
47 | export interface PagesData {
48 | page: number;
49 | pages: number;
50 | }
51 |
52 | class API {
53 | url: string;
54 |
55 | constructor(url: string) {
56 | this.url = url;
57 | }
58 |
59 | // Public methods
60 | getSelf() {
61 | return this.request
42 |
43 |
44 |
45 | My pubkey starts with ${pubkey.slice(0, 8)}
46 |
47 |
61 |
92 |
101 | )
102 | }
103 |
104 | private handleChangeColor = (_: any, data: any) => {
105 | const color = COLORS.find(c => c.name === data.value) as typeof COLORS[0];
106 | this.setState({ color });
107 | };
108 |
109 | private handleChangeSite = (_: any, data: any) => {
110 | console.log(data);
111 | const connection = this.props.user.connections.find(c => c.site === data.value) as Connection;
112 | this.setState({ connection });
113 | };
114 | }
--------------------------------------------------------------------------------
/frontend/src/components/ProfileTips.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import moment from 'moment';
3 | import { Placeholder, Feed, Pagination, Image, Segment, Header, Icon, PaginationProps } from 'semantic-ui-react';
4 | import api, { User, Tip, PagesData } from '../api';
5 | import './ProfileTips.less';
6 |
7 | interface Props {
8 | user: User;
9 | }
10 |
11 | interface State {
12 | tips: Tip[];
13 | page: number;
14 | pageData: PagesData | null;
15 | isLoading: boolean;
16 | }
17 |
18 | export default class ProfileTips extends React.Component
93 |
100 |
94 |
96 |
97 |
98 |
99 |
86 |
90 | {content}
91 |
92 | {pageData && pageData.pages > 0 && (
93 |
100 | );
101 | }
102 |
103 | private handleChangePage = (_: any, data: PaginationProps) => {
104 | this.fetchTips(data.activePage as number);
105 | };
106 |
107 | private fetchTips = async (page: number) => {
108 | this.setState({ page, isLoading: true });
109 | try {
110 | const res = await api.getUserTips(this.props.user.id, page);
111 | this.setState({
112 | tips: res.tips,
113 | pageData: res.pagination,
114 | isLoading: false,
115 | })
116 | } catch(err) {
117 | console.error(err);
118 | alert(err.message);
119 | }
120 | this.setState({ isLoading: false });
121 | };
122 |
123 | private getRandomImage = (id: number) => {
124 | const avatars = [
125 | 'ade',
126 | 'chris',
127 | 'christian',
128 | 'daniel',
129 | 'elliot',
130 | 'helen',
131 | 'jenny',
132 | 'joe',
133 | 'justen',
134 | 'laura',
135 | 'matt',
136 | 'nan',
137 | 'nom',
138 | 'steve',
139 | 'stevie',
140 | 'tom',
141 | 'veronika',
142 | 'zoe',
143 | ];
144 | const avatar = avatars[id % avatars.length]
145 | return `https://react.semantic-ui.com/images/avatar/small/${avatar}.jpg`;
146 | };
147 | }
--------------------------------------------------------------------------------
/backend/boltathon/util/mail.py:
--------------------------------------------------------------------------------
1 | from sendgrid import SendGridAPIClient
2 | from sendgrid.helpers.mail import Mail
3 | from python_http_client import HTTPError
4 | from boltathon.util import frontend_url
5 | from boltathon.settings import SENDGRID_API_KEY, SENDGRID_DEFAULT_FROM, SENDGRID_DEFAULT_FROMNAME, UI
6 | from flask import render_template, Markup, current_app
7 |
8 |
9 | default_template_args = {
10 | 'home_url': frontend_url('/'),
11 | 'account_url': frontend_url('/user/me'),
12 | 'unsubscribe_url': frontend_url('/user/me?tab=settings')
13 | }
14 |
15 |
16 | def tip_received_info(email_args):
17 | return {
18 | 'subject': 'You just got tipped!',
19 | 'title': 'You got a Tip!',
20 | 'preview': 'Woohoo, somebody just tipped you!',
21 | }
22 |
23 |
24 | def tip_error_info(email_args):
25 | return {
26 | 'subject': 'We had trouble contacting your node for a tip',
27 | 'title': 'Tip Error',
28 | 'preview': 'We recently tried to generate a tip invoice from your node, but encountered an error.'
29 | }
30 |
31 |
32 | get_info_lookup = {
33 | 'tip_received': tip_received_info,
34 | 'tip_error': tip_error_info
35 | }
36 |
37 |
38 | def generate_email(user, type, email_args):
39 | info = get_info_lookup[type](email_args)
40 | body_text = render_template(
41 | 'emails/%s.txt' % (type),
42 | args=email_args,
43 | UI=UI,
44 | )
45 | body_html = render_template(
46 | 'emails/%s.html' % (type),
47 | args=email_args,
48 | UI=UI,
49 | )
50 |
51 | template_args = {**default_template_args}
52 |
53 | html = render_template(
54 | 'emails/template.html',
55 | args={
56 | **template_args,
57 | **info,
58 | 'body': Markup(body_html),
59 | },
60 | UI=UI,
61 | )
62 | text = render_template(
63 | 'emails/template.txt',
64 | args={
65 | **template_args,
66 | **info,
67 | 'body': body_text,
68 | },
69 | UI=UI,
70 | )
71 |
72 | return {
73 | 'info': info,
74 | 'html': html,
75 | 'text': text
76 | }
77 |
78 |
79 | def send_email(user, type, email_args):
80 | if current_app and current_app.config.get("TESTING"):
81 | return
82 |
83 | if not user or not user.email:
84 | return
85 |
86 | if not SENDGRID_API_KEY:
87 | current_app.logger.warn('SENDGRID_API_KEY not set, skipping email')
88 | return
89 |
90 | try:
91 | email = generate_email(user, type, email_args)
92 | sg = SendGridAPIClient(SENDGRID_API_KEY)
93 | print(SENDGRID_DEFAULT_FROM)
94 | print(user.email)
95 | mail = Mail(
96 | from_email=SENDGRID_DEFAULT_FROM,
97 | to_emails=user.email,
98 | subject=email['info']['subject'],
99 | plain_text_content=email['text'],
100 | html_content=email['html'],
101 | )
102 | res = sg.send(mail)
103 | current_app.logger.debug('Just sent an email to %s of type %s, response code: %s' % (user.email, type, res.status_code))
104 | except HTTPError as e:
105 | current_app.logger.info('An HTTP error occured while sending an email to %s - %s: %s' % (user.email, e.__class__.__name__, e))
106 | current_app.logger.error(e.body)
107 | except Exception as e:
108 | current_app.logger.info('An unknown error occured while sending an email to %s - %s: %s' % (user.email, e.__class__.__name__, e))
109 | current_app.logger.error(e)
110 |
111 | # Sends an email once and only once this session of the app. This is pretty
112 | # low-stakes, so it's OK that it rests on restart. Mostly meant to avoid spam.
113 | send_once_map = {}
114 |
115 | def send_email_once(user, type, email_args, extra_key='default'):
116 | if not user or not user.email:
117 | return
118 |
119 | key = '%s - %s - %s' % (user.id, type, extra_key)
120 |
121 | if send_once_map.get(key):
122 | current_app.logger.debug('Already sent with key `%s`' % (key))
123 | return
124 |
125 | send_once_map[key] = True
126 | return send_email(user, type, email_args)
127 |
--------------------------------------------------------------------------------
/backend/boltathon/util/bech32.py:
--------------------------------------------------------------------------------
1 | # Copyright (c) 2017 Pieter Wuille
2 | #
3 | # Permission is hereby granted, free of charge, to any person obtaining a copy
4 | # of this software and associated documentation files (the "Software"), to deal
5 | # in the Software without restriction, including without limitation the rights
6 | # to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
7 | # copies of the Software, and to permit persons to whom the Software is
8 | # furnished to do so, subject to the following conditions:
9 | #
10 | # The above copyright notice and this permission notice shall be included in
11 | # all copies or substantial portions of the Software.
12 | #
13 | # THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14 | # IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15 | # FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
16 | # AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17 | # LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18 | # OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
19 | # THE SOFTWARE.
20 |
21 | """Reference implementation for Bech32 and segwit addresses."""
22 |
23 |
24 | CHARSET = "qpzry9x8gf2tvdw0s3jn54khce6mua7l"
25 |
26 |
27 | def bech32_polymod(values):
28 | """Internal function that computes the Bech32 checksum."""
29 | generator = [0x3b6a57b2, 0x26508e6d, 0x1ea119fa, 0x3d4233dd, 0x2a1462b3]
30 | chk = 1
31 | for value in values:
32 | top = chk >> 25
33 | chk = (chk & 0x1ffffff) << 5 ^ value
34 | for i in range(5):
35 | chk ^= generator[i] if ((top >> i) & 1) else 0
36 | return chk
37 |
38 |
39 | def bech32_hrp_expand(hrp):
40 | """Expand the HRP into values for checksum computation."""
41 | return [ord(x) >> 5 for x in hrp] + [0] + [ord(x) & 31 for x in hrp]
42 |
43 |
44 | def bech32_verify_checksum(hrp, data):
45 | """Verify a checksum given HRP and converted data characters."""
46 | return bech32_polymod(bech32_hrp_expand(hrp) + data) == 1
47 |
48 |
49 | def bech32_create_checksum(hrp, data):
50 | """Compute the checksum values given HRP and data."""
51 | values = bech32_hrp_expand(hrp) + data
52 | polymod = bech32_polymod(values + [0, 0, 0, 0, 0, 0]) ^ 1
53 | return [(polymod >> 5 * (5 - i)) & 31 for i in range(6)]
54 |
55 |
56 | def bech32_encode(hrp, data):
57 | """Compute a Bech32 string given HRP and data values."""
58 | combined = data + bech32_create_checksum(hrp, data)
59 | return hrp + '1' + ''.join([CHARSET[d] for d in combined])
60 |
61 |
62 | def bech32_decode(bech):
63 | """Validate a Bech32 string, and determine HRP and data."""
64 | if ((any(ord(x) < 33 or ord(x) > 126 for x in bech)) or
65 | (bech.lower() != bech and bech.upper() != bech)):
66 | return (None, None)
67 | bech = bech.lower()
68 | pos = bech.rfind('1')
69 | if pos < 1 or pos + 7 > len(bech): #or len(bech) > 90:
70 | return (None, None)
71 | if not all(x in CHARSET for x in bech[pos+1:]):
72 | return (None, None)
73 | hrp = bech[:pos]
74 | data = [CHARSET.find(x) for x in bech[pos+1:]]
75 | if not bech32_verify_checksum(hrp, data):
76 | return (None, None)
77 | return (hrp, data[:-6])
78 |
79 |
80 | def convertbits(data, frombits, tobits, pad=True):
81 | """General power-of-2 base conversion."""
82 | acc = 0
83 | bits = 0
84 | ret = []
85 | maxv = (1 << tobits) - 1
86 | max_acc = (1 << (frombits + tobits - 1)) - 1
87 | for value in data:
88 | if value < 0 or (value >> frombits):
89 | return None
90 | acc = ((acc << frombits) | value) & max_acc
91 | bits += frombits
92 | while bits >= tobits:
93 | bits -= tobits
94 | ret.append((acc >> bits) & maxv)
95 | if pad:
96 | if bits:
97 | ret.append((acc << (tobits - bits)) & maxv)
98 | elif bits >= frombits or ((acc << (tobits - bits)) & maxv):
99 | return None
100 | return ret
101 |
102 |
103 | def decode(hrp, addr):
104 | """Decode a segwit address."""
105 | hrpgot, data = bech32_decode(addr)
106 | if hrpgot != hrp:
107 | return (None, None)
108 | decoded = convertbits(data[1:], 5, 8, False)
109 | if decoded is None or len(decoded) < 2 or len(decoded) > 40:
110 | return (None, None)
111 | if data[0] > 16:
112 | return (None, None)
113 | if data[0] == 0 and len(decoded) != 20 and len(decoded) != 32:
114 | return (None, None)
115 | return (data[0], decoded)
116 |
117 |
118 | def encode(hrp, witver, witprog):
119 | """Encode a segwit address."""
120 | ret = bech32_encode(hrp, [witver] + convertbits(witprog, 8, 5))
121 | assert decode(hrp, ret) is not (None, None)
122 | return ret
123 |
124 |
--------------------------------------------------------------------------------
/frontend/src/components/ConnectionsForm.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Button, Icon, Message, Modal } from 'semantic-ui-react';
3 | import { redirectToSignIn } from 'blockstack.js';
4 | import api, { SelfUser, ConnectionSite, SelfConnection } from '../api';
5 | import { makeBackendUrl, makeConnectionUrl } from '../util/formatters';
6 | import { CONNECTION_UI } from '../util/constants';
7 | import BlockstackIcon from '../images/blockstack.svg';
8 | import './ConnectionsForm.less';
9 |
10 | interface Props {
11 | user: SelfUser;
12 | }
13 |
14 | interface State {
15 | siteToRemove: null | ConnectionSite;
16 | error: null | string;
17 | }
18 |
19 | export default class ConnectionsForm extends React.Component
52 | {error &&
53 |
54 | Something went wrong
55 |
57 | }
58 |
59 | {buttons.map(b => {
60 | const c = cmap[b.site];
61 | let onClick = b.onClick;
62 | let href, target;
63 |
64 | if (c) {
65 | href = makeConnectionUrl(c);
66 | target = '_blank';
67 | } else if (onClick) {
68 | onClick = b.onClick;
69 | } else {
70 | href = makeBackendUrl(`/oauth/${b.site}/login`);
71 | }
72 |
73 | return (
74 |
105 | Remove connection
106 |
107 | {siteToRemove && (
108 | <>
109 |
117 |
118 | You are removing your last connection
119 |
120 |
131 | ) : (
132 |
139 |
140 |
141 |
148 |
149 |
150 |
151 | )
152 | }
153 |
154 | private blockstackConnect() {
155 | redirectToSignIn(`${window.location.origin}/auth/blockstack`);
156 | }
157 |
158 | private openRemoveModal = (site: ConnectionSite) => {
159 | this.setState({ siteToRemove: site });
160 | };
161 |
162 | private closeRemoveModal = () => {
163 | this.setState({ siteToRemove: null });
164 | };
165 |
166 | private removeConnection = () => {
167 | const { siteToRemove } = this.state;
168 | if (!siteToRemove) return;
169 |
170 | this.setState({ error: null });
171 | api.removeConnection(siteToRemove).then(() => {
172 | // TODO: Update state & user object instead!
173 | window.location.reload();
174 | }).catch(err => {
175 | this.setState({
176 | siteToRemove: null,
177 | error: err.message,
178 | });
179 | });
180 | };
181 | }
--------------------------------------------------------------------------------
/frontend/src/components/TipForm.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Form, Segment, Button, TextArea, Divider, Message } from 'semantic-ui-react';
3 | import { Link } from 'react-router-dom';
4 | import { withRouter, RouteComponentProps } from 'react-router';
5 | import { parse } from 'query-string';
6 | import QRCode from 'qrcode.react';
7 | import api, { Tip, User } from '../api';
8 | import { CONNECTION_UI } from '../util/constants';
9 | import './TipForm.less';
10 |
11 |
12 | interface OwnProps {
13 | user: User;
14 | };
15 |
16 | type Props = RouteComponentProps & OwnProps;
17 |
18 | interface State {
19 | sender: string;
20 | message: string;
21 | tip: Tip | null;
22 | error: string;
23 | isSubmitting: boolean;
24 | }
25 |
26 | class TipForm extends React.Component{error}
56 |
75 |
86 |
96 |
97 | );
98 | })}
99 |
100 | 101 | Removing all connections will delete your account 102 |
103 | 104 |110 | Are you sure you want to remove your connection to{' '} 111 | {CONNECTION_UI[siteToRemove].name}? 112 | You will not be able to log in using this connection anymore, 113 | and users will no longer be able to search for you with it. 114 |
115 | {user.connections.length === 1 ? ( 116 |121 | This will delete your account. You will lose all history 122 | of your tips, and all of your tip buttons will stop 123 | functioning. You can always make a new account, but 124 | your old tip buttons will not update with the new account. 125 |
126 |127 | This is irreversible. 128 | {' '}Are you sure you want to continue? 129 |
130 |133 | You can always add the connection back later. 134 |
135 | )} 136 | 137 | )} 138 |
50 |
71 | );
72 | } else {
73 | const url = `lightning:${tip.payment_request}`;
74 | content = (
75 |
51 |
52 |
53 | 54 | Payment successful! 55 |
56 |57 | You just supported open source development. 58 | {this.getRandomPraise()} 59 |
60 |
61 |
62 |
65 |
66 |
69 |
70 |
76 |
77 |
86 | );
87 | }
88 | } else {
89 | content = (
90 | <>
91 |
112 |
122 | {error}
131 | )}
132 |
133 | {content}
134 |
135 |
136 | );
137 | }
138 |
139 | private handleChange = (ev: React.ChangeEvent
123 | })
127 | You’re tipping {connection.site_username}
128 |
129 | {error && (
130 |
85 |
90 |
|
107 | ||
111 |
116 |
|
132 | ||
136 |
141 |
|
155 | ||
159 |
164 |
|
201 |
97 | 19 | We need some connection information to handle payments for your 20 | node. 21 |
22 |23 | If you're confused about any of the fields, just hit the help 24 | button beside it. 25 |
26 |27 | There's no security risk to your node by providing us this 28 | information. We'll only be able to generate new invoices, we 29 | won't have access to your funds. 30 |
31 | 32 | ), 33 | }; 34 | const helpText = { 35 | node_url: { 36 | title: 'gRPC Endpoint', 37 | content: ( 38 | <> 39 |
40 | The gRPC endpoint is the URL we'll use to communicate with your node.
41 | It is configured by rpclisten in lnd.conf.
42 |
44 | Every time someone wants to tip you, we'll make a request to it to 45 | generate a new invoice. This means your server must be online and 46 | accessible at all times. 47 |
48 | 49 | ), 50 | }, 51 | macaroon: { 52 | title: 'Invoice Macaroon', 53 | content: ( 54 | <> 55 |56 | The invoice macaroon is a file that gives us authorized access 57 | to generate invoices on your node. 58 |
59 |
60 | Make sure you do not upload your readonly.macaroon or
61 | {' '}admin.macaroon files accidentally.
62 |
64 | The macaroons are usually located: 65 |
66 |~/Library/Application Support/Lnd/data/chain/*
71 |
72 | )},
73 | { content: (
74 | <>
75 | Linux:{' '}
76 | ~/.lnd/data/chain/*
77 |
78 | )},
79 | { content: (
80 | <>
81 | Window:{' '}
82 | %APPDATA%\Lnd\data\chain\*
83 |
84 | )},
85 | ]} />
86 |
87 | ),
88 | },
89 | cert: {
90 | title: 'TLS Certificate',
91 | content: (
92 | <>
93 | 94 | The TLS certificate ensures our server that we're talking to your 95 | node, and encrypts the communication. 96 |
97 |98 | The certificate is usually located: 99 |
100 |~/Library/Application Support/Lnd
105 |
106 | )},
107 | { content: (
108 | <>
109 | Linux:{' '}
110 | ~/.lnd
111 |
112 | )},
113 | { content: (
114 | <>
115 | Window:{' '}
116 | %APPDATA%\Lnd
117 |
118 | )},
119 | ]} />
120 |
121 | ),
122 | },
123 | };
124 | type HelpKey = keyof typeof helpText;
125 |
126 | interface Props {
127 | userid: number;
128 | initialFormState?: FormState;
129 | onSubmit(user: SelfUser): void;
130 | }
131 |
132 | interface State {
133 | form: FormState;
134 | uploaded: {
135 | macaroon: boolean;
136 | cert: boolean;
137 | };
138 | helpKey: HelpKey | null;
139 | error: string;
140 | isSubmitting: boolean;
141 | }
142 |
143 | export default class NodeForm extends React.Component
176 |
246 |
253 | );
254 | }
255 |
256 | private renderLabel = (label: string, helpKey: HelpKey) => {
257 | return (
258 |
270 | );
271 | };
272 |
273 | private handleChange = (ev: React.ChangeEvent
247 |
248 | {help.title}
249 | {help.content}
250 |
251 |
252 |