New

Huge Changes

Onboarding

Added onboarding journeys to almost every screen. Learn everything step-by-step. Now you can be a GraphQL Editor master.

Github

Added full integration with GitHub. Now you can sync/commit/PR every value from GraphQL Editor to Github.

• pull from the repository
• autocomplete branches
• make pull requests
• make commits to generic branches

Visual editor

• created documentation view
• exposed query and mutation in the diagram
• synchronized text selection with all visual panes
• added auto-sorting to all the nodes based on code content
• you can sort the nodes in order
• fixed some errors with Graph locking
• you can navigate to each visual error

Admin Form builder

GraphiQL looks complicated? Try our brand new GraphQL-based forms. Now every query or mutation can be represented as a form. It is also the first no-code builder for GraphQL-based admin frontends.

Widgets

• Date and DateTime widget. Provide your admin panel users with a date and or DateTime widget which you can format to any string
• Relation widget. Use it to represent one-to-one relations with a simple Select component.
• Password widget
• Text box widget
• Text field widget
• Radio Select widget
• Autocomplete widget. Now you can create a widget to autocomplete address for example
• Constant value widget. If the view needs the value but it is always the same - make it constant

Widget editor

Create custom widgets and save them to your database.

Form

• each query is validated
• each form field is validated

Public scope

Now it is possible to enter the public scope even if you are not logged in.

Cloud Browser

• Export all files to .zip

Faker

• possibility to configure scalar fields
• added retry to test backend availability

Zeus

• generate autocomplete code with the possibility to encode/decode scalars

Visuals

• added identification of screen and version to the top-bar
• better alerts
• separated scalars in faker configuration

GraphQL-Form

Another GraphQL OSS library was made especially for you

Bug fixes

• PUT request is called after file upload

Landing page

• Added multiple translations

New

Projects

• projects tile now specify if project has schema root and/or backend microservice deployed

New

File Browser

• better UX
• Adding nested folders with buttons
• cache
• added drag and drop

Editor

• built-in function for creating inputs based on types
• built-in function to make all fields required/optional
• Interactive diff editor
• Library preview
• better fuzzy type chooser in field creation
• drag and drop to change the order of fields
• exact library conflict error message
• highlighted interface implementing nodes
• write firstName str To create string field
• library diff
• diff editor for every version

Microservices

• Better type fetcher response time

Faker

• mocking custom scalars is possible
• mock custom scalars as JSON objects

Admin Builder

• display error responses
• better reactivity

GraphQL Cloud

Admin Panel Builder

New feature in GraphQL Editor. You can now use interactive form builder for gql to instantly test your backend

Editor

• diff pane added to compare any version of your schema to the latest one

Github integration

You can now bind graphql schema from github and :

• commit new schema content
• create a PR with updated schema
• Load schema from repo or any commit id existing on specific branch

New

Bootstrapper for microservices

It is now possible to bootstrap microservices with basic package.json, tsconfig.json and Zeus generated files.

New

New Edit Faker Configuration

The new look of the faker configuration. Right now you can see it as a tree view.

Rounded components

We've added some border-radius to components.

New

🥳 New functionalities, reworked UI, themes, and much more

This year we have received a lot of valuable feedback from our users. At the same time, we've been working hard on our first core value - Instant microservices.

⚛️ Graph improvements

The graph module has been significantly improved.

• Node and field creation are now much faster and support the keyboard.
• Relation view includes all scalar fields
• Selected node state is persisted between views
• you can toggle code in every view now

⚙️ Microservices

Most wanted feature by our users. Instantly deploy your NodeJS GraphQL backend.

They are good enough for testing and development purposes. We do not recommend using them on production as they run on small machines and are rate limited by 200req/min and 1000000req/month each.

From now you can deploy up to 3 microservices per user. You can use JavaScript or TypeScript.

Live editor

Similar to Git-based platforms we provide a cloud-based editor to edit files and folders inside the cloud. Live editor supports:

• relative imports
• package.json imports and typing fetched dynamically as you type
• definition peeking

CLI

The most recommended way to use microservices is via graphql-editor-cli

Deployment

You can deploy microservices from CLI or from directly from the editor

Logs

Live logs can be seen inside the editor and CLI

Secrets and CORS

You can set up Secrets and CORS through the editor or via Continuous Integration command.

🔍 Instant spotlight menu CTRL/CMD + K

Spotlight menu added for easier navigation.

🤔 Learning center

From now on every start, you will be welcomed with recent projects and a learning center to level up your editor skills

🖌️ Themes

4 themes are available:

• Light theme
• Main theme (dark)
• Frozen theme (dark)
• Amethyst theme (dark)

Theme designer

There is a designer at so everybody can redesign editor

🌐 JAMStack Engine

Added:

• TypeScript support
• React support
• Deployment

☁️ Cloud

Added:

• Proxy to support every GraphQL URL and avoid CORS inside the browser

🤓 CLI

A CLI is added to the editor and it is available on Github.

Bootstrap backend

You can bootstrap backend projects from GraphQL Editor through CLI

Deploy to a shared worker

If you have a GraphQL Editor account you can deploy to the shared worker with just one command!

🏛️ Stucco

Stucco is a backend engine for our microservices. It is the main goal is not to vendor lock the user. With StuccoJS you can create both TypeScript and JAvascript backends. So far for you can use:

• GraphQL Editor Shared worker
• Local environment
• Docker
• Kubernetes If you develop locally and don't use our shared workers to deploy code you can use also our GO package and develop backends in Go language.

📘 Guide

A new guide for the editor has been published.

🏁 Basics

• Option to Delete Account (you don't have to contact support anymore)
• Many bugs repaired

New

Cloud Studio

• moved icons from GraphiQL to top menu
• automatic deployment when schema has root query and faker has not yet been deployed

UI

• New top menu for switching modes with submenu appearing on the right
• View browser now has better highlighting

Editor

• Switched main engine to the new text editor engine using great the-guild-org/the-guild-components/ package

JAMStack

• swtched editor to react-monaco-editor

Docs

• moved commands to the top menu

New

GraphQL Cloud Studio

Create .gql operation files and multiple URL/headers configurations for your schema project.

• collaborate in team
• save queries
• provide different envs
• add GraphiQL Explorer

Fauna DB

• Added fauna starter

Fixes

• faster load time
• proxied schema from url

I am happy to announce this micro release as many significant changes have been introduced!

New Faker configurator 😎

• configure faker returned types
• nice tiles for every type

Deploy Static Websites 🤓

• Deploy your JAMStack experiments to es modules on https://project-<project-id>.pages.graphqleditor.com or redirect with CNAME to your custom domain
• or eject to graphqlssg.com for local development using CLI

Faker deployment 🤩

• After you deploy a faker it is deployed automatically on every save

CLI 🥸

• new cli https://github.com/graphql-editor/graphql-editor-cli
• Fetch schema from GraphQL Editor project.
• Generate TypeScript or Javascript typings from the GraphQL Editor project.
• Bootstrap a backend stucco project connected to the schema in the project.
• Generate TypeScript Models from GraphQL types.
• Resolvers!! Generate backend typed resolvers for your project.

Guide 🤔

• fully-featured guide

Coming Soon 🧐

• write backend microservices inside the browser
• write vendor-agnostic backend microservices in code for Azure/GCF/Lambda/Kubernetes
• fully-featured GraphiQL studio with collaboration and file saving and Schema explorer