Packages

sprocket

0.1.1
2.1.0 2.0.0 1.0.0 0.4.2 0.4.1 0.4.0 0.3.2 0.3.1 0.3.0 0.2.5 0.2.4 0.2.3 0.2.2 0.2.1 0.2.0 0.1.10 0.1.9 0.1.8 0.1.7 0.1.6 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0

A library for building live views and real-time server components in Gleam

HexDocs

Current section

Files

Jump to
Readme
26 Versions
6 Dependencies
Dependants
Files
Activity
sprocket src sprocket component.gleam
Raw

src/sprocket/component.gleam 

import gleam/dynamic

import sprocket/element.{Component, Element, FunctionalComponent}

import sprocket/socket.{Socket}



pub fn component(c: FunctionalComponent(p), props: p) -> Element {

  // // This function wrapper will not work since we need to compare the original function

  // // when computing the diff and this will create a different function on every render

  // let component = fn(socket: Socket, props: Dynamic) -> #(Socket, List(Element)) {

  //   let props = dynamic.unsafe_coerce(props)

  //   fc.component(socket, props)

  // }



  // Instead, we will just use dynamic.unsafe_coerce to coerce the function to the correct type

  let component =

    c

    |> dynamic.from()

    |> dynamic.unsafe_coerce()



  let props =

    props

    |> dynamic.from()



  Component(component, props)

}



pub fn render(socket, elements) -> #(Socket, List(Element)) {

  #(socket, elements)

}