fix(examples): fix build

fostyfost · Oct 4, 2021 · 22ff44d · 22ff44d · vercel · Oct 4, 2021
1 parent 9ed7157
commit 22ff44d
Show file tree

Hide file tree

Showing 30 changed files with 40 additions and 34 deletions.
diff --git a/examples/example-next-gip/eggs/active-post/saga.ts b/examples/example-next-gip/eggs/active-post/saga.ts
@@ -1,6 +1,7 @@
 import { call, put, select, takeLatest } from 'redux-saga/effects'
 
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
+import { getServerHost } from '@/utils/get-server-host'
 
 import type { ActivePostPublicAction } from './action-creators'
 import { ActivePostReducerAction } from './action-creators'
@@ -21,9 +22,7 @@ function* loadActivePostWorker({ payload }: ReturnType<typeof ActivePostPublicAc
   try {
     const response: ActivePostResponseItem = yield call(
       fetchAsJson,
-      typeof window === 'undefined'
-        ? `http://localhost:${process.env.PORT}/api/posts/${payload}`
-        : `/api/posts/${payload}`,
+      typeof window === 'undefined' ? `${getServerHost()}/api/posts/${payload}` : `/api/posts/${payload}`,
     )
 
     yield put(

diff --git a/examples/example-next-gip/eggs/aviasales/api/getSearchIdWithApi.ts b/examples/example-next-gip/eggs/aviasales/api/getSearchIdWithApi.ts
@@ -1,5 +1,5 @@
 import type { SearchResponse } from '@/eggs/aviasales/contracts/api-response'
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 export const getSearchIdWithApi = (): Promise<SearchResponse> => {
   return fetchAsJson('https://front-test.beta.aviasales.ru/search')

diff --git a/examples/example-next-gip/eggs/aviasales/api/getTicketsWithApi.ts b/examples/example-next-gip/eggs/aviasales/api/getTicketsWithApi.ts
@@ -1,5 +1,5 @@
 import type { TicketsResponse } from '@/eggs/aviasales/contracts/api-response'
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 export const getTicketsWithApi = (searchId: string): Promise<TicketsResponse> => {
   return fetchAsJson(`https://front-test.beta.aviasales.ru/tickets?searchId=${searchId}`)

diff --git a/examples/example-next-gip/eggs/chuck-norris/saga.ts b/examples/example-next-gip/eggs/chuck-norris/saga.ts
@@ -1,6 +1,6 @@
 import { call, delay, put, select, takeLatest } from 'redux-saga/effects'
 
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 import { ChuckNorrisReducerAction } from './action-creators'
 import { ChuckNorrisActionType } from './action-types'

diff --git a/examples/example-next-gip/eggs/dog/saga.ts b/examples/example-next-gip/eggs/dog/saga.ts
@@ -1,6 +1,6 @@
 import { call, put, select, takeLatest } from 'redux-saga/effects'
 
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 import { DogReducerAction } from './action-creators'
 import { DogActionType } from './action-types'

diff --git a/examples/example-next-gip/eggs/fox/saga.ts b/examples/example-next-gip/eggs/fox/saga.ts
@@ -1,6 +1,6 @@
 import { call, put, select, takeLatest } from 'redux-saga/effects'
 
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 import { FoxReducerAction } from './action-creators'
 import { FoxActionType } from './action-types'

diff --git a/examples/example-next-gip/eggs/picsum/saga.ts b/examples/example-next-gip/eggs/picsum/saga.ts
@@ -1,6 +1,6 @@
 import { call, put, select, takeLatest } from 'redux-saga/effects'
 
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 import { PicsumReducerAction } from './action-creators'
 import { PicsumActionType } from './action-types'

diff --git a/examples/example-next-gip/eggs/posts/saga.ts b/examples/example-next-gip/eggs/posts/saga.ts
@@ -1,7 +1,8 @@
 import { call, put, select, takeLatest } from 'redux-saga/effects'
 
 import type { PostsResponseItem } from '@/eggs/posts/contracts/api-response'
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
+import { getServerHost } from '@/utils/get-server-host'
 
 import { PostsReducerAction } from './action-creators'
 import { PostsActionType } from './action-types'
@@ -20,7 +21,7 @@ function* loadPostsWorker() {
   try {
     const responseItems: PostsResponseItem[] = yield call(
       fetchAsJson,
-      typeof window === 'undefined' ? `http://localhost:${process.env.PORT}/api/posts` : '/api/posts',
+      typeof window === 'undefined' ? `${getServerHost()}/api/posts` : '/api/posts',
     )
 
     yield put(

diff --git a/examples/example-next-gip/eggs/users/saga.ts b/examples/example-next-gip/eggs/users/saga.ts
@@ -1,6 +1,6 @@
 import { call, put, select, takeLatest } from 'redux-saga/effects'
 
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 import { UsersReducerAction } from './action-creators'
 import { UsersActionType } from './action-types'

diff --git a/examples/example-next-gip/eggs/xkcd/saga.ts b/examples/example-next-gip/eggs/xkcd/saga.ts
@@ -1,6 +1,6 @@
 import { call, put, select, takeLatest } from 'redux-saga/effects'
 
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 import { XkcdReducerAction } from './action-creators'
 import { XkcdActionType } from './action-types'

diff --git a/examples/example-next-gip/package.json b/examples/example-next-gip/package.json
@@ -5,7 +5,7 @@
   "scripts": {
     "dev": "cross-env PORT=3020 next",
     "build": "next build",
-    "start": "cross-env PORT=3001 next start",
+    "start": "cross-env PORT=3021 next start",
     "analyze": "cross-env ANALYZE=true yarn build",
     "lint": "next lint",
     "type-check": "tsc --pretty --noEmit",

diff --git a/examples/example-next-gip/pages/api/posts/[id].ts b/examples/example-next-gip/pages/api/posts/[id].ts
@@ -1,7 +1,7 @@
 import type { NextApiHandler, NextApiResponse } from 'next'
 
 import type { PostsResponseItem } from '@/eggs/posts/contracts/api-response'
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 const sendError = (res: NextApiResponse, id: string): void => {
   res.status(404).json({ message: `Post with id ${id} not found.` })

diff --git a/examples/example-next-gip/pages/api/posts/index.ts b/examples/example-next-gip/pages/api/posts/index.ts
@@ -1,7 +1,7 @@
 import type { NextApiHandler } from 'next'
 
 import type { PostsResponseItem } from '@/eggs/posts/contracts/api-response'
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 const handler: NextApiHandler = async (_, res) => {
   try {

diff --git a/...les/example-next-gip/utils/fetchAsJson.ts → ...s/example-next-gip/utils/fetch-as-json.ts b/...les/example-next-gip/utils/fetchAsJson.ts → ...s/example-next-gip/utils/fetch-as-json.ts
diff --git a/examples/example-next-gip/utils/get-server-host.ts b/examples/example-next-gip/utils/get-server-host.ts
@@ -0,0 +1,3 @@
+export const getServerHost = () => {
+  return `http://localhost${process.env.PORT ? `:${process.env.PORT}` : ''}`
+}
diff --git a/examples/example-next/eggs/active-post/saga.ts b/examples/example-next/eggs/active-post/saga.ts
@@ -1,6 +1,7 @@
 import { call, put, select, takeLatest } from 'redux-saga/effects'
 
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
+import { getServerHost } from '@/utils/get-server-host'
 
 import type { ActivePostPublicAction } from './action-creators'
 import { ActivePostReducerAction } from './action-creators'
@@ -21,9 +22,7 @@ function* loadActivePostWorker({ payload }: ReturnType<typeof ActivePostPublicAc
   try {
     const response: ActivePostResponseItem = yield call(
       fetchAsJson,
-      typeof window === 'undefined'
-        ? `http://localhost:${process.env.PORT}/api/posts/${payload}`
-        : `/api/posts/${payload}`,
+      typeof window === 'undefined' ? `${getServerHost()}/api/posts/${payload}` : `/api/posts/${payload}`,
     )
 
     yield put(

diff --git a/examples/example-next/eggs/aviasales/api/getSearchIdWithApi.ts b/examples/example-next/eggs/aviasales/api/getSearchIdWithApi.ts
@@ -1,5 +1,5 @@
 import type { SearchResponse } from '@/eggs/aviasales/contracts/api-response'
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 export const getSearchIdWithApi = (): Promise<SearchResponse> => {
   return fetchAsJson('https://front-test.beta.aviasales.ru/search')

diff --git a/examples/example-next/eggs/aviasales/api/getTicketsWithApi.ts b/examples/example-next/eggs/aviasales/api/getTicketsWithApi.ts
@@ -1,5 +1,5 @@
 import type { TicketsResponse } from '@/eggs/aviasales/contracts/api-response'
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 export const getTicketsWithApi = (searchId: string): Promise<TicketsResponse> => {
   return fetchAsJson(`https://front-test.beta.aviasales.ru/tickets?searchId=${searchId}`)

diff --git a/examples/example-next/eggs/chuck-norris/saga.ts b/examples/example-next/eggs/chuck-norris/saga.ts
@@ -1,6 +1,6 @@
 import { call, delay, put, select, takeLatest } from 'redux-saga/effects'
 
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 import { ChuckNorrisReducerAction } from './action-creators'
 import { ChuckNorrisActionType } from './action-types'

diff --git a/examples/example-next/eggs/dog/saga.ts b/examples/example-next/eggs/dog/saga.ts
@@ -1,6 +1,6 @@
 import { call, put, select, takeLatest } from 'redux-saga/effects'
 
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 import { DogReducerAction } from './action-creators'
 import { DogActionType } from './action-types'

diff --git a/examples/example-next/eggs/fox/saga.ts b/examples/example-next/eggs/fox/saga.ts
@@ -1,6 +1,6 @@
 import { call, put, select, takeLatest } from 'redux-saga/effects'
 
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 import { FoxReducerAction } from './action-creators'
 import { FoxActionType } from './action-types'

diff --git a/examples/example-next/eggs/picsum/saga.ts b/examples/example-next/eggs/picsum/saga.ts
@@ -1,6 +1,6 @@
 import { call, put, select, takeLatest } from 'redux-saga/effects'
 
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 import { PicsumReducerAction } from './action-creators'
 import { PicsumActionType } from './action-types'

diff --git a/examples/example-next/eggs/posts/saga.ts b/examples/example-next/eggs/posts/saga.ts
@@ -1,7 +1,8 @@
 import { call, put, select, takeLatest } from 'redux-saga/effects'
 
 import type { PostsResponseItem } from '@/eggs/posts/contracts/api-response'
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
+import { getServerHost } from '@/utils/get-server-host'
 
 import { PostsReducerAction } from './action-creators'
 import { PostsActionType } from './action-types'
@@ -20,7 +21,7 @@ function* loadPostsWorker() {
   try {
     const responseItems: PostsResponseItem[] = yield call(
       fetchAsJson,
-      typeof window === 'undefined' ? `http://localhost:${process.env.PORT}/api/posts` : '/api/posts',
+      typeof window === 'undefined' ? `${getServerHost()}/api/posts` : '/api/posts',
     )
 
     yield put(

diff --git a/examples/example-next/eggs/users/saga.ts b/examples/example-next/eggs/users/saga.ts
@@ -1,6 +1,6 @@
 import { call, put, select, takeLatest } from 'redux-saga/effects'
 
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 import { UsersReducerAction } from './action-creators'
 import { UsersActionType } from './action-types'

diff --git a/examples/example-next/eggs/xkcd/saga.ts b/examples/example-next/eggs/xkcd/saga.ts
@@ -1,6 +1,6 @@
 import { call, put, select, takeLatest } from 'redux-saga/effects'
 
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 import { XkcdReducerAction } from './action-creators'
 import { XkcdActionType } from './action-types'

diff --git a/examples/example-next/package.json b/examples/example-next/package.json
@@ -5,7 +5,7 @@
   "scripts": {
     "dev": "cross-env PORT=3010 next",
     "build": "next build",
-    "start": "cross-env PORT=3001 next start",
+    "start": "cross-env PORT=3011 next start",
     "analyze": "cross-env ANALYZE=true yarn build",
     "lint": "next lint",
     "type-check": "tsc --pretty --noEmit",

diff --git a/examples/example-next/pages/api/posts/[id].ts b/examples/example-next/pages/api/posts/[id].ts
@@ -1,7 +1,7 @@
 import type { NextApiHandler, NextApiResponse } from 'next'
 
 import type { PostsResponseItem } from '@/eggs/posts/contracts/api-response'
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 const sendError = (res: NextApiResponse, id: string): void => {
   res.status(404).json({ message: `Post with id ${id} not found.` })

diff --git a/examples/example-next/pages/api/posts/index.ts b/examples/example-next/pages/api/posts/index.ts
@@ -1,7 +1,7 @@
 import type { NextApiHandler } from 'next'
 
 import type { PostsResponseItem } from '@/eggs/posts/contracts/api-response'
-import { fetchAsJson } from '@/utils/fetchAsJson'
+import { fetchAsJson } from '@/utils/fetch-as-json'
 
 const handler: NextApiHandler = async (_, res) => {
   try {

diff --git a/examples/example-next/utils/fetchAsJson.ts → examples/example-next/utils/fetch-as-json.ts b/examples/example-next/utils/fetchAsJson.ts → examples/example-next/utils/fetch-as-json.ts
diff --git a/examples/example-next/utils/get-server-host.ts b/examples/example-next/utils/get-server-host.ts
@@ -0,0 +1,3 @@
+export const getServerHost = () => {
+  return `http://localhost${process.env.PORT ? `:${process.env.PORT}` : ''}`
+}