Add documentation link to dev tool's help menu

Signed-off-by: Willie Hung <willie880201044@gmail.com>

src/core/public/doc_links/doc_links_service.ts

@@ -367,7 +367,7 @@ export class DocLinksService {
         },
         opensearchDashboards: {
           // https://opensearch.org/docs/latest/dashboards/index/
-          introduction: `${OPENSEARCH_DASHBOARDS_VERSIONED_DOCS}dev-tools/index-dev/`,
+          introduction: `${OPENSEARCH_DASHBOARDS_VERSIONED_DOCS}index/`,
           installation: {
             // https://opensearch.org/docs/latest/dashboards/install/index/
             base: `${OPENSEARCH_DASHBOARDS_VERSIONED_DOCS}install/index/`,
@@ -388,6 +388,8 @@ export class DocLinksService {
           ganttCharts: `${OPENSEARCH_DASHBOARDS_VERSIONED_DOCS}gantt`,
           // https://opensearch.org/docs/latest/dashboards/reporting/
           reporting: `${OPENSEARCH_DASHBOARDS_VERSIONED_DOCS}reporting`,
+          // https://opensearch.org/docs/latest/dashboards/dev-tools/index-dev/
+          devTools: `${OPENSEARCH_DASHBOARDS_VERSIONED_DOCS}dev-tools/index-dev/`,
           notebooks: {
             // https://opensearch.org/docs/latest/dashboards/notebooks/
             base: `${OPENSEARCH_DASHBOARDS_VERSIONED_DOCS}notebooks`,

src/plugins/dev_tools/public/application.tsx

@@ -57,6 +57,7 @@ import { useEffectOnce } from 'react-use';
 import { getDataSources } from '../../data_source_management/public/components/utils';
 import { DevToolApp } from './dev_tool';
 import { DevToolsSetupDependencies } from './plugin';
+import { addHelpMenuToAppChrome } from './utils/util';
 
 interface DevToolsWrapperProps {
   devTools: readonly DevToolApp[];
@@ -254,7 +255,7 @@ function setBreadcrumbs(chrome: ChromeStart) {
 }
 
 export function renderApp(
-  { application, chrome, savedObjects, notifications }: CoreStart,
+  { application, chrome, docLinks, savedObjects, notifications }: CoreStart,
   element: HTMLElement,
   history: ScopedHistory,
   devTools: readonly DevToolApp[],
@@ -265,6 +266,7 @@ export function renderApp(
     return () => {};
   }
 
+  addHelpMenuToAppChrome(chrome, docLinks);
   setBadge(application, chrome);
   setBreadcrumbs(chrome);
   setTitle(chrome);

src/plugins/dev_tools/public/utils/util.ts

@@ -0,0 +1,49 @@
+/*
+ * SPDX-License-Identifier: Apache-2.0
+ *
+ * The OpenSearch Contributors require contributions made to
+ * this file be licensed under the Apache-2.0 license or a
+ * compatible open source license.
+ *
+ * Any modifications Copyright OpenSearch Contributors. See
+ * GitHub history for details.
+ */
+
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { i18n } from '@osd/i18n';
+import { CoreStart } from 'opensearch-dashboards/public';
+
+export function addHelpMenuToAppChrome(
+  chrome: CoreStart['chrome'],
+  docLinks: CoreStart['docLinks']
+) {
+  chrome.setHelpExtension({
+    appName: i18n.translate('devTools.helpMenu.appName', {
+      defaultMessage: 'Dev Tools',
+    }),
+    links: [
+      {
+        linkType: 'documentation',
+        href: `${docLinks.links.opensearchDashboards.devTools}`,
+      },
+    ],
+  });
+}