Release/v0.49.x

CONTRIBUTING.md

@@ -347,7 +347,7 @@ curl -sL https:/SigNoz/signoz/raw/develop/sample-apps/hotrod/hotrod-
 ```bash
 kubectl -n sample-application run strzal --image=djbingham/curl \
  --restart='OnFailure' -i --tty --rm --command -- curl -X POST -F \
- 'locust_count=6' -F 'hatch_rate=2' http://locust-master:8089/swarm
+ 'user_count=6' -F 'spawn_rate=2' http://locust-master:8089/swarm
 ```
 
 **5.1.3 To stop the load generation:**

Makefile

@@ -188,3 +188,4 @@ test:
  go test ./pkg/query-service/tests/integration/...
  go test ./pkg/query-service/rules/...
  go test ./pkg/query-service/collectorsimulator/...
+ go test ./pkg/query-service/postprocess/...

deploy/docker-swarm/clickhouse-setup/docker-compose.yaml

@@ -146,7 +146,7 @@ services:
  condition: on-failure
 
  query-service:
- image: signoz/query-service:0.48.1
+ image: signoz/query-service:0.49.0
  command:
  [
  "-config=/root/config/prometheus.yml",
@@ -199,7 +199,7 @@ services:
  - ../common/nginx-config.conf:/etc/nginx/conf.d/default.conf
 
  otel-collector:
- image: signoz/signoz-otel-collector:0.102.0
+ image: signoz/signoz-otel-collector:0.102.1
  command:
  [
  "--config=/etc/otel-collector-config.yaml",
@@ -237,7 +237,7 @@ services:
  - query-service
 
  otel-collector-migrator:
- image: signoz/signoz-schema-migrator:0.102.0
+ image: signoz/signoz-schema-migrator:0.102.1
  deploy:
  restart_policy:
  condition: on-failure

deploy/docker/clickhouse-setup/docker-compose-core.yaml

@@ -66,7 +66,7 @@ services:
  - --storage.path=/data
 
  otel-collector-migrator:
- image: signoz/signoz-schema-migrator:${OTELCOL_TAG:-0.102.0}
+ image: signoz/signoz-schema-migrator:${OTELCOL_TAG:-0.102.1}
  container_name: otel-migrator
  command:
  - "--dsn=tcp://clickhouse:9000"
@@ -81,7 +81,7 @@ services:
  # Notes for Maintainers/Contributors who will change Line Numbers of Frontend & Query-Section. Please Update Line Numbers in `./scripts/commentLinesForSetup.sh` & `./CONTRIBUTING.md`
  otel-collector:
  container_name: signoz-otel-collector
- image: signoz/signoz-otel-collector:0.102.0
+ image: signoz/signoz-otel-collector:0.102.1
  command:
  [
  "--config=/etc/otel-collector-config.yaml",

deploy/docker/clickhouse-setup/docker-compose.testing.yaml

@@ -164,7 +164,7 @@ services:
  # Notes for Maintainers/Contributors who will change Line Numbers of Frontend & Query-Section. Please Update Line Numbers in `./scripts/commentLinesForSetup.sh` & `./CONTRIBUTING.md`
 
  query-service:
- image: signoz/query-service:${DOCKER_TAG:-0.48.1}
+ image: signoz/query-service:${DOCKER_TAG:-0.49.0}
  container_name: signoz-query-service
  command:
  [
@@ -204,7 +204,7 @@ services:
  <<: *db-depend
 
  frontend:
- image: signoz/frontend:${DOCKER_TAG:-0.48.1}
+ image: signoz/frontend:${DOCKER_TAG:-0.49.0}
  container_name: signoz-frontend
  restart: on-failure
  depends_on:
@@ -216,7 +216,7 @@ services:
  - ../common/nginx-config.conf:/etc/nginx/conf.d/default.conf
 
  otel-collector-migrator:
- image: signoz/signoz-schema-migrator:${OTELCOL_TAG:-0.102.0}
+ image: signoz/signoz-schema-migrator:${OTELCOL_TAG:-0.102.1}
  container_name: otel-migrator
  command:
  - "--dsn=tcp://clickhouse:9000"
@@ -230,7 +230,7 @@ services:
 
 
  otel-collector:
- image: signoz/signoz-otel-collector:${OTELCOL_TAG:-0.102.0}
+ image: signoz/signoz-otel-collector:${OTELCOL_TAG:-0.102.1}
  container_name: signoz-otel-collector
  command:
  [

deploy/docker/clickhouse-setup/docker-compose.yaml

@@ -164,7 +164,7 @@ services:
  # Notes for Maintainers/Contributors who will change Line Numbers of Frontend & Query-Section. Please Update Line Numbers in `./scripts/commentLinesForSetup.sh` & `./CONTRIBUTING.md`
 
  query-service:
- image: signoz/query-service:${DOCKER_TAG:-0.48.1}
+ image: signoz/query-service:${DOCKER_TAG:-0.49.0}
  container_name: signoz-query-service
  command:
  [
@@ -203,7 +203,7 @@ services:
  <<: *db-depend
 
  frontend:
- image: signoz/frontend:${DOCKER_TAG:-0.48.1}
+ image: signoz/frontend:${DOCKER_TAG:-0.49.0}
  container_name: signoz-frontend
  restart: on-failure
  depends_on:
@@ -215,7 +215,7 @@ services:
  - ../common/nginx-config.conf:/etc/nginx/conf.d/default.conf
 
  otel-collector-migrator:
- image: signoz/signoz-schema-migrator:${OTELCOL_TAG:-0.102.0}
+ image: signoz/signoz-schema-migrator:${OTELCOL_TAG:-0.102.1}
  container_name: otel-migrator
  command:
  - "--dsn=tcp://clickhouse:9000"
@@ -229,7 +229,7 @@ services:
 
 
  otel-collector:
- image: signoz/signoz-otel-collector:${OTELCOL_TAG:-0.102.0}
+ image: signoz/signoz-otel-collector:${OTELCOL_TAG:-0.102.1}
  container_name: signoz-otel-collector
  command:
  [

frontend/package.json

@@ -88,7 +88,7 @@
  "lucide-react": "0.379.0",
  "mini-css-extract-plugin": "2.4.5",
  "papaparse": "5.4.1",
- "posthog-js": "1.140.1",
+ "posthog-js": "1.142.1",
  "rc-tween-one": "3.0.6",
  "react": "18.2.0",
  "react-addons-update": "15.6.3",

frontend/src/components/DropDown/DropDown.tsx

@@ -5,7 +5,13 @@ import { Button, Dropdown, MenuProps } from 'antd';
 import { useIsDarkMode } from 'hooks/useDarkMode';
 import { useState } from 'react';
 
-function DropDown({ element }: { element: JSX.Element[] }): JSX.Element {
+function DropDown({
+ element,
+ onDropDownItemClick,
+}: {
+ element: JSX.Element[];
+ onDropDownItemClick?: MenuProps['onClick'];
+}): JSX.Element {
  const isDarkMode = useIsDarkMode();
 
  const items: MenuProps['items'] = element.map(
@@ -23,6 +29,7 @@ function DropDown({ element }: { element: JSX.Element[] }): JSX.Element {
  items,
  onMouseEnter: (): void => setDdOpen(true),
  onMouseLeave: (): void => setDdOpen(false),
+ onClick: (item): void => onDropDownItemClick?.(item),
  }}
  open={isDdOpen}
  >
@@ -40,4 +47,8 @@ function DropDown({ element }: { element: JSX.Element[] }): JSX.Element {
  );
 }
 
+DropDown.defaultProps = {
+ onDropDownItemClick: (): void => {},
+};
+
 export default DropDown;

frontend/src/components/Logs/RawLogView/index.tsx

@@ -62,8 +62,6 @@ function RawLogView({
  const isDarkMode = useIsDarkMode();
  const isReadOnlyLog = !isLogsExplorerPage || isReadOnly;
 
- const severityText = data.severity_text ? `${data.severity_text} |` : '';
-
  const logType = getLogIndicatorType(data);
 
  const updatedSelecedFields = useMemo(
@@ -88,17 +86,16 @@ function RawLogView({
  attributesText += ' | ';
  }
 
- const text = useMemo(
- () =>
+ const text = useMemo(() => {
+ const date =
  typeof data.timestamp === 'string'
- ? `${dayjs(data.timestamp).format(
- 'YYYY-MM-DD HH:mm:ss.SSS',
- )} | ${attributesText} ${severityText} ${data.body}`
- : `${dayjs(data.timestamp / 1e6).format(
- 'YYYY-MM-DD HH:mm:ss.SSS',
- )} | ${attributesText} ${severityText} ${data.body}`,
- [data.timestamp, data.body, severityText, attributesText],
- );
+ ? dayjs(data.timestamp)
+ : dayjs(data.timestamp / 1e6);
+
+ return `${date.format('YYYY-MM-DD HH:mm:ss.SSS')} | ${attributesText} ${
+ data.body
+ }`;
+ }, [data.timestamp, data.body, attributesText]);
 
  const handleClickExpand = useCallback(() => {
  if (activeContextLog || isReadOnly) return;

frontend/src/components/ResizeTable/DynamicColumnTable.tsx

@@ -2,7 +2,9 @@
 import './DynamicColumnTable.syles.scss';
 
 import { Button, Dropdown, Flex, MenuProps, Switch } from 'antd';
+import { ColumnGroupType, ColumnType } from 'antd/es/table';
 import { ColumnsType } from 'antd/lib/table';
+import logEvent from 'api/common/logEvent';
 import FacingIssueBtn from 'components/facingIssueBtn/FacingIssueBtn';
 import { SlidersHorizontal } from 'lucide-react';
 import { memo, useEffect, useState } from 'react';
@@ -22,6 +24,7 @@ function DynamicColumnTable({
  dynamicColumns,
  onDragColumn,
  facingIssueBtn,
+ shouldSendAlertsLogEvent,
  ...restProps
 }: DynamicColumnTableProps): JSX.Element {
  const [columnsData, setColumnsData] = useState<ColumnsType | undefined>(
@@ -47,11 +50,18 @@ function DynamicColumnTable({
  // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [columns, dynamicColumns]);
 
- const onToggleHandler = (index: number) => (
- checked: boolean,
- event: React.MouseEvent<HTMLButtonElement>,
- ): void => {
+ const onToggleHandler = (
+ index: number,
+ column: ColumnGroupType<any> | ColumnType<any>,
+ ) => (checked: boolean, event: React.MouseEvent<HTMLButtonElement>): void => {
  event.stopPropagation();
+
+ if (shouldSendAlertsLogEvent) {
+ logEvent('Alert: Column toggled', {
+ column: column?.title,
+ action: checked ? 'Enable' : 'Disable',
+ });
+ }
  setVisibleColumns({
  tablesource,
  dynamicColumns,
@@ -75,7 +85,7 @@ function DynamicColumnTable({
  <div>{column.title?.toString()}</div>
  <Switch
  checked={columnsData?.findIndex((c) => c.key === column.key) !== -1}
- onChange={onToggleHandler(index)}
+ onChange={onToggleHandler(index, column)}
  />
  </div>
  ),

frontend/src/components/ResizeTable/ResizeTable.tsx

@@ -3,6 +3,7 @@
 import { Table } from 'antd';
 import { ColumnsType } from 'antd/lib/table';
 import { dragColumnParams } from 'hooks/useDragColumns/configs';
+import { set } from 'lodash-es';
 import {
  SyntheticEvent,
  useCallback,
@@ -20,6 +21,7 @@ import { ResizeTableProps } from './types';
 function ResizeTable({
  columns,
  onDragColumn,
+ pagination,
  ...restProps
 }: ResizeTableProps): JSX.Element {
  const [columnsData, setColumns] = useState<ColumnsType>([]);
@@ -58,14 +60,21 @@ function ResizeTable({
  [columnsData, onDragColumn, handleResize],
  );
 
- const tableParams = useMemo(
- () => ({
+ const tableParams = useMemo(() => {
+ const props = {
  ...restProps,
  components: { header: { cell: ResizableHeader } },
  columns: mergedColumns,
- }),
- [mergedColumns, restProps],
- );
+ };
+
+ set(
+ props,
+ 'pagination',
+ pagination ? { ...pagination, hideOnSinglePage: true } : false,
+ );
+
+ return props;
+ }, [mergedColumns, pagination, restProps]);
 
  useEffect(() => {
  if (columns) {

frontend/src/components/ResizeTable/types.ts

@@ -14,6 +14,7 @@ export interface DynamicColumnTableProps extends TableProps<any> {
  dynamicColumns: TableProps<any>['columns'];
  onDragColumn?: (fromIndex: number, toIndex: number) => void;
  facingIssueBtn?: FacingIssueBtnProps;
+ shouldSendAlertsLogEvent?: boolean;
 }
 
 export type GetVisibleColumnsFunction = (

frontend/src/container/AllAlertChannels/index.tsx

@@ -1,13 +1,15 @@
 import { PlusOutlined } from '@ant-design/icons';
 import { Tooltip, Typography } from 'antd';
 import getAll from 'api/channels/getAll';
+import logEvent from 'api/common/logEvent';
 import Spinner from 'components/Spinner';
 import TextToolTip from 'components/TextToolTip';
 import ROUTES from 'constants/routes';
 import useComponentPermission from 'hooks/useComponentPermission';
 import useFetch from 'hooks/useFetch';
 import history from 'lib/history';
-import { useCallback } from 'react';
+import { isUndefined } from 'lodash-es';
+import { useCallback, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useSelector } from 'react-redux';
 import { AppState } from 'store/reducers';
@@ -31,6 +33,14 @@ function AlertChannels(): JSX.Element {
 
  const { loading, payload, error, errorMessage } = useFetch(getAll);
 
+ useEffect(() => {
+ if (!isUndefined(payload)) {
+ logEvent('Alert Channel: Channel list page visited', {
+ number: payload?.length,
+ });
+ }
+ }, [payload]);
+
  if (error) {
  return <Typography>{errorMessage}</Typography>;
  }