refresh webpack example and fix dependencies

example/webpack-example/index.jsx

@@ -2,7 +2,6 @@ import * as React from 'react';
 import * as ReactDOMClient from 'react-dom/client';
 
 import { Voyager } from 'graphql-voyager';
-import fetch from 'isomorphic-fetch';
 
 class Test extends React.Component {
  constructor() {
@@ -18,15 +17,17 @@ class Test extends React.Component {
  );
  }
 
- introspectionProvider(query) {
- return fetch('http://swapi.apis.guru', {
+ async introspectionProvider(query) {
+ const response = await fetch('https://swapi-graphql.netlify.app/.netlify/functions/index', {
  method: 'post',
  headers: {
  Accept: 'application/json',
  'Content-Type': 'application/json',
  },
  body: JSON.stringify({ query }),
- }).then((response) => response.json());
+ credentials: 'omit',
+ });
+ return response.json();
  }
 }
 

example/webpack-example/package.json

@@ -1,20 +1,22 @@
 {
+ "private": "true",
  "description": "An example using GraphQL-Voyager",
  "scripts": {
- "start": "webpack-dev-server --config webpack.config.js"
+ "start": "webpack-dev-server --config webpack.config.js --mode=development"
  },
  "dependencies": {
- "graphql": "14.2.1",
- "graphql-voyager": "../../",
- "react": "16.8.6",
- "react-dom": "16.8.6"
+ "graphql": "16.5.0",
+ "graphql-voyager": "file:../../graphql-voyager-1.0.0.tgz",
+ "react": "18.2.0",
+ "react-dom": "18.2.0"
  },
  "devDependencies": {
  "@babel/core": "7.4.3",
  "@babel/preset-env": "7.4.3",
  "@babel/preset-react": "7.0.0",
  "babel-loader": "8.0.5",
- "webpack": "4.30.0",
- "webpack-dev-server": "3.3.1"
+ "webpack": "5.73.0",
+ "webpack-cli": "4.10.0",
+ "webpack-dev-server": "4.9.1"
  }
 }

example/webpack-example/webpack.config.js

@@ -9,17 +9,16 @@ module.exports = {
  hints: false,
  },
  devServer: {
- contentBase: __dirname,
- watchContentBase: true,
+ https: true,
  port: 9090,
- stats: 'errors-only',
+ static: {
+ directory: __dirname,
+ },
+ liveReload: true,
  },
+ stats: 'errors-only',
  resolve: {
  extensions: ['.ts', '.tsx', '.mjs', '.js', '.json', '.css', '.svg'],
- alias: {
- // fix "duplicated react" issue when using npm link
- react: require.resolve('react'),
- },
  },
  entry: ['./index.jsx'],
  output: {