CSS comments

[JamesTiberiusKirk]

Hi, quick question. Are there any plans / considerations for adding comments support in the css blocks?
If not, i could lend a helping hand, would just appreciate being pointed in the right direction

[a-h]

Hadn't planned to work on that in the near future. Was planning to spend more time on CSS handling, but will prioritise investigating reports of LSP stuff not working.

If you wanted to implement comment support, you'd need to take a look here: https://github.com/a-h/templ/blob/main/parser/v2/cssparser.go

You'd need to add something like this comment parser: https://github.com/a-h/templ/blob/main/parser/v2/gocommentparser.go and update the object model of the CSS types to include a space to put the comments back in:

templ/parser/v2/types.go

Lines 247 to 332 in 78e130a

	// CSS definition.
	//
	// css Name() {
	// color: #ffffff;
	// background-color: { constants.BackgroundColor };
	// background-image: url('./somewhere.png');
	// }
	type CSSTemplate struct {
	Range Range
	Name string
	Expression Expression
	Properties []CSSProperty
	}
	func (css CSSTemplate) IsTemplateFileNode() bool { return true }
	func (css CSSTemplate) Write(w io.Writer, indent int) error {
	source := formatFunctionArguments(css.Expression.Value)
	if err := writeIndent(w, indent, "css ", string(source), " {\n"); err != nil {
	return err
	}
	for _, p := range css.Properties {
	if err := p.Write(w, indent+1); err != nil {
	return err
	}
	}
	if err := writeIndent(w, indent, "}"); err != nil {
	return err
	}
	return nil
	}
	// CSSProperty is a CSS property and value pair.
	type CSSProperty interface {
	IsCSSProperty() bool
	Write(w io.Writer, indent int) error
	}
	// color: #ffffff;
	type ConstantCSSProperty struct {
	Name string
	Value string
	}
	func (c ConstantCSSProperty) IsCSSProperty() bool { return true }
	func (c ConstantCSSProperty) Write(w io.Writer, indent int) error {
	if err := writeIndent(w, indent, c.String(false)); err != nil {
	return err
	}
	return nil
	}
	func (c ConstantCSSProperty) String(minified bool) string {
	sb := new(strings.Builder)
	sb.WriteString(c.Name)
	if minified {
	sb.WriteString(":")
	} else {
	sb.WriteString(": ")
	}
	sb.WriteString(c.Value)
	sb.WriteString(";")
	if !minified {
	sb.WriteString("\n")
	}
	return sb.String()
	}
	// background-color: { constants.BackgroundColor };
	type ExpressionCSSProperty struct {
	Name string
	Value StringExpression
	}
	func (c ExpressionCSSProperty) IsCSSProperty() bool { return true }
	func (c ExpressionCSSProperty) Write(w io.Writer, indent int) error {
	if err := writeIndent(w, indent, c.Name, ": "); err != nil {
	return err
	}
	if err := c.Value.Write(w, 0); err != nil {
	return err
	}
	if _, err := w.Write([]byte(";\n")); err != nil {
	return err
	}
	return nil
	}

[a-h]

There's a thread on CSS support where I outline what I was thinking of doing next re: CSS processing at #740

I prioritised some JavaScript quality of life stuff in 0e8437a first.

[JamesTiberiusKirk]

thanks @a-h
will have a look