Add phoenix live view

Author: chouzar

Diff for: README.md

@@ -3,22 +3,16 @@
 [![Package Version](https://img.shields.io/hexpm/v/tictactoe)](https://hex.pm/packages/tictactoe)
 [![Hex Docs](https://img.shields.io/badge/hex-docs-ffaff3)](https://hexdocs.pm/tictactoe/)
 
-```sh
-gleam add tictactoe@1
-```
-```gleam
-import tictactoe
-
-pub fn main() {
-  // TODO: An example of the project in use
-}
-```
-
-Further documentation can be found at <https://hexdocs.pm/tictactoe>.
-
 ## Development
 
 ```sh
 gleam run   # Run the project
-gleam test  # Run the tests
+
+14:40:55.944 [info] Running TicTacToe.Endpoint with cowboy 2.12.0 at 127.0.0.1:5001 (http)
+
+14:40:55.946 [info] Access TicTacToe.Endpoint at http://localhost:5001
 ```
+
+Phoenix integration was based on Wojtek Mach's
+[Phoenix LiveView single file example](https://github.com/wojtekmach/mix_install_examples/blob/main/phoenix_live_view.exs).
+Thank you! :heart:.

Diff for: gleam.toml

@@ -14,6 +14,10 @@ version = "1.0.0"
 
 [dependencies]
 gleam_stdlib = ">= 0.34.0 and < 2.0.0"
+plug_cowboy = ">= 2.5.0 and < 3.0.0"
+jason = ">= 1.0.0 and < 2.0.0"
+phoenix = ">= 1.7.0 and < 2.0.0"
+phoenix_live_view = ">= 0.19.0 and < 1.0.0"
 
 [dev-dependencies]
 gleeunit = ">= 1.0.0 and < 2.0.0"

Diff for: manifest.toml

@@ -0,0 +1,33 @@
+# This file was generated by Gleam
+# You typically do not need to edit this file
+
+packages = [
+  { name = "castore", version = "1.0.10", build_tools = ["mix"], requirements = [], otp_app = "castore", source = "hex", outer_checksum = "1B0B7EA14D889D9EA21202C43A4FA015EB913021CB535E8ED91946F4B77A8848" },
+  { name = "cowboy", version = "2.12.0", build_tools = ["make", "rebar3"], requirements = ["cowlib", "ranch"], otp_app = "cowboy", source = "hex", outer_checksum = "8A7ABE6D183372CEB21CAA2709BEC928AB2B72E18A3911AA1771639BEF82651E" },
+  { name = "cowboy_telemetry", version = "0.4.0", build_tools = ["rebar3"], requirements = ["cowboy", "telemetry"], otp_app = "cowboy_telemetry", source = "hex", outer_checksum = "7D98BAC1EE4565D31B62D59F8823DFD8356A169E7FCBB83831B8A5397404C9DE" },
+  { name = "cowlib", version = "2.13.0", build_tools = ["make", "rebar3"], requirements = [], otp_app = "cowlib", source = "hex", outer_checksum = "E1E1284DC3FC030A64B1AD0D8382AE7E99DA46C3246B815318A4B848873800A4" },
+  { name = "gleam_stdlib", version = "0.45.0", build_tools = ["gleam"], requirements = [], otp_app = "gleam_stdlib", source = "hex", outer_checksum = "206FCE1A76974AECFC55AEBCD0217D59EDE4E408C016E2CFCCC8FF51278F186E" },
+  { name = "gleeunit", version = "1.2.0", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "gleeunit", source = "hex", outer_checksum = "F7A7228925D3EE7D0813C922E062BFD6D7E9310F0BEE585D3A42F3307E3CFD13" },
+  { name = "jason", version = "1.4.4", build_tools = ["mix"], requirements = ["decimal"], otp_app = "jason", source = "hex", outer_checksum = "C5EB0CAB91F094599F94D55BC63409236A8EC69A21A67814529E8D5F6CC90B3B" },
+  { name = "mime", version = "2.0.6", build_tools = ["mix"], requirements = [], otp_app = "mime", source = "hex", outer_checksum = "C9945363A6B26D747389AAC3643F8E0E09D30499A138AD64FE8FD1D13D9B153E" },
+  { name = "phoenix", version = "1.7.17", build_tools = ["mix"], requirements = ["castore", "jason", "phoenix_pubsub", "phoenix_template", "phoenix_view", "plug", "plug_cowboy", "plug_crypto", "telemetry", "websock_adapter"], otp_app = "phoenix", source = "hex", outer_checksum = "50E8AD537F3F7B0EFB1509B2F75B5C918F697BE6A45D48E49A30D3B7C0E464C9" },
+  { name = "phoenix_html", version = "4.1.1", build_tools = ["mix"], requirements = [], otp_app = "phoenix_html", source = "hex", outer_checksum = "F2F2DF5A72BC9A2F510B21497FD7D2B86D932EC0598F0210FED4114ADC546C6F" },
+  { name = "phoenix_live_view", version = "0.20.17", build_tools = ["mix"], requirements = ["floki", "jason", "phoenix", "phoenix_html", "phoenix_template", "phoenix_view", "plug", "telemetry"], otp_app = "phoenix_live_view", source = "hex", outer_checksum = "A61D741FFB78C85FDBCA0DE084DA6A48F8CEB5261A79165B5A0B59E5F65CE98B" },
+  { name = "phoenix_pubsub", version = "2.1.3", build_tools = ["mix"], requirements = [], otp_app = "phoenix_pubsub", source = "hex", outer_checksum = "BBA06BC1DCFD8CB086759F0EDC94A8BA2BC8896D5331A1E2C2902BF8E36EE502" },
+  { name = "phoenix_template", version = "1.0.4", build_tools = ["mix"], requirements = ["phoenix_html"], otp_app = "phoenix_template", source = "hex", outer_checksum = "2C0C81F0E5C6753FAF5CCA2F229C9709919ABA34FAB866D3BC05060C9C444206" },
+  { name = "plug", version = "1.16.1", build_tools = ["mix"], requirements = ["mime", "plug_crypto", "telemetry"], otp_app = "plug", source = "hex", outer_checksum = "A13FF6B9006B03D7E33874945B2755253841B238C34071ED85B0E86057F8CDDC" },
+  { name = "plug_cowboy", version = "2.7.2", build_tools = ["mix"], requirements = ["cowboy", "cowboy_telemetry", "plug"], otp_app = "plug_cowboy", source = "hex", outer_checksum = "245D8A11EE2306094840C000E8816F0CBED69A23FC0AC2BCF8D7835AE019BB2F" },
+  { name = "plug_crypto", version = "2.1.0", build_tools = ["mix"], requirements = [], otp_app = "plug_crypto", source = "hex", outer_checksum = "131216A4B030B8F8CE0F26038BC4421AE60E4BB95C5CF5395E1421437824C4FA" },
+  { name = "ranch", version = "1.8.0", build_tools = ["make", "rebar3"], requirements = [], otp_app = "ranch", source = "hex", outer_checksum = "49FBCFD3682FAB1F5D109351B61257676DA1A2FDBE295904176D5E521A2DDFE5" },
+  { name = "telemetry", version = "1.3.0", build_tools = ["rebar3"], requirements = [], otp_app = "telemetry", source = "hex", outer_checksum = "7015FC8919DBE63764F4B4B87A95B7C0996BD539E0D499BE6EC9D7F3875B79E6" },
+  { name = "websock", version = "0.5.3", build_tools = ["mix"], requirements = [], otp_app = "websock", source = "hex", outer_checksum = "6105453D7FAC22C712AD66FAB1D45ABDF049868F253CF719B625151460B8B453" },
+  { name = "websock_adapter", version = "0.5.8", build_tools = ["mix"], requirements = ["bandit", "plug", "plug_cowboy", "websock"], otp_app = "websock_adapter", source = "hex", outer_checksum = "315B9A1865552212B5F35140AD194E67CE31AF45BCEE443D4ECB96B5FD3F3782" },
+]
+
+[requirements]
+gleam_stdlib = { version = ">= 0.34.0 and < 2.0.0" }
+gleeunit = { version = ">= 1.0.0 and < 2.0.0" }
+jason = { version = ">= 1.0.0 and < 2.0.0" }
+phoenix = { version = ">= 1.7.0 and < 2.0.0" }
+phoenix_live_view = { version = ">= 0.19.0 and < 1.0.0" }
+plug_cowboy = { version = ">= 2.5.0 and < 3.0.0" }

Diff for: src/tictactoe.gleam

@@ -1,5 +1,9 @@
 import gleam/io
 
 pub fn main() {
+  start_phoenix()
   io.println("Hello from tictactoe!")
 }
+
+@external(erlang, "Elixir.TicTacToe.Endpoint", "start_endpoint")
+fn start_phoenix() -> phoenix

Diff for: src/web.ex

@@ -0,0 +1,83 @@
+defmodule TicTacToe.ErrorView do
+  def render(template, _), do: Phoenix.Controller.status_message_from_template(template)
+end
+
+defmodule TicTacToe.LayoutLive do
+  use Phoenix.LiveView
+
+  defp phx_vsn, do: Application.spec(:phoenix, :vsn)
+  defp lv_vsn, do: Application.spec(:phoenix_live_view, :vsn)
+
+  def render("live.html", assigns) do
+    ~H"""
+    <script src={"https://cdn.jsdelivr.net/npm/phoenix@#{phx_vsn()}/priv/static/phoenix.min.js"}></script>
+    <script src={"https://cdn.jsdelivr.net/npm/phoenix_live_view@#{lv_vsn()}/priv/static/phoenix_live_view.min.js"}></script>
+    <script>
+      let liveSocket = new window.LiveView.LiveSocket("/live", window.Phoenix.Socket)
+      liveSocket.connect()
+    </script>
+    <style>
+      * { font-size: 1.1em; }
+    </style>
+    <%= @inner_content %>
+    """
+  end
+end
+
+defmodule TicTacToe.CounterLive do
+  use Phoenix.LiveView, layout: {TicTacToe.LayoutLive, :live}
+
+  def mount(_params, _session, socket) do
+    {:ok, assign(socket, :count, 0)}
+  end
+
+  def render(assigns) do
+    ~H"""
+    <%= @count %>
+    <button phx-click="inc">+</button>
+    <button phx-click="dec">-</button>
+    """
+  end
+
+  def handle_event("inc", _params, socket) do
+    {:noreply, assign(socket, :count, socket.assigns.count + 1)}
+  end
+
+  def handle_event("dec", _params, socket) do
+    {:noreply, assign(socket, :count, socket.assigns.count - 1)}
+  end
+end
+
+defmodule TicTacToe.Router do
+  use Phoenix.Router
+  import Phoenix.LiveView.Router
+
+  pipeline :browser do
+    plug(:accepts, ["html"])
+  end
+
+  scope "/", TicTacToe do
+    pipe_through(:browser)
+
+    # live("/", LayoutLive, :index)
+    live("/", CounterLive, :index)
+  end
+end
+
+defmodule TicTacToe.Endpoint do
+  use Phoenix.Endpoint, otp_app: :sample
+  socket("/live", Phoenix.LiveView.Socket)
+  plug(TicTacToe.Router)
+
+  def start_endpoint() do
+    Application.put_env(:sample, TicTacToe.Endpoint,
+      http: [ip: {127, 0, 0, 1}, port: 5001],
+      server: true,
+      live_view: [signing_salt: "aaaaaaaa"],
+      secret_key_base: String.duplicate("a", 64)
+    )
+
+    {:ok, _} = Supervisor.start_link([TicTacToe.Endpoint], strategy: :one_for_one)
+    Process.sleep(:infinity)
+  end
+end