fix: add script template support to scripts, fixes #754

.version

@@ -1 +1 @@
-0.2.700
+0.2.702

generator/generator.go

@@ -893,7 +893,7 @@ func (g *generator) writeElement(indentLevel int, n parser.Element) (err error)
 			return err
 		}
 		// <script type="text/javascript"></script>
-		if err = g.writeElementScript(indentLevel, n); err != nil {
+		if err = g.writeElementScript(indentLevel, n.Attributes); err != nil {
 			return err
 		}
 		// <div
@@ -1000,9 +1000,9 @@ func isScriptAttribute(name string) bool {
 	return false
 }
 
-func (g *generator) writeElementScript(indentLevel int, n parser.Element) (err error) {
+func (g *generator) writeElementScript(indentLevel int, attrs []parser.Attribute) (err error) {
 	var scriptExpressions []string
-	for _, attr := range n.Attributes {
+	for _, attr := range attrs {
 		scriptExpressions = append(scriptExpressions, getAttributeScripts(attr)...)
 	}
 	if len(scriptExpressions) == 0 {
@@ -1275,6 +1275,10 @@ func (g *generator) writeRawElement(indentLevel int, n parser.RawElement) (err e
 			return err
 		}
 	} else {
+		// <script type="text/javascript"></script>
+		if err = g.writeElementScript(indentLevel, n.Attributes); err != nil {
+			return err
+		}
 		// <div
 		if _, err = g.w.WriteStringLiteral(indentLevel, fmt.Sprintf(`<%s`, html.EscapeString(n.Name))); err != nil {
 			return err

generator/test-script-usage/expected.html

@@ -17,3 +17,8 @@
 }
 </script>
 <input type="button" value="Click me" onclick="__templ_conditionalScript_de41()" />
+<script type="text/javascript">
+  function __templ_alertTest_eadf(){alert('testing');
+}
+</script>
+<script async crossorigin="true" onload="__templ_alertTest_eadf()" src="url.to.some.script"></script>

generator/test-script-usage/template.templ

@@ -27,6 +27,7 @@ templ ThreeButtons() {
 	<button hx-on::click="alert('clicked inline')" type="button">Button D</button>
 	<button hx-on::click={ onClick() } type="button">Button E</button>
 	@Conditional(true)
+	@ScriptOnLoad()
 }
 
 script conditionalScript() {
@@ -42,3 +43,11 @@ templ Conditional(show bool) {
 		}
 	/>
 }
+
+script alertTest() {
+	alert('testing');
+}
+
+templ ScriptOnLoad() {
+	<script async crossorigin="true" onload={ alertTest() } src="url.to.some.script"></script>
+}