Copy bootstrap scss code

[PieterjanDeClippel]

No description provided.

[gemini-code-assist]

Summary of Changes

Hello @PieterjanDeClippel, 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 significantly enhances the project's styling capabilities by integrating the full Bootstrap SCSS framework into a new, dedicated Nx library. This strategic move allows for greater control over Bootstrap's appearance, facilitates custom theming, and streamlines the compilation process of these styles into optimized CSS outputs. The change lays the groundwork for consistent and responsive UI development across the application.

Highlights

• New Bootstrap SCSS Library: A new Nx library named 'mintplayer-bootstrap' has been introduced to encapsulate the entire Bootstrap SCSS codebase, enabling modular and customizable styling within the project.
• Comprehensive Bootstrap Integration: The library includes a full set of Bootstrap's SCSS files, covering all core components, utilities, functions, mixins, and variables, providing a complete styling framework.
• Automated SCSS Compilation: A build target has been configured in 'project.json' to automatically compile the Bootstrap SCSS into both expanded and compressed CSS files, complete with source maps, for various component bundles like bootstrap.css, bootstrap-grid.css, bootstrap-reboot.css, and bootstrap-utilities.css.
• Dependency Updates: The project's dependencies have been updated, specifically for @swc/helpers and prettier, ensuring compatibility and leveraging the latest features and fixes.

🧠 New Feature in Public Preview: You can now enable Memory to help Gemini Code Assist learn from your team's feedback. This makes future code reviews more consistent and personalized to your project's style. Click here to enable Memory in your admin console.

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. ↩

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 7db1e5c

Command	Status	Duration	Result
nx affected --target=test --watch=false --paral...	✅ Succeeded	2m 27s	View ↗
nx build --configuration=production	✅ Succeeded	3s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-12-26 19:18:24 UTC

[gemini-code-assist]

Code Review

This pull request introduces a new library mintplayer-bootstrap by copying the SCSS source code from the Bootstrap project. It also includes the necessary configuration to build the CSS files from the SCSS sources. My review focuses on the integration aspects and dependency updates.

I've identified a couple of areas for improvement:

• The build commands in project.json are highly repetitive, which could be a maintenance concern. I've suggested refactoring this into a script.
• The package.json file updates Prettier to a new major version (v3), which has breaking changes. I've added a comment to highlight the potential impact and recommend a migration strategy.

Overall, the approach of vendoring Bootstrap SCSS is clear, but the implementation details could be improved for better long-term maintainability.

[gemini-code-assist]

You are upgrading Prettier from v2 to v3. This is a major version upgrade and includes breaking changes. It's important to be aware of these changes as they might affect code formatting across the entire repository.

I recommend checking the Prettier v3 migration guide to understand the impact.

After this upgrade, it would be a good practice to run Prettier on all files in the repository to ensure consistent formatting. This is often best done in a separate, dedicated PR to keep this change isolated.

[gemini-code-assist]

The build commands for sass are very repetitive. This could make it difficult to maintain in the future. For example, if you need to add a new file or change a sass option, you'll have to update it in multiple places, which is error-prone.

I suggest moving these commands into a separate build script (e.g., a shell script or a Node.js script). This would centralize the build logic, making it easier to manage and update.

For example, you could have a script like scripts/build-bootstrap.js and then just call it from here: "command": "node scripts/build-bootstrap.js".

This would look something like this:

// scripts/build-bootstrap.js
const { execSync } = require('child_process');

const files = [
  'bootstrap',
  'bootstrap-grid',
  'bootstrap-reboot',
  'bootstrap-utilities',
];

const sourceRoot = 'libs/mintplayer-bootstrap/scss';
const outputRoot = 'dist/libs/mintplayer-bootstrap/css';

files.forEach(file => {
  const inputFile = `${sourceRoot}/${file}.scss`;
  const outputFile = `${outputRoot}/${file}.css`;
  const minOutputFile = `${outputRoot}/${file}.min.css`;

  execSync(`sass ${inputFile} ${outputFile} --style=expanded --source-map`, { stdio: 'inherit' });
  execSync(`sass ${inputFile} ${minOutputFile} --style=compressed --source-map`, { stdio: 'inherit' });
});

This is just an example, a shell script would also work well.