updating props

Author: grantnelson-wf

playground/internal/react/bannerTitle.go

@@ -7,7 +7,7 @@ func BannerTitle(version string) *Element {
 }
 
 func bannerTitleComponent(props Props) *Element {
-	version := As[string](props, `version`)
+	version := props.GetString(`version`)
 	return Span(Props{
 		`id`: `banner-title`,
 	},

playground/internal/react/bindings.go

@@ -101,22 +101,37 @@ func (p Props) Affirm() Props {
 	return p
 }
 
-// As retrieves the property with the given name from the Props
-// and converts it to the specified type T.
-func As[T any](props Props, name string) T {
-	if prop, ok := props[name]; ok {
-		return prop.(T)
+func (p Props) Get(key string) any {
+	if prop, ok := p[key]; ok {
+		return prop
 	}
 	panic(ErrUndefinedPropKey)
 }
 
-// AsFunc retrieves the property with the given name from the Props
+func (p Props) GetString(key string) string {
+	return p.Get(key).(string)
+}
+
+func (p Props) GetBool(key string) bool {
+	return p.Get(key).(bool)
+}
+
+func (p Props) GetFloat(key string) float64 {
+	return p.Get(key).(float64)
+}
+
+func (p Props) GetInt(key string) int {
+	return int(p.GetFloat(key))
+}
+
+// GetFunc retrieves the property with the given key from the Props
 // and converts it to a function of type Func.
-func AsFunc(props Props, name string) Func {
-	if prop, ok := props[name]; ok {
-		return Func(prop.(func(...any) *js.Object))
-	}
-	panic(ErrUndefinedPropKey)
+//
+// If a Setter is passed in as a prop, call this to read it out of the prop
+// as a Func since the externalizing of the Setter when passed through the
+// props will cause it to become a Func.
+func (p Props) GetFunc(key string) Func {
+	return Func(p.Get(key).(func(...any) *js.Object))
 }
 
 // CreateElement creates a React element of the given type with the given props and children.

playground/internal/react/codeBox.go

@@ -21,10 +21,10 @@ func CodeBox(code string, setCode Setter, onSave Setter, onEscape Setter) *Eleme
 
 func codeBoxComponent(props Props) *Element {
 	var (
-		curCode     = As[string](props, `curCode`)
-		setCode     = AsFunc(props, `setCode`)
-		onSave      = AsFunc(props, `onSave`)
-		onEscape    = AsFunc(props, `onEscape`)
+		curCode     = props.GetString(`curCode`)
+		setCode     = props.GetFunc(`setCode`)
+		onSave      = props.GetFunc(`onSave`)
+		onEscape    = props.GetFunc(`onEscape`)
 		textAreaRef = UseRef()
 		lineNumsRef = UseRef()
 	)

playground/internal/react/outputBox.go

@@ -58,7 +58,7 @@ func OutputBox(output []any) *Element {
 
 func outputBoxComponent(props Props) *Element {
 	var (
-		output       = As[[]any](props, `output`)
+		output       = props.Get(`output`).([]any)
 		outputBoxRef = UseRef()
 	)
 
@@ -112,9 +112,9 @@ func outputLine(index int, isError bool, content string) *Element {
 
 func outputLineComponent(props Props) *Element {
 	var (
-		index   = int(As[float64](props, `index`))
-		isError = As[bool](props, `isError`)
-		content = As[string](props, `content`)
+		index   = props.GetInt(`index`)
+		isError = props.GetBool(`isError`)
+		content = props.GetString(`content`)
 	)
 
 	classType := `output-text`

playground/internal/react/shareUrlControl.go

@@ -11,8 +11,8 @@ func ShareUrlControl(shareUrl string, onShare Setter) *Element {
 
 func shareUrlComponent(props Props) *Element {
 	var (
-		shareUrl    = As[string](props, `shareUrl`)
-		onShare     = AsFunc(props, `onShare`)
+		shareUrl    = props.GetString(`shareUrl`)
+		onShare     = props.GetFunc(`onShare`)
 		shareUrlRef = UseRef()
 	)
 

playground/internal/react/toggleBox.go

@@ -14,11 +14,11 @@ func ToggleBox(id, title, label string, checked bool, setChecked Setter) *Elemen
 
 func toggleBoxComponent(props Props) *Element {
 	var (
-		id         = As[string](props, `id`)
-		title      = As[string](props, `title`)
-		label      = As[string](props, `label`)
-		checked    = As[bool](props, `checked`)
-		setChecked = AsFunc(props, `setChecked`)
+		id         = props.GetString(`id`)
+		title      = props.GetString(`title`)
+		label      = props.GetString(`label`)
+		checked    = props.GetBool(`checked`)
+		setChecked = props.GetFunc(`setChecked`)
 	)
 
 	onChange := UseCallback(func(e *js.Object) {