SED-4429 step ap ide

[neogucky]

No description provided.

[gemini-code-assist]

Summary of Changes

Hello, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request introduces comprehensive support for a 'CLI mode' within the application, allowing for distinct operational behaviors and user interface presentations depending on the execution context. It establishes the necessary infrastructure, including environment configurations, a dedicated service, and a new directive, to enable conditional rendering of UI elements, thereby adapting the application's functionality and appearance for CLI-driven scenarios.

Highlights

• CLI Mode Integration: Introduced a new 'CLI mode' concept across the application, allowing the frontend to behave differently when running in a command-line interface context versus a standard browser environment. This includes new environment configurations and a dedicated service to manage the application mode.
• Conditional UI Rendering: Implemented mechanisms to conditionally display or hide specific user interface elements based on whether the application is operating in CLI mode. This affects components like the sidebar settings button, plan report links, and scheduled execution report links, ensuring a tailored user experience for each mode.
• New Angular Directive for Mode-Specific Visibility: Added a ShowForCliModeDirective that enables developers to easily control the visibility of HTML elements directly in templates, based on the current CLI mode status.
• Environment Configuration Expansion: Extended the application's environment configurations to include a cliMode flag. This involved creating new environment files specifically for CLI production and development modes, and updating existing ones to incorporate this new setting.

Changelog

• projects/step-app/src/bootstrap.ts
  • Imported CLI_MODE from @exense/step-core.
  • Assigned window to a globalWindow variable for clearer access.
  • Set globalWindow.__STEP_CLI_MODE based on environment.cliMode.
  • Provided CLI_MODE value to platformBrowserDynamic during module bootstrapping.
• projects/step-app/src/environments/environment.cli.prod.ts
  • Added a new environment file for production CLI mode, setting production: true and cliMode: true.
• projects/step-app/src/environments/environment.cli.ts
  • Added a new environment file for development CLI mode, setting production: false and cliMode: true.
• projects/step-app/src/environments/environment.prod.ts
  • Added cliMode: false to the production environment configuration.
• projects/step-app/src/environments/environment.ts
  • Added cliMode: false to the default development environment configuration.
• projects/step-core/src/lib/directives/show-for-cli-mode.directive.ts
  • Added a new directive ShowForCliModeDirective to conditionally show/hide elements based on CLI mode.
• projects/step-core/src/lib/modules/basics/injectables/app-mode.service.ts
  • Added a new injectable service AppModeService to determine if the application is in CLI mode, checking both an injected token and a global window property.
• projects/step-core/src/lib/modules/basics/injectables/cli-mode.token.ts
  • Added a new InjectionToken named CLI_MODE for providing the CLI mode status.
• projects/step-core/src/lib/step-core.module.ts
  • Imported ShowForCliModeDirective.
  • Declared ShowForCliModeDirective in the module's declarations array.
  • Exported ShowForCliModeDirective in the module's exports array.
  • Exported CLI_MODE and AppModeService for external use.
• projects/step-frontend/src/lib/modules/_common/components/sidebar/sidebar.component.html
  • Added an _isCliMode condition to the display of the settings button.
• projects/step-frontend/src/lib/modules/_common/components/sidebar/sidebar.component.ts
  • Imported AppModeService.
  • Injected AppModeService to get the _isCliMode status.
• projects/step-frontend/src/lib/modules/plan/components/plan-list/plan-list.component.html
  • Wrapped the 'Open plan report' link with an @if block, making it conditional on _isCliMode.
• projects/step-frontend/src/lib/modules/plan/components/plan-list/plan-list.component.ts
  • Imported AppModeService.
  • Injected AppModeService to get the _isCliMode status.
• projects/step-frontend/src/lib/modules/scheduler/components/scheduled-task-list/scheduled-task-list.component.html
  • Wrapped the 'Open scheduled execution report' link with an @if block, making it conditional on _isCliMode.
• projects/step-frontend/src/lib/modules/scheduler/components/scheduled-task-list/scheduled-task-list.component.ts
  • Imported AppModeService.
  • Injected AppModeService to get the _isCliMode status.

Activity

• No specific review comments or activity have been recorded for this pull request yet.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for GitHub and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

This pull request introduces a new CLI mode feature, which is implemented effectively across the application. The changes include adding cliMode to environment files, creating an AppModeService and CLI_MODE injection token for Angular's dependency injection, and a ShowForCliModeDirective to conditionally render elements based on the CLI mode. The bootstrap.ts file correctly initializes the CLI mode for Angular and provides a global fallback. The sidebar.component successfully integrates the AppModeService to adapt its UI. The implementation demonstrates a clear understanding of Angular's modularity and dependency injection principles. No critical, high, or medium severity issues were found during the review.