refactor: create feature migration

frontend/.claude/commands/e2e-ee.md

@@ -14,7 +14,7 @@ Run enterprise E2E tests (tagged with @enterprise) and report results.
 ## Run Command
 
 ```bash
-E2E_RETRIES=0 SKIP_BUNDLE=1 E2E_CONCURRENCY=20 npm run test -- --grep @enterprise --quiet
+E2E_RETRIES=0 SKIP_BUNDLE=1 E2E_CONCURRENCY=5 npm run test -- --grep @enterprise --quiet
 ```
 
 ## Re-running Failed Enterprise Tests

frontend/.claude/commands/e2e-oss.md

@@ -14,7 +14,7 @@ Run OSS (non-enterprise) E2E tests and report results.
 ## Run Command
 
 ```bash
-E2E_RETRIES=0 SKIP_BUNDLE=1 E2E_CONCURRENCY=20 npm run test -- --grep @oss --quiet
+E2E_RETRIES=0 SKIP_BUNDLE=1 E2E_CONCURRENCY=5 npm run test -- --grep @oss --quiet
 ```
 
 ## Workflow

frontend/.claude/commands/e2e.md

@@ -14,7 +14,7 @@ Run all E2E tests (both OSS and enterprise) and report results.
 ## Run Command
 
 ```bash
-E2E_RETRIES=0 SKIP_BUNDLE=1 E2E_CONCURRENCY=20 npm run test -- --grep "@oss|@enterprise" --quiet
+E2E_RETRIES=0 SKIP_BUNDLE=1 E2E_CONCURRENCY=5 npm run test -- --grep "@oss|@enterprise" --quiet
 ```
 
 ## Workflow

frontend/.claude/context/e2e.md

@@ -49,7 +49,7 @@ E2E_TEST_TOKEN_PROD=<prod-token>
 ## Environment Variables
 
 - `SKIP_BUNDLE=1` - Skip webpack bundle build for faster iteration
-- `E2E_CONCURRENCY=20` - Number of parallel test workers (reduce to 1 for debugging)
+- `E2E_CONCURRENCY=5` - Number of parallel test workers (reduce to 1 for debugging)
 - `E2E_RETRIES=0` - Disable retries and enable fail-fast mode (stop on first failure)
 - `--quiet` - Minimal output
 - `--grep @enterprise` - Run only enterprise tests

frontend/common/ES6Component.js

@@ -1,4 +1,4 @@
-module.exports = function es6Component(context, onUnmount) {
+function es6Component(context, onUnmount) {
   context._listeners = []
 
   context.listenTo = function listenTo(store, event, callback) {
@@ -55,3 +55,5 @@ module.exports = function es6Component(context, onUnmount) {
     }
   }
 }
+
+export default es6Component

frontend/common/dispatcher/action-constants.js

@@ -48,4 +48,4 @@ const Actions = Object.assign({}, require('./base/_action-constants'), {
 })
 
 window.Actions = Actions
-module.exports = Actions
+export default Actions

frontend/common/dispatcher/app-actions.js

@@ -376,5 +376,4 @@ const AppActions = Object.assign({}, require('./base/_app-actions'), {
   },
 })
 
-module.exports = AppActions
-window.AppActions = AppActions
+export default AppActions

frontend/common/hooks/useHasGithubIntegration.ts

@@ -0,0 +1,16 @@
+import AccountStore from 'common/stores/account-store'
+import { useGetGithubIntegrationQuery } from 'common/services/useGithubIntegration'
+
+export function useHasGithubIntegration() {
+  const organisationId = AccountStore.getOrganisation()?.id
+  const { data } = useGetGithubIntegrationQuery(
+    { organisation_id: organisationId },
+    { skip: !organisationId },
+  )
+
+  return {
+    githubId: data?.results?.[0]?.id ?? '',
+    hasIntegration: !!data?.results?.length,
+    organisationId,
+  }
+}

frontend/common/providers/FeatureListProvider.js

@@ -264,4 +264,4 @@ FeatureListProvider.propTypes = {
   onSave: OptionalFunc,
 }
 
-module.exports = FeatureListProvider
+export default FeatureListProvider

frontend/common/providers/Permission.tsx

@@ -1,8 +1,7 @@
 import React, { FC, ReactNode, useMemo } from 'react'
 import { useGetPermissionQuery } from 'common/services/usePermission'
 import AccountStore from 'common/stores/account-store'
-import intersection from 'lodash/intersection'
-import { cloneDeep } from 'lodash'
+import { cloneDeep, intersection } from 'lodash'
 import Utils from 'common/utils/utils'
 import Constants from 'common/constants'
 import {
@@ -50,7 +49,7 @@ type PermissionType =
   | EnvironmentLevelProps
 
 type UseHasPermissionParams = {
-  id: number | string
+  id: number | string | undefined | null
   level: 'organisation' | 'project' | 'environment'
   permission: OrganisationPermission | ProjectPermission | EnvironmentPermission
   tags?: number[]

frontend/common/services/useIdentityOverride.ts

@@ -0,0 +1,78 @@
+import { service } from 'common/service'
+import { Req } from 'common/types/requests'
+import {
+  EdgeIdentityOverrideItem,
+  FeatureState,
+  IdentityOverride,
+  PagedResponse,
+  Res,
+} from 'common/types/responses'
+import Utils from 'common/utils/utils'
+
+export const identityOverrideService = service
+  .enhanceEndpoints({ addTagTypes: ['IdentityOverride'] })
+  .injectEndpoints({
+    endpoints: (builder) => ({
+      createIdentityOverride: builder.mutation<
+        FeatureState,
+        Req['createIdentityOverride']
+      >({
+        invalidatesTags: [{ id: 'LIST', type: 'IdentityOverride' }],
+        query: ({
+          enabled,
+          environmentId,
+          feature_state_value,
+          featureId,
+          identityId,
+        }) => ({
+          body: {
+            enabled,
+            feature: featureId,
+            feature_state_value: feature_state_value ?? null,
+          },
+          method: 'POST',
+          url: `environments/${environmentId}/${Utils.getIdentitiesEndpoint()}/${identityId}/${Utils.getFeatureStatesEndpoint()}/`,
+        }),
+      }),
+      getIdentityOverrides: builder.query<
+        Res['identityOverrides'],
+        Req['getIdentityOverrides']
+      >({
+        providesTags: [{ id: 'LIST', type: 'IdentityOverride' }],
+        query: ({ environmentId, featureId, isEdge, page = 1 }) => ({
+          url: isEdge
+            ? `environments/${environmentId}/edge-identity-overrides?feature=${featureId}&page=${page}`
+            : `environments/${environmentId}/${Utils.getFeatureStatesEndpoint()}/?anyIdentity=1&feature=${featureId}&page=${page}`,
+        }),
+        transformResponse(
+          res:
+            | PagedResponse<EdgeIdentityOverrideItem>
+            | PagedResponse<FeatureState>,
+          _,
+          { isEdge },
+        ): Res['identityOverrides'] {
+          if (isEdge) {
+            const edgeRes = res as PagedResponse<EdgeIdentityOverrideItem>
+            return {
+              ...edgeRes,
+              results: edgeRes.results.map((v) => ({
+                ...v.feature_state,
+                identity: {
+                  id: v.identity_uuid,
+                  identifier: v.identifier,
+                },
+              })) as IdentityOverride[],
+            }
+          }
+          return res as PagedResponse<FeatureState>
+        },
+      }),
+      // END OF ENDPOINTS
+    }),
+  })
+
+export const {
+  useCreateIdentityOverrideMutation,
+  useGetIdentityOverridesQuery,
+  // END OF EXPORTS
+} = identityOverrideService

frontend/common/types/requests.ts

@@ -24,6 +24,7 @@ import {
   StageActionType,
   StageActionBody,
   ChangeRequest,
+  FlagsmithValue,
   TagStrategy,
 } from './responses'
 import { UtmsType } from './utms'
@@ -234,7 +235,7 @@ export type Req = {
     pages?: (string | undefined)[] // this is needed for edge since it returns no paging info other than a key
     isEdge: boolean
   }>
-  getPermission: { id: number; level: PermissionLevel }
+  getPermission: { id: number | string; level: PermissionLevel }
   getAvailablePermissions: { level: PermissionLevel }
   getTag: { id: number }
   getHealthEvents: { projectId: number }
@@ -250,7 +251,10 @@ export type Req = {
   getTags: {
     projectId: number
   }
-  createTag: { projectId: number; tag: Omit<Tag, 'id'> }
+  createTag: {
+    projectId: number
+    tag: Omit<Tag, 'id' | 'project' | 'type' | 'is_system_tag' | 'is_permanent'>
+  }
   getSegment: { projectId: number; id: number }
   updateAccount: Account
   deleteAccount: {
@@ -883,5 +887,18 @@ export type Req = {
       }
     }
   }
+  getIdentityOverrides: {
+    environmentId: string
+    featureId: number
+    page?: number
+    isEdge: boolean
+  }
+  createIdentityOverride: {
+    environmentId: string
+    identityId: string
+    featureId: number
+    enabled: boolean
+    feature_state_value: FlagsmithValue | null
+  }
   // END OF TYPES
 }

frontend/common/types/responses.ts

@@ -566,6 +566,18 @@ export type IdentityFeatureState = {
   }[]
 }
 
+export type EdgeIdentityOverrideItem = {
+  feature_state: FeatureState
+  identity_uuid: string
+  identifier: string
+}
+
+export type IdentityOverride = FeatureState & {
+  identity: { id: string; identifier: string }
+  segment?: null
+  overridden_by?: string | null
+}
+
 export type FeatureState = {
   change_request?: number
   created_at: string
@@ -1165,6 +1177,7 @@ export type Res = {
   identityFeatureStates: IdentityFeatureState[]
   cloneidentityFeatureStates: IdentityFeatureState
   featureStates: PagedResponse<FeatureState>
+  identityOverrides: PagedResponse<IdentityOverride>
   samlConfiguration: SAMLConfiguration
   samlConfigurations: PagedResponse<SAMLConfiguration>
   samlMetadata: {

frontend/package.json

@@ -158,6 +158,7 @@
     "@types/color": "^3.0.3",
     "@types/dompurify": "^3.2.0",
     "@types/jest": "^30.0.0",
+    "@types/lodash": "^4.17.24",
     "@types/rc-switch": "^1.9.5",
     "@types/react-router": "^5.1.20",
     "@types/react-router-dom": "^5.3.3",

frontend/web/components/RemoveUserOverride.tsx

@@ -1,11 +1,7 @@
 import ConfirmRemoveFeature from './modals/ConfirmRemoveFeature'
 import React from 'react'
 import AppActions from 'common/dispatcher/app-actions'
-import {
-  FeatureState,
-  IdentityFeatureState,
-  ProjectFlag,
-} from 'common/types/responses'
+import { IdentityFeatureState, ProjectFlag } from 'common/types/responses'
 export const removeUserOverride = ({
   cb,
   environmentId,

frontend/web/components/base/grid/Column.js

@@ -24,4 +24,4 @@ Column.propTypes = {
   value: OptionalNumber,
 }
 
-module.exports = Column
+export default Column

frontend/web/components/base/grid/Flex.js

@@ -24,4 +24,4 @@ Flex.propTypes = {
   value: OptionalNumber,
 }
 
-module.exports = Flex
+export default Flex

frontend/web/components/feature-summary/FeatureRow.tsx

@@ -14,6 +14,7 @@ import Button from 'components/base/forms/Button'
 import {
   Environment,
   FeatureListProviderData,
+  FeatureState,
   ProjectFlag,
   ReleasePipeline,
 } from 'common/types/responses'
@@ -39,9 +40,7 @@ export interface FeatureRowProps {
   removeFlag?: (projectFlag: ProjectFlag) => void | Promise<void>
   toggleFlag?: (
     projectFlag: ProjectFlag,
-    environmentFlag:
-      | FeatureListProviderData['environmentFlags'][number]
-      | undefined,
+    environmentFlag: FeatureState | undefined,
     onError?: () => void,
   ) => void | Promise<void>
   index: number
@@ -84,7 +83,7 @@ const FeatureRow: FC<FeatureRowProps> = (props) => {
     style,
     toggleFlag,
   } = props
-  const protectedTags = useProtectedTags(projectFlag, projectId)
+  const protectedTags = useProtectedTags(projectFlag, String(projectId))
   const history = useHistory()
   const { id } = projectFlag
 
@@ -99,7 +98,7 @@ const FeatureRow: FC<FeatureRowProps> = (props) => {
   } = useFeatureRowState(actualEnabled)
 
   const { data: healthEvents } = useGetHealthEventsQuery(
-    { projectId: String(projectFlag.project) },
+    { projectId: projectFlag.project },
     { skip: !projectFlag?.project },
   )
 
@@ -206,7 +205,6 @@ const FeatureRow: FC<FeatureRowProps> = (props) => {
       ? {
           environmentFlag,
           environmentId,
-          flagId: environmentFlag?.id,
           history,
           noPermissions: !permission,
           projectFlag,
@@ -216,7 +214,6 @@ const FeatureRow: FC<FeatureRowProps> = (props) => {
       : {
           environmentFlag,
           environmentId,
-          flagId: environmentFlag?.id,
           hasUnhealthyEvents:
             isFeatureHealthEnabled && !!featureUnhealthyEvents?.length,
           hideTagsByType: ['UNHEALTHY'],
@@ -313,7 +310,7 @@ const FeatureRow: FC<FeatureRowProps> = (props) => {
       if (disableControls) return
       editFeature(Constants.featurePanelTabs.HISTORY)
     },
-    projectId,
+    projectId: String(projectId),
     protectedTags,
     readOnly: isReadOnly,
     tags: projectFlag.tags,

frontend/web/components/modals/AuditLogWebhooks.tsx

@@ -23,7 +23,10 @@ type AuditLogWebhooksType = {
 
 const AuditLogWebhooks: FC<AuditLogWebhooksType> = ({ organisationId }) => {
   const { data: webhooks, isLoading: webhooksLoading } =
-    useGetAuditLogWebhooksQuery({ organisationId }, { skip: !organisationId })
+    useGetAuditLogWebhooksQuery(
+      { organisationId: parseInt(organisationId) },
+      { skip: !organisationId },
+    )
   const createWebhook = () => {
     openModal(
       'New Webhook',