├── .gitignore
├── README.md
├── backend
├── Pipfile
├── Pipfile.lock
├── app.py
├── server
│ ├── __init__.py
│ ├── auth.py
│ ├── graphql_view.py
│ ├── models.py
│ └── schema.py
└── start_development_server.sh
└── frontend
├── README.md
├── bsconfig.json
├── package-lock.json
├── package.json
├── public
└── index.html
├── src
├── Action.re
├── ApolloClient.re
├── App.re
├── Auth0.re
├── Config.rei
├── Index.re
├── Link.re
├── Location.re
├── MutationButton.re
├── MutationForm.re
├── NavBar.re
├── ProjectList.re
├── ProjectView.re
├── Queries.re
├── Route.re
├── State.re
└── Todo.re
├── webpack.config.js
└── yarn.lock
/.gitignore:
--------------------------------------------------------------------------------
1 | .vscode/
2 | __pycache__
3 | .bsb.lock
4 | .merlin
5 | .cache
6 | npm-debug.log
7 | lib/
8 | *.sqlite3
9 | node_modules/
10 | .graphql_ppx_cache/
11 | dev_config.py
12 | Config.re
13 | graphql_schema.json
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | This is an incredibly brutalist Todo app that I put together as research into a possible tech stack for a consulting project. The project didn't pan out, but what I did might be informative anyway so here it is!
2 |
3 | On the backend it uses Python, Flask, SQLAlchemy, and GraphQL via Graphene and on the frontend it's ReasonML, React, and GraphQL via ApolloClient.
4 |
5 | First you need an Auth0 account. Create an API, call it whatever you like, and come up with an API audience for it, e.g `https://todoapi.thiscanprettymuchbeaything.com`. Create an single page application and add `http://localhost:300/callback` to the allowed callback URLs.
6 |
7 | In `/backend` add `dev_config.py` and give it the following entries
8 | ```
9 | DB_URI = 'sqlite:///database.sqlite3'
10 |
11 | AUTH0_DOMAIN = 'found in settings of the App you just created in Auth0',
12 | AUTH0_ALGORITHMS = ['RS256']
13 | AUTH0_API_AUDIENCE = 'found in the settings of the API you just created in Auth0'
14 | ```
15 |
16 | In `/frontend/src` add `Config.re`, and give it these entries
17 | ```
18 | type auth0 = {
19 | domain: string,
20 | clientID: string,
21 | audience: string
22 | };
23 |
24 | type config = {
25 | api: string,
26 | auth0: auth0
27 | };
28 |
29 | let devConfig : config = {
30 | api: "http://localhost:5000/api",
31 | auth0: {
32 | domain: "same as AUTH0_DOMAIN above",
33 | clientID: "found in settings of the App you just created in Auth0",
34 | audience: "same as AUTH0_API_AUDIENCE above",
35 | }
36 | };
37 |
38 | let activeConfig = devConfig;
39 | ```
40 |
41 | To run the backend, you need [pipenv](https://pypi.org/project/pipenv/). Install it, navigate to `/backend` and run `pipenv --three` followed by `pipenv install`. To launch the Flask development server, run `./startDevelopmentServer.sh`. It serves a GraphQL-endpoint at `/api`. If you want to use GraphiQL without having to have a session, set `ALLOW_NO_AUTH_SESSION = True` in the config-file.
42 |
43 | To run the frontend, install dependencies by with `npm install` or `yarn` in `/frontend`. Before you can compile the Reason files to Javascript, you need to run the introspection query with `./node_modules/.bin/send-introspection-query http://localhost:5000/api` or (`yarn send-introspection-query http://localhost:5000/api`). This performs a query against the GraphQL-endpoint to get names and types of all fields, queries and mutations, saving them in `graphql_schema.json`. With this file present, this setup doesn't just give you typechecking of the Reason-code you write, but also of all your API-calls!
44 |
45 | To compile the frontend do `npm run reason:dev` (or `yarn reason:dev`) and run `npm run webpack:dev` (or `yarn webpack:dev`) to serve it at `http://localhost:3000`. When you click the login-button you will be redirected to the Auth0-login page, where, if you've used standard settings, you can log in with any gmail-address.
46 |
--------------------------------------------------------------------------------
/backend/Pipfile:
--------------------------------------------------------------------------------
1 | [[source]]
2 | url = "https://pypi.org/simple"
3 | verify_ssl = true
4 | name = "pypi"
5 |
6 | [packages]
7 | flask = "*"
8 | flask-graphql = "*"
9 | graphene = "*"
10 | python-jose-cryptodome = "*"
11 | flask-cors = "*"
12 | graphene-sqlalchemy = "*"
13 |
14 | [dev-packages]
15 | pylint = "*"
16 | "autopep8" = "*"
17 |
18 | [requires]
19 | python_version = "3.7"
20 |
--------------------------------------------------------------------------------
/backend/Pipfile.lock:
--------------------------------------------------------------------------------
1 | {
2 | "_meta": {
3 | "hash": {
4 | "sha256": "739d1f0dab84530c5d783deb659602209a383ba7a8978c2cac667dcec62bdd56"
5 | },
6 | "pipfile-spec": 6,
7 | "requires": {
8 | "python_version": "3.7"
9 | },
10 | "sources": [
11 | {
12 | "name": "pypi",
13 | "url": "https://pypi.org/simple",
14 | "verify_ssl": true
15 | }
16 | ]
17 | },
18 | "default": {
19 | "aniso8601": {
20 | "hashes": [
21 | "sha256:7849749cf00ae0680ad2bdfe4419c7a662bef19c03691a19e008c8b9a5267802",
22 | "sha256:94f90871fcd314a458a3d4eca1c84448efbd200e86f55fe4c733c7a40149ef50"
23 | ],
24 | "version": "==3.0.2"
25 | },
26 | "click": {
27 | "hashes": [
28 | "sha256:2335065e6395b9e67ca716de5f7526736bfa6ceead690adf616d925bdc622b13",
29 | "sha256:5b94b49521f6456670fdb30cd82a4eca9412788a93fa6dd6df72c94d5a8ff2d7"
30 | ],
31 | "markers": "python_version >= '2.7' and python_version != '3.0.*' and python_version != '3.1.*' and python_version != '3.3.*' and python_version != '3.2.*'",
32 | "version": "==7.0"
33 | },
34 | "ecdsa": {
35 | "hashes": [
36 | "sha256:40d002cf360d0e035cf2cb985e1308d41aaa087cbfc135b2dc2d844296ea546c",
37 | "sha256:64cf1ee26d1cde3c73c6d7d107f835fed7c6a2904aef9eac223d57ad800c43fa"
38 | ],
39 | "version": "==0.13"
40 | },
41 | "flask": {
42 | "hashes": [
43 | "sha256:2271c0070dbcb5275fad4a82e29f23ab92682dc45f9dfbc22c02ba9b9322ce48",
44 | "sha256:a080b744b7e345ccfcbc77954861cb05b3c63786e93f2b3875e0913d44b43f05"
45 | ],
46 | "index": "pypi",
47 | "version": "==1.0.2"
48 | },
49 | "flask-cors": {
50 | "hashes": [
51 | "sha256:e4c8fc15d3e4b4cce6d3b325f2bab91e0e09811a61f50d7a53493bc44242a4f1",
52 | "sha256:ecc016c5b32fa5da813ec8d272941cfddf5f6bba9060c405a70285415cbf24c9"
53 | ],
54 | "index": "pypi",
55 | "version": "==3.0.6"
56 | },
57 | "flask-graphql": {
58 | "hashes": [
59 | "sha256:b4e23dfd767f7028835208db0bfa7145f59467225882e6d4f560d15c09f32de8"
60 | ],
61 | "index": "pypi",
62 | "version": "==2.0.0"
63 | },
64 | "future": {
65 | "hashes": [
66 | "sha256:e39ced1ab767b5936646cedba8bcce582398233d6a627067d4c6a454c90cfedb"
67 | ],
68 | "version": "==0.16.0"
69 | },
70 | "graphene": {
71 | "hashes": [
72 | "sha256:b8ec446d17fa68721636eaad3d6adc1a378cb6323e219814c8f98c9928fc9642",
73 | "sha256:faa26573b598b22ffd274e2fd7a4c52efa405dcca96e01a62239482246248aa3"
74 | ],
75 | "index": "pypi",
76 | "version": "==2.1.3"
77 | },
78 | "graphene-sqlalchemy": {
79 | "hashes": [
80 | "sha256:5bfc93986c5e6001861e8cdfe33eeb5094ca1f30efde6822387e13070ec3ab82",
81 | "sha256:8260a128f360eda5437147a3cb72809e267fa8e2464f9996ff95ddc47239dcec"
82 | ],
83 | "index": "pypi",
84 | "version": "==2.1.0"
85 | },
86 | "graphql-core": {
87 | "hashes": [
88 | "sha256:889e869be5574d02af77baf1f30b5db9ca2959f1c9f5be7b2863ead5a3ec6181",
89 | "sha256:9462e22e32c7f03b667373ec0a84d95fba10e8ce2ead08f29fbddc63b671b0c1"
90 | ],
91 | "version": "==2.1"
92 | },
93 | "graphql-relay": {
94 | "hashes": [
95 | "sha256:2716b7245d97091af21abf096fabafac576905096d21ba7118fba722596f65db"
96 | ],
97 | "version": "==0.4.5"
98 | },
99 | "graphql-server-core": {
100 | "hashes": [
101 | "sha256:e5f82add4b3d5580aa1f1e7d9f00e944ad3abe1b65eb337e611d6a77cc20f231"
102 | ],
103 | "version": "==1.1.1"
104 | },
105 | "itsdangerous": {
106 | "hashes": [
107 | "sha256:cbb3fcf8d3e33df861709ecaf89d9e6629cff0a217bc2848f1b41cd30d360519"
108 | ],
109 | "version": "==0.24"
110 | },
111 | "jinja2": {
112 | "hashes": [
113 | "sha256:74c935a1b8bb9a3947c50a54766a969d4846290e1e788ea44c1392163723c3bd",
114 | "sha256:f84be1bb0040caca4cea721fcbbbbd61f9be9464ca236387158b0feea01914a4"
115 | ],
116 | "version": "==2.10"
117 | },
118 | "markupsafe": {
119 | "hashes": [
120 | "sha256:a6be69091dac236ea9c6bc7d012beab42010fa914c459791d627dad4910eb665"
121 | ],
122 | "version": "==1.0"
123 | },
124 | "promise": {
125 | "hashes": [
126 | "sha256:0bca4ed933e3d50e3d18fb54fc1432fa84b0564838cd093e824abcd718ab9304",
127 | "sha256:95506bac89df7a495e0b8c813fd782dd1ae590decb52f95248e316c6659ca49b"
128 | ],
129 | "version": "==2.1"
130 | },
131 | "pycryptodome": {
132 | "hashes": [
133 | "sha256:1b52d5643e243a6d5ba4b5706e6ae59ee61b14e800ff812c1e47ec4dfe8e4761",
134 | "sha256:234c416c8ae31b4ffab57bf89e4b2812687f247263a90dbadc540ec511a2837d",
135 | "sha256:4e83913f03358e66ec675d5963886335919e0c3efaadb4b6e920f44199fd2ab9",
136 | "sha256:6277eee3979f19d03d7d02a4d256c4a52a5958709720a060faeb716ea83f2d48",
137 | "sha256:6e09c84b9e4e97bd9b1c763f43e48d248e8733f597c7c9f8cefca658d9c9f6b9",
138 | "sha256:76d03ca52cf61a0d21e161c251cd81f0c13494b6f6771cb934770fabceb58068",
139 | "sha256:ab96ff95cf879a57e2736f78238e2b731516f4b0e7c572b861d6b3eced42caf5",
140 | "sha256:ba62f6b9ae09a88cbe3328aa1ccc1696462d489c92f73920ec473773f2f92f84",
141 | "sha256:c292deeca9176c162e5a8e19be9c60edb99e855dbad3ea032f94e23249873ba6"
142 | ],
143 | "version": "==3.3.1"
144 | },
145 | "python-jose-cryptodome": {
146 | "hashes": [
147 | "sha256:4c42416ae9cf06cab312bc2f236099647162cc61f4376d3c8af60e465a5b5697",
148 | "sha256:9226693ee9ff52795ea8bfc70e0b77c62dca9a0f0fcbf9635c248d190211826e"
149 | ],
150 | "index": "pypi",
151 | "version": "==1.3.2"
152 | },
153 | "rx": {
154 | "hashes": [
155 | "sha256:13a1d8d9e252625c173dc795471e614eadfe1cf40ffc684e08b8fff0d9748c23",
156 | "sha256:7357592bc7e881a95e0c2013b73326f704953301ab551fbc8133a6fadab84105"
157 | ],
158 | "version": "==1.6.1"
159 | },
160 | "singledispatch": {
161 | "hashes": [
162 | "sha256:5b06af87df13818d14f08a028e42f566640aef80805c3b50c5056b086e3c2b9c",
163 | "sha256:833b46966687b3de7f438c761ac475213e53b306740f1abfaa86e1d1aae56aa8"
164 | ],
165 | "version": "==3.4.0.3"
166 | },
167 | "six": {
168 | "hashes": [
169 | "sha256:70e8a77beed4562e7f14fe23a786b54f6296e34344c23bc42f07b15018ff98e9",
170 | "sha256:832dc0e10feb1aa2c68dcc57dbb658f1c7e65b9b61af69048abc87a2db00a0eb"
171 | ],
172 | "version": "==1.11.0"
173 | },
174 | "sqlalchemy": {
175 | "hashes": [
176 | "sha256:c5951d9ef1d5404ed04bae5a16b60a0779087378928f997a294d1229c6ca4d3e"
177 | ],
178 | "version": "==1.2.12"
179 | },
180 | "typing": {
181 | "hashes": [
182 | "sha256:4027c5f6127a6267a435201981ba156de91ad0d1d98e9ddc2aa173453453492d",
183 | "sha256:57dcf675a99b74d64dacf6fba08fb17cf7e3d5fdff53d4a30ea2a5e7e52543d4",
184 | "sha256:a4c8473ce11a65999c8f59cb093e70686b6c84c98df58c1dae9b3b196089858a"
185 | ],
186 | "version": "==3.6.6"
187 | },
188 | "werkzeug": {
189 | "hashes": [
190 | "sha256:c3fd7a7d41976d9f44db327260e263132466836cef6f91512889ed60ad26557c",
191 | "sha256:d5da73735293558eb1651ee2fddc4d0dedcfa06538b8813a2e20011583c9e49b"
192 | ],
193 | "version": "==0.14.1"
194 | }
195 | },
196 | "develop": {
197 | "astroid": {
198 | "hashes": [
199 | "sha256:292fa429e69d60e4161e7612cb7cc8fa3609e2e309f80c224d93a76d5e7b58be",
200 | "sha256:c7013d119ec95eb626f7a2011f0b63d0c9a095df9ad06d8507b37084eada1a8d"
201 | ],
202 | "version": "==2.0.4"
203 | },
204 | "autopep8": {
205 | "hashes": [
206 | "sha256:655e3ee8b4545be6cfed18985f581ee9ecc74a232550ee46e9797b6fbf4f336d"
207 | ],
208 | "index": "pypi",
209 | "version": "==1.4"
210 | },
211 | "isort": {
212 | "hashes": [
213 | "sha256:1153601da39a25b14ddc54955dbbacbb6b2d19135386699e2ad58517953b34af",
214 | "sha256:b9c40e9750f3d77e6e4d441d8b0266cf555e7cdabdcff33c4fd06366ca761ef8",
215 | "sha256:ec9ef8f4a9bc6f71eec99e1806bfa2de401650d996c59330782b89a5555c1497"
216 | ],
217 | "markers": "python_version >= '2.7' and python_version != '3.2.*' and python_version != '3.3.*' and python_version != '3.1.*' and python_version != '3.0.*'",
218 | "version": "==4.3.4"
219 | },
220 | "lazy-object-proxy": {
221 | "hashes": [
222 | "sha256:0ce34342b419bd8f018e6666bfef729aec3edf62345a53b537a4dcc115746a33",
223 | "sha256:1b668120716eb7ee21d8a38815e5eb3bb8211117d9a90b0f8e21722c0758cc39",
224 | "sha256:209615b0fe4624d79e50220ce3310ca1a9445fd8e6d3572a896e7f9146bbf019",
225 | "sha256:27bf62cb2b1a2068d443ff7097ee33393f8483b570b475db8ebf7e1cba64f088",
226 | "sha256:27ea6fd1c02dcc78172a82fc37fcc0992a94e4cecf53cb6d73f11749825bd98b",
227 | "sha256:2c1b21b44ac9beb0fc848d3993924147ba45c4ebc24be19825e57aabbe74a99e",
228 | "sha256:2df72ab12046a3496a92476020a1a0abf78b2a7db9ff4dc2036b8dd980203ae6",
229 | "sha256:320ffd3de9699d3892048baee45ebfbbf9388a7d65d832d7e580243ade426d2b",
230 | "sha256:50e3b9a464d5d08cc5227413db0d1c4707b6172e4d4d915c1c70e4de0bbff1f5",
231 | "sha256:5276db7ff62bb7b52f77f1f51ed58850e315154249aceb42e7f4c611f0f847ff",
232 | "sha256:61a6cf00dcb1a7f0c773ed4acc509cb636af2d6337a08f362413c76b2b47a8dd",
233 | "sha256:6ae6c4cb59f199d8827c5a07546b2ab7e85d262acaccaacd49b62f53f7c456f7",
234 | "sha256:7661d401d60d8bf15bb5da39e4dd72f5d764c5aff5a86ef52a042506e3e970ff",
235 | "sha256:7bd527f36a605c914efca5d3d014170b2cb184723e423d26b1fb2fd9108e264d",
236 | "sha256:7cb54db3535c8686ea12e9535eb087d32421184eacc6939ef15ef50f83a5e7e2",
237 | "sha256:7f3a2d740291f7f2c111d86a1c4851b70fb000a6c8883a59660d95ad57b9df35",
238 | "sha256:81304b7d8e9c824d058087dcb89144842c8e0dea6d281c031f59f0acf66963d4",
239 | "sha256:933947e8b4fbe617a51528b09851685138b49d511af0b6c0da2539115d6d4514",
240 | "sha256:94223d7f060301b3a8c09c9b3bc3294b56b2188e7d8179c762a1cda72c979252",
241 | "sha256:ab3ca49afcb47058393b0122428358d2fbe0408cf99f1b58b295cfeb4ed39109",
242 | "sha256:bd6292f565ca46dee4e737ebcc20742e3b5be2b01556dafe169f6c65d088875f",
243 | "sha256:cb924aa3e4a3fb644d0c463cad5bc2572649a6a3f68a7f8e4fbe44aaa6d77e4c",
244 | "sha256:d0fc7a286feac9077ec52a927fc9fe8fe2fabab95426722be4c953c9a8bede92",
245 | "sha256:ddc34786490a6e4ec0a855d401034cbd1242ef186c20d79d2166d6a4bd449577",
246 | "sha256:e34b155e36fa9da7e1b7c738ed7767fc9491a62ec6af70fe9da4a057759edc2d",
247 | "sha256:e5b9e8f6bda48460b7b143c3821b21b452cb3a835e6bbd5dd33aa0c8d3f5137d",
248 | "sha256:e81ebf6c5ee9684be8f2c87563880f93eedd56dd2b6146d8a725b50b7e5adb0f",
249 | "sha256:eb91be369f945f10d3a49f5f9be8b3d0b93a4c2be8f8a5b83b0571b8123e0a7a",
250 | "sha256:f460d1ceb0e4a5dcb2a652db0904224f367c9b3c1470d5a7683c0480e582468b"
251 | ],
252 | "version": "==1.3.1"
253 | },
254 | "mccabe": {
255 | "hashes": [
256 | "sha256:ab8a6258860da4b6677da4bd2fe5dc2c659cff31b3ee4f7f5d64e79735b80d42",
257 | "sha256:dd8d182285a0fe56bace7f45b5e7d1a6ebcbf524e8f3bd87eb0f125271b8831f"
258 | ],
259 | "version": "==0.6.1"
260 | },
261 | "pycodestyle": {
262 | "hashes": [
263 | "sha256:cbc619d09254895b0d12c2c691e237b2e91e9b2ecf5e84c26b35400f93dcfb83",
264 | "sha256:cbfca99bd594a10f674d0cd97a3d802a1fdef635d4361e1a2658de47ed261e3a"
265 | ],
266 | "version": "==2.4.0"
267 | },
268 | "pylint": {
269 | "hashes": [
270 | "sha256:1d6d3622c94b4887115fe5204982eee66fdd8a951cf98635ee5caee6ec98c3ec",
271 | "sha256:31142f764d2a7cd41df5196f9933b12b7ee55e73ef12204b648ad7e556c119fb"
272 | ],
273 | "index": "pypi",
274 | "version": "==2.1.1"
275 | },
276 | "six": {
277 | "hashes": [
278 | "sha256:70e8a77beed4562e7f14fe23a786b54f6296e34344c23bc42f07b15018ff98e9",
279 | "sha256:832dc0e10feb1aa2c68dcc57dbb658f1c7e65b9b61af69048abc87a2db00a0eb"
280 | ],
281 | "version": "==1.11.0"
282 | },
283 | "wrapt": {
284 | "hashes": [
285 | "sha256:d4d560d479f2c21e1b5443bbd15fe7ec4b37fe7e53d335d3b9b0a7b1226fe3c6"
286 | ],
287 | "version": "==1.10.11"
288 | }
289 | }
290 | }
291 |
--------------------------------------------------------------------------------
/backend/app.py:
--------------------------------------------------------------------------------
1 | from flask import Flask
2 | from flask_cors import CORS
3 |
4 | app = Flask(__name__)
5 | CORS(app)
6 |
7 | app.config.from_envvar('APP_CONFIG_FILE')
8 |
9 | from flask_graphql import GraphQLView
10 | from server.schema import schema
11 | from server.graphql_view import View
12 | from server.models import init_db
13 |
14 | init_db()
15 |
16 | app.add_url_rule('/api', view_func=View.as_view('graphql',
17 | schema=schema, graphiql=True))
18 |
--------------------------------------------------------------------------------
/backend/server/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mbirkegaard/basic-crud/a699a90f25f8d36cb81f74c2f5547957903669dd/backend/server/__init__.py
--------------------------------------------------------------------------------
/backend/server/auth.py:
--------------------------------------------------------------------------------
1 | import json
2 | from flask import request, _request_ctx_stack, current_app
3 | from jose import jwt
4 | from urllib.request import urlopen
5 |
6 |
7 | class AuthError(Exception):
8 | def __init__(self, error, status_code):
9 | self.error = error
10 | self.status_code = status_code
11 |
12 |
13 | def get_token_auth_header():
14 | """Obtains the Access Token from the Authorization Header
15 | """
16 | auth = request.headers.get('Authorization', None)
17 | if not auth:
18 | raise AuthError({
19 | 'code': 'authorization_header_missing',
20 | 'description': 'Authorization header is expected.'
21 | }, 401)
22 |
23 | parts = auth.split()
24 |
25 | if parts[0].lower() != 'bearer':
26 | raise AuthError({
27 | 'code': 'invalid_header',
28 | 'description': 'Authorization header must start with "Bearer".'
29 | }, 401)
30 |
31 | elif len(parts) == 1:
32 | raise AuthError({
33 | 'code': 'invalid_header',
34 | 'description': 'Token not found.'
35 | }, 401)
36 |
37 | elif len(parts) > 2:
38 | raise AuthError({
39 | 'code': 'invalid_header',
40 | 'description': 'Authorization header must be bearer token.'
41 | }, 401)
42 |
43 | token = parts[1]
44 | return token
45 |
46 |
47 | def verify_token():
48 | AUTH0_DOMAIN = current_app.config['AUTH0_DOMAIN']
49 | ALGORITHMS = current_app.config['AUTH0_ALGORITHMS']
50 | API_AUDIENCE = current_app.config['AUTH0_API_AUDIENCE']
51 |
52 | token = get_token_auth_header()
53 | jsonurl = urlopen(f'https://{AUTH0_DOMAIN}/.well-known/jwks.json')
54 | jwks = json.loads(jsonurl.read())
55 | unverified_header = jwt.get_unverified_header(token)
56 |
57 | rsa_key = {}
58 | for key in jwks['keys']:
59 | if key['kid'] == unverified_header['kid']:
60 | rsa_key = {
61 | 'kty': key['kty'],
62 | 'kid': key['kid'],
63 | 'use': key['use'],
64 | 'n': key['n'],
65 | 'e': key['e']
66 | }
67 |
68 | if rsa_key:
69 | try:
70 | payload = jwt.decode(
71 | token,
72 | rsa_key,
73 | algorithms=ALGORITHMS,
74 | audience=API_AUDIENCE,
75 | issuer='https://' + AUTH0_DOMAIN + '/'
76 | )
77 |
78 | except jwt.ExpiredSignatureError:
79 | raise AuthError({
80 | 'code': 'token_expired',
81 | 'description': 'Token expired.'
82 | }, 401)
83 |
84 | except jwt.JWTClaimsError:
85 | raise AuthError({
86 | 'code': 'invalid_claims',
87 | 'description': 'Incorrect claims. Please, check the audience and issuer.'
88 | }, 401)
89 |
90 | except Exception:
91 | raise AuthError({
92 | 'code': 'invalid_header',
93 | 'description': 'Unable to parse authentication token.'
94 | }, 400)
95 |
96 | _request_ctx_stack.top.current_user = payload
97 | return payload
98 |
99 | raise AuthError({
100 | 'code': 'invalid_header',
101 | 'description': 'Unable to find the appropriate key.'
102 | }, 400)
103 |
--------------------------------------------------------------------------------
/backend/server/graphql_view.py:
--------------------------------------------------------------------------------
1 | from flask import current_app
2 | from flask_graphql import GraphQLView
3 | from server.auth import AuthError, verify_token
4 |
5 |
6 | class View(GraphQLView):
7 | def get_context(self):
8 | try:
9 | auth = verify_token()
10 | return {
11 | 'auth': auth
12 | }
13 | except AuthError as exception:
14 | if current_app.config.get('ALLOW_NO_AUTH_SESSION', False):
15 | return {
16 | 'auth': None
17 | }
18 | else:
19 | raise exception
20 |
--------------------------------------------------------------------------------
/backend/server/models.py:
--------------------------------------------------------------------------------
1 | from app import app
2 | from sqlalchemy import Column, Boolean, Integer, String, ForeignKey, create_engine
3 | from sqlalchemy.orm import relationship, sessionmaker, scoped_session
4 | from sqlalchemy.ext.declarative import declarative_base
5 |
6 | Base = declarative_base()
7 | engine = create_engine(app.config['DB_URI'], connect_args={
8 | 'check_same_thread': False}, convert_unicode=True)
9 | db_session = scoped_session(sessionmaker(autocommit=False,
10 | autoflush=False,
11 | bind=engine))
12 | Base.query = db_session.query_property()
13 |
14 |
15 | class Todo(Base):
16 | __tablename__ = 'location'
17 | id = Column(Integer, primary_key=True)
18 | name = Column(String, nullable=False)
19 | finished = Column(Boolean, nullable=False)
20 | project_id = Column(Integer, ForeignKey('project.id'))
21 | project = relationship('Project', back_populates='todos')
22 |
23 |
24 | class Project(Base):
25 | __tablename__ = 'project'
26 | id = Column(Integer, primary_key=True)
27 | name = Column(String, nullable=False)
28 | todos = relationship('Todo', back_populates='project',
29 | cascade="all, delete, delete-orphan")
30 |
31 |
32 | def init_db():
33 | Base.metadata.create_all(bind=engine)
34 |
--------------------------------------------------------------------------------
/backend/server/schema.py:
--------------------------------------------------------------------------------
1 | import graphene
2 | from graphene_sqlalchemy import SQLAlchemyObjectType, get_query
3 | from . import models
4 | from graphene import NonNull, Float, String, ID, Boolean
5 |
6 |
7 | class Todo(SQLAlchemyObjectType):
8 | class Meta:
9 | model = models.Todo
10 | exclude_fields = ("project_id", )
11 |
12 | project = NonNull(lambda: Project)
13 |
14 | @staticmethod
15 | def get_or_raise(id):
16 | todo = models.Todo.query.get(id)
17 | if todo is None:
18 | raise Exception("No Todo with id %s" % id)
19 | return todo
20 |
21 |
22 | class Project(SQLAlchemyObjectType):
23 | class Meta:
24 | model = models.Project
25 |
26 | finished = NonNull(Boolean)
27 | todos = NonNull(graphene.List(NonNull(Todo)))
28 |
29 | def resolve_finished(self, info):
30 | return all(todo.finished for todo in self.todos)
31 |
32 | @staticmethod
33 | def get_or_raise(id):
34 | project = models.Project.query.get(id)
35 | if project is None:
36 | raise Exception("No Project with id %s" % id)
37 | return project
38 |
39 |
40 | class Query(graphene.ObjectType):
41 | hello_world = graphene.String()
42 |
43 | def resolve_hello_world(self, info):
44 | return "Hello World!"
45 |
46 | projects = NonNull(graphene.List(NonNull(Project)))
47 |
48 | def resolve_projects(self, info):
49 | return Project.get_query(info)
50 |
51 | project = graphene.Field(Project, id=NonNull(graphene.ID))
52 |
53 | def resolve_project(self, info, id):
54 | return Project.get_or_raise(id)
55 |
56 |
57 | class AddProject(graphene.Mutation):
58 | class Arguments:
59 | name = NonNull(String)
60 |
61 | ok = NonNull(graphene.Boolean)
62 | project = graphene.Field(Project)
63 |
64 | def mutate(self, info, name):
65 | project = models.Project(name=name)
66 | models.db_session.add(project)
67 | models.db_session.commit()
68 | return AddProject(ok=True, project=project)
69 |
70 |
71 | class DeleteProject(graphene.Mutation):
72 | class Arguments:
73 | id = NonNull(ID)
74 |
75 | ok = NonNull(Boolean)
76 | project = graphene.Field(Project)
77 |
78 | def mutate(self, info, id):
79 | project_to_delete = Project.get_or_raise(id)
80 | models.db_session.delete(project_to_delete)
81 | models.db_session.commit()
82 | return DeleteProject(ok=True, project=project_to_delete)
83 |
84 |
85 | class AddTodo(graphene.Mutation):
86 | class Arguments:
87 | project_id = NonNull(ID)
88 | todo_name = NonNull(String)
89 |
90 | ok = NonNull(Boolean)
91 | todo = graphene.Field(Todo)
92 |
93 | def mutate(self, info, project_id, todo_name):
94 | project = Project.get_or_raise(project_id)
95 | todo = models.Todo(name=todo_name, finished=False)
96 | project.todos.append(todo)
97 | models.db_session.commit()
98 | return AddTodo(ok=True, todo=todo)
99 |
100 |
101 | class ToggleTodo(graphene.Mutation):
102 | class Arguments:
103 | id = NonNull(ID)
104 |
105 | ok = NonNull(Boolean)
106 | todo = graphene.Field(Todo)
107 |
108 | def mutate(self, info, id):
109 | todo = Todo.get_or_raise(id)
110 | todo.finished = not(todo.finished)
111 | models.db_session.commit()
112 | return ToggleTodo(ok=True, todo=todo)
113 |
114 |
115 | class DeleteTodo(graphene.Mutation):
116 | class Arguments:
117 | id = NonNull(ID)
118 |
119 | ok = NonNull(Boolean)
120 | todo = graphene.Field(Todo)
121 |
122 | def mutate(self, info, id):
123 | todo_to_delete = Todo.get_or_raise(id)
124 | models.db_session.delete(todo_to_delete)
125 | models.db_session.commit()
126 | return DeleteTodo(ok=True, todo=todo_to_delete)
127 |
128 |
129 | class Mutation(graphene.ObjectType):
130 | add_project = AddProject.Field(required=True)
131 | delete_project = DeleteProject.Field(required=True)
132 | add_todo = AddTodo.Field(required=True)
133 | toggle_todo = ToggleTodo.Field(required=True)
134 | delete_todo = DeleteTodo.Field(required=True)
135 |
136 |
137 | schema = graphene.Schema(query=Query, mutation=Mutation)
138 |
--------------------------------------------------------------------------------
/backend/start_development_server.sh:
--------------------------------------------------------------------------------
1 | #!/bin/sh
2 |
3 | export FLASK_APP=./app.py
4 | export FLASK_DEBUG=1
5 | export FLASK_ENV=development
6 | export APP_CONFIG_FILE=./dev_config.py
7 | source $(pipenv --venv)/bin/activate
8 | flask run -h 0.0.0.0
9 |
--------------------------------------------------------------------------------
/frontend/README.md:
--------------------------------------------------------------------------------
1 | # desktop
2 |
3 | ## Run Project
4 |
5 | ```sh
6 | npm install
7 | npm start
8 | # in another tab
9 | npm run webpack
10 | ```
11 |
12 | After you see the webpack compilation succeed (the `npm run webpack` step), open up `src/index.html` (**no server needed!**). Then modify whichever `.re` file in `src` and refresh the page to see the changes.
13 |
14 | **For more elaborate ReasonReact examples**, please see https://github.com/reasonml-community/reason-react-example
15 |
16 | ## Build for Production
17 |
18 | ```sh
19 | npm run build
20 | npm run webpack:production
21 | ```
22 |
23 | This will replace the development artifact `build/Index.js` for an optimized version.
24 |
25 | **To enable dead code elimination**, change `bsconfig.json`'s `package-specs` `module` from `"commonjs"` to `"es6"`. Then re-run the above 2 commands. This will allow Webpack to remove unused code.
26 |
--------------------------------------------------------------------------------
/frontend/bsconfig.json:
--------------------------------------------------------------------------------
1 | /* This is the BuckleScript configuration file. Note that this is a comment;
2 | BuckleScript comes with a JSON parser that supports comments and trailing
3 | comma. If this screws with your editor highlighting, please tell us by filing
4 | an issue! */
5 | {
6 | "name": "frontend",
7 | "reason": {
8 | "react-jsx": 2
9 | },
10 | "sources": {
11 | "dir": "src",
12 | "subdirs": true
13 | },
14 | "package-specs": [
15 | {
16 | "module": "commonjs"
17 | }
18 | ],
19 | "suffix": ".bs.js",
20 | "namespace": true,
21 | "bs-dependencies": ["reason-react", "reason-apollo"],
22 | "ppx-flags": ["graphql_ppx/ppx"],
23 | "refmt": 3
24 | }
25 |
--------------------------------------------------------------------------------
/frontend/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "frontend",
3 | "version": "0.1.0",
4 | "scripts": {
5 | "reason:build": "bsb -make-world",
6 | "reason:dev": "bsb -make-world -w",
7 | "reason:clean": "bsb -clean-world",
8 | "webpack:dev": "webpack-dev-server",
9 | "webpack:build": "NODE_ENV=production webpack",
10 | "test": "echo \"Error: no test specified\" && exit 1",
11 | "fmt": "refmt --in-place **/*.re"
12 | },
13 | "author": "Mikkel Birkegaard Andersen (mbirkegaard)",
14 | "dependencies": {
15 | "apollo-cache-inmemory": "^1.2.10",
16 | "apollo-client": "^2.4.2",
17 | "apollo-link": "^1.2.3",
18 | "apollo-link-context": "^1.0.9",
19 | "apollo-link-error": "^1.1.1",
20 | "apollo-link-http": "^1.5.5",
21 | "apollo-link-ws": "^1.0.9",
22 | "auth0-js": "^9.7.3",
23 | "bs-decode": "^0.2.0",
24 | "bs-webapi": "^0.12.2",
25 | "graphql": "^14.0.2",
26 | "graphql-tag": "^2.9.2",
27 | "react": "^16.2.0",
28 | "react-apollo": "^2.1.11",
29 | "react-dom": "^16.2.0",
30 | "reason-apollo": "^0.15.2",
31 | "reason-react": ">=0.4.0",
32 | "subscriptions-transport-ws": "^0.9.15"
33 | },
34 | "devDependencies": {
35 | "bs-platform": "^4.0.5",
36 | "graphql_ppx": "^0.2.7",
37 | "webpack": "^4.29.0",
38 | "webpack-cli": "^3.2.1",
39 | "webpack-dev-server": "^3.1.9"
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/frontend/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Brutalist Todo
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/frontend/src/Action.re:
--------------------------------------------------------------------------------
1 | type action =
2 | | Authorize
3 | | LoadSessionFromStorage
4 | | HandleLoginCallback(ReasonReact.Router.url)
5 | | HandleSessionResult(Belt.Result.t(Auth0.session, string))
6 | | GetUserInfo(Auth0.session)
7 | | SetUser(State.user)
8 | | Logout
9 | | ChangeRoute(Route.t);
10 |
11 | let string_of_action = action =>
12 | switch (action) {
13 | | Authorize => "Authorize"
14 | | LoadSessionFromStorage => "LoadSessionFromStorage"
15 | | HandleLoginCallback(_) => "HandleLoginCallback"
16 | | HandleSessionResult(_) => "HandleSessionResult"
17 | | GetUserInfo(_) => "GetUserInfo"
18 | | SetUser(_) => "SetUser"
19 | | Logout => "Logout"
20 | | ChangeRoute(route) => "ChangeRoute " ++ Route.toString(route)
21 | };
22 |
--------------------------------------------------------------------------------
/frontend/src/ApolloClient.re:
--------------------------------------------------------------------------------
1 | let inMemoryCache = ApolloInMemoryCache.createInMemoryCache();
2 |
3 | let httpLink = ApolloLinks.createHttpLink(~uri=Config.activeConfig.api, ());
4 |
5 | let authLink =
6 | ApolloLinks.createContextLink(() => {
7 | let authorization =
8 | switch (Dom.Storage.(getItem("accessToken", localStorage))) {
9 | | Some(accessToken) => {j|Bearer $accessToken|j}
10 | | None => ""
11 | };
12 |
13 | {"authorization": authorization};
14 | });
15 |
16 | let instance =
17 | ReasonApollo.createApolloClient(
18 | ~link=ApolloLinks.from([|authLink, httpLink|]),
19 | ~cache=inMemoryCache,
20 | (),
21 | );
22 |
--------------------------------------------------------------------------------
/frontend/src/App.re:
--------------------------------------------------------------------------------
1 | open State;
2 | open Action;
3 |
4 | let component = ReasonReact.reducerComponent("App");
5 |
6 | let make = _children => {
7 | ...component,
8 | initialState: () => {route: Home, user: None},
9 | reducer: (action, state) =>
10 | switch (action) {
11 | | Authorize =>
12 | ReasonReact.SideEffects(
13 | (
14 | _ => {
15 | /* Store to send the user back to where they came from after authorizing */
16 | Dom.Storage.(
17 | setItem("redirectPath", Location.path, sessionStorage)
18 | );
19 | Auth0.client##authorize();
20 | }
21 | ),
22 | )
23 | | HandleLoginCallback(url) =>
24 | ReasonReact.SideEffects(
25 | (
26 | self =>
27 | Auth0.parseHash(url, parseResult =>
28 | HandleSessionResult(parseResult) |> self.send
29 | )
30 | ),
31 | )
32 | | LoadSessionFromStorage =>
33 | ReasonReact.SideEffects(
34 | (
35 | self =>
36 | switch (Auth0.getSession()) {
37 | | Some(session) => HandleSessionResult(Ok(session)) |> self.send
38 | | None => ()
39 | }
40 | ),
41 | )
42 | | HandleSessionResult(sessionResult) =>
43 | switch (sessionResult) {
44 | | Ok(session) =>
45 | ReasonReact.SideEffects(
46 | (
47 | self => {
48 | Auth0.setSession(session);
49 | GetUserInfo(session) |> self.send;
50 | }
51 | ),
52 | )
53 | | Error(err) =>
54 | ReasonReact.SideEffects(
55 | (_ => Js.log2("HandleSessionResult error: ", err)),
56 | )
57 | }
58 | | GetUserInfo(session) =>
59 | ReasonReact.SideEffects(
60 | (
61 | self =>
62 | Auth0.userInfo(session.accessToken, result =>
63 | switch (result) {
64 | | Ok(userInfoResult) =>
65 | SetUser({session, username: userInfoResult##name})
66 | |> self.send
67 | | Error(err) => Js.log2("GetUserInfo error:", err)
68 | }
69 | )
70 | ),
71 | )
72 | | SetUser(user) =>
73 | let redirectPath =
74 | switch (Dom.Storage.(getItem("redirectPath", sessionStorage))) {
75 | | Some(redirectPath) =>
76 | Dom.Storage.(removeItem("redirectPath", sessionStorage));
77 | redirectPath;
78 | | None => ""
79 | };
80 | ReasonReact.UpdateWithSideEffects(
81 | {...state, user: Some(user)},
82 | (_ => ReasonReact.Router.push(redirectPath)),
83 | );
84 | | Logout =>
85 | ReasonReact.UpdateWithSideEffects(
86 | {...state, user: None},
87 | (_ => Auth0.clearSession()),
88 | )
89 | | ChangeRoute(route) => ReasonReact.Update({...state, route})
90 | },
91 | didMount: self => {
92 | let watcherId =
93 | ReasonReact.Router.watchUrl(url => {
94 | let action =
95 | switch (url.path) {
96 | | ["callback"] => HandleLoginCallback(url)
97 | | _ => ChangeRoute(Route.fromUrl(url))
98 | };
99 | action |> self.send;
100 | });
101 | self.onUnmount(() => ReasonReact.Router.unwatchUrl(watcherId));
102 |
103 | let url = ReasonReact.Router.dangerouslyGetInitialUrl();
104 | if (url.path == ["callback"]) {
105 | HandleLoginCallback(url) |> self.send;
106 | } else {
107 | LoadSessionFromStorage |> self.send;
108 | };
109 | },
110 | render: self => {
111 | let {user, route} = self.state;
112 |
113 |
114 |
115 | {
116 | switch (user) {
117 | | Some(_) =>
118 | switch (route) {
119 | | Home =>
120 | | Projects(id) =>
121 | | NotFound =>
{ReasonReact.string("404")}
122 | }
123 | | _ => ReasonReact.null
124 | }
125 | }
126 |
37 | ReactEvent.Form.target(evt)##value->UpdateText |> self.send
43 | }
44 | onKeyDown={
45 | evt =>
46 | ReactEvent.Keyboard.key(evt) == "Enter" ? handleMutation() : ()
47 | }
48 | />
49 |
53 | {
54 | switch (result) {
55 | | Error(e) => e##message |> ReasonReact.string
56 | | _ => ReasonReact.null
57 | }
58 | }
59 |
;
60 | },
61 | };
62 |
--------------------------------------------------------------------------------
/frontend/src/NavBar.re:
--------------------------------------------------------------------------------
1 | let component = ReasonReact.statelessComponent("NavBar");
2 |
3 | let make = (~user, ~dispatch, _children) => {
4 | ...component,
5 | render: _self =>
6 |
10 | {
11 | switch (user) {
12 | | Some(user) =>
13 | open State;
14 | let username = user.username;
15 |
16 | {ReasonReact.string({j|Welcome $username|j})}
17 |
20 |
;
21 | | _ =>
22 |
25 | }
26 | }
27 |
32 |
33 |
{ReasonReact.string(project##name)}
34 |
35 |
36 |
49 |
50 | ...{
51 | ({result}) =>
52 | switch (result) {
53 | | Loading => {ReasonReact.string("Loading")}
54 | | Error(error) =>
55 | {ReasonReact.string(error##message)}
56 | | Data(response) =>
57 |
58 | ...{
59 | Array.map(
60 | project =>
61 |
,
62 | response##projects,
63 | )
64 | }
65 |
69 |
37 |
38 | ...{
39 | ({result}) =>
40 | switch (result) {
41 | | Loading => {ReasonReact.string("Loading...")}
42 | | Error(error) =>
43 | {ReasonReact.string(error##message)}
44 | | Data(response) =>
45 | switch (response##project) {
46 | | None =>
47 | {{j|Project with id=$id wasn't found|j} |> str}
48 | | Some(project) =>
49 | let name = project##name;
50 | let status = project##finished ? "done" : "not done";
51 |
52 |
{{j|$name - $status|j} |> str}
53 |
54 | ...{
55 | Array.map(
56 | todo => -
,
57 | project##todos,
58 | )
59 | }
60 |
61 |
62 |
67 |
{ReasonReact.string("Back")}
68 |
55 |
56 | {
57 | todo##name
58 | ++ " - "
59 | ++ (todo##finished ? "done" : "not done")
60 | |> string
61 | }
62 |
63 |
64 |
65 |