local frontend deploy

Author: Kimiega

frontend/src/features/authentication/api/authFx.ts

@@ -4,7 +4,7 @@ import { AuthRequest } from '../model/AuthRequest.ts'
 import { AuthResponse } from '../model/AuthResponse.ts'
 import axios from 'axios'
 import { AuthState, initialAuthState } from '@/entities'
-import { backendAuthikUrl } from '@/shared/api'
+import { backendUrl } from '@/shared/api'
 
 export const $authStore = createStore<AuthState>(initialAuthState)
 export const $userIdStore = createStore<number | null>(null)
@@ -19,7 +19,7 @@ export const authFx = createEffect<AuthRequest, AuthState, Error>({
   handler: async (authReq) => {
     try {
       const response = await axios.put<AuthResponse>(
-        `${backendAuthikUrl}/api/auth/telegram/web-app`,
+        `${backendUrl}/api/auth/telegram/web-app`,
         JSON.stringify(authReq),
         {
           method: 'PUT',

frontend/src/features/edit-profile/api/editProfile.ts

@@ -1,10 +1,10 @@
 import { Person } from '@/entities/person/model/Person.ts'
-import { backendPeopleUrl } from '@/shared/api'
+import { backendUrl } from '@/shared/api'
 import axios from 'axios'
 import { PersonPatch } from '@/entities/person-patch/model/PersonPatch.ts'
 
 export function editProfile(profile: Person) {
-  const url = `${backendPeopleUrl}/api/people/${profile.id}`
+  const url = `${backendUrl}/api/people/${profile.id}`
 
   // FIXME jwt token
   const basicAuth = 'test basic auth'

frontend/src/features/get-faculties/api/getFaculties.ts

@@ -1,12 +1,12 @@
 import axios from 'axios'
 import React from 'react'
-import { backendPeopleUrl } from '@/shared/api'
+import { backendUrl } from '@/shared/api'
 import { Faculty } from '@/entities/registration-data/model/faculty.ts'
 
 export function getFaculties(
   setFaculties: React.Dispatch<React.SetStateAction<Array<Faculty>>>,
 ) {
-  const url = `${backendPeopleUrl}/api/faculties`
+  const url = `${backendUrl}/api/faculties`
 
   axios
     .get(url)

frontend/src/features/get-locations/api/getLocations.ts

@@ -1,12 +1,12 @@
 import axios from 'axios'
 import React from 'react'
-import { backendPeopleUrl } from '@/shared/api'
+import { backendUrl } from '@/shared/api'
 import { Location } from '@/entities/registration-data/model/Location.ts'
 
 export function getLocations(
   setLocations: React.Dispatch<React.SetStateAction<Array<Location>>>,
 ) {
-  const url = `${backendPeopleUrl}/api/locations`
+  const url = `${backendUrl}/api/locations`
 
   axios
     .get(url)

frontend/src/features/get-suggestions/api/getSuggestions.ts

@@ -1,13 +1,13 @@
 import axios from 'axios'
 import React from 'react'
-import { backendMatchmakerUrl } from '@/shared/api'
+import { backendUrl } from '@/shared/api'
 import { $authStore } from '@/features/authentication/api/authFx.ts'
 
 export function getSuggestions(
   setPersonIdArray: React.Dispatch<React.SetStateAction<Array<number>>>,
   limit: number,
 ) {
-  const url = `${backendMatchmakerUrl}/api/suggestions?limit=${limit}`
+  const url = `${backendUrl}/api/suggestions?limit=${limit}`
   const config = {
     method: 'GET',
     headers: {

frontend/src/features/get-topics/api/getTopics.ts

@@ -1,12 +1,12 @@
 import axios from 'axios'
 import { Topic } from '@/entities/registration-data/model/topic.ts'
 import React from 'react'
-import { backendPeopleUrl } from '@/shared/api'
+import { backendUrl } from '@/shared/api'
 
 export function getTopics(
   setTopics: React.Dispatch<React.SetStateAction<Array<Topic>>>,
 ) {
-  const url = `${backendPeopleUrl}/api/topics`
+  const url = `${backendUrl}/api/topics`
 
   axios
     .get(url)

frontend/src/features/get_user/api/getUser.ts

@@ -1,10 +1,10 @@
 import { PersonLegacy } from '@/entities/person/model/Person.ts'
-import { backendPeopleUrl } from '@/shared/api'
+import { backendUrl } from '@/shared/api'
 import axios, { AxiosResponse } from 'axios'
 import { $authStore } from '@/features/authentication/api/authFx.ts'
 
 export function getUser(userId: number): Promise<AxiosResponse<PersonLegacy>> {
-  const url = `${backendPeopleUrl}/api/people/${userId}`
+  const url = `${backendUrl}/api/people/${userId}`
 
   // FIXME jwt token
   const basicAuth = `Bearer ${$authStore.getState().token}`

frontend/src/features/patch-person/api/patchPerson.ts

@@ -1,5 +1,5 @@
 import axios, { AxiosResponse } from 'axios'
-import { backendPeopleUrl } from '@/shared/api'
+import { backendUrl } from '@/shared/api'
 import { RegistrationData } from '@/entities'
 import {
   $authStore,
@@ -12,7 +12,7 @@ export function patchPerson(
   registartionData: RegistrationData,
   status: string,
 ): Promise<AxiosResponse<void | IError>> {
-  const url = `${backendPeopleUrl}/api/people/${$userIdStore.getState()}`
+  const url = `${backendUrl}/api/people/${$userIdStore.getState()}`
   const config = {
     method: 'PATCH',
     headers: {

frontend/src/features/set-attitude/api/setAttitude.ts

@@ -1,8 +1,8 @@
 import axios from 'axios'
-import { backendMatchmakerUrl } from '@/shared/api'
+import { backendUrl } from '@/shared/api'
 
 export function setAttitude(personId: number, attitude: string) {
-  const url = `${backendMatchmakerUrl}/api/people/${personId}/attitudes/incoming/${attitude}`
+  const url = `${backendUrl}/api/people/${personId}/attitudes/incoming/${attitude}`
 
   // FIXME jwt token
   const basicAuth = 'test basic auth'

frontend/src/shared/api/api.ts

@@ -8,6 +8,5 @@ export async function api<T>(url: string): Promise<T> {
 }
 export type JwtToken = string
 
-export const backendMatchmakerUrl = 'https://itmodating.3utilities.com:444'
-export const backendPeopleUrl = 'https://itmodating.3utilities.com:444'
-export const backendAuthikUrl = 'https://itmodating.3utilities.com:444'
+export const backendUrl = 'https://localhost:444'
+//'https://itmodating.3utilities.com:444'

frontend/src/shared/api/index.ts

@@ -1,9 +1,7 @@
 export {
   api,
   type JwtToken,
-  backendPeopleUrl,
-  backendMatchmakerUrl,
-  backendAuthikUrl,
+  backendUrl,
 } from './api.ts'
 
 export { $errorStore, throwErrorFx } from './error.ts'

frontend/vite.config.ts

@@ -10,19 +10,32 @@ export default defineConfig({
     react(),
     tsconfigPaths(),
     //dev certificate
-    //  mkcert(),
+    mkcert({
+      savePath: './.cert',
+      force: true,
+      hosts: ["itmodating.3utilities.com", "127.0.0.1"]
+    })
   ],
   publicDir: './public',
   server: {
     host: true,
+    port: 443,
+    https: {
+      cert: './.cert/cert.pem',
+      key: './.cert/dev.pem'
+    }
   },
   preview: {
     strictPort: true,
     port: 443,
     https: {
-      key: fs.readFileSync('./.cert/privkey.pem'),
-      cert: fs.readFileSync('./.cert/cert.pem'),
-      ca: fs.readFileSync('./.cert/chain.pem'),
-    },
+      cert: './.cert/cert.pem',
+      key: './.cert/dev.pem'
+    }
+    // https: {
+    //   key: fs.readFileSync('./.cert/le-privkey.pem'),
+    //   cert: fs.readFileSync('./.cert/le-cert.pem'),
+    //   ca: fs.readFileSync('./.cert/le-chain.pem'),
+    // },
   },
 })