Skip to content

Commit 17bee1c

Browse files
dimaMachinadimaMachina
authored
[4] Update graphiql examples, add GraphiQL 5 x Vite and GraphiQL 5 x Next.js examples (#3966)
* use execution store * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * default query * persist headers * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * reduce rerenders * add logs * try * cleanup * cspell * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * fixes * fixes * fixes * fixes * fixes * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * upd * prettier * upd * move plugins check to store * upd * upd * refactor * refactor * upd * upd * upd * upd * upd * upd * lint fix * all in one * yarn lokc * fix * yarn.lock * update babel.config.js * fix tests * update examples * yarn.lock * run yarn * add changeset * Delete .changeset/five-cars-roll.md * upd snapshot * trigger rebuild of netlify example * should fix netlify * and here * upd yarn.lock
1 parent e08c217 commit 17bee1c

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

55 files changed

+1019
-677
lines changed

‎.changeset/nasty-pandas-taste.md‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
---
2+
'graphiql': major
3+
---
4+
5+
Remove examples: `GraphiQL x Parcel` and `GraphiQL x Create React App`
6+
7+
Add new examples: `GraphiQL x Vite` and `GraphiQL x Next.js`

‎examples/graphiql-cdn/index.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,6 @@
1414
<style>
1515
body {
1616
margin: 0;
17-
overflow: hidden; /* in Firefox */
1817
}
1918

2019
#graphiql {

‎examples/graphiql-create-react-app/README.md‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11
# GraphiQL `create-react-app` Example
22

3-
This example demonstrates how to transpile your own custom ES6 and typescript GraphiQL implementation bootstrapped with `create-react-app`, no config needed.
4-
5-
## Setup
6-
7-
1. `yarn` and `yarn start` from this folder to start `react-scripts` dev server.
8-
1. `yarn build` from this folder to build production ready transpiled files using `react-scripts`. Find the output in `build` folder.
3+
> [!WARNING]
4+
>
5+
> This example has been removed. You can find its last version [here](https://github.com/graphql/graphiql/tree/3b93d27f7568d93db5cd146157220b127eeea737/examples/graphiql-create-react-app).
6+
> We recommend using the [GraphiQL Vite](../graphiql-vite) or [GraphiQL Next.js](../graphiql-nextjs) examples instead.

‎examples/graphiql-create-react-app/package.json‎

Lines changed: 0 additions & 31 deletions
This file was deleted.

‎examples/graphiql-create-react-app/public/index.html‎

Lines changed: 0 additions & 30 deletions
This file was deleted.

‎examples/graphiql-create-react-app/src/App.jsx‎

Lines changed: 0 additions & 22 deletions
This file was deleted.

‎examples/graphiql-create-react-app/src/index.css‎

Lines changed: 0 additions & 6 deletions
This file was deleted.

‎examples/graphiql-nextjs/README.md‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
2+
3+
## Getting Started
4+
5+
First, run the development server:
6+
7+
```bash
8+
npm run dev
9+
# or
10+
yarn dev
11+
# or
12+
pnpm dev
13+
# or
14+
bun dev
15+
```
16+
17+
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
18+
19+
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

‎examples/graphiql-nextjs/next-env.d.ts‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
/// <reference types="next" />
2+
/// <reference types="next/image-types/global" />
3+
4+
// NOTE: This file should not be edited
5+
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

‎examples/graphiql-nextjs/next.config.ts‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
import type { NextConfig } from 'next';
2+
3+
const nextConfig: NextConfig = {
4+
/* config options here */
5+
};
6+
7+
export default nextConfig;

0 commit comments

Comments
 (0)