Skip to content

feat(yeoman UI): 37088 output tab link#940

Draft
korotkovao wants to merge 5 commits intomasterfrom
feat/yeoman-ui/37088-output-tab-link
Draft

feat(yeoman UI): 37088 output tab link#940
korotkovao wants to merge 5 commits intomasterfrom
feat/yeoman-ui/37088-output-tab-link

Conversation

@korotkovao
Copy link
Copy Markdown
Collaborator

@korotkovao korotkovao commented Apr 14, 2026

Summary

Wires the showOutputTabLink feature (from @sap-devx/inquirer-gui) into the App Wizard
backend and frontend so that clicking the output tab link in the generator opens the
App Wizard output channel.

⚠️ Draft — depends on SAP/inquirer-gui#804
The @sap-devx/inquirer-gui bump in packages/frontend/package.json is set to 3.5.0
as a placeholder. Update to the actual published version once the inquirer-gui PR merges
and releases, then mark this PR ready for review.

Closes tool-suite #37088

Changes

packages/backend/src/extCommands.ts

  • Registers a new VS Code command sap.ux.appWizard.showOutputChannel that calls
    toggleOutput() to reveal the App Wizard output channel

packages/frontend/src/youi/App.vue

  • Handles the @show-output-tab-link event emitted by inquirer-gui's Form component
  • Invokes executeCommand via RPC to trigger sap.ux.appWizard.showOutputChannel

packages/frontend/package.json

  • Bumps @sap-devx/inquirer-gui from 3.4.63.5.0 (update to actual version after release)

packages/frontend/src/youi/QuestionList.vue

  • Replaces setTimeout(..., 0) with requestAnimationFrame(...) for the Vuetify
    dropdown resize workaround (prevents a flash when clicking v-autocomplete in the
    VS Code webview)

Testing

  1. Install the VSIX and open the Fiori Application Generator
  2. Trigger a long OData service validation error (e.g. a connection failure with a
    lengthy message)
  3. Narrow the wizard panel until the error text is truncated to 2 lines — a
    "View details in the output tab." link appears below it
  4. Click the link — the App Wizard output channel opens showing the full error log
  5. Widen the panel — the link disappears as the text fits within 2 lines

Register the sap.ux.appWizard.showOutputChannel VS Code command so it can
be invoked from the inquirer-gui output-tab-link when a long error message
is clamped. Also declare the command in the extension manifest.

#37088
… VS Code webview

Vuetify's theme engine dynamically injects CSS custom properties with
priority into a style element at runtime. In a VS Code dark-theme webview
these resolve to white, causing a visible flash when clicking an
autocomplete/select dropdown.

Fix: initialise Vuetify's light theme colours from VS Code's own CSS
variables (--vscode-input-background, --vscode-dropdown-background,
--vscode-editor-background), read from document.body where VS Code injects
them. A MutationObserver on document.body's class attribute updates the
colours live whenever the user changes the VS Code theme without needing to
close and reopen the generator panel.

Defensive CSS rules are also added to globalStyles.css and inline in
index.html for belt-and-braces coverage.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant