Overview

The CLI tool needs to be able to transpile the CSS code of local components. This is referring to individual CSS written for each component.

→ See: #3525571: [Meta] CLI tool for code components

Proposed resolution

  1. Implement this command using Lightning CSS with the same configuration as Tailwind CSS and tailwindcss-in-browswer: https://github.com/tailwindlabs/tailwindcss/blob/v4.1.4/packages/%40tail....
  2. Read the location for your local directory for components from an environment variable or .env file established in #3525579: Implement client credentials flow in CLI, centralize managing config.
  3. Allow users to select components interactively or passed as a CLI argument. Make sure there is an option to select all.
  4. Write the output to dist/index.css inside the directory of every component.
  5. Extend the upload command (#3525587: CLI command to upload code components) to run this compilation, and upload the compiled CSS for the component(s).
Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

balintbrews created an issue. See original summary.

balintbrews’s picture

Status: Active » Postponed
balintbrews’s picture

Status: Postponed » Active

Placeholder already added in cli/src/utils/build.ts.

hooroomoo’s picture

Assigned: Unassigned » hooroomoo

hooroomoo’s picture

Adding credit for bug fix

hooroomoo’s picture

Assigned: hooroomoo » Unassigned
Status: Active » Needs review
balintbrews’s picture

Assigned: Unassigned » hooroomoo
Status: Needs review » Needs work
hooroomoo’s picture

Status: Needs work » Closed (outdated)