Feat/implement heat trace app

apps/heattrace/CHANGELOG.md

@@ -0,0 +1,3 @@
+## Version 0.0.1
+
+Init app

apps/heattrace/README.md

@@ -0,0 +1,3 @@
+# heattrace
+
+Add readme

apps/heattrace/app.config.js

@@ -0,0 +1,16 @@
+import { readFileSync } from 'fs';
+
+const { name } = JSON.parse(readFileSync('./package.json').toString('utf-8'));
+
+export default () => ({
+  manifest: {
+    key: name,
+    name: name,
+  },
+  environment: {
+    // uri: 'https://backend-fusion-data-gateway-test.radix.equinor.com',
+    uri: 'https://localhost:7074',
+    defaultScopes: ['api://ed6de162-dd30-4757-95eb-0ffc8d34fbe0/access_as_user'],
+  },
+  endpoints: {},
+});

apps/heattrace/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "heat-trace",
+  "displayName": "Heat Trace",
+  "shortName": "heat-trace",
+  "version": "0.0.1",
+  "main": "/src/main.tsx",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "fusion-framework-cli app dev",
+    "build": "tsc -b -f",
+    "pr:deploy": "npx ts-node --esm ../../github-action/src/releasePr.ts release",
+    "fprd:deploy": "npx ts-node --esm ../../github-action/src/releaseMain.ts release"
+  },
+  "dependencies": {
+    "@cc-components/heattraceapp": "workspace:^",
+    "@cc-components/shared": "workspace:^"
+  },
+  "files": [
+    "dist/app-bundle.js",
+    "app-manifest.json"
+  ]
+}

apps/heattrace/src/main.tsx

@@ -0,0 +1,15 @@
+import { configure, WorkspaceWrapper } from '@cc-components/heattraceapp';
+import { useHttpClient } from '@equinor/fusion-framework-react-app/http';
+import { createRender, RootAppWrapper } from '@cc-components/shared';
+
+const MyApp = () => {
+  const client = useHttpClient('cc-api');
+  return (
+    <RootAppWrapper client={client}>
+      <WorkspaceWrapper />
+    </RootAppWrapper>
+  );
+};
+
+export const render = createRender(MyApp, configure);
+export default render;

apps/heattrace/tsconfig.app.json

@@ -0,0 +1,22 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "types": ["node"],
+    "rootDir": "."
+  },
+  "exclude": [
+    "jest.config.ts",
+    "**/*.spec.ts",
+    "**/*.test.ts",
+    "**/*.spec.tsx",
+    "**/*.test.tsx",
+    "**/*.spec.js",
+    "**/*.test.js",
+    "**/*.spec.jsx",
+    "**/*.test.jsx",
+    "dist",
+    "vite.config.ts"
+  ],
+  "include": ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"]
+}

apps/heattrace/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "allowJs": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ]
+}

apps/heattrace/vite.config.ts

@@ -0,0 +1,19 @@
+import { defineConfig } from 'vite';
+import EnvironmentPlugin from 'vite-plugin-environment';
+
+export default defineConfig({
+  plugins: [
+    EnvironmentPlugin({
+      NODE_ENV: 'production',
+    }),
+  ],
+  appType: 'custom',
+  build: {
+    emptyOutDir: true,
+    lib: {
+      entry: './src/main.tsx',
+      fileName: 'app-bundle',
+      formats: ['es'],
+    },
+  },
+});

libs/heattraceapp/README.md

@@ -0,0 +1,3 @@
+# heattraceapp
+
+Add readme

libs/heattraceapp/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@cc-components/heattraceapp",
+  "version": "0.0.1",
+  "type": "module",
+  "scripts": {
+    "build": "tsc -b"
+  },
+  "module": "./dist/src/index.js",
+  "main": "./dist/src/index.js",
+  "types": "./dist/src/index.d.ts",
+  "dependencies": {
+    "@cc-components/shared": "workspace:^",
+    "@cc-components/sharedcomponents": "workspace:^",
+    "@cc-components/heattraceshared": "workspace:^",
+    "@cc-components/heattracesidesheet": "workspace:^"
+  }
+}

libs/heattraceapp/src/index.ts

@@ -0,0 +1 @@
+export * from './lib';

libs/heattraceapp/src/lib/config/frameworkConfig.ts

@@ -0,0 +1,40 @@
+import { enableAgGrid } from '@equinor/fusion-framework-module-ag-grid';
+import {
+  ComponentRenderArgs,
+  IAppConfigurator,
+} from '@equinor/fusion-framework-react-app';
+import { enableContext } from '@equinor/fusion-framework-react-module-context';
+import buildQuery from 'odata-query';
+
+export const configure = async (config: IAppConfigurator, c: ComponentRenderArgs) => {
+  enableContext(config, async (builder) => {
+    builder.setContextType(['ProjectMaster']);
+    builder.setContextParameterFn(({ search, type }) => {
+      return buildQuery({
+        search,
+        filter: {
+          type: {
+            in: type,
+          },
+        },
+      });
+    });
+  });
+
+  const envConfig: HeattraceEnvConfig = c.env.config?.environment as HeattraceEnvConfig;
+
+  if (!envConfig) {
+    throw new Error('Failed to load environemnt config for workorder');
+  }
+  config.configureHttpClient('cc-api', {
+    baseUri: envConfig?.uri,
+    defaultScopes: envConfig?.defaultScopes,
+  });
+
+  enableAgGrid(config);
+};
+
+type HeattraceEnvConfig = {
+  uri: string;
+  defaultScopes: string[];
+};

libs/heattraceapp/src/lib/config/gardenConfig.tsx

@@ -0,0 +1,35 @@
+import { HeatTrace } from '@cc-components/heattraceshared';
+import { GardenConfig } from '@equinor/workspace-fusion/garden';
+import { useGardenDataSource } from '@cc-components/shared/workspace-config';
+import { GardenItem } from '../ui-garden/';
+import { FilterState } from '@equinor/workspace-fusion/filter';
+import { useHttpClient } from '@cc-components/shared';
+
+export const useGardenConfig = (
+  contextId: string
+): GardenConfig<HeatTrace, FilterState> => {
+  const client = useHttpClient();
+  const { getBlockAsync, getGardenMeta, getHeader, getSubgroupItems } =
+    useGardenDataSource({
+      getBlockAsync: (req) =>
+        client.fetch(`/api/contexts/${contextId}/heat-trace/garden`, req),
+      getGardenMeta: (req) =>
+        client.fetch(`/api/contexts/${contextId}/heat-trace/garden-meta`, req),
+      getHeader: (req) =>
+        client.fetch(`/api/contexts/${contextId}/heat-trace/garden`, req),
+      getSubgroupItems: (req) =>
+        client.fetch(`/api/contexts/${contextId}/heat-trace/subgroup-items`, req),
+    });
+
+  return {
+    getBlockAsync,
+    getGardenMeta,
+    getHeader,
+    getSubgroupItems,
+    getDisplayName: (item) => item.heatTraceCableNo,
+    initialGrouping: ['Priority1'],
+    customViews: {
+      customItemView: GardenItem,
+    },
+  };
+};

libs/heattraceapp/src/lib/config/heattraceSidesheet.tsx

@@ -0,0 +1,10 @@
+import { SidesheetConfig } from '@equinor/workspace-fusion/sidesheet';
+import { HeatTrace } from '@cc-components/heattraceshared';
+import { HeattraceSidesheet } from '@cc-components/heattracesidesheet';
+
+export const sidesheetConfig: SidesheetConfig<HeatTrace> = {
+  type: 'default',
+  DetailsSidesheet: (props) => (
+    <HeattraceSidesheet.Component id={props.id} item={props.item} close={props.close} />
+  ),
+};

libs/heattraceapp/src/lib/config/index.ts

@@ -0,0 +1,2 @@
+export { WorkspaceWrapper } from './workspaceConfig';
+export { configure } from './frameworkConfig';

libs/heattraceapp/src/lib/config/statusBarConfig.ts

@@ -0,0 +1,20 @@
+import { StatusBarConfig } from '@equinor/workspace-fusion/status-bar';
+import { useHttpClient } from '@cc-components/shared';
+
+export const useStatusBarConfig = (contextId: string): StatusBarConfig => {
+  const client = useHttpClient();
+
+  return async (filters, signal) => {
+    const res = await client.fetch(`/api/contexts/${contextId}/heat-trace/kpis`, {
+      method: 'POST',
+      body: JSON.stringify({
+        filter: filters,
+      }),
+      signal,
+      headers: {
+        ['content-type']: 'application/json',
+      },
+    });
+    return (await res.json()).map((s: any) => ({ ...s, title: s.name }));
+  };
+};

libs/heattraceapp/src/lib/config/tableConfig.tsx

@@ -0,0 +1,94 @@
+import { ColDef, GridConfig, ICellRendererProps } from '@equinor/workspace-fusion/grid';
+import { CheckList, HeatTrace } from '@cc-components/heattraceshared';
+import { FilterState } from '@equinor/workspace-fusion/filter';
+import {
+  defaultGridOptions,
+  useGridDataSource,
+} from '@cc-components/shared/workspace-config';
+import {
+  DateCell,
+  DescriptionCell,
+  StyledMonospace,
+  useHttpClient,
+} from '@cc-components/shared';
+
+export const useTableConfig = (contextId: string): GridConfig<HeatTrace, FilterState> => {
+  const client = useHttpClient();
+
+  const { getRows, colDefs } = useGridDataSource<HeatTrace>(async (req) => {
+    const res = await client.fetch(`/api/contexts/${contextId}/heat-trace/grid`, req);
+    const meta = await res.json();
+
+    return {
+      rowCount: meta.rowCount,
+      items: meta.items,
+      columnDefinitions: meta.columnDefinitions,
+    };
+  }, columnDefinitions);
+  return {
+    gridOptions: {
+      ...defaultGridOptions,
+      onFirstDataRendered: (e) => {
+        e.columnApi.autoSizeColumns(
+          e.columnApi
+            .getAllDisplayedColumns()
+            .filter((column) => column.getColId() !== 'description')
+        );
+      },
+    },
+    getRows: getRows,
+    columnDefinitions: colDefs as [ColDef<HeatTrace>, ...ColDef<HeatTrace>[]],
+  };
+};
+
+const columnDefinitions: [ColDef<HeatTrace>, ...ColDef<HeatTrace>[]] = [
+  {
+    colId: 'HeatTraceCableNo',
+    field: 'Tag',
+    valueGetter: (pkg) => pkg.data?.heatTraceCableNo,
+    cellRenderer: (props: ICellRendererProps<HeatTrace, string>) => {
+      return <StyledMonospace>{props.value}</StyledMonospace>;
+    },
+  },
+  {
+    colId: 'HeatTraceCableDescription',
+    field: 'Description',
+    valueGetter: (pkg) => pkg.data?.heatTraceCableDescription,
+    cellRenderer: (props: ICellRendererProps<HeatTrace, string | null>) => {
+      return <DescriptionCell description={props.value} />;
+    },
+    width: 300,
+  },
+  { colId: 'Priority1', field: 'Priority1', valueGetter: (pkg) => pkg.data?.priority1 },
+  {
+    colId: 'Location',
+    field: 'Location',
+    valueGetter: (pkg) => pkg.data?.location,
+    cellRenderer: (props: ICellRendererProps<HeatTrace, string>) => {
+      return <StyledMonospace>{props.value}</StyledMonospace>;
+    },
+  },
+  // Need to implement the visual checklistStatus
+  { field: 'Checklist status', valueGetter: (pkg) => pkg.data?.status },
+  { field: 'Current step', valueGetter: (pkg) => 't.b.d :D' },
+  {
+    field: 'RFC',
+    valueGetter: (pkg) => 'RFC',
+    cellRenderer: (props: ICellRendererProps<HeatTrace, string | null | undefined>) => {
+      return props.value ? <DateCell dateString={props.value} /> : null;
+    },
+  },
+  {
+    field: 'Pipetests',
+    valueGetter: (pkg) => pkg.data?.pipetest,
+    cellRenderer: (props: ICellRendererProps<HeatTrace, CheckList[]>) => {
+      if (!props.value) return null;
+      return props.value;
+      // (
+      //   <StyledMonospace>
+      //     {generateCommaSeperatedStringArrayColumn(getHTList(props.value))}
+      //   </StyledMonospace>
+      // );
+    },
+  },
+];