Framework for clientside api calls

Author: chen-robert

client/src/api/challenges.js

@@ -0,0 +1,8 @@
+import preactLocalStorage from 'preact-localstorage'
+
+export const getChallenges = () => {
+  const auth = preactLocalStorage.get('token', 'AUTH_TOKEN_HERE')
+  console.log(auth)
+
+  return []
+}

client/src/api/index.js

@@ -0,0 +1,13 @@
+import { route } from 'preact-router'
+import preactLocalStorage from 'preact-localstorage'
+
+const badToken = () => {
+  preactLocalStorage.get('token', 'AUTH_TOKEN_HERE')
+  route('/login')
+}
+
+export const request = (method, endpoint, data) => {
+  // fetch endpoint with HTTP method, data as body
+
+  badToken()
+}

client/src/api/login.js

@@ -0,0 +1,7 @@
+import preactLocalStorage from 'preact-localstorage'
+import { route } from 'preact-router'
+
+export const login = teamToken => {
+  preactLocalStorage.set('token', 'AUTH_TOKEN_HERE')
+  route('/challenges')
+}

package.json

@@ -39,6 +39,7 @@
     "nyc": "^15.0.0",
     "preact": "^10.3.1",
     "preact-cli": "^2.2.1",
+    "preact-localstorage": "^1.0.2",
     "preact-router": "^3.2.1",
     "promise-polyfill": "^8.1.3",
     "regenerator-runtime": "^0.13.3",

yarn.lock

@@ -6595,6 +6595,11 @@ preact-context@^1.1.3:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/preact-context/-/preact-context-1.1.4.tgz#866ebd35bef5788f73fc453f06f01b03ddf8f4ff"
 
+preact-localstorage@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/preact-localstorage/-/preact-localstorage-1.0.2.tgz#8f633dbec38e8b9222f86381275afc61b0fa3fe7"
+  integrity sha512-F490p/txuivO3BuFZhMYZxP14sbjqm7n5R5IeM5EP6WcO83JCVE8V1q3+Q9POlIW2y1Ql/dzXHJyDiNqKeMuqA==
+
 preact-render-to-string@^3.6.0, preact-render-to-string@^3.8.2:
   version "3.8.2"
   resolved "https://registry.yarnpkg.com/preact-render-to-string/-/preact-render-to-string-3.8.2.tgz#bd72964d705a57da3a9e72098acaa073dd3ceff9"