POC: Dynamically generated Backend service #9503
Draft
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
1 Skipped Deployment
|
Create the hooks dynamically out of the query definitions and expose them from a singleton class. The rules service consumes this
estib-vega
force-pushed
the
dynamic-backend-service-poc
branch
from
ed502e6 to
b4fda64
Compare
estib-vega
commented
Jul 21, 2025
Comment on lines
+110
to
+149
| function getMutationEndpointMap(builder: CustomBuilder) { | ||
| return { | ||
| createWorkspaceRule: createMutationEndpoint< | ||
| WorkspaceRule, | ||
| { projectId: string; request: CreateRuleRequest } | ||
| >(builder, 'create_workspace_rule', () => [invalidatesList(ReduxTag.WorkspaceRules)]), | ||
| deleteWorkspaceRule: createMutationEndpoint< | ||
| void, | ||
| { projectId: string; ruleId: WorkspaceRuleId } | ||
| >(builder, 'delete_workspace_rule', () => [invalidatesList(ReduxTag.WorkspaceRules)]), | ||
| updateWorkspaceRule: createMutationEndpoint< | ||
| WorkspaceRule, | ||
| { projectId: string; request: UpdateRuleRequest } | ||
| >(builder, 'update_workspace_rule', (result) => | ||
| result | ||
| ? [ | ||
| invalidatesItem(ReduxTag.WorkspaceRules, result.id), | ||
| invalidatesList(ReduxTag.WorkspaceRules) | ||
| ] | ||
| : [] | ||
| ) | ||
| } satisfies EndpointMap; | ||
| } | ||
|
|
||
| function getQueryEndpointMap(builder: CustomBuilder) { | ||
| return { | ||
| listWorkspaceRules: createQueryEndpointWithTransform< | ||
| WorkspaceRule[], | ||
| { projectId: string }, | ||
| EntityState<WorkspaceRule, WorkspaceRuleId> | ||
| >( | ||
| builder, | ||
| 'list_workspace_rules', | ||
| (response: WorkspaceRule[]) => { | ||
| return workspaceRulesAdapter.addMany(workspaceRulesAdapter.getInitialState(), response); | ||
| }, | ||
| (result) => providesItems(ReduxTag.WorkspaceRules, result?.ids ?? []) | ||
| ) | ||
| } satisfies EndpointMap; | ||
| } |
There was a problem hiding this comment.
So first we defined the endpoints.
The injection happens for queries and mutations separately in order to preserve the type safety when iterating over the entries
Comment on lines
+30
to
+33
| private constructor(backendApi: BackendApi) { | ||
| this.mutationApi = injectMutationEndpoints(backendApi); | ||
| this.queryApi = injectQueryEndpoints(backendApi); | ||
| } |
There was a problem hiding this comment.
We then store them in private properties
Comment on lines
+42
to
+95
| get() { | ||
| // Mutations | ||
| type MutationEndpoints = typeof this.mutationApi.endpoints; | ||
|
|
||
| type MutateMap = { | ||
| [K in keyof MutationEndpoints as `${K}Mutate`]: MutationEndpoints[K]['mutate']; | ||
| }; | ||
|
|
||
| type UseMutationMap = { | ||
| [K in keyof MutationEndpoints as `${K}UseMutation`]: MutationEndpoints[K]['useMutation']; | ||
| }; | ||
|
|
||
| const mutate = typedFromEntries( | ||
| typedEntries(this.mutationApi.endpoints).map( | ||
| ([key, value]) => [`${key}Mutate`, value.mutate] as const | ||
| ) | ||
| ) as MutateMap; | ||
|
|
||
| const useMutation = typedFromEntries( | ||
| typedEntries(this.mutationApi.endpoints).map( | ||
| ([key, value]) => [`${key}UseMutation`, value.useMutation] as const | ||
| ) | ||
| ) as UseMutationMap; | ||
|
|
||
| // Queries | ||
| type QueryEndpoints = typeof this.queryApi.endpoints; | ||
|
|
||
| type UseQueryMap = { | ||
| [K in keyof QueryEndpoints as `${K}UseQuery`]: (typeof this.queryApi.endpoints)[K]['useQuery']; | ||
| }; | ||
|
|
||
| type FetchMap = { | ||
| [K in keyof QueryEndpoints as `${K}Fetch`]: (typeof this.queryApi.endpoints)[K]['fetch']; | ||
| }; | ||
|
|
||
| const useQuery = typedFromEntries( | ||
| typedEntries(this.queryApi.endpoints).map( | ||
| ([key, value]) => [`${key}UseQuery`, value.useQuery] as const | ||
| ) | ||
| ) as UseQueryMap; | ||
|
|
||
| const fetchMap = typedFromEntries( | ||
| typedEntries(this.queryApi.endpoints).map( | ||
| ([key, value]) => [`${key}Fetch`, value.fetch] as const | ||
| ) | ||
| ) as FetchMap; | ||
|
|
||
| return { | ||
| ...mutate, | ||
| ...useMutation, | ||
| ...useQuery, | ||
| ...fetchMap | ||
| }; | ||
| } |
There was a problem hiding this comment.
And then, out of the endpoint entries, we generate the map of functions
Comment on lines
-15
to
+10
| this.api = injectEndpoints(backendApi); | ||
| this.backendService = BackendService.getInstance(backendApi); | ||
| this.apis = this.backendService.get(); |
There was a problem hiding this comment.
The backend service here is consumed as a singleton
Comment on lines
+26
to
29
| return this.apis.listWorkspaceRulesUseQuery( | ||
| { projectId }, | ||
| { transform: (result) => workspaceRulesSelectors.selectAll(result) } | ||
| ); |
There was a problem hiding this comment.
If the result is transformed into an entity state instance, we need to select it when consuming it.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Create the hooks dynamically out of the query definitions and expose them from a singleton class. The rules service consumes this