feat: add deeplink, routing by feature flag, and csv loader (#5186)

* feat: add feature flag and routing to cli
* test: add deeplink cli test

Author: david-rusnak

cypress/e2e/shared/deepLinks.test.ts

@@ -70,6 +70,9 @@ describe('Deep linking', () => {
       cy.visit('/me/secrets')
       cy.location('pathname').should('eq', `/orgs/${org.id}/settings/secrets`)
 
+      cy.visit('/me/setup-cli')
+      cy.location('pathname').should('eq', `/orgs/${org.id}/new-user-setup/cli`)
+
       cy.visit('/me/setup-golang')
       cy.location('pathname').should(
         'eq',

src/homepageExperience/containers/HomepageContainer.tsx

@@ -49,7 +49,9 @@ export const HomepageContainer: FC = () => {
   const org = useSelector(getOrg)
   const telegrafs = useSelector(getAllTelegrafs)
   const pythonWizardLink = `/orgs/${org.id}/new-user-setup/python`
-  const cliPageLink = `/orgs/${org.id}/load-data/file-upload/csv`
+  const cliPageLink = isFlagEnabled('onboardCLI')
+    ? `/orgs/${org.id}/new-user-setup/cli`
+    : `/orgs/${org.id}/load-data/file-upload/csv`
   const telegrafPageLink = `/orgs/${org.id}/load-data/telegrafs`
   const newTelegrafPageLink = `/orgs/${org.id}/load-data/telegrafs/new`
   const golangLink = `/orgs/${org.id}/new-user-setup/golang`

src/shared/containers/SetOrg.tsx

@@ -13,6 +13,7 @@ import {
   BucketsIndex,
   CheckHistory,
   ClientLibrariesPage,
+  CliWizard,
   DashboardContainer,
   DashboardsIndex,
   DashboardsIndexPaginated,
@@ -322,6 +323,13 @@ const SetOrg: FC = () => {
               component={GoWizard}
             />,
           ]}
+          {isFlagEnabled('onboardCLI') && (
+            <Route
+              exact
+              path="/orgs/:orgID/new-user-setup/cli"
+              component={CliWizard}
+            />
+          )}
 
           <Route component={NotFound} />
         </Switch>

src/shared/containers/index.tsx

@@ -127,6 +127,12 @@ export const GoWizard = lazy(() =>
   }))
 )
 
+export const CliWizard = lazy(() =>
+  import('src/homepageExperience/containers/CliWizard').then(module => ({
+    default: module.CliWizard,
+  }))
+)
+
 export const DetailsSubscriptionPage = lazy(() =>
   import('src/writeData/subscriptions/components/DetailsSubscriptionPage')
 )

src/utils/deepLinks.ts

@@ -21,9 +21,10 @@ export const buildDeepLinkingMap = (org: Organization) => ({
   '/me/notebooks': `/orgs/${org.id}/${PROJECT_NAME_PLURAL.toLowerCase()}`,
   '/me/pythonclient': `/orgs/${org.id}/load-data/client-libraries/python`,
   '/me/secrets': `/orgs/${org.id}/settings/secrets`,
-  '/me/setup-python': `/orgs/${org.id}/new-user-setup/python`,
-  '/me/setup-nodejs': `/orgs/${org.id}/new-user-setup/nodejs`,
+  '/me/setup-cli': `/orgs/${org.id}/new-user-setup/cli`,
   '/me/setup-golang': `/orgs/${org.id}/new-user-setup/golang`,
+  '/me/setup-nodejs': `/orgs/${org.id}/new-user-setup/nodejs`,
+  '/me/setup-python': `/orgs/${org.id}/new-user-setup/python`,
   '/me/tasks': `/orgs/${org.id}/tasks`,
   '/me/telegraf-mqtt': `/orgs/${org.id}/load-data/telegraf-plugins/mqtt_consumer`,
   '/me/telegrafs': `/orgs/${org.id}/load-data/telegrafs`,

webpack.common.ts

@@ -129,6 +129,14 @@ module.exports = {
           },
         ],
       },
+      {
+        test: /\.csv$/,
+        use: [
+          {
+            loader: 'raw-loader',
+          },
+        ],
+      },
     ],
   },
   plugins: [