SWAPI GraphQL Wrapper

Created by Anupam khosla with the help of chatgpt.

Deployed endpoint (serverless function)

POST https://swapi-gql-wrapper.vercel.app/api/graphql

User friendly endpoint /graphql redirects to the above mentioned raw function path POST https://swapi-gql-wrapper.vercel.app/graphql

Why does this API exist

Original Star Wars API https://swapi-graphql.netlify.app/graphql doesn't return full data for many field, such as, manufacturers, crew, passengers and consumables etc. Also the old url https://swapi-graphql.netlify.app/.netlify/functions/index is buggy, it redirects to /graphql and loses POST json query.

This project wraps the SWAPI REST mirror (https://swapi.py4e.com/api) with a GraphQL endpoint, exposing starship data (including manufacturers, crew, passengers, consumables, etc.). swapi.dev and that mirror seem to have expired ssl certificates. This make ios emulator failing to fetch from that. But my graphql endpoint bypasses that issue, so you can use my api in ios too.

Note: This project hasn't been tested fully.

---

Quick curl examples

Request the GraphQL server type name:

curl -s -X POST "https://swapi-gql-wrapper.vercel.app/graphql" \
  -H "Content-Type: application/json" \
  -d '{"query":"query{ __typename }"}' | jq

Request by star ship name:

curl -s -X POST "https://swapi-gql-wrapper.vercel.app/graphql" \
  -H "Content-Type: application/json" \
  -d '{"query":"query($name:String!){ starshipByName(name:$name){ name model crew passengers manufacturers consumables cost_in_credits } }","variables":{"name":"Star Destroyer"}}' | jq

Quick fetch example -- Run in browser console to test

fetch("https://swapi-gql-wrapper.vercel.app/graphql", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    query: `
      query($name: String!) {
        starshipByName(name: $name) {
          name
          model
          crew
          passengers
          manufacturers
          consumables
          cost_in_credits
        }
      }
    `,
    variables: { name: "Star Destroyer" }
  })
})
  .then(res => res.json())
  .then(console.log)
  .catch(console.error);

Local Development

To run both the Apollo GraphQL server (localhost:4000/graphql) and the static demo (localhost:8080/index.html) together:

npm install
npm run dev

Then open http://localhost:3000/ to see the main example in action.