v1.0.1

[maddalax]

What's Changed

• feat:add ClassF by @himynamej in feat:add claasf #31
• feat: add Details & Summary tag
• feat: html to go code formatter now has much better formatting
• feat: service loader now supports 'transient' 21ac153 for services that need to be recreated every time it is requested, unlike a singleton which is only created once.

Bug Fixes

• Use path by @himynamej in use path #32
• Use filename instead of absolute path when filtering to replacing old template name with new one by @Sardonyx001 in Use filename instead of absolute path when filtering to replacing old template name with new one  #42
• htmgo run will now prepare the project properly so you don't have to run htmgo build before

html to go formatter updates:

htmgo offers a way to convert raw html to htmgo code here: https://htmgo.dev/html-to-go

previously the output was not formatted very well, if you pasted in a large block of html, the output you would get looked something like:

func MyComponent() *h.Element {
	return h.Body(
		h.Div(h.Class("flex h-screen flex-col justify-between border-e bg-white"),
			h.Div(h.Class("px-4 py-6"),
				h.Span(h.Class("grid h-10 w-32 place-content-center rounded-lg bg-gray-100 text-xs text-gray-600"), h.Text("Logo")),
				h.Ul(h.Class("mt-6 space-y-1"),
					h.Li(
						h.A(h.Href("#"), h.Class("block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"), h.Text("General")),
					),
					h.Li(
						h.Details(h.Class("group [&_summary::-webkit-details-marker]:hidden"),
							h.Summary(h.Class("flex cursor-pointer items-center justify-between rounded-lg px-4 py-2 text-gray-500 hover:bg-gray-100 hover:text-gray-700"),
								h.Span(h.Class("text-sm font-medium"), h.Text("Teams")),
								h.Span(h.Class("shrink-0 transition duration-300 group-open:-rotate-180"),
									h.Svg(h.Attribute("xmlns", "http://www.w3.org/2000/svg"), h.Class("size-5"), h.Attribute("viewBox", "0 0 20 20"), h.Attribute("fill", "currentColor"),
										h.Tag("path", h.Attribute("fill-rule", "evenodd"), h.Attribute("d", "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"), h.Attribute("clip-rule", "evenodd")),
									),
								),
							),
							h.Ul(h.Class("mt-2 space-y-1 px-4"),
								h.Li(
									h.A(h.Href("#"), h.Class("block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"), h.Text("Banned Users")),
								),
								h.Li(
									h.A(h.Href("#"), h.Class("block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"), h.Text("Calendar")),
								),
							),
						),
					),
					h.Li(
						h.A(h.Href("#"), h.Class("block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"), h.Text("Billing")),
					),
					h.Li(
						h.A(h.Href("#"), h.Class("block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"), h.Text("Invoices")),
					),
					h.Li(
						h.Details(h.Class("group [&_summary::-webkit-details-marker]:hidden"),
							h.Summary(h.Class("flex cursor-pointer items-center justify-between rounded-lg px-4 py-2 text-gray-500 hover:bg-gray-100 hover:text-gray-700"),
								h.Span(h.Class("text-sm font-medium"), h.Text("Account")),
								h.Span(h.Class("shrink-0 transition duration-300 group-open:-rotate-180"),
									h.Svg(h.Attribute("xmlns", "http://www.w3.org/2000/svg"), h.Class("size-5"), h.Attribute("viewBox", "0 0 20 20"), h.Attribute("fill", "currentColor"),
										h.Tag("path", h.Attribute("fill-rule", "evenodd"), h.Attribute("d", "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"), h.Attribute("clip-rule", "evenodd")),
									),
								),
							),
							h.Ul(h.Class("mt-2 space-y-1 px-4"),
								h.Li(
									h.A(h.Href("#"), h.Class("block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"), h.Text("Details")),
								),
								h.Li(
									h.A(h.Href("#"), h.Class("block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"), h.Text("Security")),
								),
								h.Li(
									h.Form(h.Action("#"),
										h.Button(h.Type("submit"), h.Class("w-full rounded-lg px-4 py-2 text-sm font-medium text-gray-500 [text-align:_inherit] hover:bg-gray-100 hover:text-gray-700"), h.Text("Logout")),
									),
								),
							),
						),
					),
				),
			),
			h.Div(h.Class("sticky inset-x-0 bottom-0 border-t border-gray-100"),
				h.A(h.Href("#"), h.Class("flex items-center gap-2 bg-white p-4 hover:bg-gray-50"),
					h.Img(h.Alt(""), h.Src("https://images.unsplash.com/photo-1600486913747-55e5470d6f40?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1770&q=80"), h.Class("size-10 rounded-full object-cover")),
					h.Div(
						h.P(h.Class("text-xs"),
							h.Strong(h.Class("block font-medium"), h.Text("Eric Frusciante")),
							h.Span(h.Text("eric@frusciante.com")),
						),
					),
				),
			),
		),
	)
}

Changes have been made to it so now it formats it properly like so:

func MyComponent() *h.Element {
	return h.Body(
		h.Div(
			h.Class("flex h-screen flex-col justify-between border-e bg-white"),
			h.Div(
				h.Class("px-4 py-6"),
				h.Span(
					h.Class("grid h-10 w-32 place-content-center rounded-lg bg-gray-100 text-xs text-gray-600"),
					h.Text("Logo"),
				),
				h.Ul(
					h.Class("mt-6 space-y-1"),
					h.Li(
						h.A(
							h.Href("#"),
							h.Class("block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"),
							h.Text("General"),
						),
					),
					h.Li(
						h.Details(
							h.Class("group [&_summary::-webkit-details-marker]:hidden"),
							h.Summary(
								h.Class("flex cursor-pointer items-center justify-between rounded-lg px-4 py-2 text-gray-500 hover:bg-gray-100 hover:text-gray-700"),
								h.Span(
									h.Class("text-sm font-medium"),
									h.Text("Teams"),
								),
								h.Span(
									h.Class("shrink-0 transition duration-300 group-open:-rotate-180"),
									h.Svg(
										h.Attribute("xmlns",
											"http://www.w3.org/2000/svg",
										),
										h.Class("size-5"),
										h.Attribute("viewBox",
											"0 0 20 20",
										),
										h.Attribute("fill",
											"currentColor",
										),
										h.Tag("path",
											h.Attribute("fill-rule",
												"evenodd",
											),
											h.Attribute("d",
												"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
											),
											h.Attribute("clip-rule",
												"evenodd",
											),
										),
									),
								),
							),
							h.Ul(
								h.Class("mt-2 space-y-1 px-4"),
								h.Li(
									h.A(
										h.Href("#"),
										h.Class("block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"),
										h.Text("Banned Users"),
									),
								),
								h.Li(
									h.A(
										h.Href("#"),
										h.Class("block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"),
										h.Text("Calendar"),
									),
								),
							),
						),
					),
					h.Li(
						h.A(
							h.Href("#"),
							h.Class("block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"),
							h.Text("Billing"),
						),
					),
					h.Li(
						h.A(
							h.Href("#"),
							h.Class("block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"),
							h.Text("Invoices"),
						),
					),
					h.Li(
						h.Details(
							h.Class("group [&_summary::-webkit-details-marker]:hidden"),
							h.Summary(
								h.Class("flex cursor-pointer items-center justify-between rounded-lg px-4 py-2 text-gray-500 hover:bg-gray-100 hover:text-gray-700"),
								h.Span(
									h.Class("text-sm font-medium"),
									h.Text("Account"),
								),
								h.Span(
									h.Class("shrink-0 transition duration-300 group-open:-rotate-180"),
									h.Svg(
										h.Attribute("xmlns",
											"http://www.w3.org/2000/svg",
										),
										h.Class("size-5"),
										h.Attribute("viewBox",
											"0 0 20 20",
										),
										h.Attribute("fill",
											"currentColor",
										),
										h.Tag("path",
											h.Attribute("fill-rule",
												"evenodd",
											),
											h.Attribute("d",
												"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
											),
											h.Attribute("clip-rule",
												"evenodd",
											),
										),
									),
								),
							),
							h.Ul(
								h.Class("mt-2 space-y-1 px-4"),
								h.Li(
									h.A(
										h.Href("#"),
										h.Class("block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"),
										h.Text("Details"),
									),
								),
								h.Li(
									h.A(
										h.Href("#"),
										h.Class("block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"),
										h.Text("Security"),
									),
								),
								h.Li(
									h.Form(
										h.Action("#"),
										h.Button(
											h.Type("submit"),
											h.Class("w-full rounded-lg px-4 py-2 text-sm font-medium text-gray-500 [text-align:_inherit] hover:bg-gray-100 hover:text-gray-700"),
											h.Text("Logout"),
										),
									),
								),
							),
						),
					),
				),
			),
			h.Div(
				h.Class("sticky inset-x-0 bottom-0 border-t border-gray-100"),
				h.A(
					h.Href("#"),
					h.Class("flex items-center gap-2 bg-white p-4 hover:bg-gray-50"),
					h.Img(
						h.Alt(""),
						h.Src("https://images.unsplash.com/photo-1600486913747-55e5470d6f40?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1770&q=80"),
						h.Class("size-10 rounded-full object-cover"),
					),
					h.Div(
						h.P(
							h.Class("text-xs"),
							h.Strong(
								h.Class("block font-medium"),
								h.Text("Eric Frusciante"),
							),
							h.Span(
								h.Text("eric@frusciante.com"),
							),
						),
					),
				),
			),
		),
	)
}

New Contributors

• @himynamej made their first contribution in feat:add claasf #31
• @Sardonyx001 made their first contribution in Use filename instead of absolute path when filtering to replacing old template name with new one  #42

---

This discussion was created from the release v1.0.1.