/so-node-graphql

Primary LanguageJavaScript

How to run

  1. Run Watchman which build files after changes
  2. Execute npm start for run server
  3. Use GraphiQL Chrome extension for explore graphql endpoints

Scripts:

  1. npm run-script logs Display watchman logs where babel's compiling errors
  2. npm build Create production ready build

GraphiQL

Examples:

  1. query for client with client projects pagination

    http://localhost:4000/graphql?query=query%20ClientProjects(%24id%3A%20ID!)%20%7B%0A%20%20client(id%3A%20%24id)%20%7B%0A%20%20%20%20id%0A%20%20%20%20timestamp%0A%20%20%20%20firstName%0A%20%20%20%20lastName%0A%20%20%20%20companyName%0A%20%20%20%20projects(first%3A%2010%2C%20after%3A%20%22%22)%20%7B%0A%20%20%20%20%20%20edges%20%7B%0A%20%20%20%20%20%20%20%20cursor%0A%20%20%20%20%20%20%20%20node%20%7B%0A%20%20%20%20%20%20%20%20%20%20id%0A%20%20%20%20%20%20%20%20%20%20timestamp%0A%20%20%20%20%20%20%20%20%20%20title%0A%20%20%20%20%20%20%20%20%20%20description%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20pageInfo%20%7B%0A%20%20%20%20%20%20%20%20hasNextPage%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A&operationName=ClientProjects&variables=%7B%0A%20%20%22id%22%3A%20%2200c3c715-9c9f-49be-b336-6d661f2bf561%22%0A%7D

  2. mutate by adding ClientProjectType via ClientProjectInput

    http://localhost:4000/graphql?query=mutation%20CreateProject(%24clientID%3A%20ID!%2C%20%24input%3A%20ProjectInput)%20%7B%0A%20%20addProject(clientID%3A%20%24clientID%2C%20input%3A%20%24input)%20%7B%0A%20%20%20%20id%0A%20%20%20%20timestamp%0A%20%20%20%20title%0A%20%20%20%20description%0A%20%20%7D%0A%7D%0A&operationName=CreateProject&variables=%7B%0A%20%20%22clientID%22%3A%20%2200c3c715-9c9f-49be-b336-6d661f2bf561%22%2C%0A%20%20%22input%22%3A%20%7B%0A%20%20%20%20%22title%22%3A%20%22MAGA%22%2C%0A%20%20%20%20%22description%22%3A%20%22Make%20America%20Great%20Again%22%0A%20%20%7D%0A%7D

Watchman

Watchman run triggers on changed files based on their file types.

Triggers:

  1. Babel js and jsx files using npm run-script build command;
  2. Copy css and sass files into dist without any change.

Install:

$ brew update $ brew install watchman

Run:

watchman watch-project .

Manually add every trigger:

watchman -j < babelTrigger.json

watchman -j < copyTrigger.json

Logs:

cat /usr/local/var/run/watchman/whoami-state/log | tail -40

Instruction: https://medium.com/@aoc/simple-watchman-setup-ab006e97fb1d