daz

ダズ

GolangのComposable HTMLコンポーネント

DAZは、テンプレートを使用する「機能的な」代替品であり、ネストされたコンポーネント/リストを可能にします。また、ネストされたリストをサポートするテンプレートフリーのサーバー側のレンダリングコンポーネントも有効にします。それはハイパースクリプトに触発されています。

コンポーネントを作成して、単純な関数で使用できます。

 // Example prop for a component
type User struct {
	Name string
	// ...
}

func MyComponent ( user User ) HTML {
	return H (
		"div" ,
		Attr { "class" : "bg-grey-50" },
		user . Name ,
	)
}

func Root () HTML {
	user := User { Name : "Daz" }
	return H ( "html" , MyComponent ( user ))
}

// And used in a handler:

func Handler ( w http. ResponseWriter , r * http. Request ) {
	w . Write ([] byte ( Root ()()))
}

リストは、テンプレートにrange / endを埋め込む必要なく、簡単に作成できます。

 items := [] HTML {
	H ( "li" , "item one" ),
	H ( "li" , "item two" ),
}

element := H ( "ul" , Attr { "class" : "bg-grey-50" }, items )

div := H ( "div" , element )

インストール

 import (
	"github.com/stevelacy/daz"
)

使用法

func H

HTML要素を作成します：

 H ( "div" , ... attrs )

struct Attr

HTML属性：

 Attr {
	"class" : "app" ,
	"onClick" : "javascriptFunc()" ,
}

func UnsafeContent

これにより、htmlの消毒がバイパスされ、直接注入が可能になります

 injection := "<script>alert('xss')</script>"
root := H ( "div" , UnsafeContent ( injection ))
// <script>alert('xss')</script>