GraphQL

Preliminary Checks

• This issue is not a duplicate. Before opening a new issue, please search existing issues: https://github.com/gatsbyjs/gatsby/issues
• This issue is not a question, feature request, RFC, or anything other than a bug report directly related to Gatsby. Please post those things in GitHub Discussions: https://github.com/gatsbyjs/gatsby/discussions

Description

If

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to realtime
2. Paste url wss://ris-live.ripe.net/v1/ws/?client=hoppscotch.io
3. Observe connect is disabled
4. Remove parameter, quickly undo it and click connect (also a bug)
5. Send { "type": "ris_subscribe" } to the remote server
6. Observe you receive

When using Typescript <FilterLiveSearch> does not allow the fullWidth parameter but behaves as expected when adding a @ts-ignore

{/* @ts-ignore */}
<FilterLiveSearch source="q" fullWidth />

Thanks in advance for the correction.

While the upcoming Data Flows is correct, all left heading icons should be primary within the Settings Module:

You can see that this is currently "foreground-normal" on purple... which is incorrect.

I'm on 9.11.1 Cloud.

Actual Behavior

Field coloring varies depending whether the opening brace or directive is on the same line as the type definition. Especially in more complex cases (the Bar example below) it may be preferable to have directives on their own lines.

See field: String below:

<img width="461" alt="Screenshot 2019-05-06 at 14 33 44" src="https://user-images.githubusercontent.com/1436281/57

Full message:

warning create-redwood-app > @redwoodjs/telemetry > @redwoodjs/structure > @prisma/sdk > temp-write > uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.

Issue Type (check one)

• Bug Report

Description (type any text below) -->

When tabbing through the Spectrum interface it's difficult to know what you're interacting with since the outlines for tabbable elements have been removed.

If you force outlines back on you can see what is being tabbed.

*:focus {
    outline: 3px solid orange !important;
    outline-offse

Summary

Add a site AMP version.

Basic example

Nuxt.js has an example: https://github.com/nuxt/nuxt.js/tree/dev/examples/with-amp
Gatsby AMP Plugin: https://www.gatsbyjs.org/packages/gatsby-plugin-amp/

Motivation

The AMP Project support is very important to accessibility and Google's Pagerank. So, it could will be awesome had this support in Gridsome.