Add link to production version of the new Browser (#2011)

* link out

* rename

* add-no-ref

* copy

Author: OskarDamkjaer

src/browser/index.tsx

@@ -22,27 +22,7 @@ import ReactDOM from 'react-dom'
 
 import AppInit, { setupSentry } from './AppInit'
 import './init'
-import { navigateToPreview } from './modules/Stream/StartPreviewFrame'
-import { optedInByLocalhost } from 'browser-services/preview-optin-service'
 
 setupSentry()
 
-;(async () => {
-  const optedInToPreview = optedInByLocalhost()
-  try {
-    const response = await fetch('./preview/manifest.json')
-    if (response.status === 200) {
-      if (optedInToPreview) {
-        navigateToPreview()
-      } else {
-        localStorage.setItem('previewAvailable', 'true')
-      }
-    } else {
-      localStorage.setItem('previewAvailable', 'false')
-    }
-  } catch (e) {
-    localStorage.setItem('previewAvailable', 'false')
-  }
-
-  ReactDOM.render(<AppInit />, document.getElementById('mount'))
-})()
+ReactDOM.render(<AppInit />, document.getElementById('mount'))

src/browser/modules/Stream/PlayFrame.tsx

@@ -292,19 +292,16 @@ function generateContent(
 
   // Check if content exists locally
   if (isPlayChapter(guideName)) {
-    const isPreviewAvailable =
-      localStorage.getItem('previewAvailable') === 'true' && !inDesktop
-
     const { content, title, subtitle, slides = null } = chapters[guideName]
 
     const isPlayStart = stackFrame.cmd.trim() === ':play start'
     const updatedContent =
       isPlayStart && showPromotion ? (
         <>
-          {isPreviewAvailable ? <PreviewFrame /> : content}
+          {!inDesktop ? <PreviewFrame /> : content}
           <AuraPromotion />
         </>
-      ) : isPreviewAvailable ? (
+      ) : !inDesktop ? (
         <PreviewFrame />
       ) : (
         content

src/browser/modules/Stream/StartPreviewFrame.tsx

@@ -18,39 +18,28 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React, { Dispatch } from 'react'
-import { Action } from 'redux'
-import { trackNavigateToPreview } from 'shared/modules/preview/previewDuck'
 import { connect } from 'react-redux'
 import { withBus } from 'react-suber'
+import { Action } from 'redux'
 import { GlobalState } from 'shared/globalState'
 import {
   Connection,
   getActiveConnectionData
 } from 'shared/modules/connections/connectionsDuck'
+import { trackNavigateToPreview } from 'shared/modules/preview/previewDuck'
 
-export const navigateToPreview = (
-  db?: string | null,
-  dbms?: string | null
-): void => {
-  const url = new URL(window.location.href)
+const navigateToPreview = (db?: string | null, dbms?: string | null): void => {
+  const url = new URL('https://browser.neo4j.io/')
 
-  if (
-    dbms &&
-    !url.searchParams.has('dbms') &&
-    !url.searchParams.get('connectURL')
-  ) {
+  if (dbms) {
     url.searchParams.set('dbms', dbms)
   }
 
-  if (db && !url.searchParams.has('db')) {
+  if (db) {
     url.searchParams.set('db', db)
   }
 
-  const previewPath = '/preview/'
-  if (!url.pathname.endsWith(previewPath)) {
-    url.pathname = url.pathname.replace(/\/?$/, previewPath)
-    window.location.href = decodeURIComponent(url.toString())
-  }
+  window.open(url.toString(), '_blank', 'noreferrer')
 }
 
 type PreviewFrameProps = {
@@ -71,9 +60,9 @@ const PreviewFrame = ({
       <div className="teasers">
         <div className="teaser teaser-advertise teaser-3">
           <img src="./assets/images/clusters.svg" className="img-advertise" />
-          <h3>🚀 Try the new Browser preview!</h3>
+          <h3>🚀 Try the new hosted Browser!</h3>
           <p>
-            Switch to the preview experience to access all the latest features.
+            Switch to the hosted Browser to access all of the latest features.
           </p>
           <button
             onClick={trackAndNavigateToPreview}