Skip to content

Document CSS and frontend asset build workflow#505

Merged
adiati98 merged 15 commits into
mautic:7.2from
Promptless:promptless/pr-16143-scss-build
Jul 17, 2026
Merged

Document CSS and frontend asset build workflow#505
adiati98 merged 15 commits into
mautic:7.2from
Promptless:promptless/pr-16143-scss-build

Conversation

@promptless-for-oss

Copy link
Copy Markdown
Contributor

Open this suggestion in Promptless to view citations and reasoning process

Add documentation for the new SCSS build workflow using SymfonyCasts Sass Bundle, replacing the previous Grunt/LESS approach. Covers development commands (sass:build, sass:watch), production asset generation, and Symfony Asset Mapper architecture.

Trigger Events


Tip: Tell your friends working on non-commercial open-source projects to apply for free Promptless access at promptless.ai/oss ❤️

Comment thread docs/development-environment/building_assets.rst Outdated

@adiati98 adiati98 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@promptless-for-oss please address the suggestions

Comment thread docs/development-environment/building_assets.rst Outdated
Comment thread docs/development-environment/building_assets.rst Outdated
Comment thread docs/development-environment/building_assets.rst
Comment thread docs/development-environment/building_assets.rst Outdated
Comment thread docs/development-environment/building_assets.rst
Comment thread docs/development-environment/building_assets.rst
Comment thread docs/development-environment/building_assets.rst Outdated
Comment thread docs/development-environment/building_assets.rst
@adiati98 adiati98 added this to the 7.2 milestone May 31, 2026
@promptless-for-oss

Copy link
Copy Markdown
Contributor Author

Done! I've addressed all the review feedback:

  1. Capitalized "Assets" in headings and text where referring to the Mautic feature
  2. Capitalized "UI Components" in the intro text
  3. Added vale off/on around "Building SCSS during development" heading
  4. Replaced "recompiles" with "rebuilds CSS automatically" to resolve the Vale error
  5. Clarified Asset Mapper compilation locations (now specifies var/assets/ and public/assets/)
  6. Added vale off/on around the final paragraph that refers to general assets in the Symfony context

@adiati98 adiati98 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@promptless-for-oss please address the suggestions

Comment thread docs/development-environment/building_assets.rst Outdated
Comment thread docs/development-environment/building_assets.rst
@promptless-for-oss

Copy link
Copy Markdown
Contributor Author

Done! Added vale off/on around the "Building Assets for production" heading.

@promptless-for-oss

Copy link
Copy Markdown
Contributor Author

Thanks for the follow-up! This is already addressed in the latest commit (d6638df). The phrase "finalized assets" on line 62 refers to general frontend assets (CSS/JS files), not the Mautic Assets feature, so I wrapped it in vale off/on directives (see lines 60-64). You may need to refresh the PR diff view to see the updated file.

Let me know if you have any other concerns!

Comment thread docs/development-environment/building_assets.rst
@promptless-for-oss

Copy link
Copy Markdown
Contributor Author

Fixed! Added vale directives around the "Importmap" term since it's a standard web/Symfony technical term for JavaScript module import maps.

Comment thread docs/development-environment/building_assets.rst Outdated
@promptless-for-oss

Copy link
Copy Markdown
Contributor Author

Thanks for the suggestion! I've added "Importmap" to the Vale vocabulary file and removed the vale directives around that term. This is a cleaner approach than using inline vale statements.

@adiati98

adiati98 commented Jun 4, 2026

Copy link
Copy Markdown
Contributor

@promptless-for-oss please rebase to 7.2 branch

promptless Bot added 5 commits June 4, 2026 10:37
Document the SCSS build workflow using SymfonyCasts Sass Bundle that replaces
the previous Grunt/LESS approach. Covers development commands (sass:build,
sass:watch), production asset generation, Bootstrap source location, and
Symfony Asset Mapper architecture.
- Capitalize "Assets" when referring to Mautic feature
- Capitalize "UI Components" in intro text
- Add vale off/on directives around SCSS heading and general asset text
- Replace "recompiles" with "rebuilds CSS automatically"
- Clarify Asset Mapper compilation output locations
Address reviewer feedback to add vale off/on around the
"Building Assets for production" heading.
Wrap the Asset architecture section heading and the paragraph containing
"Importmap" with vale off/on directives to suppress the Vale spelling error.
Add "Importmap" to the Vale accept.txt vocabulary file since it's a
standard web/Symfony technical term. Remove the vale off/on statements
that were wrapping references to Importmap in the building_assets.rst
documentation.
@promptless-for-oss
promptless-for-oss force-pushed the promptless/pr-16143-scss-build branch from 94cf806 to 97ff276 Compare June 4, 2026 10:37
@promptless-for-oss
promptless-for-oss changed the base branch from 7.0 to 7.2 June 4, 2026 10:38
@promptless-for-oss

Copy link
Copy Markdown
Contributor Author

Done! I've rebased the branch onto 7.2 and updated the PR base branch accordingly.

Comment thread docs/development-environment/building_assets.rst
All uses of 'asset' in building_assets.rst refer to Symfony's Asset
Mapper and generic frontend assets (CSS, JavaScript files), not
Mautic's Asset feature (downloadable marketing files). Use lowercase
consistently per reviewer feedback. Renamed the 'Asset architecture'
section to 'Asset Mapper architecture' for clarity.
@promptless-for-oss

Copy link
Copy Markdown
Contributor Author

Good catch! All uses of "asset" in this file refer to Symfony's Asset Mapper and generic frontend assets (CSS, JavaScript files), not Mautic's "Asset" feature (downloadable marketing files).

I've updated the document to use lowercase "assets" consistently for the Symfony frontend concept, and renamed the section heading from "Asset architecture" to "Asset Mapper architecture" to make the distinction clearer. The capitalized "Asset Mapper" is retained since that's the proper name of the Symfony component.

Comment thread docs/development-environment/building_assets.rst
Adds vale directives to suppress linting for the paragraph where "assets"
refers to generic Symfony frontend assets rather than Mautic's downloadable
files feature.
@promptless-for-oss

Copy link
Copy Markdown
Contributor Author

Thanks @adiati98! I've applied your suggestion and wrapped the paragraph in vale off/on directives. The change has been pushed to the branch.

@adiati98 adiati98 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@promptless-for-oss please address the suggestions.

Comment thread docs/development-environment/building_assets.rst
Comment thread docs/development-environment/building_assets.rst
Comment thread docs/development-environment/building_assets.rst Outdated
@promptless-for-oss

Copy link
Copy Markdown
Contributor Author

Hi @adiati98, thanks for the review! I've applied all three suggestions — the affected passages (the production build intro, the build-result description, and the offline.css compatibility stylesheet description) are now wrapped in .. vale off / .. vale on directives as suggested. Vale passes cleanly (0 errors, 0 warnings). The changes are committed and pushed to this PR.

adiati98
adiati98 previously approved these changes Jun 22, 2026

@adiati98 adiati98 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for the review, @escopecz! 🚀

@adiati98

Copy link
Copy Markdown
Contributor

Geez, I'm on the wrong window! Sorry for the confusion! 😅

This is good to go once @andersonjeccel reviewed the content. 👍🏼

@adiati98

Copy link
Copy Markdown
Contributor

Can you please review the content here, @andersonjeccel? TIA! ✨

@adiati98
adiati98 dismissed their stale review July 5, 2026 13:41

Needs @andersonjeccel approval first.

@adiati98

Copy link
Copy Markdown
Contributor

/aside

Can you please review the content here, @andersonjeccel? TIA! ✨

@adiati98
adiati98 requested a review from escopecz July 10, 2026 08:40

@andersonjeccel andersonjeccel left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

OK

Comment thread docs/development-environment/building_assets.rst Outdated
Address @adiati98 review: the Mautic.FeatureList rule flags 'assets' in the
page title, but here it means compiled frontend build output, not the Mautic
Asset feature. A '.. vale off' block alone couldn't scope the document's H1
(Vale promotes the first title to the doc title), so add a leading RST comment
inside the suppressed region so the '.. vale off'/'.. vale on' pair covers the
title. Vale is now clean on the file.
@promptless-for-oss

Copy link
Copy Markdown
Contributor Author

Thanks, @adiati98 — addressed the Mautic.FeatureList warning in docs/development-environment/building_assets.rst.

In this context "assets" refers to the compiled frontend build artifacts (CSS/JS via the Sass bundle and Asset Mapper), not the Mautic Asset content feature, so capitalizing to "Assets" would be incorrect. I suppressed the false positive instead. Vale now reports clean (0/0/0) and the update is pushed to this PR.

Comment thread docs/development-environment/building_assets.rst Outdated
…positive

Remove the explanatory RST comment note per @adiati98's request. A .. vale off
on the first line of the file does not suppress the Mautic.FeatureList finding
on 'assets' in the H1 title (reproduced on Vale 3.7.1 and 3.15.1), which is why
the note was priming it. Reword the title to 'Building CSS and frontend files'
so it no longer trips the rule, dropping the note and the ineffective top wrap.
All other generic 'assets' prose stays lowercase inside working vale off/on blocks.
@promptless-for-oss

Copy link
Copy Markdown
Contributor Author

Thanks @adiati98 — removed the note.

On the title: I confirmed that a .. vale off on the file's first line doesn't actually suppress the Mautic.FeatureList finding on 'assets' in the H1 (tested on Vale 3.7.1, the version pinned in CI, and 3.15.1), which is why the earlier note was there to prime it. Since these 'assets' are generic build output (compiled CSS/JS), not the Mautic Asset feature, I reworded the title from 'Building CSS and frontend assets' to 'Building CSS and frontend files' so it no longer trips the rule. That drops both the note and the top-of-file .. vale off/.. vale on wrap, and Vale is now clean on the file.

All other generic 'assets' occurrences in the body remain lowercase inside working .. vale off/.. vale on blocks.

@adiati98
adiati98 merged commit 77eee5d into mautic:7.2 Jul 17, 2026
5 of 7 checks passed
@promptless-for-oss
promptless-for-oss deleted the promptless/pr-16143-scss-build branch July 17, 2026 10:32
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.

3 participants