6 |
8 | );
9 |
10 | export default Loading;
11 |
--------------------------------------------------------------------------------
/dev-jokes/src/components/privateRoute.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Route } from "react-router-dom";
3 | import { withAuthenticationRequired } from "@auth0/auth0-react";
4 | import Loading from "./loading";
5 |
6 | const PrivateRoute = ({ component, ...args }) => (
7 |
30 |
33 | todos
31 |
8 | X-Auth-Token: {" "}
9 |
10 |
11 |
12 |
13 | 
14 |
15 |
;
16 | }
17 |
18 | export default AuthToken;
19 |
--------------------------------------------------------------------------------
/todo-app-react/src/NavBar.css:
--------------------------------------------------------------------------------
1 | .navbar ul {
2 | list-style-type: none;
3 | margin: 0;
4 | padding: 0;
5 | height: 47px;
6 | }
7 | .navbar li {
8 | display: inline;
9 | float: left;
10 | }
11 | .navbar li:first-child {
12 | margin-right: 10px;
13 | }
14 | .navbar li a {
15 | display: block;
16 | color: white;
17 | background-color: #b83f45;
18 | text-align: center;
19 | padding: 14px 16px;
20 | font-size: large;
21 | font-weight: bold;
22 | text-decoration: none;
23 | }
24 | /* Change the link color to #111 (black) on hover */
25 | .navbar li a:hover {
26 | background-color: silver;
27 | color: white;
28 | }
29 |
--------------------------------------------------------------------------------
/todo-app-react/src/PrivateRoute.js:
--------------------------------------------------------------------------------
1 | import React, { useEffect } from "react";
2 | import { Route } from "react-router-dom";
3 | import { useAuth0 } from "./react-auth0-spa";
4 |
5 | const PrivateRoute = ({ component: Component, path, ...rest }) => {
6 | const { loading, isAuthenticated, loginWithRedirect } = useAuth0();
7 |
8 | useEffect(() => {
9 | if (loading || isAuthenticated) {
10 | return;
11 | }
12 | const fn = async () => {
13 | await loginWithRedirect({
14 | appState: {targetUrl: window.location.pathname}
15 | });
16 | };
17 | fn();
18 | }, [loading, isAuthenticated, loginWithRedirect, path]);
19 |
20 | const render = props =>
21 | isAuthenticated === true ?
14 | Loading...
;
10 | }
11 |
12 | return (
13 |
14 | 
15 |
18 | );
19 | };
20 |
21 | export default Profile;
22 |
--------------------------------------------------------------------------------
/todo-app-react/src/QueryHistory.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { observer } from "mobx-react-lite";
3 | import QueryStore from './QueryStore';
4 | import './App.css';
5 |
6 | const QueryHistory = () => {
7 | return Name: {user.nickname}
16 |Email: {user.email}
17 |{QueryStore.query}
8 | }
9 |
10 | export default observer(QueryHistory);
--------------------------------------------------------------------------------
/todo-app-react/src/QueryStore.jsx:
--------------------------------------------------------------------------------
1 | import { decorate, observable, action } from "mobx";
2 |
3 | class QueryStore {
4 | query = ""
5 |
6 | setQuery(query) {
7 | this.query = query;
8 | }
9 | }
10 |
11 | decorate(QueryStore, {
12 | query: observable,
13 | setQuery: action,
14 | });
15 |
16 | export default new QueryStore();
--------------------------------------------------------------------------------
/todo-app-react/src/Utils.js:
--------------------------------------------------------------------------------
1 | export default {
2 | pluralize: (count, word) => {
3 | return count === 1 ? word : word + 's';
4 | }
5 | }
6 |
--------------------------------------------------------------------------------
/todo-app-react/src/config.json:
--------------------------------------------------------------------------------
1 | {
2 | "domain": "dev-nus7dz9x.auth0.com",
3 | "clientId": "Q1nC2kLsN6KQTX1UPdiBS6AhXRx9KwKl"
4 | }
5 |
--------------------------------------------------------------------------------
/todo-app-react/src/defs.js:
--------------------------------------------------------------------------------
1 | export default {
2 | ALL_TODOS: 'all',
3 | ACTIVE_TODOS: 'active',
4 | COMPLETED_TODOS: 'completed',
5 | }
6 |
--------------------------------------------------------------------------------
/todo-app-react/src/history.js:
--------------------------------------------------------------------------------
1 | import { createBrowserHistory } from "history";
2 |
3 | export default createBrowserHistory();
4 |
--------------------------------------------------------------------------------
/todo-app-react/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import 'todomvc-app-css/index.css'
4 |
5 | import { Auth0Provider } from "./react-auth0-spa";
6 | import config from "./config.json";
7 | import history from "./history";
8 |
9 | /* A function that routes the user to the right place after login */
10 | const onRedirectCallback = appState => {
11 | history.push(
12 | appState && appState.targetUrl
13 | ? appState.targetUrl
14 | : window.location.pathname
15 | );
16 | };
17 |
18 | ReactDOM.render(
19 |
3 | 
4 |
6 |
7 |
8 |
18 |
19 |
29 |
--------------------------------------------------------------------------------
/todo-app/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dgraph-io/graphql-sample-apps/527715638ab14310efdea23ca79a3c36df08f288/todo-app/src/assets/logo.png
--------------------------------------------------------------------------------
/todo-app/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 | import App from "./App.vue";
3 | import VueApollo from "vue-apollo";
4 |
5 | import ApolloClient from "apollo-boost";
6 | import { InMemoryCache } from "apollo-boost";
7 |
8 | Vue.use(VueApollo);
9 |
10 | Vue.config.productionTip = false;
11 |
12 | const client = new ApolloClient({
13 | uri: "http://localhost:8080/graphql",
14 | cache: new InMemoryCache(),
15 | });
16 |
17 | const apolloProvider = new VueApollo({
18 | defaultClient: client,
19 | });
20 |
21 | new Vue({
22 | apolloProvider,
23 | render: (h) => h(App),
24 | }).$mount("#app");
25 |
--------------------------------------------------------------------------------
/todo-app/todo-app-flutter/.metadata:
--------------------------------------------------------------------------------
1 | # This file tracks properties of this Flutter project.
2 | # Used by Flutter tool to assess capabilities and perform upgrades etc.
3 | #
4 | # This file should be version controlled and should not be manually edited.
5 |
6 | version:
7 | revision: f139b11009aeb8ed2a3a3aa8b0066e482709dde3
8 | channel: stable
9 |
10 | project_type: app
11 |
--------------------------------------------------------------------------------
/todo-app/todo-app-flutter/android/.gitignore:
--------------------------------------------------------------------------------
1 | gradle-wrapper.jar
2 | /.gradle
3 | /captures/
4 | /gradlew
5 | /gradlew.bat
6 | /local.properties
7 | GeneratedPluginRegistrant.java
8 |
--------------------------------------------------------------------------------
/todo-app/todo-app-flutter/android/app/src/debug/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
4 | Loading...
13 | }
14 |
15 | return (
16 |
17 |
35 | );
36 | };
37 |
38 | export default NavBar;
--------------------------------------------------------------------------------
/todo-react-firebase/src/PrivateRoute.js:
--------------------------------------------------------------------------------
1 | import React, { useContext } from "react";
2 | import { Route, Redirect } from "react-router-dom";
3 | import { AuthContext } from "./Auth";
4 |
5 | const PrivateRoute = ({ component: RouteComponent, ...rest }) => {
6 | const {currentUser} = useContext(AuthContext);
7 | return (
8 | -
18 | {currentUser && (
19 |
20 |
- 21 | Home 22 | 23 |
- 24 | Profile 25 | 26 |
- 27 | app.auth().signOut()}> 28 | Log out 29 | 30 | 31 | 32 | )} 33 |
{currentUser.email}
;
10 | }
11 |
12 | return (
13 |
14 | 
15 |
18 | );
19 | };
20 |
21 | export default Profile;
--------------------------------------------------------------------------------
/todo-react-firebase/src/SignUp.js:
--------------------------------------------------------------------------------
1 | import React, { useCallback } from "react";
2 | import { withRouter } from "react-router";
3 | import app from "./base";
4 |
5 | const SignUp = ({ history }) => {
6 | const handleSignUp = useCallback(async event => {
7 | event.preventDefault();
8 | const { email, password } = event.target.elements;
9 | try {
10 | await app
11 | .auth()
12 | .createUserWithEmailAndPassword(email.value, password.value);
13 | history.push("/");
14 | } catch (error) {
15 | alert(error);
16 | }
17 | }, [history]);
18 | return (
19 | Name: {currentUser.nickname}
16 |Email: {currentUser.email}
17 |
20 |
33 | );
34 | };
35 |
36 | export default withRouter(SignUp);
--------------------------------------------------------------------------------
/todo-react-firebase/src/Utils.js:
--------------------------------------------------------------------------------
1 | export default {
2 | pluralize: (count, word) => {
3 | return count === 1 ? word : word + 's';
4 | }
5 | }
6 |
--------------------------------------------------------------------------------
/todo-react-firebase/src/base.js:
--------------------------------------------------------------------------------
1 | import firebase from "firebase/app";
2 | import "firebase/auth";
3 | import config from "./config.json";
4 |
5 |
6 | const app = firebase.initializeApp({
7 | apiKey: config.apiKey,
8 | authDomain: config.authDomain,
9 | projectId: config.projectId,
10 | storageBucket: config.storageBucket,
11 | messagingSenderId: config.messagingSenderId,
12 | appId: config.appId
13 | });
14 |
15 |
16 | export default app;
17 |
--------------------------------------------------------------------------------
/todo-react-firebase/src/config.json:
--------------------------------------------------------------------------------
1 | {
2 | "apiKey": "your-firebase-apiKey",
3 | "authDomain": "your-firebase-authDomain",
4 | "projectId": "your-firebase-projectId",
5 | "storageBucket": "your-firebase-storageBucket",
6 | "messagingSenderId": "your-firebase-messagingSenderId",
7 | "appId": "your-firebase-appId",
8 | "graphqlUrl": "your-graphql-endpoint"
9 | }
10 |
--------------------------------------------------------------------------------
/todo-react-firebase/src/defs.js:
--------------------------------------------------------------------------------
1 | export default {
2 | ALL_TODOS: 'all',
3 | ACTIVE_TODOS: 'active',
4 | COMPLETED_TODOS: 'completed',
5 | }
6 |
--------------------------------------------------------------------------------
/todo-react-firebase/src/history.js:
--------------------------------------------------------------------------------
1 | import { createBrowserHistory } from "history";
2 |
3 | export default createBrowserHistory();
4 |
--------------------------------------------------------------------------------
/todo-react-firebase/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import 'todomvc-app-css/index.css'
4 |
5 | import {AuthProvider} from "./Auth";
6 |
7 | ReactDOM.render(
8 |