:truck: Shift things around to accomodate a monorepo.

author: Hayleigh Thompson <me@hayleigh.dev> 2023-08-19 22:21:19 +0100
committer: Hayleigh Thompson <me@hayleigh.dev> 2023-08-19 22:21:19 +0100
commit: 9919bc2702c89168d1805eaa0db9e4baff091260 (patch)
tree: ef5f1fd360d90ec8433aa0fccc2709bed0e8e9d2 /test
parent: e4aa0e04e54105395d5f6f5e3f7e2d9a4f7851e0 (diff)
download: lustre-9919bc2702c89168d1805eaa0db9e4baff091260.tar.gz
lustre-9919bc2702c89168d1805eaa0db9e4baff091260.zip
11 files changed, 0 insertions, 603 deletions
diff --git a/test/examples/components.gleam b/test/examples/components.gleam
deleted file mode 100644
index 722b796..0000000
--- a/test/examples/components.gleam
+++ /dev/null
@@ -1,102 +0,0 @@
-// IMPORTS ---------------------------------------------------------------------
-
-import gleam/dynamic
-import gleam/int
-import gleam/list
-import gleam/map
-import gleam/option.{Some}
-import gleam/result
-import lustre
-import lustre/attribute
-import lustre/effect
-import lustre/element.{element, text}
-import lustre/element/html.{button, div, li, ol, p, slot}
-import lustre/event
-
-// MAIN ------------------------------------------------------------------------
-
-pub fn main() {
-  let assert Ok(_) =
-    lustre.component(
-      "custom-counter",
-      counter_init,
-      counter_update,
-      counter_render,
-      map.from_list([
-        #(
-          "count",
-          fn(attr) {
-            dynamic.int(attr)
-            |> result.map(GotCount)
-          },
-        ),
-      ]),
-    )
-
-  // A `simple` lustre application doesn't produce `Effect`s. These are best to 
-  // start with if you're just getting started with lustre or you know you don't
-  // need the runtime to manage any side effects.
-  let app = lustre.simple(init, update, render)
-  let assert Ok(_) = lustre.start(app, "[data-lustre-app]")
-
-  Nil
-}
-
-fn init() {
-  []
-}
-
-fn update(history, msg) {
-  case msg {
-    "reset" -> []
-    _ -> [msg, ..history]
-  }
-}
-
-fn render(history) {
-  let on_custom_click = {
-    use _ <- event.on("custom-click")
-    Some("click")
-  }
-  div(
-    [],
-    [
-      button([event.on_click("reset")], [text("Reset")]),
-      ol([], list.map(history, fn(msg) { li([], [text(msg)]) })),
-      element(
-        "custom-counter",
-        [on_custom_click, attribute.property("count", list.length(history))],
-        [ol([], list.map(history, fn(msg) { li([], [text(msg)]) }))],
-      ),
-    ],
-  )
-}
-
-// COUNTER ---------------------------------------------------------------------
-
-fn counter_init() {
-  #(0, effect.none())
-}
-
-type CounterMsg {
-  GotCount(Int)
-  Clicked
-}
-
-fn counter_update(count, msg) {
-  case msg {
-    GotCount(count) -> #(count, effect.none())
-    Clicked -> #(count, event.emit("custom-click", Nil))
-  }
-}
-
-fn counter_render(count) {
-  div(
-    [],
-    [
-      button([event.on_click(Clicked)], [text("Click me!")]),
-      p([], [text("Count: "), text(int.to_string(count))]),
-      slot([]),
-    ],
-  )
-}
diff --git a/test/examples/components.html b/test/examples/components.html
deleted file mode 100644
index f4b4530..0000000
--- a/test/examples/components.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>lustre | components</title>
-
-    <script type="module">
-      import { main } from "../../build/dev/javascript/lustre/examples/components.mjs";
-
-      document.addEventListener("DOMContentLoaded", main);
-    </script>
-  </head>
-  <body>
-    <div data-lustre-app></div>
-  </body>
-</html>
diff --git a/test/examples/counter.gleam b/test/examples/counter.gleam
deleted file mode 100644
index 759ebdf..0000000
--- a/test/examples/counter.gleam
+++ /dev/null
@@ -1,56 +0,0 @@
-// IMPORTS ---------------------------------------------------------------------
-
-import gleam/int
-import lustre
-import lustre/element.{Element, text}
-import lustre/element/html.{button, div, p}
-import lustre/event
-
-// MAIN ------------------------------------------------------------------------
-
-pub fn main() {
-  // A `simple` lustre application doesn't produce `Effect`s. These are best to 
-  // start with if you're just getting started with lustre or you know you don't
-  // need the runtime to manage any side effects.
-  let app = lustre.simple(init, update, render)
-  let assert Ok(_) = lustre.start(app, "[data-lustre-app]")
-}
-
-// MODEL -----------------------------------------------------------------------
-
-pub type Model =
-  Int
-
-pub fn init() -> Model {
-  0
-}
-
-// UPDATE ----------------------------------------------------------------------
-
-pub opaque type Msg {
-  Incr
-  Decr
-  Reset
-}
-
-pub fn update(model: Model, msg: Msg) -> Model {
-  case msg {
-    Incr -> model + 1
-    Decr -> model - 1
-    Reset -> 0
-  }
-}
-
-// VIEW ------------------------------------------------------------------------
-
-pub fn render(model: Model) -> Element(Msg) {
-  div(
-    [],
-    [
-      button([event.on_click(Incr)], [text("+")]),
-      button([event.on_click(Decr)], [text("-")]),
-      button([event.on_click(Reset)], [text("Reset")]),
-      p([], [text(int.to_string(model))]),
-    ],
-  )
-}
diff --git a/test/examples/counter.html b/test/examples/counter.html
deleted file mode 100644
index 2b120fd..0000000
--- a/test/examples/counter.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>lustre | counter</title>
-
-    <script type="module">
-      import { main } from "../../build/dev/javascript/lustre/examples/counter.mjs";
-
-      document.addEventListener("DOMContentLoaded", main);
-    </script>
-  </head>
-  <body>
-    <div data-lustre-app></div>
-  </body>
-</html>
diff --git a/test/examples/index.html b/test/examples/index.html
deleted file mode 100644
index 70d4196..0000000
--- a/test/examples/index.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>lustre | examples</title>
-  </head>
-  <body>
-    <menu>
-      <li>
-        <a href="input.html">input</a>
-      </li>
-      <li>
-        <a href="counter.html">counter</a>
-      </li>
-      <li>
-        <a href="nested.html">nested</a>
-      </li>
-      <li>
-        <a href="svg.html">svg</a>
-      </li>
-      <li>
-        <a href="components.html">components</a>
-      </li>
-    </menu>
-  </body>
-</html>
diff --git a/test/examples/input.gleam b/test/examples/input.gleam
deleted file mode 100644
index d59c0c9..0000000
--- a/test/examples/input.gleam
+++ /dev/null
@@ -1,132 +0,0 @@
-// IMPORTS ---------------------------------------------------------------------
-
-import gleam/dynamic
-import gleam/string
-import lustre
-import lustre/attribute.{attribute}
-import lustre/element.{Element, text}
-import lustre/element/html.{div, input, label, pre}
-import lustre/event
-
-// MAIN ------------------------------------------------------------------------
-
-pub fn main() {
-  // A `simple` lustre application doesn't produce `Effect`s. These are best to 
-  // start with if you're just getting started with lustre or you know you don't
-  // need the runtime to manage any side effects.
-  let app = lustre.simple(init, update, render)
-  let assert Ok(_) = lustre.start(app, "[data-lustre-app]")
-
-  Nil
-}
-
-// MODEL -----------------------------------------------------------------------
-
-type Model {
-  Model(email: String, password: String, remember_me: Bool)
-}
-
-fn init() -> Model {
-  Model(email: "", password: "", remember_me: False)
-}
-
-// UPDATE ----------------------------------------------------------------------
-
-type Msg {
-  Typed(Input, String)
-  Toggled(Control, Bool)
-}
-
-type Input {
-  Email
-  Password
-}
-
-type Control {
-  RememberMe
-}
-
-fn update(model: Model, msg: Msg) -> Model {
-  case msg {
-    Typed(Email, email) -> Model(..model, email: email)
-    Typed(Password, password) -> Model(..model, password: password)
-    Toggled(RememberMe, remember_me) -> Model(..model, remember_me: remember_me)
-  }
-}
-
-// RENDER ----------------------------------------------------------------------
-
-fn render(model: Model) -> Element(Msg) {
-  div(
-    [attribute.class("container")],
-    [
-      card([
-        email_input(model.email),
-        password_input(model.password),
-        remember_checkbox(model.remember_me),
-        pre(
-          [attribute.class("debug")],
-          [
-            string.inspect(model)
-            |> string.replace("(", "(\n  ")
-            |> string.replace(", ", ",\n  ")
-            |> string.replace(")", "\n)")
-            |> text,
-          ],
-        ),
-      ]),
-    ],
-  )
-}
-
-fn card(content: List(Element(a))) -> Element(a) {
-  div([attribute.class("card")], [div([], content)])
-}
-
-fn email_input(value: String) -> Element(Msg) {
-  render_input(Email, "email", "email-input", value, "Email address")
-}
-
-fn password_input(value: String) -> Element(Msg) {
-  render_input(Password, "password", "password-input", value, "Password")
-}
-
-fn render_input(
-  field: Input,
-  type_: String,
-  id: String,
-  value: String,
-  label_: String,
-) -> Element(Msg) {
-  div(
-    [attribute.class("input")],
-    [
-      label([attribute.for(id)], [text(label_)]),
-      input([
-        attribute.id(id),
-        attribute.name(id),
-        attribute.type_(type_),
-        attribute.required(True),
-        attribute.value(dynamic.from(value)),
-        event.on_input(fn(value) { Typed(field, value) }),
-      ]),
-    ],
-  )
-}
-
-fn remember_checkbox(checked: Bool) -> Element(Msg) {
-  div(
-    [attribute.class("flex items-center")],
-    [
-      input([
-        attribute.id("remember-me"),
-        attribute.name("remember-me"),
-        attribute.type_("checkbox"),
-        attribute.checked(checked),
-        attribute.class("checkbox"),
-        event.on_click(Toggled(RememberMe, !checked)),
-      ]),
-      label([attribute.for("remember-me")], [text("Remember me")]),
-    ],
-  )
-}
diff --git a/test/examples/input.html b/test/examples/input.html
deleted file mode 100644
index 3bd6463..0000000
--- a/test/examples/input.html
+++ /dev/null
@@ -1,54 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" class="h-full bg-gray-50">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>lustre | forms</title>
-
-    <script src="https://cdn.tailwindcss.com"></script>
-    <style type="text/tailwindcss">
-      @layer components {
-        .container {
-          @apply flex min-h-full flex-col justify-center py-12 sm:px-6 lg:px-8;
-        }
-
-        .card {
-          @apply mt-10 sm:mx-auto sm:w-full sm:max-w-[480px];
-        }
-
-        .card > div {
-          @apply bg-white px-6 py-12 shadow sm:rounded-lg sm:px-12 space-y-6;
-        }
-
-        .debug {
-          @apply text-sm text-gray-400;
-        }
-
-        .input label {
-          @apply block text-sm font-medium leading-6 text-gray-900;
-        }
-
-        .input input {
-          @apply block w-full rounded-md border-0 p-1.5 mt-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-pink-600 sm:text-sm sm:leading-6;
-        }
-
-        .checkbox {
-          @apply h-4 w-4 rounded border-gray-300 text-pink-600 focus:ring-pink-600;
-        }
-
-        .checkbox + label {
-          @apply ml-3 block text-sm leading-6 text-gray-900;
-        }
-      }
-    </style>
-
-    <script type="module">
-      import { main } from "../../build/dev/javascript/lustre/examples/input.mjs";
-
-      document.addEventListener("DOMContentLoaded", main);
-    </script>
-  </head>
-  <body class="h-full">
-    <div data-lustre-app></div>
-  </body>
-</html>
diff --git a/test/examples/nested.gleam b/test/examples/nested.gleam
deleted file mode 100644
index 47bb9d5..0000000
--- a/test/examples/nested.gleam
+++ /dev/null
@@ -1,57 +0,0 @@
-// IMPORTS ---------------------------------------------------------------------
-
-import examples/counter
-import gleam/list
-import gleam/map.{Map}
-import gleam/pair
-import lustre
-import lustre/element.{Element}
-import lustre/element/html.{div}
-
-// MAIN ------------------------------------------------------------------------
-
-pub fn main() {
-  // A `simple` lustre application doesn't produce `Effect`s. These are best to 
-  // start with if you're just getting started with lustre or you know you don't
-  // need the runtime to manage any side effects.
-  let app = lustre.simple(init, update, render)
-  let assert Ok(_) = lustre.start(app, "[data-lustre-app]")
-
-  Nil
-}
-
-// MODEL -----------------------------------------------------------------------
-
-type Model =
-  Map(Int, counter.Model)
-
-fn init() -> Model {
-  use counters, id <- list.fold(list.range(1, 10), map.new())
-
-  map.insert(counters, id, counter.init())
-}
-
-// UPDATE ----------------------------------------------------------------------
-
-type Msg =
-  #(Int, counter.Msg)
-
-fn update(model: Model, msg: Msg) -> Model {
-  let #(id, counter_msg) = msg
-  let assert Ok(counter) = map.get(model, id)
-
-  map.insert(model, id, counter.update(counter, counter_msg))
-}
-
-// RENDER ----------------------------------------------------------------------
-
-fn render(model: Model) -> Element(Msg) {
-  let counters = {
-    use rest, id, counter <- map.fold(model, [])
-    let el = element.map(counter.render(counter), pair.new(id, _))
-
-    [el, ..rest]
-  }
-
-  div([], counters)
-}
diff --git a/test/examples/nested.html b/test/examples/nested.html
deleted file mode 100644
index 420b159..0000000
--- a/test/examples/nested.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>lustre | nested</title>
-
-    <script type="module">
-      import { main } from "../../build/dev/javascript/lustre/examples/nested.mjs";
-
-      document.addEventListener("DOMContentLoaded", main);
-    </script>
-  </head>
-  <body>
-    <div data-lustre-app></div>
-  </body>
-</html>
diff --git a/test/examples/svg.gleam b/test/examples/svg.gleam
deleted file mode 100644
index c1cc5fb..0000000
--- a/test/examples/svg.gleam
+++ /dev/null
@@ -1,107 +0,0 @@
-// IMPORTS ---------------------------------------------------------------------
-
-import gleam/int
-import lustre
-import lustre/attribute.{attribute}
-import lustre/element.{Element, text}
-import lustre/element/html.{button, div, p, svg}
-import lustre/element/svg.{path}
-import lustre/event
-
-// MAIN ------------------------------------------------------------------------
-
-pub fn main() {
-  // A `simple` lustre application doesn't produce `Effect`s. These are best to 
-  // start with if you're just getting started with lustre or you know you don't
-  // need the runtime to manage any side effects.
-  let app = lustre.simple(init, update, render)
-  let assert Ok(_) = lustre.start(app, "[data-lustre-app]")
-}
-
-// MODEL -----------------------------------------------------------------------
-
-pub type Model =
-  Int
-
-pub fn init() -> Model {
-  0
-}
-
-// UPDATE ----------------------------------------------------------------------
-
-pub opaque type Msg {
-  Incr
-  Decr
-  Reset
-}
-
-pub fn update(model: Model, msg: Msg) -> Model {
-  case msg {
-    Incr -> model + 1
-    Decr -> model - 1
-    Reset -> 0
-  }
-}
-
-// VIEW ------------------------------------------------------------------------
-
-pub fn render(model: Model) -> Element(Msg) {
-  div(
-    [],
-    [
-      button(
-        [event.on_click(Incr)],
-        [plus([attribute.style([#("color", "red")])])],
-      ),
-      button([event.on_click(Decr)], [minus([])]),
-      button([event.on_click(Reset)], [text("Reset")]),
-      p([], [text(int.to_string(model))]),
-    ],
-  )
-}
-
-fn plus(attrs) {
-  svg(
-    [
-      attribute("width", "15"),
-      attribute("height", "15"),
-      attribute("viewBox", "0 0 15 15"),
-      attribute("fill", "none"),
-      ..attrs
-    ],
-    [
-      path([
-        attribute(
-          "d",
-          "M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z",
-        ),
-        attribute("fill", "currentColor"),
-        attribute("fill-rule", "evenodd"),
-        attribute("clip-rule", "evenodd"),
-      ]),
-    ],
-  )
-}
-
-fn minus(attrs) {
-  svg(
-    [
-      attribute("width", "15"),
-      attribute("height", "15"),
-      attribute("viewBox", "0 0 15 15"),
-      attribute("fill", "none"),
-      ..attrs
-    ],
-    [
-      path([
-        attribute(
-          "d",
-          "M2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z",
-        ),
-        attribute("fill", "currentColor"),
-        attribute("fill-rule", "evenodd"),
-        attribute("clip-rule", "evenodd"),
-      ]),
-    ],
-  )
-}
diff --git a/test/examples/svg.html b/test/examples/svg.html
deleted file mode 100644
index 12af526..0000000
--- a/test/examples/svg.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>lustre | svg</title>
-
-    <script type="module">
-      import { main } from "../../build/dev/javascript/lustre/examples/svg.mjs";
-
-      document.addEventListener("DOMContentLoaded", main);
-    </script>
-  </head>
-  <body>
-    <div data-lustre-app></div>
-  </body>
-</html>
author	Hayleigh Thompson <me@hayleigh.dev>	2023-08-19 22:21:19 +0100
committer	Hayleigh Thompson <me@hayleigh.dev>	2023-08-19 22:21:19 +0100
commit	9919bc2702c89168d1805eaa0db9e4baff091260 (patch)
tree	ef5f1fd360d90ec8433aa0fccc2709bed0e8e9d2 /test
parent	e4aa0e04e54105395d5f6f5e3f7e2d9a4f7851e0 (diff)
download	lustre-9919bc2702c89168d1805eaa0db9e4baff091260.tar.gz lustre-9919bc2702c89168d1805eaa0db9e4baff091260.zip