6 |
8 | );
9 |
10 | export default Loading;
11 |
--------------------------------------------------------------------------------
/pokedex/snippets/query-pokemon-by-type-and-by-captured.graphql:
--------------------------------------------------------------------------------
1 | query GetAllCapturedGrassPokemon {
2 | queryPokemon(filter: { captured: true, pokemonTypes: { eq: [Grass] } }) {
3 | id
4 | name
5 | captured
6 | imgUrl
7 | pokemonTypes
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/surveyo/auth0_snippets/add_user_rule.js:
--------------------------------------------------------------------------------
1 | function (user, context, callback) {
2 | const namespace = "https://dgraph.io/jwt/claims";
3 | context.idToken[namespace] =
4 | {
5 | 'USER': user.email,
6 | };
7 |
8 | return callback(null, user, context);
9 | }
--------------------------------------------------------------------------------
/donors-app/src/setupTests.ts:
--------------------------------------------------------------------------------
1 | // jest-dom adds custom jest matchers for asserting on DOM nodes.
2 | // allows you to do things like:
3 | // expect(element).toHaveTextContent(/react/i)
4 | // learn more: https://github.com/testing-library/jest-dom
5 | import '@testing-library/jest-dom';
6 |
--------------------------------------------------------------------------------
/charting/src/setupTests.js:
--------------------------------------------------------------------------------
1 | // jest-dom adds custom jest matchers for asserting on DOM nodes.
2 | // allows you to do things like:
3 | // expect(element).toHaveTextContent(/react/i)
4 | // learn more: https://github.com/testing-library/jest-dom
5 | import '@testing-library/jest-dom/extend-expect';
6 |
--------------------------------------------------------------------------------
/pokedex/src/setupTests.js:
--------------------------------------------------------------------------------
1 | // jest-dom adds custom jest matchers for asserting on DOM nodes.
2 | // allows you to do things like:
3 | // expect(element).toHaveTextContent(/react/i)
4 | // learn more: https://github.com/testing-library/jest-dom
5 | import '@testing-library/jest-dom/extend-expect'
6 |
--------------------------------------------------------------------------------
/surveyo/src/setupTests.ts:
--------------------------------------------------------------------------------
1 | // jest-dom adds custom jest matchers for asserting on DOM nodes.
2 | // allows you to do things like:
3 | // expect(element).toHaveTextContent(/react/i)
4 | // learn more: https://github.com/testing-library/jest-dom
5 | import '@testing-library/jest-dom/extend-expect';
6 |
--------------------------------------------------------------------------------
/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 | {QueryStore.query}
8 | }
9 |
10 | export default observer(QueryHistory);
--------------------------------------------------------------------------------
/todo-app/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | /dist
4 |
5 | # local env files
6 | .env.local
7 | .env.*.local
8 |
9 | # Log files
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 |
14 | # Editor directories and files
15 | .idea
16 | .vscode
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 | *.sw?
22 |
--------------------------------------------------------------------------------
/blog-post-app/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | /dist
4 |
5 | # local env files
6 | .env.local
7 | .env.*.local
8 |
9 | # Log files
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 |
14 | # Editor directories and files
15 | .idea
16 | .vscode
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 | *.sw?
22 |
--------------------------------------------------------------------------------
/donors-app/src/App.test.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { render, screen } from '@testing-library/react';
3 | import App from './App';
4 |
5 | test('renders learn react link', () => {
6 | render(
3 |
8 |
9 |
10 |
20 |
--------------------------------------------------------------------------------
/bin/bd.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash -e
2 |
3 | if [ -z "$PROJECT" -o -z "$REACT_APP_GRAPHQL_ENDPOINT" ]; then
4 | echo "PROJECT=project REACT_APP_GRAPHQL_ENDPOINT=http://foo/graphql Usage $0"
5 | exit -1
6 | fi
7 |
8 | if [ "$PROJECT" == "noop" ]; then
9 | echo "Nothing to do"
10 | exit 0
11 | fi
12 |
13 | cd $PROJECT
14 | npm install
15 | NODE_ENV=production npm run build
16 |
--------------------------------------------------------------------------------
/instaclone/src/Components/AuthButtons.js:
--------------------------------------------------------------------------------
1 | import LogInButton from "./LogInButton";
2 | import LogOutButton from "./LogOutButton";
3 | import { useAuth0 } from "@auth0/auth0-react";
4 |
5 | const AuthButton = () => {
6 | const { isAuthenticated } = useAuth0();
7 |
8 | return isAuthenticated ?
5 |
7 |
3 |
8 |
9 |
10 |
20 |
--------------------------------------------------------------------------------
/dev-jokes/src/pages/not-found.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import {Typography} from '@material-ui/core';
3 | import Content from '../components/content';
4 |
5 | const NotFound = () => {
6 | return <>
7 |
5 |
7 | Loading...
;
10 | }
11 |
12 | return (
13 |
14 | 
15 |
18 | );
19 | };
20 |
21 | export default Profile;
22 |
--------------------------------------------------------------------------------
/todo-react-firebase/functions/index.js:
--------------------------------------------------------------------------------
1 | const functions = require('firebase-functions');
2 | const admin = require('firebase-admin');
3 | admin.initializeApp();
4 |
5 | exports.addUserClaim = functions.https.onCall((data, context) => {
6 | return admin.auth().getUserByEmail(data.email).then(user=>{
7 | return admin.auth().setCustomUserClaims(user.uid, {
8 | "https://dgraph.io/jwt/claims":{
9 | "USER": data.email,
10 | "isAuthenticated" : "true"
11 | }
12 | });
13 | }).then(() => {
14 | return {
15 | message: `Success!`
16 | }
17 | }).catch(err => {
18 | return err
19 | })
20 | })
21 |
--------------------------------------------------------------------------------
/dgraph-lambda/schema.graphql:
--------------------------------------------------------------------------------
1 | type Player {
2 | id: ID!
3 | name: String! @search(by: [fulltext])
4 | position: String! @search
5 | pace: Int!
6 | shooting: Int!
7 | passing: Int!
8 | dribbling: Int!
9 | defending: Int!
10 | physical: Int!
11 | overall: Int @lambda
12 | club: String
13 | country: String
14 | }
15 |
16 | type Transfer {
17 | id: ID!
18 | player: String!
19 | currentclub: String!
20 | }
21 |
22 | type Query {
23 | topForwardPlayers: [Player] @lambda
24 | }
25 |
26 | type Mutation {
27 | sendTransferRequest(player: String!, currentclub: String!): ID! @lambda
28 | }
29 |
--------------------------------------------------------------------------------
/surveyo/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "lib": [
5 | "dom",
6 | "dom.iterable",
7 | "esnext"
8 | ],
9 | "allowJs": true,
10 | "skipLibCheck": true,
11 | "esModuleInterop": true,
12 | "allowSyntheticDefaultImports": true,
13 | "strict": true,
14 | "forceConsistentCasingInFileNames": true,
15 | "module": "esnext",
16 | "moduleResolution": "node",
17 | "resolveJsonModule": true,
18 | "isolatedModules": true,
19 | "noEmit": true,
20 | "jsx": "react"
21 | },
22 | "include": [
23 | "src"
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/dev-jokes/src/components/auth/loginButton.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { useAuth0 } from "@auth0/auth0-react";
3 |
4 | import Button from '@material-ui/core/Button';
5 | import VpnKeyIcon from '@material-ui/icons/VpnKey';
6 |
7 | const LoginButton = () => {
8 | const { loginWithRedirect } = useAuth0();
9 | return (
10 |
19 | );
20 | };
21 |
22 | export default LoginButton;
--------------------------------------------------------------------------------
/stackoverflow-app/apollo-dgraph/src/dgraph/index.ts:
--------------------------------------------------------------------------------
1 | import {
2 | makeRemoteExecutableSchema,
3 | introspectSchema
4 | } from 'graphql-tools';
5 | import { HttpLink } from 'apollo-link-http';
6 | import { fetch } from 'cross-fetch'
7 |
8 | const link = new HttpLink({
9 | uri: 'http://localhost:8080/graphql',
10 | fetch
11 | });
12 |
13 | export const getDgSchema = async () => {
14 | const schema = await introspectSchema(link);
15 |
16 | const executableSchema = makeRemoteExecutableSchema({
17 | schema,
18 | link,
19 | });
20 |
21 | return executableSchema
22 | }
23 |
--------------------------------------------------------------------------------
/charting/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/charting/src/components/ugly-button.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { makeStyles } from '@material-ui/core/styles';
3 | import { Button } from '@material-ui/core';
4 |
5 | const useStyles = makeStyles(theme => ({
6 | root: {
7 | margin: "4px 12px",
8 | backgroundColor: theme.palette.primary.main,
9 | color: "white",
10 | '&:hover': {
11 | backgroundColor: theme.palette.secondary.main,
12 | }
13 | }
14 | }))
15 |
16 | export default function UglyButton(props) {
17 | const { root } = useStyles();
18 | return
19 | }
20 |
--------------------------------------------------------------------------------
/chat-app-react/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/dev-jokes/src/components/auth/logoutButton.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { useAuth0 } from "@auth0/auth0-react";
3 |
4 | import Button from '@material-ui/core/Button';
5 | import ExitToAppIcon from '@material-ui/icons/ExitToApp';
6 |
7 | const LogoutButton = () => {
8 | const { logout } = useAuth0();
9 | return (
10 |
18 | );
19 | };
20 |
21 | export default LogoutButton;
--------------------------------------------------------------------------------
/donors-app/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/instaclone/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/instaclone/src/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import ReactDOM from "react-dom";
3 | import { Auth0Provider } from "@auth0/auth0-react";
4 | import ApolloWrapper from './Components/ApolloWrapper';
5 |
6 | const domain = process.env.REACT_APP_AUTH0_DOMAIN;
7 | const clientId = process.env.REACT_APP_AUTH0_CLIENT_ID;
8 |
9 | ReactDOM.render(
10 | Name: {user.nickname}
16 |Email: {user.email}
17 |
3 | 
4 |
6 |
7 |
8 |
18 |
19 |
29 |
--------------------------------------------------------------------------------
/charting/src/components/formField.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Grid } from "@material-ui/core";
3 | import TextField from "@material-ui/core/TextField";
4 |
5 | const FormField = ({ type, label, name, required, defaultValue }) => {
6 | return (
7 |
4 |
8 | X-Auth-Token: {" "}
9 |
10 |
11 |
12 |
13 | 
14 |
15 |
;
16 | }
17 |
18 | export default AuthToken;
19 |
--------------------------------------------------------------------------------
/stackoverflow-app/v1-frontend/src/components/Question.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { useHistory } from "react-router-dom"
3 | import { Card } from 'semantic-ui-react'
4 |
5 | export default function Question({ question }) {
6 | const history = useHistory();
7 | const viewQuestion = (questionID) => {
8 | history.push({
9 | pathname: '/view',
10 | search: `?questionID=${questionID}`
11 | })
12 | }
13 | return (
14 |
14 | {currentUser.email}
;
10 | }
11 |
12 | return (
13 |
14 | 
15 |
18 | );
19 | };
20 |
21 | export default Profile;
--------------------------------------------------------------------------------
/donors-app/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "lib": [
5 | "dom",
6 | "dom.iterable",
7 | "esnext"
8 | ],
9 | "allowJs": true,
10 | "skipLibCheck": true,
11 | "esModuleInterop": true,
12 | "allowSyntheticDefaultImports": true,
13 | "strict": true,
14 | "forceConsistentCasingInFileNames": true,
15 | "noFallthroughCasesInSwitch": true,
16 | "module": "esnext",
17 | "moduleResolution": "node",
18 | "resolveJsonModule": true,
19 | "isolatedModules": true,
20 | "noEmit": true,
21 | "jsx": "react-jsx"
22 | },
23 | "include": [
24 | "src"
25 | ]
26 | }
27 |
--------------------------------------------------------------------------------
/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-react-firebase/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 | }
--------------------------------------------------------------------------------
/charting/src/components/search.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-use-before-define */
2 | import React from 'react';
3 | import TextField from '@material-ui/core/TextField';
4 | import Autocomplete from '@material-ui/lab/Autocomplete';
5 |
6 | export function Search({ data, label, onChange }) {
7 | return (
8 | Name: {currentUser.nickname}
16 |Email: {currentUser.email}
17 |
9 | option.name)}
14 | renderInput={(params) => (
15 |
19 | );
20 | }
--------------------------------------------------------------------------------
/todo-app/todo-app-vue/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 | import App from "./TodoApp.vue";
3 | import VueApollo from "vue-apollo";
4 | import "todomvc-app-css/index.css";
5 |
6 | import ApolloClient from "apollo-boost";
7 | import { InMemoryCache } from "apollo-boost";
8 |
9 | Vue.use(VueApollo);
10 |
11 | Vue.config.productionTip = false;
12 |
13 | const client = new ApolloClient({
14 | uri: "http://localhost:8080/graphql",
15 | cache: new InMemoryCache(),
16 | });
17 |
18 | const apolloProvider = new VueApollo({
19 | defaultClient: client,
20 | });
21 |
22 | var app = new Vue({
23 | apolloProvider,
24 | render: (h) => h(App),
25 | })
26 |
27 | app.$mount("#app");
28 |
--------------------------------------------------------------------------------
/dev-jokes/src/utils/auth0-provider-with-history.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Auth0Provider } from "@auth0/auth0-react";
3 | import config from "../config"
4 |
5 | const Auth0ProviderWithHistory = ({ children }) => {
6 | const domain = process.env.REACT_APP_AUTH0_DOMAIN || config["REACT_APP_AUTH0_DOMAIN"];
7 | const clientId = process.env.REACT_APP_AUTH0_CLIENT_ID || config["REACT_APP_AUTH0_CLIENT_ID"];
8 |
9 | return (
10 |
14 |
21 | );
22 | }
23 |
--------------------------------------------------------------------------------
/surveyo/src/Charts/Chart.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {GetChartData_getForm_fields} from './__generated__/GetChartData';
3 | import NetPromoterScore from './NetPromoterScore';
4 | import Rating from './Rating';
5 | import SingleChoice from './SingleChoice';
6 | import Text from './Text';
7 |
8 | export default function Chart(props: GetChartData_getForm_fields) {
9 | switch (props.type) {
10 | case 'NetPromoterScore':
11 | return viewPost(post.postID)}>
15 |
20 | Title: {post.title}
16 |17 | by {post.author.name} 18 |
19 |
13 |
16 |
21 |
22 | );
23 | }
24 |
--------------------------------------------------------------------------------
/chat-app-react/src/Query.js:
--------------------------------------------------------------------------------
1 | import { gql } from "@apollo/client";
2 |
3 | /* GraphQL Schema used for reference
4 | type Message @withSubscription {
5 | id: ID!
6 | name: String!
7 | text: String!
8 | time: DateTime!
9 | }
10 | */
11 |
12 | const SUBSCRIPTION_QUERY = gql`
13 | subscription {
14 | queryMessage(order: { desc: time }) {
15 | name
16 | text
17 | time
18 | }
19 | }
20 | `;
21 |
22 | const SEND_MESSAGE = gql`
23 | mutation sendMessage($name: String!, $text: String!, $time: DateTime!) {
24 | addMessage(input: [{ name: $name, text: $text, time: $time }]) {
25 | message {
26 | name
27 | text
28 | time
29 | }
30 | }
31 | }
32 | `;
33 |
34 | export { SUBSCRIPTION_QUERY, SEND_MESSAGE };
--------------------------------------------------------------------------------
/todo-app/todo-nextjs-ssr/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "example-app",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start"
9 | },
10 | "dependencies": {
11 | "@apollo/client": "^3.0.0-rc.5",
12 | "@apollo/link-ws": "^2.0.0-beta.3",
13 | "@zeit/next-css": "^1.0.1",
14 | "graphql": "^15.1.0",
15 | "next": "9.4.4",
16 | "react": "16.13.1",
17 | "react-dom": "16.13.1",
18 | "semantic-ui-css": "^2.4.1",
19 | "semantic-ui-react": "^0.88.2",
20 | "subscriptions-transport-ws": "^0.9.16"
21 | },
22 | "devDependencies": {
23 | "css-loader": "^3.6.0",
24 | "file-loader": "^6.0.0",
25 | "url-loader": "^4.1.0"
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/stackoverflow-app/try-apollo-schema/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "try-apollo-schema",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "dependencies": {
7 | "@apollo/federation": "^0.16.0",
8 | "apollo-link": "^1.2.14",
9 | "apollo-link-http": "^1.5.17",
10 | "apollo-server": "^2.13.1",
11 | "dgraph-js": "^20.3.0",
12 | "graphql": "^15.0.0",
13 | "graphql-tools": "^5.0.0",
14 | "grpc": "^1.24.2",
15 | "node-fetch": "^2.6.0"
16 | },
17 | "devDependencies": {
18 | "esm": "^3.2.25",
19 | "object-assign": "^4.1.1"
20 | },
21 | "scripts": {
22 | "start": "node -r esm index.js",
23 | "test": "echo \"Error: no test specified\" && exit 1"
24 | },
25 | "author": "",
26 | "license": "ISC"
27 | }
28 |
--------------------------------------------------------------------------------
/surveyo/src/Dashboard/__generated__/DeleteForm.ts:
--------------------------------------------------------------------------------
1 | /* tslint:disable */
2 | /* eslint-disable */
3 | // @generated
4 | // This file was automatically generated and should not be edited.
5 |
6 | // ====================================================
7 | // GraphQL mutation operation: DeleteForm
8 | // ====================================================
9 |
10 | export interface DeleteForm_deleteForm_form {
11 | __typename: "Form";
12 | id: string;
13 | }
14 |
15 | export interface DeleteForm_deleteForm {
16 | __typename: "DeleteFormPayload";
17 | form: (DeleteForm_deleteForm_form | null)[] | null;
18 | }
19 |
20 | export interface DeleteForm {
21 | deleteForm: DeleteForm_deleteForm | null;
22 | }
23 |
24 | export interface DeleteFormVariables {
25 | id: string;
26 | }
27 |
--------------------------------------------------------------------------------
/todo-react-firebase/functions/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "functions",
3 | "description": "Cloud Functions for Firebase",
4 | "scripts": {
5 | "lint": "eslint .",
6 | "serve": "firebase emulators:start --only functions",
7 | "shell": "firebase functions:shell",
8 | "start": "npm run shell",
9 | "deploy": "firebase deploy --only functions",
10 | "logs": "firebase functions:log"
11 | },
12 | "engines": {
13 | "node": "8"
14 | },
15 | "main": "index.js",
16 | "dependencies": {
17 | "firebase-admin": "^8.10.0",
18 | "firebase-functions": "^3.6.1"
19 | },
20 | "devDependencies": {
21 | "eslint": "^5.12.0",
22 | "eslint-plugin-promise": "^4.0.1",
23 | "firebase-functions-test": "^0.2.0"
24 | },
25 | "private": true
26 | }
27 |
--------------------------------------------------------------------------------
/instaclone/README.md:
--------------------------------------------------------------------------------
1 | # InstaClone
2 |
3 | Sample app accompanying a series of blog posts showing how to model an Instagram clone using GraphQL and Dgraph.
4 |
5 | ## Available Scripts
6 |
7 | In the project directory, you can run:
8 |
9 | ### `npm start`
10 |
11 | Runs the app in the development mode.\
12 | Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
13 |
14 | The page will reload if you make edits.\
15 | You will also see any lint errors in the console.
16 |
17 | ### `npm run build`
18 |
19 | Builds the app for production to the `build` folder.\
20 | It correctly bundles React in production mode and optimizes the build for the best performance.
21 |
22 | The build is minified and the filenames include the hashes.\
23 | Your app is ready to be deployed!
--------------------------------------------------------------------------------
/stackoverflow-app/apollo-dgraph/src/dgraph/dgraph.graphql:
--------------------------------------------------------------------------------
1 | type Author {
2 | username: String! @id
3 | email: String!
4 | dob: DateTime
5 | questions: [Question] @hasInverse(field: author)
6 | answers: [Answer] @hasInverse(field: author)
7 | }
8 | interface Post {
9 | id: ID!
10 | text: String! @search(by: [fulltext])
11 | datePublished: DateTime @search
12 | likes: Int
13 | author: Author!
14 | comments: [Comment] @hasInverse(field: commentsOn)
15 | }
16 | type Question implements Post {
17 | title: String! @search(by: [term])
18 | tags: [String] @search(by: [exact])
19 | answers: [Answer] @hasInverse(field: inAnswerTo)
20 | }
21 | type Answer implements Post {
22 | inAnswerTo: Question!
23 | }
24 | type Comment implements Post {
25 | commentsOn: Post!
26 | }
27 |
--------------------------------------------------------------------------------
/surveyo/src/Charts/SingleChoice.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {counter, ChartProps} from './common';
3 | import {presetPalettes} from '@ant-design/colors';
4 | import {Doughnut} from 'react-chartjs-2';
5 |
6 | export default function Chart(props: ChartProps) {
7 | const count = counter(
8 | props.entries!.map((entry: any) => entry.singleChoice?.title)
9 | );
10 |
11 | const colors = Object.values(presetPalettes)
12 | .flatMap(palette => palette.slice(5))
13 | .sort(() => Math.random() - 0.5);
14 |
15 | const chartData = {
16 | datasets: [
17 | {
18 | data: Object.values(count),
19 | backgroundColor: colors,
20 | },
21 | ],
22 | labels: Object.keys(count),
23 | };
24 |
25 | return
3 |
14 |
15 |
16 |
30 |
--------------------------------------------------------------------------------
/stackoverflow-app/v1-frontend/schema.graphql:
--------------------------------------------------------------------------------
1 | type Author {
2 | username: String! @id
3 | email: String!
4 | dob: DateTime
5 | questions: [Question] @hasInverse(field: author)
6 | answers: [Answer] @hasInverse(field: author)
7 | }
8 |
9 | interface Post {
10 | id: ID!
11 | text: String! @search(by: [fulltext])
12 | datePublished: DateTime @search
13 | likes: Int
14 | author: Author!
15 | comments: [Comment] @hasInverse(field: commentsOn)
16 | }
17 |
18 | type Question implements Post {
19 | title: String! @search(by: [term])
20 | tags: [String] @search(by: [exact])
21 | answers: [Answer] @hasInverse(field: inAnswerTo)
22 | }
23 |
24 | type Answer implements Post {
25 | inAnswerTo: Question!
26 | }
27 |
28 | type Comment implements Post {
29 | commentsOn: Post!
30 | }
--------------------------------------------------------------------------------
/blog-post-app/blog-post-vue/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
4 |
13 |
5 |
12 |
6 |
11 | Title: {{ post.title }}
7 |8 | by {{ post.author.name }} 9 |
10 |
3 |
14 |
15 |
16 |
31 |
--------------------------------------------------------------------------------
/surveyo/src/Dashboard/__generated__/UpdateForm.ts:
--------------------------------------------------------------------------------
1 | /* tslint:disable */
2 | /* eslint-disable */
3 | // @generated
4 | // This file was automatically generated and should not be edited.
5 |
6 | // ====================================================
7 | // GraphQL mutation operation: UpdateForm
8 | // ====================================================
9 |
10 | export interface UpdateForm_updateForm_form {
11 | __typename: "Form";
12 | isClosed: boolean | null;
13 | }
14 |
15 | export interface UpdateForm_updateForm {
16 | __typename: "UpdateFormPayload";
17 | numUids: number | null;
18 | form: (UpdateForm_updateForm_form | null)[] | null;
19 | }
20 |
21 | export interface UpdateForm {
22 | updateForm: UpdateForm_updateForm | null;
23 | }
24 |
25 | export interface UpdateFormVariables {
26 | id: string;
27 | isClosed: boolean;
28 | }
29 |
--------------------------------------------------------------------------------
/blog-post-app/blog-post-vue/src/router.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue";
2 | import Router from "vue-router";
3 | import PostList from "./views/PostList";
4 | import ViewPost from "./views/ViewPost";
5 | import CreatePost from "./views/CreatePost";
6 | import EditPost from "./views/EditPost";
7 |
8 | Vue.use(Router);
9 |
10 | const router = new Router({
11 | mode: "history",
12 | routes: [
13 | {
14 | path: "/",
15 | name: "posts",
16 | component: PostList,
17 | },
18 | {
19 | path: "/view",
20 | name: "view",
21 | component: ViewPost,
22 | },
23 | {
24 | path: "/create",
25 | name: "create",
26 | component: CreatePost,
27 | },
28 | {
29 | path: "/edit",
30 | name: "edit",
31 | component: EditPost,
32 | },
33 | ],
34 | });
35 |
36 | export default router;
37 |
--------------------------------------------------------------------------------
/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 ?
4 |
13 |
5 |
12 |
6 |
11 | Title: {{ post.title }}
7 |8 | by {{ post.author.name }} 9 |
10 |
30 |
33 | todos
31 |Loading...
13 | }
14 |
15 | return (
16 |
17 |
35 | );
36 | };
37 |
38 | export default NavBar;
--------------------------------------------------------------------------------
/surveyo/src/Charts/Text.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactWordcloud from 'react-wordcloud';
3 | import {presetPalettes} from '@ant-design/colors';
4 | import {ChartProps, counter} from './common';
5 | import {removeStopwords} from 'stopword';
6 |
7 | export default function Chart(props: ChartProps) {
8 | const count = counter(
9 | props!.entries!.flatMap(entry =>
10 | removeStopwords((entry?.text || '').split(/\s+/))
11 | )
12 | );
13 |
14 | const words = Object.entries(count).map(([text, value]) => ({
15 | text,
16 | value,
17 | }));
18 |
19 | const colors = Object.values(presetPalettes).flatMap(palette =>
20 | palette.slice(5)
21 | );
22 |
23 | return (
24 | -
18 | {currentUser && (
19 |
20 |
- 21 | Home 22 | 23 |
- 24 | Profile 25 | 26 |
- 27 | app.auth().signOut()}> 28 | Log out 29 | 30 | 31 | 32 | )} 33 |
20 |
33 | );
34 | };
35 |
36 | export default withRouter(SignUp);
--------------------------------------------------------------------------------
/todo-app/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 TodoApp from './TodoApp'
6 |
7 | import ApolloClient from "apollo-client";
8 | import { InMemoryCache } from "apollo-cache-inmemory";
9 | import { ApolloProvider } from "@apollo/react-hooks";
10 | import { createHttpLink } from "apollo-link-http";
11 |
12 | const httpLink = createHttpLink({
13 | uri: "http://localhost:8080/graphql"
14 | });
15 |
16 | const client = new ApolloClient({
17 | link: httpLink,
18 | cache: new InMemoryCache(),
19 | request: operation => {
20 | operation.setContext({
21 | fetchOptions: {
22 | mode: "no-cors"
23 | }
24 | });
25 | },
26 | defaultOptions: {
27 | query: {
28 | fetchPolicy: 'network-only',
29 | errorPolicy: 'all'
30 | }
31 | }
32 | });
33 |
34 |
35 | ReactDOM.render(
36 | Sign up
21 | 32 |Loading...
; 18 | if (error) returnError :(
; 19 | return ( 20 |
24 |
25 |
26 |
27 | 
{' | '}Donors Application
33 |
34 |
35 |
36 |
37 |
40 | );
41 | }
42 |
43 | export default App;
44 |
--------------------------------------------------------------------------------
{' | '}Donors Application
33 |