chore: deprecate web v2; release web 2.15.0

nextstrain · Dec 15, 2023 · e44d0ed · e44d0ed
1 parent be8b95f
commit e44d0ed
Show file tree

Hide file tree

Showing 7 changed files with 35 additions and 10 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## Nextclade Web 2.15.0 (2023-12-15)
+
+Nextclade Web v2 is deprecated in preparation for Nextclade v3 release. Added an alert informing users that this version is no longer recommended.
+
 ## Nextclade Web 2.14.1 (2023-05-11)
 
 This is a small bugfix release for Nextclade Web.

diff --git a/packages_rs/nextclade-web/package.json b/packages_rs/nextclade-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nextstrain/nextclade-web",
-  "version": "2.14.1",
+  "version": "2.15.0",
   "description": "Clade assignment, mutation calling, and sequence quality checks",
   "homepage": "https://clades.nextstrain.org",
   "repository": {

diff --git a/packages_rs/nextclade-web/src/components/Main/MainSectionTitle.tsx b/packages_rs/nextclade-web/src/components/Main/MainSectionTitle.tsx
@@ -1,8 +1,8 @@
 import React from 'react'
-
+import { Col, Row, UncontrolledAlert } from 'reactstrap'
+import styled from 'styled-components'
+import { LinkExternal } from 'src/components/Link/LinkExternal'
 import { useTranslationSafe as useTranslation } from 'src/helpers/useTranslationSafe'
-import { Col, Row } from 'reactstrap'
-
 import { Subtitle, Title } from 'src/components/Main/Title'
 
 export function MainSectionTitle() {
@@ -13,7 +13,29 @@ export function MainSectionTitle() {
       <Col>
         <Title />
         <Subtitle>{t('Clade assignment, mutation calling, and sequence quality checks')}</Subtitle>
+        <DeprecationMessage />
+      </Col>
+    </Row>
+  )
+}
+
+function DeprecationMessage() {
+  const { t } = useTranslation()
+  return (
+    <Row noGutters className="w-100 d-flex">
+      <Col className="w-100 d-flex">
+        <DeprecationAlert closeClassName="d-none" fade={false} color="warning" className="py-2 px-2">
+          {t(
+            'This outdated version is preserved for reference only. The software and data will no longer receive updates. We recommend using the latest version at: {{ url }}',
+          )}
+          <LinkExternal href="https://clades.nextstrain.org">{'https://clades.nextstrain.org'}</LinkExternal>
+        </DeprecationAlert>
       </Col>
     </Row>
   )
 }
+
+const DeprecationAlert = styled(UncontrolledAlert)`
+  max-width: 600px;
+  margin: 1rem auto;
+`
diff --git a/packages_rs/nextclade-web/src/components/Main/Title.tsx b/packages_rs/nextclade-web/src/components/Main/Title.tsx
@@ -67,6 +67,7 @@ export const Subtitle = styled.p`
   text-align: center;
   font-size: 2rem;
   font-weight: 300;
+  margin-bottom: 0;
 
   @media (max-width: 991.98px) {
     font-size: 1.5rem;

diff --git a/packages_rs/nextclade-web/src/constants.ts b/packages_rs/nextclade-web/src/constants.ts
@@ -1,12 +1,12 @@
 import type { Nucleotide } from 'src/types'
 import { Aminoacid } from 'src/types'
 
-export const PROJECT_NAME = 'Nextclade' as const
+export const PROJECT_NAME = 'Nextclade v2' as const
 export const PROJECT_DESCRIPTION =
-  'Genetic sequence alignment, clade assignment, mutation calling, phylogenetic placement, and quality checks for SARS-CoV-2, Influenza (Flu), Monkeypox, Respiratory Syncytial Virus (RSV) and other pathogens' as const
+  '[OUTDATED] Genetic sequence alignment, clade assignment, mutation calling, phylogenetic placement, and quality checks for SARS-CoV-2, Influenza (Flu), Monkeypox, Respiratory Syncytial Virus (RSV) and other pathogens' as const
 export const COPYRIGHT_YEAR_START = 2020 as const
 export const COMPANY_NAME = 'Nextstrain developers' as const
-export const RELEASE_URL = 'https://clades.nextstrain.org' as const
+export const RELEASE_URL = 'https://v2.clades.nextstrain.org' as const
 
 export const DOMAIN = process.env.DOMAIN ?? ''
 export const DOMAIN_STRIPPED = process.env.DOMAIN_STRIPPED ?? ''

diff --git a/packages_rs/nextclade-web/src/pages/_app.tsx b/packages_rs/nextclade-web/src/pages/_app.tsx
@@ -52,7 +52,6 @@ import i18n, { changeLocale, getLocaleWithKey } from 'src/i18n/i18n'
 import { theme } from 'src/theme'
 import { datasetCurrentAtom, datasetsAtom, datasetServerUrlAtom } from 'src/state/dataset.state'
 import { ErrorBoundary } from 'src/components/Error/ErrorBoundary'
-import { PreviewWarning } from 'src/components/Common/PreviewWarning'
 
 import 'src/styles/global.scss'
 
@@ -209,7 +208,6 @@ export function MyApp({ Component, pageProps, router }: AppProps) {
                     </Suspense>
                     <Suspense fallback={fallback}>
                       <SEO />
-                      <PreviewWarning />
                       <BrowserWarning />
                       <Component {...pageProps} />
                       <ErrorPopup />

diff --git a/packages_rs/nextclade-web/src/state/settings.state.ts b/packages_rs/nextclade-web/src/state/settings.state.ts
@@ -49,7 +49,7 @@ export const changelogIsShownAtom = atom<boolean>({
 
 export const changelogShouldShowOnUpdatesAtom = atom<boolean>({
   key: 'changelogShouldShowOnUpdates',
-  default: true,
+  default: false,
   effects: [persistAtom],
 })