13 | 
![]()
14 |
15 |
16 |
26 | 
26 | 27 | 2. Navigate to the alternate views within the app using the tabs on the left: **Schema**, **Code**, **Visualize**, and **Tests** 28 | 29 | * **Schema** - view, edut or delete tables you've added. 30 | 31 |
75 |
76 | - Alena Budzko | [@AlenaBudzko](https://github.com/AlenaBudzko)
77 | - Bryan Fong | [@bryanfong-dev](https://github.com/bryanfong-dev)
78 | - Rodolfo Guzman | [@Rodolfoguzman25](https://github.com/Rodolfoguzman25)
79 | - Haris Hambasic | [@hambasicharis1995](https://github.com/hambasicharis1995)
80 | - Jarred Jack Harewood | [@jackhajb](https://github.com/jackhajb)
81 | - Geoffrey Lin | [@geofflin](https://github.com/geofflin)
82 | - Michele Moody | [@Milmoody](https://github.com/Milmoody)
83 | - Jessica Vaughan | [@jessicavaughan820](https://github.com/jessicavaughan820)
84 | - Vance Wallace | [@Vancito](https://github.com/Vancito)
85 |
--------------------------------------------------------------------------------
/_protographql_tests_/buildENV.test.js:
--------------------------------------------------------------------------------
1 | import buildEnvURI from '../src/utils/buildENV';
2 | import buildENV from '../src/utils/buildENV';
3 |
4 | test('When trying to create the Environment URI the result is not null: ', () => {
5 | expect(buildEnvURI("thisIsNotNull")).not.toBeNull;
6 | });
7 |
8 | test('When trying to create the Environment URI the result is a string: ', () => {
9 | expect(typeof((buildENV("thisIsAString")))).toBe('string');
10 | });
11 |
12 | test('Create the correct Environment URI given test input: ', () => {
13 | expect(buildEnvURI("theCorrectURIString")).toBe("DB_URI=theCorrectURIString");
14 | });
15 |
--------------------------------------------------------------------------------
/_protographql_tests_/buildGQLInputTypes.test.js:
--------------------------------------------------------------------------------
1 | import buildGQLInputTypes from '../src/utils/buildGQLInputTypes';
2 | import { build } from 'protobufjs';
3 |
4 | const testInput = {
5 | 0: {
6 | type: 'FirstTable',
7 | fields: {
8 | 0: {
9 | name: 'FirstColumn',
10 | type: 'ID',
11 | primaryKey: true,
12 | unique: true,
13 | required: false,
14 | defaultValue: '1',
15 | relationSelected: false,
16 | relation: {
17 | tableIndex: -1,
18 | fieldIndex: -1,
19 | refType: ''
20 | },
21 | tableNum: 0,
22 | fieldNum: 0,
23 | queryable: false
24 | },
25 | 1: {
26 | name: 'SecondColumn',
27 | type: 'String',
28 | primaryKey: false,
29 | unique: false,
30 | required: true,
31 | defaultValue: 'thisIsADefaultValue',
32 | relationSelected: false,
33 | relation: {
34 | tableIndex: -1,
35 | fieldIndex: -1,
36 | refType: ''
37 | },
38 | tableNum: 0,
39 | fieldNum: 1,
40 | queryable: true
41 | },
42 | 2: {
43 | name: 'ThirdColumn',
44 | type: 'String',
45 | primaryKey: false,
46 | unique: false,
47 | required: true,
48 | defaultValue: '',
49 | relationSelected: false,
50 | relation: {
51 | tableIndex: -1,
52 | fieldIndex: -1,
53 | refType: ''
54 | },
55 | tableNum: 0,
56 | fieldNum: 2,
57 | queryable: false
58 | }
59 | },
60 | fieldIndex: 3,
61 | tableID: 0
62 | },
63 | 1: {
64 | type: 'SecondTable',
65 | fields: {
66 | 0: {
67 | name: 'SecondTableFirstColumn',
68 | type: 'ID',
69 | primaryKey: true,
70 | unique: true,
71 | required: false,
72 | defaultValue: '',
73 | relationSelected: false,
74 | relation: {
75 | tableIndex: -1,
76 | fieldIndex: -1,
77 | refType: ''
78 | },
79 | tableNum: 1,
80 | fieldNum: 0,
81 | queryable: true
82 | },
83 | 1: {
84 | name: 'SecondSecondColumn',
85 | type: 'String',
86 | primaryKey: false,
87 | unique: false,
88 | required: true,
89 | defaultValue: 'anotherDefaultValue',
90 | relationSelected: false,
91 | relation: {
92 | tableIndex: -1,
93 | fieldIndex: -1,
94 | refType: ''
95 | },
96 | tableNum: 1,
97 | fieldNum: 1,
98 | queryable: true
99 | },
100 | 2: {
101 | name: 'SecondThirdColumn',
102 | type: 'ID',
103 | primaryKey: false,
104 | unique: false,
105 | required: true,
106 | defaultValue: '',
107 | relationSelected: true,
108 | relation: {
109 | tableIndex: '0',
110 | fieldIndex: '0',
111 | refType: 'many to one'
112 | },
113 | tableNum: 1,
114 | fieldNum: 2,
115 | queryable: true
116 | }
117 | },
118 | fieldIndex: 3,
119 | tableID: 1
120 | },
121 | };
122 |
123 | const testOutput = ` input FirstTableInput {
124 | FirstColumn: ID,
125 | SecondColumn: String!,
126 | ThirdColumn: String!,
127 | }
128 |
129 | input SecondTableInput {
130 | SecondTableFirstColumn: ID,
131 | SecondSecondColumn: String!,
132 | firsttable: FirstTableInput,
133 | }
134 |
135 | `
136 |
137 | test('Building GQL Input Types does not return null: ', () => {
138 | expect(buildGQLInputTypes(testInput)).not.toBeNull;
139 | });
140 |
141 | test('When trying to create the GQL Input Types the result is a string: ', () => {
142 | expect(typeof(buildGQLInputTypes(testInput))).toBe('string');
143 | });
144 |
145 | test('Building GQL Input Types works given test input: ', () => {
146 | expect(buildGQLInputTypes(testInput)).toBe(testOutput);
147 | });
--------------------------------------------------------------------------------
/_protographql_tests_/buildGQLSchema.test.js:
--------------------------------------------------------------------------------
1 | import buildGQLSchema from '../src/utils/buildGQLSchema';
2 | import { build } from 'protobufjs';
3 |
4 | const testInput = {
5 | 0: {
6 | type: 'FirstTable',
7 | fields: {
8 | 0: {
9 | name: 'FirstColumn',
10 | type: 'ID',
11 | primaryKey: true,
12 | unique: true,
13 | required: false,
14 | defaultValue: '1',
15 | relationSelected: false,
16 | relation: {
17 | tableIndex: -1,
18 | fieldIndex: -1,
19 | refType: ''
20 | },
21 | tableNum: 0,
22 | fieldNum: 0,
23 | queryable: false
24 | },
25 | 1: {
26 | name: 'SecondColumn',
27 | type: 'String',
28 | primaryKey: false,
29 | unique: false,
30 | required: true,
31 | defaultValue: 'thisIsADefaultValue',
32 | relationSelected: false,
33 | relation: {
34 | tableIndex: -1,
35 | fieldIndex: -1,
36 | refType: ''
37 | },
38 | tableNum: 0,
39 | fieldNum: 1,
40 | queryable: true
41 | },
42 | 2: {
43 | name: 'ThirdColumn',
44 | type: 'String',
45 | primaryKey: false,
46 | unique: false,
47 | required: true,
48 | defaultValue: '',
49 | relationSelected: false,
50 | relation: {
51 | tableIndex: -1,
52 | fieldIndex: -1,
53 | refType: ''
54 | },
55 | tableNum: 0,
56 | fieldNum: 2,
57 | queryable: false
58 | }
59 | },
60 | fieldIndex: 3,
61 | tableID: 0
62 | },
63 | 1: {
64 | type: 'SecondTable',
65 | fields: {
66 | 0: {
67 | name: 'SecondTableFirstColumn',
68 | type: 'ID',
69 | primaryKey: true,
70 | unique: true,
71 | required: false,
72 | defaultValue: '',
73 | relationSelected: false,
74 | relation: {
75 | tableIndex: -1,
76 | fieldIndex: -1,
77 | refType: ''
78 | },
79 | tableNum: 1,
80 | fieldNum: 0,
81 | queryable: true
82 | },
83 | 1: {
84 | name: 'SecondSecondColumn',
85 | type: 'String',
86 | primaryKey: false,
87 | unique: false,
88 | required: true,
89 | defaultValue: 'anotherDefaultValue',
90 | relationSelected: false,
91 | relation: {
92 | tableIndex: -1,
93 | fieldIndex: -1,
94 | refType: ''
95 | },
96 | tableNum: 1,
97 | fieldNum: 1,
98 | queryable: true
99 | },
100 | 2: {
101 | name: 'SecondThirdColumn',
102 | type: 'ID',
103 | primaryKey: false,
104 | unique: false,
105 | required: true,
106 | defaultValue: '',
107 | relationSelected: true,
108 | relation: {
109 | tableIndex: '0',
110 | fieldIndex: '0',
111 | refType: 'many to one'
112 | },
113 | tableNum: 1,
114 | fieldNum: 2,
115 | queryable: true
116 | }
117 | },
118 | fieldIndex: 3,
119 | tableID: 1
120 | },
121 | };
122 |
123 | const testOutput = `const { gql } = require('apollo-server-express');
124 |
125 | const typeDefs = gql\`
126 |
127 | type FirstTable {
128 | FirstColumn: ID
129 | SecondColumn: String!
130 | ThirdColumn: String!
131 | }
132 |
133 | type SecondTable {
134 | SecondTableFirstColumn: ID
135 | SecondSecondColumn: String!
136 | firsttable: FirstTable
137 | }
138 |
139 | input FirstTableInput {
140 | FirstColumn: ID,
141 | SecondColumn: String!,
142 | ThirdColumn: String!,
143 | }
144 |
145 | input SecondTableInput {
146 | SecondTableFirstColumn: ID,
147 | SecondSecondColumn: String!,
148 | firsttable: FirstTableInput,
149 | }
150 |
151 | type Mutation {
152 | addFirstTable(
153 | input: FirstTableInput
154 | ): [FirstTable]
155 | addSecondTable(
156 | input: SecondTableInput
157 | ): [SecondTable]
158 | }
159 |
160 | type Query {
161 | getAllFirstTable: [FirstTable]
162 | getFirstTable(
163 | SecondColumn: String
164 | ): [FirstTable]
165 | getAllSecondTable: [SecondTable]
166 | getSecondTable(
167 | SecondTableFirstColumn: ID,
168 | SecondSecondColumn: String,
169 | SecondThirdColumn: ID
170 | ): [SecondTable]
171 | }
172 |
173 | \`;
174 |
175 | module.exports = typeDefs;
176 | `
177 |
178 | test('Building GQL Schema does not return null: ', () => {
179 | expect(buildGQLSchema(testInput)).not.toBeNull;
180 | });
181 |
182 | test('When trying to create the GQL Schema the result is a string: ', () => {
183 | expect(typeof(buildGQLSchema(testInput))).toBe('string');
184 | });
185 |
186 | test('Building GQL Schema works given test input: ', () => {
187 | expect(buildGQLSchema(testInput)).toBe(testOutput);
188 | });
--------------------------------------------------------------------------------
/apollo-server/.env:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/protographql/fcb163f037d5ba41a4edcd56dbae35f6ef41a835/apollo-server/.env
--------------------------------------------------------------------------------
/apollo-server/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | package-lock.json
3 | .DS_Store
4 | .env
--------------------------------------------------------------------------------
/apollo-server/db/createTables.sql:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/protographql/fcb163f037d5ba41a4edcd56dbae35f6ef41a835/apollo-server/db/createTables.sql
--------------------------------------------------------------------------------
/apollo-server/db/sqlPool.js:
--------------------------------------------------------------------------------
1 | const { Pool } = require('pg');
2 | require("dotenv").config();
3 |
4 | const URI = process.env.DB_URI
5 |
6 |
7 | const pool = new Pool({
8 | connectionString: URI,
9 | ssl: true,
10 | })
11 |
12 | pool.connect((err, client, done) => {
13 | if (err) return console.log(`Error connecting to db, ${err}`);
14 | console.log('Connected to db 😄')
15 | done();
16 | })
17 |
18 | module.exports = pool;
19 |
--------------------------------------------------------------------------------
/apollo-server/graphql/resolvers.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/protographql/fcb163f037d5ba41a4edcd56dbae35f6ef41a835/apollo-server/graphql/resolvers.js
--------------------------------------------------------------------------------
/apollo-server/graphql/schema.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/protographql/fcb163f037d5ba41a4edcd56dbae35f6ef41a835/apollo-server/graphql/schema.js
--------------------------------------------------------------------------------
/apollo-server/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "apolloGql",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "test": "echo \"Error: no test specified\" && exit 1",
8 | "start": "nodemon server.js --open"
9 | },
10 | "keywords": [],
11 | "author": "",
12 | "license": "ISC",
13 | "dependencies": {
14 | "apollo-server-express": "^2.6.2",
15 | "dotenv": "^8.0.0",
16 | "express": "^4.17.1",
17 | "graphql": "^14.3.1",
18 | "pg": "^7.11.0"
19 | },
20 | "devDependencies": {
21 | "nodemon": "^1.19.1"
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/apollo-server/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | | Delete | 30 |Field Name | 31 |Type | 32 |Default Value | 33 |Primary Key | 34 |Unique | 35 |Required | 36 |Queryable | 37 |Table Relationship | 38 |Field Relationship | 39 |Type of Relationship | 40 |
|---|
90 |
67 |
68 | GraphQL Schema
69 | {gqlSchema}
70 |
71 |
72 | SQL Scripts
73 | {sqlScripts}
74 |
75 |
76 | GraphQL Resolvers
77 | {gqlResolvers}
78 |
79 |
80 | );
81 | }
82 |
83 | export default CodeView;
84 |
--------------------------------------------------------------------------------
/src/components/view/mainView.jsx:
--------------------------------------------------------------------------------
1 | import React, { useContext } from 'react';
2 | import SchemaView from '../../components/view/schemaView';
3 | import CodeView from '../../components/view/codeView';
4 | import VisualizeView from '../../components/view/visualizeView';
5 | // import GraphiqlView from './graphiqlView'; // removes unused comoponent
6 | import TableForm from '../popup/tableForm';
7 | import { Store } from '../../state/store';
8 | import TestsView from './testsView';
9 |
10 | function MainView() {
11 | /*
12 | -> connects the application to the context (utilized by Hooks in React) and facilitates the ability to
13 | update the context of the application
14 | -> the context is initialized by useContext() and specified by Store which is found
15 | in /components/state/store.jsx
16 | */
17 | const { state: { view, popUp } } = useContext(Store);
18 | return (
19 | ${queries[0][i]}
`; 187 | } 188 | document.getElementById("queriesDisplay").innerHTML = display; 189 | }); 190 | 191 | 192 | /*-------------------- Functional Component Rendering --------------------*/ 193 | //FOR FUTURE IMPLEMENTATION: Check the user input and maybe ping the endpoint to check that it is live. 194 | return( 195 |
197 |
198 |
199 |
200 |
203 |
204 |
205 |
206 | Current endpoint:
207 |
208 |
209 |
210 |
211 | Insert Your Query Here
212 | View Your Query Response Below
215 |
217 |
218 | Test Queries to Export
219 |
220 |
224 |
225 |
226 |