Skip to content
SurviveJS slides
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
client
server
.babelrc
.editorconfig
.eslintrc.json
.gitattributes
.gitignore
.graphqlconfig
README.md
antwar.bootstrap.js
antwar.config.js
cloudinary-assets.json
initial-data.graphql
package-lock.json
package.json
webpack.config.js

README.md

SurviveJS Slides

  1. npm install
  2. npm run watch server (or npm run server) in one terminal
  3. npm start in another

Examples

Example Query

{
  theme(name: "survivejs") {
    primaryColor
    secondaryColor
    background
  }
  presentation(name: "intro-to-graphql") {
    slides {
      theme {
        primaryColor
        secondaryColor
        background
      }
      layout
      content {
        ... on TitleContent {
          title
          author
        }
        ... on SectionContent {
          title
        }
        ... on EmbedContent {
          title
          link
        }
        ... on MarkdownContent {
          title
          markup
        }
      }
    }
  }
}

Example Mutation

mutation {
  changePresentationTheme(
    presentationName: "intro-to-graphql"
    themeName: "survivejs"
  ) {
    name
    theme {
      name
    }
  }
}

Theme API

{
  themes {
    primaryColor
  }
  theme(name: "survivejs") {
    primaryColor
    secondaryColor
    background
  }
}

Presentation API

{
  presentations {
    name
  }
  presentation(name: "intro-to-graphql") {
    slides {
      theme {
        primaryColor
        secondaryColor
        background
      }
      layout
      content {
        ... on TitleContent {
          title
          author
        }
        ... on SectionContent {
          title
        }
        ... on EmbedContent {
          title
          link
        }
        ... on MarkdownContent {
          title
          markup
        }
      }
    }
  }
}

Variables

Query:

{
  theme(name: @themeName) {
    primaryColor
    secondaryColor
    background
  }
}

Variables:

{
  "themeName": "survivejs"
}
You can’t perform that action at this time.