fix/compilation fix, view configs with version

Author: piotr-szewczyk

lib/src/api/view/view.service.ts

@@ -2,7 +2,7 @@ import { Injectable } from "@nestjs/common";
 import { ApiResponse } from "../../common/types/dto/response.dto";
 import { EnvType, ViewConfigData } from "@traceo/types";
 import { EntityManager } from "typeorm";
-import { SESSION_NAME } from "../../common/helpers/constants";
+import { SESSION_NAME, VERSION } from "../../common/helpers/constants";
 import { Session } from "../../db/entities/session.entity";
 import { UserQueryService } from "../user/user-query/user-query.service";
 import { Request } from "express";
@@ -33,6 +33,7 @@ export class ViewService {
 
     settings.env = process.env.NODE_ENV as EnvType;
     settings.demoMode = isDemo;
+    settings.version = VERSION;
 
     return new ApiResponse("success", undefined, settings);
   }

lib/src/common/helpers/constants.ts

@@ -1,10 +1,9 @@
 export const ADMIN_EMAIL = "admin@localhost";
 export const ADMIN_NAME = "admin";
 
-export const VERSION = "1.2.3";
+export const VERSION = "1.2.4-2023.8.3";
 
 export const SESSION_NAME = "traceo_session";
 export const SESSION_EXPIRY_TIME = 60 * 1000 * 60 * 24; //24h
 
 export const INTERNAL_SERVER_ERROR = "Error. Please try again later.";
-export const REMOVED_MESSAGE_TEXT = "This message has been removed.";

public/packages/app/src/core/contexts/ConfigsContextProvider.tsx

@@ -6,7 +6,8 @@ import React, { useContext, useEffect, useState } from "react";
 const initialConfigs: ViewConfigData = {
   demoMode: false,
   user: {},
-  env: "development"
+  env: "development",
+  version: undefined
 };
 
 export const ConfigContext = React.createContext<ViewConfigData>(initialConfigs);

public/packages/app/src/core/utils/constants.ts

@@ -1,5 +1,3 @@
-export const VERSION = "1.2.3";
-
 export const GH_REPO_LINK = "https://github.com/traceo-dev/traceo";
 export const GH_REPO_ISSUE_LINK = "https://github.com/traceo-dev/traceo/issues/new";
 export const GH_SDK_REPO_LINK = "https://github.com/traceo-dev/traceo-node";

public/packages/app/src/features/admin/InstancePage.tsx

@@ -1,18 +1,19 @@
+import { useConfig } from "src/core/contexts/ConfigsContextProvider";
 import { DescriptionRow, Descriptions } from "../../core/components/Descriptions";
-import { VERSION } from "../../core/utils/constants";
 import dateUtils from "../../core/utils/date";
 import { DashboardPageWrapper } from "./components/DashboardPageWrapper";
 import { Card } from "@traceo/ui";
 
 const InstancePage = () => {
+  const { version } = useConfig();
   return (
     <DashboardPageWrapper>
       <Card title="Basic Informations">
         <Descriptions>
           <DescriptionRow label="Name">
             © {new Date().getFullYear()} Traceo Platform
           </DescriptionRow>
-          <DescriptionRow label="Version">{VERSION}</DescriptionRow>
+          <DescriptionRow label="Version">{version}</DescriptionRow>
           <DescriptionRow label="Timezone">{dateUtils.guessTz()}</DescriptionRow>
         </Descriptions>
       </Card>

public/packages/app/src/features/project/overview/components/Panels/PlotPanel.tsx

@@ -10,7 +10,7 @@ import api from "../../../../../core/lib/api";
 import { ApiResponse, VISUALIZATION_TYPE, isEmpty } from "@traceo/types";
 import dateUtils from "../../../../../core/utils/date";
 import { conditionClass, joinClasses } from "@traceo/ui";
-import { areArraysEqual } from "src/core/utils/arrays";
+import { areArraysEqual } from "../../../../../core/utils/arrays";
 
 export interface State {
   data: QueryResponseType;

public/packages/app/src/features/project/settings/SettingsDetailsPage.tsx

@@ -13,14 +13,12 @@ import { useRef, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { updateAplication } from "../state/project/actions";
 import { BaseProjectViewType } from "../../../core/types/hoc";
-import { useUser } from "src/core/hooks/useUser";
 
 export const SettingsDetailsPage = ({ project, permission }: BaseProjectViewType) => {
   const navigate = useNavigate();
   const dispatch = useAppDispatch();
 
   const isDemo = useDemo();
-  const { isAdmin } = useUser();
   const ref = useRef<HTMLInputElement>();
 
   const [loadingDelete, setLoadingDelete] = useState<boolean>(false);

public/packages/shared/traceo-types/src/types/configs.ts

@@ -6,4 +6,5 @@ export interface ViewConfigData {
   user: Partial<IUser>;
   demoMode: boolean;
   env: EnvType;
+  version: string;
 }