Skip to content

Conversation

brianwcook
Copy link
Owner

🎯 Key Features:

  • Topology background automatically matches VSCode theme (dark/light)
  • No manual configuration required - works out of the box
  • Supports both light and dark themes seamlessly

πŸ”§ Technical Implementation:

  • Embedded targeted CSS overrides in webview HTML (extension.ts)
  • Added CSP font-src policy for PatternFly font loading
  • Fixed webview.js build process in package.json
  • Cleaned up experimental code and false-positive tests

πŸ§ͺ Testing & Quality:

  • Added dark-mode-validation.test.ts for regression prevention
  • All 113 tests passing (104 renderer + 9 extension)
  • Removed false-positive background regression test
  • Clean, minimal implementation with no leftover experimental code

πŸ› Bug Fixes:

  • Fixed missing webview.js file (404 errors)
  • Fixed Content Security Policy font loading errors
  • Resolved PatternFly topology light background issues

Result: VSCode extension now automatically adapts topology visualization to match user's preferred theme without any manual intervention.

Closes #1

🎯 Key Features:
- Topology background automatically matches VSCode theme (dark/light)
- No manual configuration required - works out of the box
- Supports both light and dark themes seamlessly

πŸ”§ Technical Implementation:
- Embedded targeted CSS overrides in webview HTML (extension.ts)
- Added CSP font-src policy for PatternFly font loading
- Fixed webview.js build process in package.json
- Cleaned up experimental code and false-positive tests

πŸ§ͺ Testing & Quality:
- Added dark-mode-validation.test.ts for regression prevention
- All 113 tests passing (104 renderer + 9 extension)
- Removed false-positive background regression test
- Clean, minimal implementation with no leftover experimental code

πŸ› Bug Fixes:
- Fixed missing webview.js file (404 errors)
- Fixed Content Security Policy font loading errors
- Resolved PatternFly topology light background issues

Result: VSCode extension now automatically adapts topology visualization
to match user's preferred theme without any manual intervention.

Closes #1

Signed-off-by: Brian Cook <[email protected]>
- Align local and GitHub Actions to both use 'yarn run release:check'
- Fix script execution order: CI β†’ propagate β†’ build:vscode
- Enhance propagation script with cross-platform file operations
- Add comprehensive debugging output for CI troubleshooting
- Replace shell commands (cp/rm) with Node.js fs operations
- Add path verification and error handling
- Restore accidentally moved tekton-vscode files

The key fix: propagation must happen BEFORE building VSCode extension,
so the bundled ../lib/tekton-renderer files exist when webpack runs.
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.

match VS Code theme (dark mode, light mode)

1 participant