Menu
Angular services in ReDBox typically extend `HttpClientService` to handle base URLs, configuration, and CSRF protection.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
ReDBox uses embedded Angular applications within EJS views instead of a single SPA. Each feature is often its own Angular project.
ReDBox controllers live in `@researchdatabox/redbox-core` and are surfaced to Sails.js through generated shims.
Create detailed feature designs, implementation plans, and task lists for ReDBox/Redbox features that use Waterline models, services, webservice (REST) controllers, ajax controllers, embedded Angular apps, views, and navigation config. Use when asked to design/plan a feature or produce a task list for this stack, especially when explicit sections, non-SPA Angular patterns, and interleaved tests are required.
Review completed ReDBox feature implementations against a growing ruleset and emit structured issues for agent remediation.
Build or update ReDBox form field components end-to-end across Angular form rendering and sails-ng-common config typing/visitor infrastructure. Use when creating a new form component class/model, adding component config properties, wiring component dictionaries, handling config migration/template extraction, or adding form-component tests.
ReDBox uses a JSON-based DSL for configuring record forms, workflows, and record types.
| name | Redbox Angular Services |
| description | Angular services in ReDBox typically extend `HttpClientService` to handle base URLs, configuration, and CSRF protection. |
Angular services in ReDBox typically extend HttpClientService to handle base URLs, configuration, and CSRF protection.
angular/projects/researchdatabox/<app-name>/src/app/HttpClientService from @researchdatabox/portal-ng-common.HttpClient, APP_BASE_HREF, UtilityService, and ConfigService.waitForInit() and call this.enableCsrfHeader().this.brandingAndPortalUrl for building API URLs.this.httpContext in request options to include the CSRF token.Use the redbox-dev-tools CLI generator generate_angular_service:
name: Service name as an argument.--app <app>: Target Angular app name.--methods <methods>: Comma-separated list of methods to generate (e.g. get,save).this.enableCsrfHeader() sets the RB_HTTP_INTERCEPTOR_AUTH_CSRF context variable.FormData uploads, you may need RB_HTTP_INTERCEPTOR_SKIP_JSON_CONTENT_TYPE.