diff --git a/game_client/.gitignore b/game_client/.gitignore index 599be4e..7e833f5 100644 --- a/game_client/.gitignore +++ b/game_client/.gitignore @@ -2,3 +2,4 @@ *.ez /build erl_crash.dump +/priv/static diff --git a/game_client/gleam.toml b/game_client/gleam.toml index 4bca7b1..acc2a2f 100644 --- a/game_client/gleam.toml +++ b/game_client/gleam.toml @@ -1,5 +1,6 @@ name = "game_client" version = "1.0.0" +target = "javascript" # Fill out these fields if you intend to generate HTML documentation or publish # your project to the Hex package manager. @@ -14,6 +15,11 @@ version = "1.0.0" [dependencies] gleam_stdlib = ">= 0.44.0 and < 2.0.0" +lustre = ">= 5.0.2 and < 6.0.0" +rsvp = ">= 1.0.3 and < 2.0.0" +gleam_json = ">= 2.3.0 and < 3.0.0" +shared = { path = "../shared" } [dev-dependencies] gleeunit = ">= 1.0.0 and < 2.0.0" +lustre_dev_tools = ">= 1.7.1 and < 2.0.0" diff --git a/game_client/index.html b/game_client/index.html new file mode 100644 index 0000000..a802ef6 --- /dev/null +++ b/game_client/index.html @@ -0,0 +1,17 @@ + + + + + + + 🚧 game_client + + + + + + + +
+ + diff --git a/game_client/manifest.toml b/game_client/manifest.toml index 22f5a58..8505849 100644 --- a/game_client/manifest.toml +++ b/game_client/manifest.toml @@ -2,10 +2,55 @@ # You typically do not need to edit this file packages = [ + { name = "argv", version = "1.0.2", build_tools = ["gleam"], requirements = [], otp_app = "argv", source = "hex", outer_checksum = "BA1FF0929525DEBA1CE67256E5ADF77A7CDDFE729E3E3F57A5BDCAA031DED09D" }, + { name = "directories", version = "1.2.0", build_tools = ["gleam"], requirements = ["envoy", "gleam_stdlib", "platform", "simplifile"], otp_app = "directories", source = "hex", outer_checksum = "D13090CFCDF6759B87217E8DDD73A75903A700148A82C1D33799F333E249BF9E" }, + { name = "envoy", version = "1.0.2", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "envoy", source = "hex", outer_checksum = "95FD059345AA982E89A0B6E2A3BF1CF43E17A7048DCD85B5B65D3B9E4E39D359" }, + { name = "exception", version = "2.0.0", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "exception", source = "hex", outer_checksum = "F5580D584F16A20B7FCDCABF9E9BE9A2C1F6AC4F9176FA6DD0B63E3B20D450AA" }, + { name = "filepath", version = "1.1.2", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "filepath", source = "hex", outer_checksum = "B06A9AF0BF10E51401D64B98E4B627F1D2E48C154967DA7AF4D0914780A6D40A" }, + { name = "fs", version = "11.4.1", build_tools = ["rebar3"], requirements = [], otp_app = "fs", source = "hex", outer_checksum = "DD00A61D89EAC01D16D3FC51D5B0EB5F0722EF8E3C1A3A547CD086957F3260A9" }, + { name = "gleam_community_ansi", version = "1.4.3", build_tools = ["gleam"], requirements = ["gleam_community_colour", "gleam_regexp", "gleam_stdlib"], otp_app = "gleam_community_ansi", source = "hex", outer_checksum = "8A62AE9CC6EA65BEA630D95016D6C07E4F9973565FA3D0DE68DC4200D8E0DD27" }, + { name = "gleam_community_colour", version = "2.0.0", build_tools = ["gleam"], requirements = ["gleam_json", "gleam_stdlib"], otp_app = "gleam_community_colour", source = "hex", outer_checksum = "FDD6AC62C6EC8506C005949A4FCEF032038191D5EAAEC3C9A203CD53AE956ACA" }, + { name = "gleam_crypto", version = "1.5.0", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "gleam_crypto", source = "hex", outer_checksum = "917BC8B87DBD584830E3B389CBCAB140FFE7CB27866D27C6D0FB87A9ECF35602" }, + { name = "gleam_deque", version = "1.0.0", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "gleam_deque", source = "hex", outer_checksum = "64D77068931338CF0D0CB5D37522C3E3CCA7CB7D6C5BACB41648B519CC0133C7" }, + { name = "gleam_erlang", version = "0.34.0", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "gleam_erlang", source = "hex", outer_checksum = "0C38F2A128BAA0CEF17C3000BD2097EB80634E239CE31A86400C4416A5D0FDCC" }, + { name = "gleam_fetch", version = "1.3.0", build_tools = ["gleam"], requirements = ["gleam_http", "gleam_javascript", "gleam_stdlib"], otp_app = "gleam_fetch", source = "hex", outer_checksum = "2CBF9F2E1C71AEBBFB13A9D5720CD8DB4263EB02FE60C5A7A1C6E17B0151C20C" }, + { name = "gleam_http", version = "4.0.0", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "gleam_http", source = "hex", outer_checksum = "0A62451FC85B98062E0907659D92E6A89F5F3C0FBE4AB8046C99936BF6F91DBC" }, + { name = "gleam_httpc", version = "4.1.0", build_tools = ["gleam"], requirements = ["gleam_erlang", "gleam_http", "gleam_stdlib"], otp_app = "gleam_httpc", source = "hex", outer_checksum = "1A38507AF26CACA145248733688703EADCB734EA971D4E34FB97B7613DECF132" }, + { name = "gleam_javascript", version = "0.13.0", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "gleam_javascript", source = "hex", outer_checksum = "F98328FCF573DA6F3A35D7F6CB3F9FF19FD5224CCBA9151FCBEAA0B983AF2F58" }, + { name = "gleam_json", version = "2.3.0", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "gleam_json", source = "hex", outer_checksum = "C55C5C2B318533A8072D221C5E06E5A75711C129E420DD1CE463342106012E5D" }, + { name = "gleam_otp", version = "0.16.1", build_tools = ["gleam"], requirements = ["gleam_erlang", "gleam_stdlib"], otp_app = "gleam_otp", source = "hex", outer_checksum = "50DA1539FC8E8FA09924EB36A67A2BBB0AD6B27BCDED5A7EF627057CF69D035E" }, + { name = "gleam_package_interface", version = "2.0.0", build_tools = ["gleam"], requirements = ["gleam_json", "gleam_stdlib"], otp_app = "gleam_package_interface", source = "hex", outer_checksum = "C2D2CA097831D27A20DAFA62D44F5D1B12E8470272337FD133368ACA4969A317" }, + { name = "gleam_regexp", version = "1.1.1", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "gleam_regexp", source = "hex", outer_checksum = "9C215C6CA84A5B35BB934A9B61A9A306EC743153BE2B0425A0D032E477B062A9" }, { name = "gleam_stdlib", version = "0.59.0", build_tools = ["gleam"], requirements = [], otp_app = "gleam_stdlib", source = "hex", outer_checksum = "F8FEE9B35797301994B81AF75508CF87C328FE1585558B0FFD188DC2B32EAA95" }, + { name = "gleam_yielder", version = "1.1.0", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "gleam_yielder", source = "hex", outer_checksum = "8E4E4ECFA7982859F430C57F549200C7749823C106759F4A19A78AEA6687717A" }, { name = "gleeunit", version = "1.3.1", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "gleeunit", source = "hex", outer_checksum = "A7DD6C07B7DA49A6E28796058AA89E651D233B357D5607006D70619CD89DAAAB" }, + { name = "glint", version = "1.2.1", build_tools = ["gleam"], requirements = ["gleam_community_ansi", "gleam_community_colour", "gleam_stdlib", "snag"], otp_app = "glint", source = "hex", outer_checksum = "2214C7CEFDE457CEE62140C3D4899B964E05236DA74E4243DFADF4AF29C382BB" }, + { name = "glisten", version = "7.0.1", build_tools = ["gleam"], requirements = ["gleam_erlang", "gleam_otp", "gleam_stdlib", "logging", "telemetry"], otp_app = "glisten", source = "hex", outer_checksum = "1A53CF9FB3231A93FF7F1BD519A43DC968C1722F126CDD278403A78725FC5189" }, + { name = "gramps", version = "3.0.1", build_tools = ["gleam"], requirements = ["gleam_crypto", "gleam_erlang", "gleam_http", "gleam_stdlib"], otp_app = "gramps", source = "hex", outer_checksum = "59194B3980110B403EE6B75330DB82CDE05FC8138491C2EAEACBC7AAEF30B2E8" }, + { name = "houdini", version = "1.1.0", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "houdini", source = "hex", outer_checksum = "5BA517E5179F132F0471CB314F27FE210A10407387DA1EA4F6FD084F74469FC2" }, + { name = "hpack_erl", version = "0.3.0", build_tools = ["rebar3"], requirements = [], otp_app = "hpack", source = "hex", outer_checksum = "D6137D7079169D8C485C6962DFE261AF5B9EF60FBC557344511C1E65E3D95FB0" }, + { name = "logging", version = "1.3.0", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "logging", source = "hex", outer_checksum = "1098FBF10B54B44C2C7FDF0B01C1253CAFACDACABEFB4B0D027803246753E06D" }, + { name = "lustre", version = "5.0.2", build_tools = ["gleam"], requirements = ["gleam_erlang", "gleam_json", "gleam_otp", "gleam_stdlib", "houdini"], otp_app = "lustre", source = "hex", outer_checksum = "ED46F0CA5BA61067DDC2CEDEA9906AC99E88F49918EFDC58283A531F0A14F042" }, + { name = "lustre_dev_tools", version = "1.7.1", build_tools = ["gleam"], requirements = ["argv", "filepath", "fs", "gleam_community_ansi", "gleam_crypto", "gleam_deque", "gleam_erlang", "gleam_http", "gleam_httpc", "gleam_json", "gleam_otp", "gleam_package_interface", "gleam_regexp", "gleam_stdlib", "glint", "glisten", "lustre", "mist", "repeatedly", "simplifile", "term_size", "tom", "wisp"], otp_app = "lustre_dev_tools", source = "hex", outer_checksum = "B426F3E518B44144643CAE956D072E3ADAA9BBC71ECE08CD559CA0276A74C167" }, + { name = "marceau", version = "1.3.0", build_tools = ["gleam"], requirements = [], otp_app = "marceau", source = "hex", outer_checksum = "2D1C27504BEF45005F5DFB18591F8610FB4BFA91744878210BDC464412EC44E9" }, + { name = "mist", version = "4.0.7", build_tools = ["gleam"], requirements = ["gleam_erlang", "gleam_http", "gleam_otp", "gleam_stdlib", "gleam_yielder", "glisten", "gramps", "hpack_erl", "logging"], otp_app = "mist", source = "hex", outer_checksum = "F7D15A1E3232E124C7CE31900253633434E59B34ED0E99F273DEE61CDB573CDD" }, + { name = "platform", version = "1.0.0", build_tools = ["gleam"], requirements = [], otp_app = "platform", source = "hex", outer_checksum = "8339420A95AD89AAC0F82F4C3DB8DD401041742D6C3F46132A8739F6AEB75391" }, + { name = "repeatedly", version = "2.1.2", build_tools = ["gleam"], requirements = [], otp_app = "repeatedly", source = "hex", outer_checksum = "93AE1938DDE0DC0F7034F32C1BF0D4E89ACEBA82198A1FE21F604E849DA5F589" }, + { name = "rsvp", version = "1.0.3", build_tools = ["gleam"], requirements = ["gleam_erlang", "gleam_fetch", "gleam_http", "gleam_httpc", "gleam_javascript", "gleam_json", "gleam_stdlib", "lustre"], otp_app = "rsvp", source = "hex", outer_checksum = "91DBD068A315E78250B5C76DB55B27F7E03400862EEED55A43FD0AC0A6966EB5" }, + { name = "shared", version = "1.0.0", build_tools = ["gleam"], requirements = ["gleam_json", "gleam_stdlib"], source = "local", path = "../shared" }, + { name = "simplifile", version = "2.2.1", build_tools = ["gleam"], requirements = ["filepath", "gleam_stdlib"], otp_app = "simplifile", source = "hex", outer_checksum = "C88E0EE2D509F6D86EB55161D631657675AA7684DAB83822F7E59EB93D9A60E3" }, + { name = "snag", version = "1.1.0", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "snag", source = "hex", outer_checksum = "7E9F06390040EB5FAB392CE642771484136F2EC103A92AE11BA898C8167E6E17" }, + { name = "telemetry", version = "1.3.0", build_tools = ["rebar3"], requirements = [], otp_app = "telemetry", source = "hex", outer_checksum = "7015FC8919DBE63764F4B4B87A95B7C0996BD539E0D499BE6EC9D7F3875B79E6" }, + { name = "term_size", version = "1.0.1", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "term_size", source = "hex", outer_checksum = "D00BD2BC8FB3EBB7E6AE076F3F1FF2AC9D5ED1805F004D0896C784D06C6645F1" }, + { name = "tom", version = "1.1.1", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "tom", source = "hex", outer_checksum = "0910EE688A713994515ACAF1F486A4F05752E585B9E3209D8F35A85B234C2719" }, + { name = "wisp", version = "1.6.0", build_tools = ["gleam"], requirements = ["directories", "exception", "gleam_crypto", "gleam_erlang", "gleam_http", "gleam_json", "gleam_stdlib", "logging", "marceau", "mist", "simplifile"], otp_app = "wisp", source = "hex", outer_checksum = "AE1C568FE30718C358D3B37666DF0A0743ECD96094AD98C9F4921475075F660A" }, ] [requirements] +gleam_json = { version = ">= 2.3.0 and < 3.0.0" } gleam_stdlib = { version = ">= 0.44.0 and < 2.0.0" } gleeunit = { version = ">= 1.0.0 and < 2.0.0" } +lustre = { version = ">= 5.0.2 and < 6.0.0" } +lustre_dev_tools = { version = ">= 1.7.1 and < 2.0.0" } +rsvp = { version = ">= 1.0.3 and < 2.0.0" } +shared = { path = "../shared" } diff --git a/game_client/src/game_client.gleam b/game_client/src/game_client.gleam index 6642ae5..944345b 100644 --- a/game_client/src/game_client.gleam +++ b/game_client/src/game_client.gleam @@ -1,5 +1,112 @@ -import gleam/io +import gleam/dynamic +import gleam/int +import gleam/json +import gleam/list +import gleam/option +import gleam/result +import lustre +import lustre/attribute +import lustre/effect.{type Effect} +import lustre/element.{type Element} +import lustre/element/html +import lustre/event +import rsvp +import user_state pub fn main() { - io.println("Hello from game_client!") + // For hydration, we'll read the initial model from the window + let flags = get_initial_state() + + let app = lustre.application(init, update, view) + let assert Ok(_) = lustre.start(app, "#app", flags) + + Nil +} + +fn get_initial_state() -> user_state.UserState { + user_state.UserState(0, option.Some(1)) +} + +type Screen { + Title + HostControl + Display + Player +} + +type ApplicationState { + ApplicationState(user: user_state.UserState, new_game: String, screen: Screen) +} + +fn init(user: user_state.UserState) -> #(ApplicationState, Effect(Msg)) { + let application_state = ApplicationState(user:, new_game: "", screen: Title) + #(application_state, effect.none()) +} + +type Msg { + HostGame + JoinGame + UserTypedGameID(String) + Quit +} + +fn update(state: ApplicationState, msg: Msg) -> #(ApplicationState, Effect(Msg)) { + case msg { + JoinGame -> #( + ApplicationState( + user: user_state.UserState(..state.user, game_id: option.Some(0)), + new_game: "", + screen: Player, + ), + effect.none(), + ) + HostGame -> #(ApplicationState(..state, screen: Display), effect.none()) + UserTypedGameID(id) -> #( + ApplicationState(..state, new_game: id), + effect.none(), + ) + Quit -> #(ApplicationState(..state, screen: Title), effect.none()) + } +} + +fn view(state: ApplicationState) -> Element(Msg) { + let styles = [ + #("max-width", "30ch"), + #("margin", "0 auto"), + #("display", "flex"), + #("flex-direction", "column"), + #("gap", "1em"), + ] + + case state.screen { + Title -> + html.div([attribute.styles(styles)], [ + html.h1([], [html.text("Title")]), + view_title(state.new_game), + ]) + Player -> + html.div([attribute.styles(styles)], [ + html.h1([], [html.text("Game")]), + view_quit_button(), + ]) + _ -> + html.div([attribute.styles(styles)], [ + html.h1([], [html.text("Lol LMAO")]), + ]) + } +} + +fn view_title(game_name: String) -> Element(Msg) { + html.div([], [ + html.input([ + attribute.placeholder("Enter game id to join:"), + attribute.value(game_name), + event.on_input(UserTypedGameID), + ]), + html.button([event.on_click(JoinGame)], [html.text("Join")]), + ]) +} + +fn view_quit_button() -> Element(Msg) { + html.div([], [html.button([event.on_click(Quit)], [html.text("Quit")])]) } diff --git a/shared/src/requests/buzz_in.gleam b/shared/src/requests/buzz_in.gleam new file mode 100644 index 0000000..9fe5444 --- /dev/null +++ b/shared/src/requests/buzz_in.gleam @@ -0,0 +1,5 @@ +import score_update + +pub type UpdateScore { + BuzzIn(user_id: Int, score_update: score_update.ScoreUpdateType) +} diff --git a/shared/src/score_update.gleam b/shared/src/score_update.gleam new file mode 100644 index 0000000..89c05d7 --- /dev/null +++ b/shared/src/score_update.gleam @@ -0,0 +1,26 @@ +pub type ScoreUpdateType { + Add + Subtract + Reset +} + +pub type Error { + InvalidUpdateType +} + +pub fn serialize(score_update: ScoreUpdateType) -> String { + case score_update { + Add -> "Add" + Subtract -> "Subtract" + Reset -> "Reset" + } +} + +pub fn deseralize(score_update_string) -> Result(ScoreUpdateType, Error) { + case score_update_string { + "Add" -> Ok(Add) + "Subtract" -> Ok(Subtract) + "Reset" -> Ok(Reset) + _ -> Error(InvalidUpdateType) + } +} diff --git a/shared/src/shared.gleam b/shared/src/shared.gleam index 4b3811b..8b13789 100644 --- a/shared/src/shared.gleam +++ b/shared/src/shared.gleam @@ -1,5 +1 @@ -import gleam/io -pub fn main() { - io.println("Hello from shared!") -} diff --git a/shared/src/user_state.gleam b/shared/src/user_state.gleam new file mode 100644 index 0000000..a8a4dc8 --- /dev/null +++ b/shared/src/user_state.gleam @@ -0,0 +1,5 @@ +import gleam/option + +pub type UserState { + UserState(id: Int, name: String, game_id: option.Option(Int)) +}