## Summary Roll out [the feature](https://gitlab.com/gitlab-org/gitlab/-/work_items/630031) currently behind the `vue3_migrate_crm` feature flag. - DRI: @kushalpandya - Team Slack channel: `#g_work_items` > [!note] > Process and guidance live in the docs. This issue is just the commands and a place to track the rollout. > "Rolling out" means incrementally enabling the flag on GitLab.com to validate stability. It is not the same as releasing the feature, which happens when the flag is removed. > [Feature flag controls](https://docs.gitlab.com/development/feature_flags/controls/) · [Feature flag lifecycle](https://handbook.gitlab.com/handbook/product-development/how-we-work/product-development-flow/feature-flag-lifecycle/#feature-flag-lifecycle) ## What could go wrong? - Blast radius is small: the flag only affects the CRM contacts and organizations pages (`/groups/:group/-/crm/contacts` and `/groups/:group/-/crm/organizations`), which only render for groups with CRM enabled, and it's off by default. - The failure mode would be one of these pages' Vue apps not mounting or misbehaving under Vue 3 compat mode once the flag's on, most likely around the router-driven create and edit drawers or table sorting. - Both pages log a Vue 3 only `[Vue warn]: Property "isEmpty" was accessed during render but is not defined on instance.` It comes from an existing bug (`this.isEmpty` is never defined in `contacts_root.vue` and `organizations_root.vue`), behaves the same on Vue 2, and isn't a regression. - Rollback is turning `vue3_migrate_crm` off. Flag state is cached in process memory for about a minute, so give it a minute to take effect. ## Events - [Exceptions with vue3_migrate_crm:1](https://log.gprd.gitlab.net/app/discover#/?_g=(time:(from:now-1d,to:now))&_a=(index:'7092c4e2-4eb5-46f2-8305-a7da2edad090',query:(language:kuery,query:'json.exception.feature_flag_states.keyword:%22vue3_migrate_crm:1%22'),columns:!(json.exception.class,json.exception.message,json.extra.workflow_id,json.meta.caller_id),sort:!(!(json.time,desc)))) - [Events with vue3_migrate_crm:1](https://log.gprd.gitlab.net/app/discover#/?_g=(time:(from:now-1d,to:now))&_a=(index:'7092c4e2-4eb5-46f2-8305-a7da2edad090',query:(language:kuery,query:'json.feature_flag_states:%22vue3_migrate_crm:1%22'),columns:!(json.meta.caller_id,json.feature_flag_states),sort:!(!(json.time,desc)))) - [Error rate and other graphs by modifying the examples in the Visualization Library](https://log.gprd.gitlab.net/app/visualize#/?_g=h@358d019&s=FF%20Observability) Feature Flag events are only logged by default for feature flags marked for the current or future milestones. To enable while the feature flag is active, see https://docs.gitlab.com/development/feature_flags/#logging ## Rollout Run all production `/chatops` in [`#production`](https://gitlab.slack.com/archives/C101F3796) and cross-post the results to `#g_work_items`. Background: [incremental rollout process](https://docs.gitlab.com/development/feature_flags/controls/#process), [feature actors](https://docs.gitlab.com/development/feature_flags/#feature-actors). **Non-production** ``` /chatops gitlab run feature set vue3_migrate_crm 50 --actors --dev --pre --staging --staging-ref /chatops gitlab run feature set vue3_migrate_crm true --dev --pre --staging --staging-ref ``` **Production**: percentage rollout (wait ≥15 min between steps, watch dashboards): ``` /chatops gitlab run feature set vue3_migrate_crm <percentage> --actors ``` Or target specific actors instead: ``` /chatops gitlab run feature set --project=gitlab-org/gitlab,gitlab-org/gitlab-foss vue3_migrate_crm true /chatops gitlab run feature set --group=gitlab-org,gitlab-com vue3_migrate_crm true /chatops gitlab run feature set --user=kushalpandya vue3_migrate_crm true ``` ## Before global rollout Confirm the relevant gotchas before going to 100%. See [enabling a feature for GitLab.com](https://docs.gitlab.com/development/feature_flags/controls/#enabling-a-feature-for-gitlabcom): - [Docs + version history](https://docs.gitlab.com/development/documentation/feature_flags/) updated - [Breaking changes](https://docs.gitlab.com/development/documentation/release_notes/#deprecations-removals-and-breaking-changes) announced, if any - [Change management issue](https://handbook.gitlab.com/handbook/engineering/infrastructure-platforms/change-management/#feature-flags-and-the-change-management-process) opened, if required - [External API consumers](https://docs.gitlab.com/development/feature_flags/#do-not-use-feature-flags-in-external-api-consumers) handled with a fail-open mechanism, if applicable ## Cleanup Remove the flag once [deemed stable](https://handbook.gitlab.com/handbook/product-development/how-we-work/product-development-flow/feature-flag-lifecycle/#feature-flag-lifecycle). See [cleaning up](https://docs.gitlab.com/development/feature_flags/controls/#cleaning-up). Track it here, or open a follow-up [Feature Flag Cleanup issue](https://gitlab.com/gitlab-org/gitlab/-/work_items/new?description_template=Feature%20Flag%20Cleanup). Remove the flag and its YAML definition from the codebase, then: ``` /chatops gitlab run release check <merge-request-url> <milestone> /chatops gitlab run feature delete vue3_migrate_crm --dev --pre --staging --staging-ref --production ``` ## Rollback ``` /chatops gitlab run feature set vue3_migrate_crm false # production /chatops gitlab run feature set vue3_migrate_crm false --dev --pre --staging --staging-ref # non-production /chatops gitlab run feature delete vue3_migrate_crm --dev --pre --staging --staging-ref --production # remove entirely ```