[8.x] [Search][Ent Search deprecation] Web Crawler tile points out GH repo instead become disabled (#194743) (#196118)

# Backport This will backport the following commits from `main` to `8.x`: - [[Search][Ent Search deprecation] Web Crawler tile points out GH repo instead become disabled (#194743)](https://github.com/elastic/kibana/pull/194743)  ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sqren/backport)  Co-authored-by: José Luis González <joseluisgj@gmail.com>
2025-04-24 09:48:58 -04:00 · 2024-10-15 00:27:26 +11:00 · 2024-10-15 00:27:26 +11:00 · 8a7579c156
commit 8a7579c156
parent 98c93aa10f
8 changed files with 106 additions and 25 deletions
--- a/x-pack/plugins/enterprise_search/common/constants.ts
+++ b/x-pack/plugins/enterprise_search/common/constants.ts
@ -281,5 +281,9 @@ export const PLUGIN_ID = 'enterpriseSearch';
 export const CONNECTOR_NATIVE_TYPE = 'native';
 export const CONNECTOR_CLIENTS_TYPE = 'connector_clients';

+export const CRAWLER = {
+  github_repo: 'https://github.com/elastic/crawler',
+};
+
 // TODO remove this once the connector service types are no longer in "example" state
 export const EXAMPLE_CONNECTOR_SERVICE_TYPES = ['opentext_documentum'];
--- a/x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/connectors/crawler_empty_state.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/connectors/crawler_empty_state.tsx
@ -11,7 +11,9 @@ import { useValues } from 'kea';
 import { EuiButton, EuiEmptyPrompt, EuiPanel } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';

+import { CRAWLER } from '../../../../../common/constants';
 import { HttpLogic } from '../../../shared/http';
+import { GithubIcon } from '../../../shared/icons/github_icon';
 import { KibanaLogic } from '../../../shared/kibana';
 import { NEW_CRAWLER_PATH } from '../../routes';

@ -40,19 +42,36 @@ export const CrawlerEmptyState: React.FC = () => {
          </p>
        }
        actions={
-          <EuiButton
-            data-test-subj="entSearchContent-crawlers-emptyState-createCrawlerButton"
-            data-telemetry-id="entSearchContent-crawlers-emptyState-createCrawlerButton"
-            color="primary"
-            disabled={Boolean(errorConnectingMessage)}
-            fill
-            iconType="plusInCircle"
-            onClick={() => KibanaLogic.values.navigateToUrl(NEW_CRAWLER_PATH)}
-          >
-            {i18n.translate('xpack.enterpriseSearch.crawlerEmptyState.newWebCrawlerButtonLabel', {
-              defaultMessage: 'New web crawler',
-            })}
-          </EuiButton>
+          Boolean(errorConnectingMessage) ? (
+            <EuiButton
+              data-test-subj="entSearchContent-crawlers-emptyState-createCrawlerButton"
+              data-telemetry-id="entSearchContent-crawlers-emptyState-createCrawlerButton"
+              color="primary"
+              fill
+              iconType={GithubIcon}
+              href={CRAWLER.github_repo}
+            >
+              {i18n.translate(
+                'xpack.enterpriseSearch.crawlerEmptyState.openSourceCrawlerButtonLabel',
+                {
+                  defaultMessage: 'Source code',
+                }
+              )}
+            </EuiButton>
+          ) : (
+            <EuiButton
+              data-test-subj="entSearchContent-crawlers-emptyState-createCrawlerButton"
+              data-telemetry-id="entSearchContent-crawlers-emptyState-createCrawlerButton"
+              color="primary"
+              fill
+              iconType="plusInCircle"
+              onClick={() => KibanaLogic.values.navigateToUrl(NEW_CRAWLER_PATH)}
+            >
+              {i18n.translate('xpack.enterpriseSearch.crawlerEmptyState.newWebCrawlerButtonLabel', {
+                defaultMessage: 'New web crawler',
+              })}
+            </EuiButton>
+          )
        }
      />
    </EuiPanel>
--- a/x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/shared/ingestion_card/ingestion_card.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/shared/ingestion_card/ingestion_card.tsx
@ -18,6 +18,8 @@ import {
  IconType,
 } from '@elastic/eui';

+import { i18n } from '@kbn/i18n';
+
 import { EuiLinkTo } from '../../../../shared/react_router_helpers';

 interface IngestionCardProps {
@ -25,6 +27,7 @@ interface IngestionCardProps {
  buttonLabel: string;
  description: string;
  href?: string;
+  isBeta?: boolean;
  isDisabled?: boolean;
  logo: IconType;
  onClick?: () => void;
@ -37,6 +40,7 @@ export const IngestionCard: React.FC<IngestionCardProps> = ({
  description,
  href,
  isDisabled,
+  isBeta,
  logo,
  onClick,
  title,
@ -44,6 +48,15 @@ export const IngestionCard: React.FC<IngestionCardProps> = ({
  return (
    <EuiCard
      hasBorder
+      betaBadgeProps={
+        isBeta
+          ? {
+              label: i18n.translate('xpack.enterpriseSearch.ingestionCard.betaBadgeLabel', {
+                defaultMessage: 'Beta',
+              }),
+            }
+          : undefined
+      }
      isDisabled={isDisabled}
      textAlign="left"
      titleElement="h3"
--- a/x-pack/plugins/enterprise_search/public/applications/enterprise_search_overview/components/product_selector/ingestion_selector.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/enterprise_search_overview/components/product_selector/ingestion_selector.tsx
@ -18,6 +18,7 @@ import { i18n } from '@kbn/i18n';
 import {
  ENTERPRISE_SEARCH_CONTENT_PLUGIN,
  ENTERPRISE_SEARCH_ELASTICSEARCH_URL,
+  CRAWLER,
 } from '../../../../../common/constants';

 import apiLogo from '../../../../assets/images/api_image.png';
@ -37,6 +38,7 @@ import { HttpLogic } from '../../../shared/http/http_logic';

 import { ConnectorIcon } from '../../../shared/icons/connector';
 import { CrawlerIcon } from '../../../shared/icons/crawler';
+import { GithubIcon } from '../../../shared/icons/github_icon';
 import { KibanaLogic } from '../../../shared/kibana';

 export const IngestionSelector: React.FC = () => {
@ -76,13 +78,23 @@ export const IngestionSelector: React.FC = () => {
        {productFeatures.hasWebCrawler && (
          <EuiFlexItem>
            <IngestionCard
-              buttonLabel={i18n.translate(
-                'xpack.enterpriseSearch.ingestSelector.method.crawlerButtonLabel',
-                {
-                  defaultMessage: 'Crawl URL',
-                }
-              )}
-              buttonIcon={CrawlerIcon}
+              buttonLabel={
+                crawlerDisabled
+                  ? i18n.translate(
+                      'xpack.enterpriseSearch.ingestSelector.method.sourceCodeButtonLabel',
+                      {
+                        defaultMessage: 'Source code',
+                      }
+                    )
+                  : i18n.translate(
+                      'xpack.enterpriseSearch.ingestSelector.method.crawler.description',
+                      {
+                        defaultMessage:
+                          'Discover, extract, and index searchable content from websites and knowledge bases.',
+                      }
+                    )
+              }
+              buttonIcon={crawlerDisabled ? GithubIcon : CrawlerIcon}
              description={i18n.translate(
                'xpack.enterpriseSearch.ingestSelector.method.crawler.description',
                {
@ -90,8 +102,12 @@ export const IngestionSelector: React.FC = () => {
                    'Discover, extract, and index searchable content from websites and knowledge bases.',
                }
              )}
-              href={generatePath(ENTERPRISE_SEARCH_CONTENT_PLUGIN.URL + NEW_CRAWLER_PATH)}
-              isDisabled={crawlerDisabled}
+              href={
+                crawlerDisabled
+                  ? CRAWLER.github_repo
+                  : generatePath(ENTERPRISE_SEARCH_CONTENT_PLUGIN.URL + NEW_CRAWLER_PATH)
+              }
+              isBeta={crawlerDisabled}
              logo={crawlerLogo}
              title={i18n.translate('xpack.enterpriseSearch.ingestSelector.method.crawler', {
                defaultMessage: 'Web Crawler',
--- a/x-pack/plugins/enterprise_search/public/applications/shared/icons/github_icon.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/shared/icons/github_icon.tsx
@ -0,0 +1,32 @@
+/*
+ * 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 React from 'react';
+
+export const GithubIcon = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+      fill="currentColor"
+      viewBox="0 0 16 16"
+    >
+      <g clipPath="url(#a)">
+        <path
+          fill="currentColor"
+          d="M8 0C3.582 0 0 3.672 0 8.2c0 3.624 2.292 6.697 5.471 7.781.4.075.546-.178.546-.394 0-.196-.007-.842-.011-1.527-2.225.495-2.695-.967-2.695-.967-.364-.947-.888-1.2-.888-1.2-.727-.508.055-.498.055-.498.803.057 1.226.845 1.226.845.714 1.253 1.873.891 2.328.68.073-.528.28-.89.508-1.094-1.776-.207-3.644-.911-3.644-4.053 0-.896.312-1.627.823-2.2-.082-.21-.357-1.043.079-2.172 0 0 .67-.22 2.2.84A7.441 7.441 0 0 1 8 3.967c.68.003 1.364.094 2.003.277 1.526-1.062 2.198-.841 2.198-.841.438 1.13.162 1.963.08 2.17.513.574.822 1.305.822 2.2 0 3.15-1.87 3.845-3.653 4.048.288.254.543.753.543 1.517 0 1.096-.01 1.98-.01 2.25 0 .219.145.474.55.394C13.71 14.895 16 11.821 16 8.201 16 3.67 12.418 0 8 0Z"
+        />
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="currentColor" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
--- a/x-pack/plugins/translations/translations/fr-FR.json
+++ b/x-pack/plugins/translations/translations/fr-FR.json
@ -17386,7 +17386,6 @@
    "xpack.enterpriseSearch.ingestSelector.method.connectors.description": "Extraire, transformer, indexer et synchroniser des données issues d'une source de données tiers.",
    "xpack.enterpriseSearch.ingestSelector.method.crawler": "Robot d'indexation",
    "xpack.enterpriseSearch.ingestSelector.method.crawler.description": "Découvrir, extraire et indexer du contenu interrogeable provenant de sites web et de bases de connaissances.",
-    "xpack.enterpriseSearch.ingestSelector.method.crawlerButtonLabel": "Indexer l'URL",
    "xpack.enterpriseSearch.ingestSelector.method.fileUpload": "Charger un fichier",
    "xpack.enterpriseSearch.ingestSelector.method.fileUpload.description": "Fichiers texte délimités, tels que CSV et TSV, JSON délimité par une nouvelle ligne.",
    "xpack.enterpriseSearch.ingestSelector.method.fileUploadLabel": "Choisir un fichier",
--- a/x-pack/plugins/translations/translations/ja-JP.json
+++ b/x-pack/plugins/translations/translations/ja-JP.json
@ -17132,7 +17132,6 @@
    "xpack.enterpriseSearch.ingestSelector.method.connectors.description": "サードパーティのデータソースからデータを抽出、変換、インデックス化、同期します。",
    "xpack.enterpriseSearch.ingestSelector.method.crawler": "Webクローラー",
    "xpack.enterpriseSearch.ingestSelector.method.crawler.description": "Webサイトやナレッジベースから検索可能なコンテンツを検出、抽出、インデックス化します。",
-    "xpack.enterpriseSearch.ingestSelector.method.crawlerButtonLabel": "クロールURL",
    "xpack.enterpriseSearch.ingestSelector.method.fileUpload": "ファイルをアップロード",
    "xpack.enterpriseSearch.ingestSelector.method.fileUpload.description": "CSVやTSV、改行区切りのJSONなどの区切られたテキストファイル。",
    "xpack.enterpriseSearch.ingestSelector.method.fileUploadLabel": "ファイルを選択",
--- a/x-pack/plugins/translations/translations/zh-CN.json
+++ b/x-pack/plugins/translations/translations/zh-CN.json
@ -17161,7 +17161,6 @@
    "xpack.enterpriseSearch.ingestSelector.method.connectors.description": "提取、转换、索引和同步来自第三方数据源的数据。",
    "xpack.enterpriseSearch.ingestSelector.method.crawler": "网络爬虫",
    "xpack.enterpriseSearch.ingestSelector.method.crawler.description": "发现、提取和索引网站和知识库中的可搜索内容。",
-    "xpack.enterpriseSearch.ingestSelector.method.crawlerButtonLabel": "爬网 URL",
    "xpack.enterpriseSearch.ingestSelector.method.fileUpload": "上传文件",
    "xpack.enterpriseSearch.ingestSelector.method.fileUpload.description": "分隔的文本文件，例如 CSV 和 TSV、换行符分隔的 JSON。",
    "xpack.enterpriseSearch.ingestSelector.method.fileUploadLabel": "选择文件",