syliuscrafts/bootstraptheme

Sylius Bootstrap theme with build process based on Webpack Encore

bootstraptheme's Issues

Menu - Bad taxon used

Actualy we use Taxon category to generate Menu.
But we can configure it from BO > Channel > Edit > Menu Taxon

Sylius 1.11 compatibility ?

Hello,

Not compatible with Sylius 1.11 ?

$ composer require sylius/bootstrap-theme
Info from https://repo.packagist.org: #StandWithUkraine
Using version ^0.4.0 for sylius/bootstrap-theme
./composer.json has been updated
Running composer update sylius/bootstrap-theme
Loading composer repositories with package information
Updating dependencies
Your requirements could not be resolved to an installable set of packages.

Problem 1
- Root composer.json requires sylius/bootstrap-theme ^0.4.0 -> satisfiable by sylius/bootstrap-theme[v0.4.0].
- sylius/bootstrap-theme v0.4.0 requires sylius/sylius ~1.8.0 || ~1.9.0 || ~1.10.0 -> found sylius/sylius[v1.8.0, ..., v1.10.13] but it conflicts with your root composer.json require (^1.11).

Use the option --with-all-dependencies (-W) to allow upgrades, downgrades and removals for packages currently locked to specific versions.
You can also try re-running composer require with an explicit version constraint, e.g. "composer require sylius/bootstrap-theme:*" to figure out if any version is installable, or "composer require sylius/bootstrap-theme:^2.1" if you know which you need.

Installation failed, reverting ./composer.json and ./composer.lock to their original content.

Release for Sylius 1.7

The README states that we can use the master branch for Sylius 1.7 installations. However I'd prefer not to use dev-master as a version constraint.

Could perhaps an alpha or beta be released for 1.7? Or could we open a 1.0 branch until then?

Otherwise what needs to be done before we can have a release for Sylius 1.7?

Revert: Fix missing original price macro

Hello,

#89 from @maxperei) was reverted because of this error
Unknown "sylius_calculate_original_price" filter. Did you mean "sylius_caculate_price" ?

Update to sylius 1.7 ?

Hello,

This theme is still alive ? because no update or no new release since sylius 1.7

++++

the dependency of bootstrap.native should be set to version 2.0.27 or include directly the file bootstrap-native.js without version

Hello there,
I followed the docs on sylius website and when I tried run yarn electron dev I get an error that the bootstrap-native-v4.js file doesn't exists, then I checked bootstrap.native and I found out that they have dropped version 3 support on the 3.0.0 release so the working version without changing anything is 2.0.27 or include the bootstrap-native.js file directly without the version suffix

JS error in dev and prod

Every page I go gives this error:

Uncaught TypeError: Cannot set property 'isAnimating' of null
    at new Collapse (bootstrap-native-v4.js:860)
    at initializeDataAPI (bootstrap-native-v4.js:1928)
    at BSN.initCallback (bootstrap-native-v4.js:1934)
    at Object.<anonymous> (bootstrap-native-v4.js:1939)
    at bootstrap-native-v4.js:5
    at Object.<anonymous> (bootstrap-native-v4.js:24)
    at Object../node_modules/bootstrap.native/dist/bootstrap-native-v4.js (bootstrap-native-v4.js:1954)
    at __webpack_require__ (bootstrap:19)
    at Object../themes/BootstrapTheme/assets/js/index.js (index.js:14)
    at __webpack_require__ (bootstrap:19)

I tried including jQuery (since it wasn't there) but it didn't change anything. Nothing in the JS works (no tabs, no cart, etc.).

Field `differentShippingAddress` is mistakenly reset

There is a subtle bug in the checkout address page. If:

• first the differentShippingAddress checkbox is checked,
• second a billing address is selected in the address book,
• then the shipping address is ignored (and on submission Sylius sets it to the billing address).

When selecting the address in the address book in the billing address form, the form is reset in this line. Since the field differentShippingAddress is in the billing form block it is also reset. The consequence is that when submitting the form, Sylius considers that the shipping address is the same as the billing address (and ignores the shipping address fields even if filled) because it considers that differentShippingAddress is unchecked.

Variant selection doesn't change original price

On product/show page, when many variants have discount prices, variant selection doesn't change original price on top of variant table, in the price section.

Is 'data-loading' attribute used ?

Hi,

I see 'data-loading' attribute is added to province field, but nothing happens... Is it the normal behavior ?

https://github.com/Sylius/BootstrapTheme/blob/c057ce6d421cddaab56e77c69ffcdd99c9367ed5/assets/js/sylius-province-field.js#L40

Label for subtotals wrong

Instead of sylius.ui.subtotal the templates

• SyliusShopBundle/views/Cart/Summary/_totals.html.twig
• SyliusShopBundle/views/Checkout/_summary.html.twig
• SyliusShopBundle/views/Common/Order/Table/_totals.html.twig

are using sylius.ui.items_total to label the subtotal, in spite of the value clearly stating money.convertAndFormat(itemsSubtotal).

This seems wrong in my opinion, leading to a "total number" label, which even worse e.g. in German translation refers to a total count, not a subtotal monetary amount.

Changing primary theme colors

I would like to update the default primary colors from teal to yellow, but I've tried overriding the variables in a new scss file and importing it to the main.scss, cleared the cache but it's not taking effect is there a clear way of changing the default colors from teal to something else?

Issue in AddressBook/index.html.twig template

Line 36 (for loop) doesn't seem correct, the if should probably be a separate statement or make use of |filter like Sylius default theme does:

{% for address in addresses if default_address is null or address.id != default_address.id %}
    <div class="col-12 col-lg-6 mb-3" id="sylius-addresses" {{ sylius_test_html_attribute('addresses') }}>
        {% include '@SyliusShop/Account/AddressBook/_item.html.twig' %}
    </div>
{% endfor %}

Above gives the following error:

Unexpected token "name" of value "if" ("end of statement block" expected).

Error pages are not customized for Bootstrap

The twig error pages are still containing Semantic UI CSS classes.

LoaderLoadExxception

Hi,
I've followed all the steps in your documentation, but I'm getting the following error :

There is no extension able to load the configuration for "webpack_encore" (in root\config/packages/webpack_encore.yaml). Looked for namespace "webpack_encore", found "framework", "monolog", "security", "swiftmailer", "twig", "doctrine", "doctrine_cache", "sylius_order", "sylius_money", "sylius_currency", "sylius_locale", "sylius_product", "sylius_channel", "sylius_attribute", "sylius_taxation", "sylius_shipping", "sylius_payment", "sylius_mailer", "sylius_promotion", "sylius_addressing", "sylius_inventory", "sylius_taxonomy", "sylius_user", "sylius_customer", "sylius_ui", "sylius_review", "sylius_core", "sylius_resource", "sylius_grid", "winzou_state_machine", "sonata_core", "sonata_block", "sonata_intl", "bazinga_hateoas", "jms_serializer", "fos_rest", "knp_gaufrette", "knp_menu", "liip_imagine", "payum", "stof_doctrine_extensions", "white_october_pagerfanta", "doctrine_migrations", "doctrine_fixtures", "sylius_fixtures", "sylius_payum", "sylius_theme", "sylius_admin", "sylius_shop", "fos_oauth_server", "sylius_admin_api", "debug", "web_profiler", "web_server", "fidry_alice_data_fixtures", "nelmio_alice" in root\config/packages/webpack_encore.yaml (which is loaded in resource "root\config/packages/webpack_encore.yaml").

Any idea ?

Revision tag

Hello, is there any chance to create new tag for master branch? We have Sylius plugin which has dependency on Sylius/BootstrapTheme and it would be nice to have dependency on specific version instead of dev-master. Thanks!

Deleting addresses from address book

The delete button in the address book is not working. This is because you need to submit a form here with the DELETE HTTP method instead of outputting a GET link:

<a href="{{ path('sylius_shop_account_address_book_delete', {'id': address.id}) }}" class="btn btn-link text-muted">{{ 'sylius.ui.delete'|trans }}</a>

If you output it like a form, it will work:

<!--BootstrapTheme/SyliusShopBundle/views/Account/AddressBook/_item.html.twig -->

<form action="{{ path('sylius_shop_account_address_book_delete', {'id': address.id}) }}" method="post">
    <input name="_method" type="hidden" value="DELETE">
    <button class="btn btn-link text-muted">
       {{ 'sylius.ui.delete'|trans }}
    </button>
    <input type="hidden" name="_csrf_token" value="{{ csrf_token(address.id) }}"/>
</form>       

The default Sylius UI theme also adds a confirmation modal to delete actions, is this also available in the Bootstrap theme?

Sylius 1.11.7 compatibility - as a composer dependency (with child theme)

Hello,

On a fresh Sulius 1.11.7 install :

$ composer create-project sylius/sylius-standard dev
$ cd dev
$ composer update sylius/sylius --with-all-dependencies
[some settings in config/services.yaml and .env.local]
$ php bin/console sylius:install
$ yarn install
$ yarn build

I'm following the doc https://docs.sylius.com/en/latest/book/themes/bootstrap-theme.html mentioned on this repo's main page and after the composer require sylius/bootstrap-theme and the edit of config/packages/_sylius.yaml, a refresh gives an error :

An exception has been thrown during the rendering of a template ("Asset manifest file "/opt/sylius/dev/public/build/manifest.json" does not exist. Did you forget to build the assets with npm or yarn?").

Tried yarn build, next steps of the doc, nothing helped.

Thanks by advance.

Add builds/CI

We need to test the theme against Sylius. It would be great to be able to run all the behat tests of Sylius.

#59

403 -> 401

https://github.com/Sylius/BootstrapTheme/blob/master/SyliusShopBundle/views/error403.html.twig This should be 401 I guess?

Upgrade readme installation instruction

The installation instructions in the readme.md are not the same as this page.

Some instruction are better because the theme is not entirely copied into the project's theme folder. The final developer can receive the theme update.

Sylius 1.12 compatibility

Hello, the bootstrap child theme did not work on sylius 1.12

I followed the documentary https://docs.sylius.com/en/latest/book/themes/bootstrap-theme.html but not working.

I have the default theme even if in the debugger we can see that it is the child theme.

Render is not same screenshot

Hi everyone,

I'm trying to install the bootstrap theme on a new sylius 1.10 project but I can't get the same rendering as on the repository screenshot.
I also have problems with the buttons or menus, when I click on them, nothing happens

https://github.com/SyliusCrafts/BootstrapTheme#screenshots

I have the impression to be the only one to have this problem.

Unable to use this theme with Sylius 1.7

After upgrade from Sylius 1.6, I have this error on Front End when I call the product details page:

Unable to find one of the following templates: "@SyliusAttribute/Types/text.html.twig", "@SyliusAttribute/Types/default.html.twig" in @SyliusShop/Product/Show/Tabs/_attributes.html.twig at line 9.

Not compatible with 1.9

This theme loads in Sylius 1.9, but as soon as a child theme wants to extend it, it isn't loaded any more at all.

Reverting back to legacy theme bundle mode seems to "fix" this issue:

sylius_theme:
    legacy_mode: true

Would have been nice to at least find a notice here or even an upgrade (release??) to know what's going on.

Unable to load complete page of Checkout with Sylius 1.7

Error :
Unknown "locale" filter. Did you mean "locale_name", "sylius_locale_name", "sylius_locale_country"?

I have resolve this error with replace locale by locale_name in my custom template.

Automatically assign reviewer(s)

Currently no reviewers are assigned on PR's. I take it there are little to no notifications about these PR's, so could the reviewers be set automatically like for the other repositories?

Sylius 1.11.7 compatibility - in themes folder

Hello,

On a fresh Sulius 1.11.7 install :

$ composer create-project sylius/sylius-standard dev
$ cd dev
$ composer update sylius/sylius --with-all-dependencies
[some settings in config/services.yaml and .env.local]
$ php bin/console sylius:install
$ yarn install
$ yarn build

I'm following this repository documentation.

First yarn encore dev run :

ERROR Failed to compile with 5 errors
Error: Node Sass version 7.0.1 is incompatible with ^4.0.0.

After yarn add sass-loader@^4.0.0 node-sass lodash.throttle -D :

ERROR Failed to compile with 5 errors
TypeError: Cannot read property 'sassLoader' of undefined

So if I follow the warning WARNING Webpack Encore requires version ^13.0.0 of sass-loader, but your version (4.1.1) is too old. The related feature will probably *not* work correctly." with yarn add @symfony/webpack-encore sass-loader@^13.0.0 node-sass lodash.throttle -D :

1. had to fix a double semicolons error in ./node_modules/semantic-ui-css/semantic.css with causes an error with sass-loader 13.
2. finally had it compiling properly but :

An exception has been thrown during the rendering of a template ("Asset manifest file "/opt/sylius/dev/public/build/manifest.json" does not exist. Did you forget to build the assets with npm or yarn?").

Thanks by advance.
H4Mm3r

js error on checkout address step page when user is logged in

If user is logged in or went back to address step from other checkout steps he got this error which break the page so it render the shipping address form although the sylius_checkout_address_differentShippingAddress is not checked

Uncaught TypeError: Cannot read property 'getAttribute' of null
    at SyliusApiToggle (sylius-api-toggle.js:17)

Use the documentation install doc

Update readme to use the same installation process than documentation: https://docs.sylius.com/en/latest/book/themes/bootstrap-theme.html

This procedure is better to keep the template up to date.

Behat scenarios

Does this theme pass default Sylius Behat scenarios? Behat contexts in Sylius have a strict dependency on the specific DOM schema and Semantic UI references 😢

Admin UI using bootstrap classes from theme

Inside Admin UI pages, I see filter using bootstrap4 elements.

Example on admin/products/ page:

...
<div class="form-group">
<label class="" for="criteria_search_type">Search</label>
<select id="criteria_search_type" name="criteria[search][type]" class="form-control">
...

Can't pass the shipping address step

I can't pass the shipping address step on the checkout even thought that I fill in the required fields but the form always say that theses fields are required:

• First name
• Last name
• Street address
• City
• Postcode

Am I missing something?

Update to Bootstrap 5

Hi,

I work for BitBag company, and I’d like to suggest updating the Bootstrap version to Bootstrap 5. Additionally, I’ve come across a few issues that I believe need attention. To address these issues and the update, I’ve prepared a pull request with the necessary changes.

Here’s a summary of the proposed changes:

1. Bootstrap update

• Due to conflict with bootstrap 5, I wanted to ask you, if it is ok to remove bootstrap.native library. Having both bootstrap 5 and bootstrap.native imported causes some components not work properly (e.g. dropdown).

2. Bugfixes

• Fixed error 500 for search and filters (Sylius 1.12) - if there is at least one element in search result it throws error 500
• Fixed error 500 for address book (Sylius 1.12) - if you delete address from address book it throws error 500
• Fixed missing mobile taxon menu - the condition for displaying mobile menu was never met
• Added missing images (footer and error pages)

You can view the pull request with the proposed changes here: #121

I would greatly appreciate it, if you could review and consider these changes. If you have any questions or suggestions, please don’t hesitate to let me know.

Additionally, if you prefer, I can split the bug fixes into separate pull requests to make the review process more manageable and modular.

Best regards,
Bartek from BitBag

Make new branch

The Sylius 1.7 of Sylius is now released. The master branch of this repository will receive all fix for an upgrade this theme for Sylius 1.7.

Please, make the branch 0.1.x to keep the version compatible with Sylius 1.6.

Error: "Invalid csrf token" on sylius_shop_ajax_cart_item_remove

Ajax request for delete product from cart throws "Invalid csrf token" error, request content is empty, probably it is related with missing content type header. In BootstrapTheme/assets/js/sylius-remove-from-cart.js is:

 axios.delete(url, { data: { _csrf_token: csrfToken } })
      .then(() => { window.location.replace(redirectUrl); });

should be (it works for me):

        axios({
                method: 'DELETE',
                url: url,
                headers: {
                    'Content-Type': 'application/json'
                },
                data: {
                    _csrf_token: csrfToken
                }
            })
                .then(() => {
                    window.location.replace(redirectUrl);
                });

[bootstrap-native] bootstrap-native is not exported

Following the doc at https://docs.sylius.com/en/latest/book/themes/bootstrap-theme.html
I stumble on multiple errors while doing it:

1. Node-sass version

Webpack Encore requires version ^13.0.0 of sass-loader, but your version (7.3.1) is too old

In the doc, we are forcing the version to ^7.0.0

yarn add sass-loader@^7.0.0 node-sass lodash.throttle -D
yarn add bootstrap bootstrap.native glightbox axios form-serialize @fortawesome/fontawesome-svg-core @fortawesome/free-brands-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-solid-svg-icons

The README of this repo uses sass-loader@^13.0.0 but boostrap 4 and not 5.

yarn
yarn add @symfony/webpack-encore sass-loader@^13.0.0 node-sass -D
yarn add lodash.throttle -D
yarn add bootstrap@^4.5.0 bootstrap.native@^3.0.0 glightbox axios form-serialize @fortawesome/fontawesome-svg-core @fortawesome/free-brands-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-solid-svg-icons popper.js
yarn add @popperjs/core

2. Bootstrap native

After the node sass version upgrade (^13.0.0), a build error is prompted:

ERROR  Failed to compile with 1 errors                                                                                                                                                                                                                         7:58:23 AM

 error  in ./vendor/sylius/bootstrap-theme/assets/js/index.js                                                                                                                                                                                                   7:58:23 AM

Module not found: Error: Package path ./dist/bootstrap-native is not exported from package /var/www/html/node_modules/bootstrap.native (see exports field in /var/www/html/node_modules/bootstrap.native/package.json)

Looking in the code, this is the problem:

BootstrapTheme/assets/js/index.js

Line 14 in 3199a8f

import 'bootstrap.native/dist/bootstrap-native';

Switching to this seems to work:

-  import 'bootstrap.native/dist/bootstrap-native';
+  import 'bootstrap.native';

3. Bootstrap components

The dropdown of the cart does not works.

I need to manually import bootstrap in the entry.js file to make it works.

import 'bootstrap' // <- Here
import '../../../vendor/sylius/bootstrap-theme/assets/js/index';
import './scss/index.scss';
import '../../../vendor/sylius/bootstrap-theme/assets/js/fontawesome';

// [...]

Versions

Composer

"php": "8.1.*",
"sylius/bootstrap-theme": "^0.7.1",
"sylius/sylius": "^1.12.9",

Yarn

"devDependencies": {
    "@sylius-ui/frontend": "^1.0",
    "lodash.throttle": "^4.1.1",
    "node-sass": "^9.0.0",
    "sass-loader": "^13.0.0"
  },
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^6.4.2",
    "@fortawesome/free-brands-svg-icons": "^6.4.2",
    "@fortawesome/free-regular-svg-icons": "^6.4.2",
    "@fortawesome/free-solid-svg-icons": "^6.4.2",
    "axios": "^1.4.0",
    "bootstrap": "^5.3.1",
    "bootstrap.native": "^5.0.9",
    "form-serialize": "^0.7.2",
    "glightbox": "^3.2.0"
  }

Copy files from repository to ./themes/BootstrapTheme

Hello, i try to use bootstrap in sylius app but when i want to add carroussel in my sylius app but its dont work.

when i write : yarn encore dev --watch
i have this error :

/home/ecomm/node_modules/webpack-cli/bin/cli.js:93
throw err;
^

Error: Cannot find module './themes/BootstrapTheme/webpack.config'
Require stack:

• /home/ecomm/webpack.config.js
• /home/ecomm/node_modules/webpack-cli/bin/utils/convert-argv.js
• /home/ecomm/node_modules/webpack-cli/bin/cli.js
• /home/ecomm/node_modules/webpack/bin/webpack.js
• /home/ecomm/node_modules/@symfony/webpack-encore/bin/encore.js
  at Function.Module._resolveFilename (internal/modules/cjs/loader.js:625:15)
  at Function.Module._load (internal/modules/cjs/loader.js:527:27)
  at Module.require (internal/modules/cjs/loader.js:683:19)
  at require (/home/ecomm/node_modules/v8-compile-cache/v8-compile-cache.js:161:20)
  at Object. (/home/ecomm/webpack.config.js:2:24)
  at Module._compile (/home/ecomm/node_modules/v8-compile-cache/v8-compile-cache.js:192:30)
  at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)
  at Module.load (internal/modules/cjs/loader.js:643:32)
  at Function.Module._load (internal/modules/cjs/loader.js:556:12)
  at Module.require (internal/modules/cjs/loader.js:683:19)
  at require (/home/ecomm/node_modules/v8-compile-cache/v8-compile-cache.js:161:20)
  at WEBPACK_OPTIONS (/home/ecomm/node_modules/webpack-cli/bin/utils/convert-argv.js:116:13)
  at requireConfig (/home/ecomm/node_modules/webpack-cli/bin/utils/convert-argv.js:118:6)
  at /home/ecomm/node_modules/webpack-cli/bin/utils/convert-argv.js:125:17
  at Array.forEach ()
  at module.exports (/home/ecomm/node_modules/webpack-cli/bin/utils/convert-argv.js:123:15)
  at /home/ecomm/node_modules/webpack-cli/bin/cli.js:71:45
  at Object.parse (/home/ecomm/node_modules/webpack-cli/node_modules/yargs/yargs.js:567:18)
  at /home/ecomm/node_modules/webpack-cli/bin/cli.js:49:8
  at Object. (/home/ecomm/node_modules/webpack-cli/bin/cli.js:365:3)
  at Module._compile (internal/modules/cjs/loader.js:776:30)
  at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)
  at Module.load (internal/modules/cjs/loader.js:643:32)
  at Function.Module._load (internal/modules/cjs/loader.js:556:12)
  at Module.require (internal/modules/cjs/loader.js:683:19)
  at require (internal/modules/cjs/helpers.js:16:16)
  at Object. (/home/ecomm/node_modules/webpack/bin/webpack.js:156:2)
  at Module._compile (internal/modules/cjs/loader.js:776:30)
  at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)
  at Module.load (internal/modules/cjs/loader.js:643:32)
  at Function.Module._load (internal/modules/cjs/loader.js:556:12)
  at Module.require (internal/modules/cjs/loader.js:683:19)
  at require (internal/modules/cjs/helpers.js:16:16)
  at Object. (/home/ecomm/node_modules/@symfony/webpack-encore/bin/encore.js:63:12)
  at Module._compile (internal/modules/cjs/loader.js:776:30)
  at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
  '/home/ecomm/webpack.config.js',
  '/home/ecomm/node_modules/webpack-cli/bin/utils/convert-argv.js',
  '/home/ecomm/node_modules/webpack-cli/bin/cli.js',
  '/home/ecomm/node_modules/webpack/bin/webpack.js',
  '/home/ecomm/node_modules/@symfony/webpack-encore/bin/encore.js'
  ]
  }
  error Command failed with exit code 1.
  info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

i think its because i dont Copy files from repository to ./themes/BootstrapTheme because dont know where i can find this repository and where copy

error in ./themes/BootstrapTheme/assets/scss/index.scss

Can't run yarn encore dev. error occurred

ERROR Failed to compile with 1 errors
error in ./themes/BootstrapTheme/assets/scss/index.scss

module.exports = require('./lib/node-progress');

^
Invalid CSS after "m": expected 1 selector or at-rule, was "module.exports = re"
in C:\xampp\htdocs\delma-demo\node_modules\progress\index.js (line 1, column 1)

@ ./themes/BootstrapTheme/assets/app.js 5:0-28

Unable to fill address with Sylius 1.7

With Sylius 1.7, the customer cannot fill the address step of checkout.

Update docs

Hi!
We've got some PR with updates in Sylius' docs, but it was not up-to-date, either. Would it be possible to handle it on your side?

https://docs.sylius.com/en/1.12/book/themes/bootstrap-theme.html?highlight=bootstrap

missing template in product show page

Hello when I try to view a product I get the following error:
Unable to find one of the following templates: "@SyliusAttribute/Types/text.html.twig", "@SyliusAttribute/Types/default.html.twig" in SyliusShopBundle:Product/Show/Tabs:_attributes.html.twig at line 9.

am I missing something?

Bug Unknown "sylius_template_event" function.

Bug Unknown "sylius_template_event" function ??

Address book selector dropdown is broken in checkout address

there is a missing caret ">" in the root opening div tag

Adding container setup

For development it would be very nice to have a Dockerfile to be able to build some containers for Sylius with the theme installed.
That way we have an integrated toolchain and all the other advantages of running in containers.

My suggestion is to re-use the setup from Sylius-Standard for a big part and pre-install the theme.