Reworking react

Author: grantnelson-wf

playground/internal/react/bindings.go

@@ -46,7 +46,6 @@ type (
 
 var (
 	ErrUndefinedPropKey  = errors.New(`react: undefined prop key`)
-	ErrPropNotFunc       = errors.New(`react: prop is not a function`)
 	ErrRefNotInitialized = errors.New(`react: Ref not initialized`)
 )
 
@@ -72,14 +71,20 @@ 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)
+	}
+	panic(ErrUndefinedPropKey)
+}
+
 // AsFunc retrieves the property with the given name from the Props
-// and asserts that it is a function of type Func.
-func (p Props) AsFunc(name string) Func {
-	if prop, ok := p[name]; ok {
-		if fn, ok := prop.(func(...any) *js.Object); ok {
-			return Func(fn)
-		}
-		panic(ErrPropNotFunc)
+// 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)
 }

playground/internal/react/codeBox.go

@@ -13,10 +13,10 @@ func CodeBox(code string, setCode func(string)) *Element {
 	})
 }
 
-func codeBoxComponent(prop Props) *Element {
+func codeBoxComponent(props Props) *Element {
 	cba := &codeBoxAssistant{
-		code:        prop[`code`].(string),
-		setCode:     prop.AsFunc(`setCode`),
+		code:        As[string](props, `code`),
+		setCode:     AsFunc(props, `setCode`),
 		textAreaRef: UseRef(),
 	}