[APM] Initial diagnostics tool

More stuff

x-pack/plugins/apm/common/diagnostics/get_default_index_template_names.ts

@@ -0,0 +1,35 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+export function getDefaultIndexTemplateNames() {
+  const indexTemplateNames = [
+    'traces-apm',
+    'traces-apm.sampled',
+    'metrics-apm.app',
+    'metrics-apm.internal',
+    'logs-apm.error',
+    'logs-apm.app',
+  ];
+
+  const rollupIndexTemplateNames = ['1m', '10m', '60m'].flatMap((interval) => {
+    return [
+      'metrics-apm.transaction',
+      'metrics-apm.service_transaction',
+      'metrics-apm.service_destination',
+      'metrics-apm.service_summary',
+    ].map((ds) => `${ds}.${interval}`);
+  });
+
+  return [...indexTemplateNames, ...rollupIndexTemplateNames];
+}
+
+export function getIsValidIndexTemplateName(templateName: string) {
+  const defaultTemplateNames = getDefaultIndexTemplateNames();
+  return defaultTemplateNames.some((defaultName) =>
+    templateName.startsWith(defaultName)
+  );
+}

x-pack/plugins/apm/public/components/app/diagnostics/data_stream_tab.tsx

@@ -0,0 +1,83 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { IndicesDataStream } from '@elastic/elasticsearch/lib/api/types';
+import {
+  EuiBadge,
+  EuiBasicTable,
+  EuiBasicTableColumn,
+  EuiCallOut,
+} from '@elastic/eui';
+import React from 'react';
+import { APIReturnType } from '../../../services/rest/create_call_apm_api';
+import { getIsValidIndexTemplateName } from '../../../../common/diagnostics/get_default_index_template_names';
+import { useFetcher } from '../../../hooks/use_fetcher';
+
+type APIResponseType =
+  APIReturnType<'GET /internal/apm/diagnostics/data_streams'>;
+
+export function DiagnosticsDataStreams() {
+  const { data } = useFetcher((callApmApi) => {
+    return callApmApi(`GET /internal/apm/diagnostics/data_streams`);
+  }, []);
+
+  return (
+    <>
+      <NonDataStreamIndicesCallout data={data} />
+      <DataStreamsTable data={data} />
+    </>
+  );
+}
+
+function NonDataStreamIndicesCallout({ data }: { data?: APIResponseType }) {
+  if (!data?.nonDataStreamIndices.length) {
+    return null;
+  }
+
+  return (
+    <EuiCallOut title="Non-data stream indices" color="warning" iconType="help">
+      The following indices are not backed by a data stream:{' '}
+      {data?.nonDataStreamIndices.join(', ')}
+    </EuiCallOut>
+  );
+}
+
+function DataStreamsTable({ data }: { data?: APIResponseType }) {
+  const columns: Array<EuiBasicTableColumn<IndicesDataStream>> = [
+    {
+      field: 'name',
+      name: 'Data stream name',
+    },
+    {
+      field: 'template',
+      name: 'Template name',
+      render: (templateName: string) => {
+        const isValid = getIsValidIndexTemplateName(templateName);
+        return isValid ? (
+          <>
+            <EuiBadge color="green">OK</EuiBadge>&nbsp;{templateName}
+          </>
+        ) : (
+          <>
+            <EuiBadge color="warning">Non-standard template name!</EuiBadge>
+            &nbsp;
+            {templateName}
+          </>
+        );
+      },
+    },
+  ];
+
+  return (
+    <EuiBasicTable
+      tableCaption="Demo of EuiBasicTable"
+      items={data?.dataStreams ?? []}
+      rowHeader="firstName"
+      columns={columns}
+    />
+  );
+}

x-pack/plugins/apm/public/components/app/diagnostics/index.tsx

@@ -0,0 +1,88 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { i18n } from '@kbn/i18n';
+import { Outlet } from '@kbn/typed-react-router-config';
+import React from 'react';
+import { useApmRouter } from '../../../hooks/use_apm_router';
+import { useApmRoutePath } from '../../../hooks/use_apm_route_path';
+import { DiagnosticsSummary } from './summary_tab';
+import { ApmMainTemplate } from '../../routing/templates/apm_main_template';
+import { DiagnosticsIndexTemplates } from './index_templates_tab';
+import { DiagnosticsInvalidFieldMappings } from './invalid_field_mappings_tab';
+import { DiagnosticsDataStreams } from './data_stream_tab';
+
+export const diagnosticsRoute = {
+  '/diagnostics': {
+    element: (
+      <DiagnosticsTemplate>
+        <Outlet />
+      </DiagnosticsTemplate>
+    ),
+    children: {
+      '/diagnostics': {
+        element: <DiagnosticsSummary />,
+      },
+      '/diagnostics/index-templates': {
+        element: <DiagnosticsIndexTemplates />,
+      },
+      '/diagnostics/invalid-field-mappings': {
+        element: <DiagnosticsInvalidFieldMappings />,
+      },
+      '/diagnostics/data_streams': {
+        element: <DiagnosticsDataStreams />,
+      },
+    },
+  },
+};
+
+function DiagnosticsTemplate({ children }: { children: React.ReactChild }) {
+  const routePath = useApmRoutePath();
+  const router = useApmRouter();
+  return (
+    <ApmMainTemplate
+      pageTitle="Diagnostics"
+      environmentFilter={false}
+      showServiceGroupSaveButton={false}
+      selectedNavButton="serviceGroups"
+      pageHeader={{
+        tabs: [
+          {
+            href: router.link('/diagnostics'),
+            label: i18n.translate('xpack.apm.diagnostics.tab.summary', {
+              defaultMessage: 'Summary',
+            }),
+            isSelected: routePath === '/diagnostics',
+          },
+          {
+            href: router.link('/diagnostics/index-templates'),
+            label: i18n.translate('xpack.apm.diagnostics.tab.index_templates', {
+              defaultMessage: 'Index templates',
+            }),
+            isSelected: routePath === '/diagnostics/index-templates',
+          },
+          {
+            href: router.link('/diagnostics/invalid-field-mappings'),
+            label: i18n.translate('xpack.apm.diagnostics.tab.field_mappings', {
+              defaultMessage: 'Invalid field mappings',
+            }),
+            isSelected: routePath === '/diagnostics/invalid-field-mappings',
+          },
+          {
+            href: router.link('/diagnostics/data_streams'),
+            label: i18n.translate('xpack.apm.diagnostics.tab.datastreams', {
+              defaultMessage: 'Datastreams',
+            }),
+            isSelected: routePath === '/diagnostics/data_streams',
+          },
+        ],
+      }}
+    >
+      {children}
+    </ApmMainTemplate>
+  );
+}