aboutsummaryrefslogtreecommitdiff
path: root/examples/99-server-components
diff options
context:
space:
mode:
authorHayleigh Thompson <me@hayleigh.dev>2024-06-16 10:01:31 +0100
committerHayleigh Thompson <me@hayleigh.dev>2024-06-16 10:01:31 +0100
commiteae7274bf965505b5144eb9362eb634fcd77019a (patch)
treed95f37cf2b6a18a0985c67ade89aaee23da5e602 /examples/99-server-components
parentf07188d0735808ccb313aedfd7f81889de253267 (diff)
downloadlustre-eae7274bf965505b5144eb9362eb634fcd77019a.tar.gz
lustre-eae7274bf965505b5144eb9362eb634fcd77019a.zip
:wrench: Update deps, pin gleam_json to 1.0.1
Diffstat (limited to 'examples/99-server-components')
-rw-r--r--examples/99-server-components/gleam.toml2
-rw-r--r--examples/99-server-components/manifest.toml6
-rw-r--r--examples/99-server-components/src/app.gleam8
-rw-r--r--examples/99-server-components/src/counter.gleam1
4 files changed, 11 insertions, 6 deletions
diff --git a/examples/99-server-components/gleam.toml b/examples/99-server-components/gleam.toml
index 12727c8..1d640d2 100644
--- a/examples/99-server-components/gleam.toml
+++ b/examples/99-server-components/gleam.toml
@@ -14,7 +14,7 @@ version = "1.0.0"
[dependencies]
gleam_stdlib = "~> 0.36"
-lustre = "~> 4.0"
+lustre = { path = "../../" }
mist = "~> 1.0"
gleam_erlang = "~> 0.24"
gleam_otp = "~> 0.10"
diff --git a/examples/99-server-components/manifest.toml b/examples/99-server-components/manifest.toml
index 043c5df..aea8226 100644
--- a/examples/99-server-components/manifest.toml
+++ b/examples/99-server-components/manifest.toml
@@ -2,7 +2,7 @@
# You typically do not need to edit this file
packages = [
- { name = "birl", version = "1.7.0", build_tools = ["gleam"], requirements = ["gleam_stdlib", "ranger"], otp_app = "birl", source = "hex", outer_checksum = "B1FA529E7BE3FF12CADF32814AB8EC7294E74CEDEE8CC734505707B929A98985" },
+ { name = "birl", version = "1.7.1", build_tools = ["gleam"], requirements = ["gleam_stdlib", "ranger"], otp_app = "birl", source = "hex", outer_checksum = "5C66647D62BCB11FE327E7A6024907C4A17954EF22865FE0940B54A852446D01" },
{ name = "filepath", version = "1.0.0", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "filepath", source = "hex", outer_checksum = "EFB6FF65C98B2A16378ABC3EE2B14124168C0CE5201553DE652E2644DCFDB594" },
{ name = "gleam_community_colour", version = "1.4.0", build_tools = ["gleam"], requirements = ["gleam_json", "gleam_stdlib"], otp_app = "gleam_community_colour", source = "hex", outer_checksum = "795964217EBEDB3DA656F5EB8F67D7AD22872EB95182042D3E7AFEF32D3FD2FE" },
{ name = "gleam_crypto", version = "1.3.0", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "gleam_crypto", source = "hex", outer_checksum = "ADD058DEDE8F0341F1ADE3AAC492A224F15700829D9A3A3F9ADF370F875C51B7" },
@@ -16,7 +16,7 @@ packages = [
{ name = "gramps", version = "2.0.3", build_tools = ["gleam"], requirements = ["gleam_crypto", "gleam_erlang", "gleam_http", "gleam_stdlib"], otp_app = "gramps", source = "hex", outer_checksum = "3CCAA6E081225180D95C79679D383BBF51C8D1FDC1B84DA1DA444F628C373793" },
{ name = "hpack_erl", version = "0.3.0", build_tools = ["rebar3"], requirements = [], otp_app = "hpack", source = "hex", outer_checksum = "D6137D7079169D8C485C6962DFE261AF5B9EF60FBC557344511C1E65E3D95FB0" },
{ name = "logging", version = "1.1.0", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "logging", source = "hex", outer_checksum = "A996064F04EF6E67F0668FD0ACFB309830B05D0EE3A0C11BBBD2D4464334F792" },
- { name = "lustre", version = "4.2.4", build_tools = ["gleam"], requirements = ["gleam_erlang", "gleam_json", "gleam_otp", "gleam_stdlib"], otp_app = "lustre", source = "hex", outer_checksum = "09B94E1380CBC400DCD594B36A845E5CB2E143DF89E95460B2CA59E44499CAC9" },
+ { name = "lustre", version = "4.2.6", build_tools = ["gleam"], requirements = ["gleam_erlang", "gleam_json", "gleam_otp", "gleam_stdlib"], source = "local", path = "../.." },
{ name = "lustre_ui", version = "0.6.0", build_tools = ["gleam"], requirements = ["gleam_community_colour", "gleam_json", "gleam_stdlib", "lustre"], otp_app = "lustre_ui", source = "hex", outer_checksum = "FA1F9E89D89CDD5DF376ED86ABA8A38441CB2E664CD4D402F22A49DA4D7BB56D" },
{ name = "mist", version = "1.2.0", build_tools = ["gleam"], requirements = ["birl", "gleam_erlang", "gleam_http", "gleam_otp", "gleam_stdlib", "glisten", "gramps", "hpack_erl", "logging"], otp_app = "mist", source = "hex", outer_checksum = "109B4D64E68C104CC23BB3CC5441ECD479DD7444889DA01113B75C6AF0F0E17B" },
{ name = "ranger", version = "1.2.0", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "ranger", source = "hex", outer_checksum = "1566C272B1D141B3BBA38B25CB761EF56E312E79EC0E2DFD4D3C19FB0CC1F98C" },
@@ -31,7 +31,7 @@ gleam_json = { version = "~> 1.0" }
gleam_otp = { version = "~> 0.10" }
gleam_stdlib = { version = "~> 0.36" }
gleeunit = { version = "~> 1.0" }
-lustre = { version = "~> 4.0" }
+lustre = { path = "../../" }
lustre_ui = { version = "~> 0.4" }
mist = { version = "~> 1.0" }
simplifile = { version = "~> 1.5" }
diff --git a/examples/99-server-components/src/app.gleam b/examples/99-server-components/src/app.gleam
index 0f47fbb..bc3227f 100644
--- a/examples/99-server-components/src/app.gleam
+++ b/examples/99-server-components/src/app.gleam
@@ -10,7 +10,7 @@ import gleam/otp/actor
import gleam/result
import lustre
import lustre/attribute
-import lustre/element
+import lustre/element.{element}
import lustre/element/html.{html}
import lustre/server_component
import mist.{
@@ -73,7 +73,11 @@ pub fn main() {
),
]),
html.body([], [
- server_component.component([server_component.route("/counter")]),
+ element(
+ "lustre-server-component",
+ [server_component.route("/counter")],
+ [html.p([], [html.text("This is a slot")])],
+ ),
]),
])
|> element.to_document_string_builder
diff --git a/examples/99-server-components/src/counter.gleam b/examples/99-server-components/src/counter.gleam
index ff3d6ed..0c9f115 100644
--- a/examples/99-server-components/src/counter.gleam
+++ b/examples/99-server-components/src/counter.gleam
@@ -48,6 +48,7 @@ fn view(model: Model) -> Element(Msg) {
[attribute.style(styles)],
ui.stack([], [
ui.button([event.on_click(Incr)], [element.text("+")]),
+ html.slot([]),
html.p([attribute.style([#("text-align", "center")])], [
element.text(count),
]),