fix: import axios in using require() to avoid `XMLHttpRequest is no…

…t defined` (#225)

See: vitejs/vite#6397

.changeset/metal-months-reply.md

@@ -0,0 +1,7 @@
+---
+'@nhost/hasura-auth-js': patch
+'@nhost/hasura-storage-js': patch
+'@nhost/nhost-js': patch
+---
+
+Axios causes some trouble when used NodeJS / CommonJS. Any code importing `axios` now does so in using the `require()` syntax

packages/hasura-auth-js/src/hasura-auth-api.ts

@@ -1,4 +1,4 @@
-import axios, { AxiosError, AxiosInstance } from 'axios'
+import type { AxiosError, AxiosInstance } from 'axios'
 
 import {
   ApiChangeEmailResponse,
@@ -24,6 +24,8 @@ import {
   SignUpEmailPasswordParams
 } from './utils/types'
 
+const axios = require('axios')
+
 const SERVER_ERROR_CODE = 500
 export class HasuraAuthApi {
   private url: string

packages/hasura-storage-js/src/hasura-storage-api.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
-import axios, { AxiosInstance } from 'axios'
+import type { AxiosInstance } from 'axios'
 
 import {
   ApiDeleteParams,
@@ -11,6 +11,7 @@ import {
   UploadHeaders
 } from './utils/types'
 
+const axios = require('axios')
 export class HasuraStorageApi {
   private url: string
   private httpClient: AxiosInstance

packages/nhost-js/src/clients/functions.ts

@@ -1,7 +1,8 @@
-import axios, { AxiosInstance, AxiosRequestConfig } from 'axios'
+import type { AxiosInstance, AxiosRequestConfig } from 'axios'
 
 import { FunctionCallResponse } from '../types'
 
+const axios = require('axios')
 export interface NhostFunctionsConstructorParams {
   url: string
 }

packages/nhost-js/src/clients/graphql.ts

@@ -1,7 +1,9 @@
-import axios, { AxiosInstance, AxiosRequestConfig } from 'axios'
+import type { AxiosInstance, AxiosRequestConfig } from 'axios'
 
 import { GraphqlRequestResponse, GraphqlResponse } from '../types'
 
+const axios = require('axios')
+
 export interface NhostGraphqlConstructorParams {
   url: string
 }

packages/nhost-js/src/types.ts

@@ -1,4 +1,4 @@
-import { AxiosResponse } from 'axios'
+import type { AxiosResponse } from 'axios'
 
 export type GraphqlRequestResponse =
   | {