Grafana 10 - Upgrade tech investigation

On the FE side we have the following folders that are affected:

• public/app: 925 file conflicts

• packages/grafana-ui/src: 163 conflicts

High-level estimation (SPs): 13 SP

The conflict merging process should be assign just to one developer. 

•  

  • betterer tests configuration ?

  • bingo configuration (something related to GO lang) ? 

  • .bra.toml ?

  • drone configuration

  • eslint configuration

  • github workflows ?

  • contribute documentation

  • dev environment json files configurations, sql, docker yaml configurations, docker nginx configurations, Dockerfile, documentations, e2e-api-tests ?

  • Dockerfile ?

  • documenntations from /docs (.md files)

  • tests from /e2e

  • emails css, js , html, .txt, .mjml files

  • embed.go , go.mod, go.sum

  • grfana-mixins/alerts/alerts.libsonnet

  • jest.config.ts , lerna.json, latest.json, Makefile, package.json

  • files from /kinds folder

  • scripts from /packages that look like util files, plugins, interfaces, tests for them, reusable components and styles

  • files from /packaging

  • .go, .jsonc, .json files from /pkg

  • scripts from /plugins-bundled

  • public/app Angular bootstrap

  • public/app Angular components minor differences

  • public/app Panel small differences

  • WithFeatureToggle

  • constants.ts

  • history, utils script

  • hooks

  • internationalization

  • public/app/core/navigation  (like 404 page)

  • React reducers/services/store,utils scripts
    The following components are affected:

•  

  • AccessControl

  • Animations

  • MegaMenu

  • NavBar

  • AppChrome

  • News

  • OrganizationSwitcher

  • QuickAdd

  • SectionsNav

  • TopBar

  • TopSearchBar

  • AppNotifications

  • Branding

  • Breadcrumbs

  • Footer

  • ForgottenPassword

  • Help

  • IntervalInput

  • Layers

  • Login

  • MegaMenu

  • NavBar

  • NavLandingPage

  • NestedFolderPicer

  • NodeGraphSettings

  • OptionsUI (NumberInput, DashboardPicker, slider, stats,links, fieldColor, DashboardPickerByID, strings, units)

  • OrgSwitcher

  • Page (PageContents, PageHeader, PageTabs,PluginPage, PageActionsBar, PageLoader)

  • PageNav

  • PageNotFound

  • PanelTyleFilter

  • PasswordField

  • PasswordList

  • PluginHelp

  • QueryOperationRow

  • RolePicker

  • search

  • Select (FolderPicker, MetricSelect, OldFolderPicker, OrgPicker, SortPicker, ReadonlyFolderPicker)

  • SharedPreferences

  • Signup

  • SplitPaneWrapper

  • SVG

  • TagFilter

  • TimelineChart

  • TimePicker

  • TraceToLogs

  • TraceToMetrics

  • Admin (public/app/features/admin) lots of changes here

  • UserListPublicDashboardPage

  • Alerting (lots of changes here)

  • Annotations

  • Api-Keys

  • Auth-Config page

  • Browse-Dashboars  components affected like CheckboxCell, BrowseView, DashboardsTree, FolderActionsButton

  • Canvas

  • CommandPalette

  • CommentsConnectionsRedirectNotice

  • Connections page

  • Connections tabs

  • Correlations

  • Dashboard , many changes on its components (public/app/features/dashboard)

  • Data-connections page fully deleted

  • DataSources components

  • Dimensions

  • Explore  - some files moved ? , lots of new files added

  • Expressions

  • Folders Settings Page

  • Geo location

  • Inspector

  • LibraryPanels

  • LiveDataStream

  • Live (PipelineAdminPage, LiveStatusPage, FeatureTogglePage and others)

  • Log-context - new files added

  • Logs component conflicts

  • ManageDashboards components conficlts

  • Notifications

  • OrgDetailsPage and mostly all files from /org have Typescript related conflicts

  • Panel 

  • Playlist

  • Plugins - Badges, GetStartedWithPlugin, InstallControls and many other files have conflicts

  • Query component - functionality/UI changes

  • Scenes component - functionality/UI changes

  • Search component - functionality/UI changes

  • Service accounts - functionality/UI changes

  • Storage component - refactored code

  • Suport-bundles - new component added

  • Teams component - functionality/UI changes

  • Templating component - functionality/UI changes

  • Transformers component - functionality/UI changes

  • Users - functionality changes

  • Variables - functionality/UI changes

  • Datasource - new scripts added , scripts moved

  • AlertList, Unified-Alerting, AlertGroups, AnnoList, Barchart, Barguage, Candlestick, canvas editor, everything related to panel - functionality changes, TS added

  • app/types added lots of TS types

  • CSS changes, helpers script

  • jest-setup.ts

  • log-reporter.ts

  • star files changes ?

  • grafana-server/custom.ini ?

  • modowners scripts ?

  • webpack

The items with ? need to be check by a BE developer

The items that have e2e tests, need to be checked by an automation tester.

There are in total 9635 changes, many of them are Typescript changes and code refactoring.