8 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis sem eu massa maximus. 9 |
10 | `, 11 | styles: [] 12 | }) 13 | export class HomeComponent {} 14 | -------------------------------------------------------------------------------- /webapp/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |7 | loading works! 8 |
9 | `, 10 | styles: [] 11 | }) 12 | export class LoadingComponent implements OnInit { 13 | 14 | constructor() { } 15 | 16 | ngOnInit() { 17 | } 18 | 19 | } 20 | -------------------------------------------------------------------------------- /api/src/config/database.json: -------------------------------------------------------------------------------- 1 | { 2 | "development": { 3 | "username": "root", 4 | "password": "root", 5 | "database": "graphql", 6 | "host": "localhost", 7 | "dialect": "mysql" 8 | }, 9 | 10 | "production": { 11 | "username": "root", 12 | "password": "root", 13 | "database": "graphql_production", 14 | "host": "localhost", 15 | "dialect": "mysql" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /webapp/src/app/@core/core.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-core', 5 | template: ` 6 |8 | Donec sed ultrices magna, vel ornare enim. Nunc egestas imperdiet nunc. Nullam ac egestas orci, a efficitur elit. 9 |
10 | `, 11 | styles: [] 12 | }) 13 | export class AboutComponent implements OnInit { 14 | 15 | constructor() { } 16 | 17 | ngOnInit() { 18 | } 19 | 20 | } 21 | -------------------------------------------------------------------------------- /api/src/schema/thoughts/fields/query.ts: -------------------------------------------------------------------------------- 1 | // Imports 2 | import { GraphQLInt, GraphQLList } from 'graphql' 3 | 4 | // App Imports 5 | import ThoughtType from '../type' 6 | import { getAll, getById } from '../resolvers' 7 | 8 | // Thoughts All 9 | export const thoughts = { 10 | type: new GraphQLList(ThoughtType), 11 | resolve: getAll 12 | } 13 | 14 | // Thought By ID 15 | export const thought = { 16 | type: ThoughtType, 17 | args: { 18 | id: { type: GraphQLInt } 19 | }, 20 | resolve: getById 21 | } -------------------------------------------------------------------------------- /webapp/src/app/pages/pages.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | 4 | import { SharedModule } from '../@shared/shared.module'; 5 | import { PagesRoutingModule } from './pages.routing'; 6 | import { PagesComponent } from './pages.component'; 7 | 8 | @NgModule({ 9 | imports: [ 10 | CommonModule, 11 | PagesRoutingModule, 12 | SharedModule, 13 | ], 14 | declarations: [ 15 | PagesComponent, 16 | ] 17 | }) 18 | export class PagesModule { } 19 | -------------------------------------------------------------------------------- /webapp/src/app/pages/home/home.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { RouterModule, Routes } from '@angular/router'; 3 | import { CommonModule } from '@angular/common'; 4 | import { HomeComponent } from './home.component'; 5 | 6 | const routes: Routes = [ 7 | { 8 | path: '', 9 | component: HomeComponent 10 | } 11 | ]; 12 | 13 | @NgModule({ 14 | imports: [ 15 | CommonModule, 16 | RouterModule.forChild(routes) 17 | ], 18 | declarations: [HomeComponent] 19 | }) 20 | export class HomeModule { } 21 | -------------------------------------------------------------------------------- /api/src/schema/thoughts/type.ts: -------------------------------------------------------------------------------- 1 | // Imports 2 | import { GraphQLObjectType, GraphQLString, GraphQLInt } from 'graphql' 3 | 4 | // Thought type 5 | const ThoughtType = new GraphQLObjectType({ 6 | name: 'thought', 7 | description: '...', 8 | 9 | fields: () => ({ 10 | id: { type: GraphQLInt }, 11 | name: { type: GraphQLString }, 12 | thought: { type: GraphQLString }, 13 | createdAt: { type: GraphQLString }, 14 | updatedAt: { type: GraphQLString } 15 | }) 16 | }) 17 | 18 | export default ThoughtType -------------------------------------------------------------------------------- /webapp/src/app/pages/about/about.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { RouterModule, Routes } from '@angular/router'; 3 | import { CommonModule } from '@angular/common'; 4 | import { AboutComponent } from './about.component'; 5 | 6 | const routes: Routes = [ 7 | { 8 | path: '', 9 | component: AboutComponent 10 | } 11 | ]; 12 | 13 | @NgModule({ 14 | imports: [ 15 | CommonModule, 16 | RouterModule.forChild(routes) 17 | ], 18 | declarations: [AboutComponent] 19 | }) 20 | export class AboutModule { } 21 | -------------------------------------------------------------------------------- /webapp/src/app/pages/thoughts/view/view.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { RouterModule, Routes } from '@angular/router'; 3 | import { CommonModule } from '@angular/common'; 4 | import { ViewComponent } from './view.component'; 5 | 6 | const routes: Routes = [ 7 | { 8 | path: '', 9 | component: ViewComponent 10 | } 11 | ]; 12 | 13 | @NgModule({ 14 | imports: [ 15 | CommonModule, 16 | RouterModule.forChild(routes) 17 | ], 18 | declarations: [ViewComponent] 19 | }) 20 | export class ViewModule { } 21 | -------------------------------------------------------------------------------- /webapp/src/app/app.module.ts: -------------------------------------------------------------------------------- 1 | import { BrowserModule } from '@angular/platform-browser'; 2 | import { HttpClientModule } from '@angular/common/http'; 3 | import { NgModule } from '@angular/core'; 4 | 5 | 6 | import { CoreModule } from './@core/core.module'; 7 | import { CoreComponent } from './@core/core.component'; 8 | 9 | @NgModule({ 10 | declarations: [], 11 | imports: [ 12 | HttpClientModule, 13 | BrowserModule, 14 | CoreModule, 15 | ], 16 | providers: [], 17 | bootstrap: [CoreComponent] 18 | }) 19 | export class AppModule { } 20 | -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- 1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. 2 | # yarn lockfile v1 3 | 4 | 5 | graphql-schema-decorator@^0.8.0: 6 | version "0.8.0" 7 | resolved "https://registry.yarnpkg.com/graphql-schema-decorator/-/graphql-schema-decorator-0.8.0.tgz#6d4034801c8f470b898e96ba0a2db053d69bacd3" 8 | dependencies: 9 | reflect-metadata "0.1.9" 10 | 11 | reflect-metadata@0.1.9: 12 | version "0.1.9" 13 | resolved "https://registry.yarnpkg.com/reflect-metadata/-/reflect-metadata-0.1.9.tgz#987238dc87a516895fe457f130435ffbd763a4d4" 14 | -------------------------------------------------------------------------------- /webapp/src/app/@core/core.routing.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { Routes, RouterModule, ExtraOptions } from '@angular/router'; 3 | 4 | export const CORE_ROUTES: Routes = [ 5 | { 6 | path: '', 7 | redirectTo: '/', pathMatch: 'full' 8 | }, 9 | { 10 | path: '**', 11 | redirectTo: '/', pathMatch: 'full' 12 | } 13 | ]; 14 | 15 | const config: ExtraOptions = { 16 | useHash: true, 17 | }; 18 | 19 | @NgModule({ 20 | imports: [RouterModule.forRoot(CORE_ROUTES, config)], 21 | exports: [RouterModule] 22 | }) 23 | export class CoreRoutingModule {} 24 | -------------------------------------------------------------------------------- /webapp/src/app/@shared/components/menu/menu.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-menu', 5 | template: ` 6 | 11 | `, 12 | styles: [] 13 | }) 14 | export class MenuComponent implements OnInit { 15 | 16 | constructor() { } 17 | 18 | ngOnInit() { 19 | } 20 | 21 | } 22 | -------------------------------------------------------------------------------- /api/src/setup/graphql.ts: -------------------------------------------------------------------------------- 1 | // Imports 2 | import * as graphqlHTTP from 'express-graphql' 3 | import { Express } from 'express'; 4 | 5 | // App Imports 6 | const config = require('../config/config.json'); 7 | import schema from '../schema'; 8 | 9 | // Setup GraphQL 10 | export default function setupGraphQL(server: Express): void { 11 | console.info('SETUP - GraphQL...') 12 | 13 | // API (GraphQL on route `/api`) 14 | server.use(config.graphqlEndpoint, graphqlHTTP(() => ({ 15 | schema, 16 | graphiql: config.graphql.ide, 17 | pretty: config.graphql.pretty 18 | }))) 19 | } -------------------------------------------------------------------------------- /webapp/src/app/pages/thoughts/list/list.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { RouterModule, Routes } from '@angular/router'; 3 | import { CommonModule } from '@angular/common'; 4 | import { ListComponent } from './list.component'; 5 | import { ItemComponent } from './item.component'; 6 | 7 | const routes: Routes = [ 8 | { 9 | path: '', 10 | component: ListComponent 11 | } 12 | ]; 13 | 14 | @NgModule({ 15 | imports: [ 16 | CommonModule, 17 | RouterModule.forChild(routes) 18 | ], 19 | declarations: [ListComponent, ItemComponent] 20 | }) 21 | export class ListModule { } 22 | -------------------------------------------------------------------------------- /webapp/src/app/pages/thoughts/create/create.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { ReactiveFormsModule } from '@angular/forms'; 3 | import { RouterModule, Routes } from '@angular/router'; 4 | import { CommonModule } from '@angular/common'; 5 | import { CreateComponent } from './create.component'; 6 | 7 | const routes: Routes = [ 8 | { 9 | path: '', 10 | component: CreateComponent 11 | } 12 | ]; 13 | 14 | @NgModule({ 15 | imports: [ 16 | CommonModule, 17 | ReactiveFormsModule, 18 | RouterModule.forChild(routes) 19 | ], 20 | declarations: [CreateComponent] 21 | }) 22 | export class CreateModule { } 23 | -------------------------------------------------------------------------------- /webapp/src/app/pages/thoughts/list/item.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, Input, Output, EventEmitter } from '@angular/core'; 2 | import { Thought } from '../../../@shared/models/thought.model'; 3 | 4 | @Component({ 5 | selector: 'app-item', 6 | template: ` 7 |13 | Back 14 |
15 |14 | Create 15 |
16 |17 | Back 18 |
19 | 43 | `, 44 | styles: [] 45 | }) 46 | export class CreateComponent implements OnInit { 47 | public submitted = false; 48 | public form: FormGroup; 49 | public name: AbstractControl; 50 | public thought: AbstractControl; 51 | 52 | private createState$ = this.appState$.select(store.getCreateState); 53 | 54 | private createLoaded$; 55 | 56 | constructor( 57 | private fb: FormBuilder, 58 | protected appState$: Store|
103 | Query - Get List 104 |
105 | query {
106 | thoughts {
107 | id,
108 | name,
109 | thought
110 | }
111 | }
112 |
113 | |
114 |
115 | Response 116 |
117 | {
118 | "data": {
119 | "thoughts": [
120 | {
121 | "id": 1,
122 | "name": "Arya Stark",
123 | "thought": "A girl has no name"
124 | },
125 | {
126 | "id": 2,
127 | "name": "Jon Snow",
128 | "thought": "I know nothing"
129 | }
130 | ]
131 | }
132 | }
133 |
134 | |
135 |
|
139 | Query - Get by Param 140 |
141 | query {
142 | thought(id: 1) {
143 | id,
144 | name,
145 | thought
146 | }
147 | }
148 |
149 | |
150 |
151 | Response 152 |
153 | {
154 | "data": {
155 | "thought": {
156 | "id": 1,
157 | "name": "Arya",
158 | "thought": "A girl has no name"
159 | }
160 | }
161 | }
162 |
163 | |
164 |
|
168 | Mutation - Create 169 |
170 | mutation {
171 | thoughtCreate(
172 | name: "Tyrion Lannister",
173 | thought:"I drink and I know things"
174 | ) {
175 | id
176 | }
177 | }
178 |
179 | |
180 |
181 | Response 182 |
183 | {
184 | "data": {
185 | "thoughtCreate": {
186 | "id": 3
187 | }
188 | }
189 | }
190 |
191 | |
192 |
|
196 | Mutation - Remove 197 |
198 | mutation {
199 | thoughtRemove(id: 3) {
200 | id
201 | }
202 | }
203 |
204 | |
205 |
206 | Response 207 |
208 | {
209 | "data": {
210 | "thoughtRemove": {
211 | "id": null
212 | }
213 | }
214 | }
215 |
216 | |
217 |