first commit. Build a simple example app using Scenic v0.11

Author: boydm

.formatter.exs

@@ -0,0 +1,4 @@
+# Used by "mix format"
+[
+  inputs: ["{mix,.formatter}.exs", "{config,lib,test}/**/*.{ex,exs}"]
+]

.gitignore

@@ -0,0 +1,30 @@
+# The directory Mix will write compiled artifacts to.
+/_build/
+
+# If you run "mix test --cover", coverage assets end up here.
+/cover/
+
+# The directory Mix downloads your dependencies sources to.
+/deps/
+
+# Where third-party dependencies like ExDoc output generated docs.
+/doc/
+
+# Ignore .fetch files in case you like to edit your project deps locally.
+/.fetch
+
+# If the VM crashes, it generates a dump, let's ignore it too.
+erl_crash.dump
+
+# Also ignore archive artifacts (built via "mix archive.build").
+*.ez
+
+# Ignore package tarball (built via "mix hex.build").
+example-*.tar
+
+# Temporary files, for example, from tests.
+/tmp/
+
+.DS_Store
+
+/priv/assets/*

README.md

@@ -0,0 +1,21 @@
+# Example
+
+**TODO: Add description**
+
+## Installation
+
+If [available in Hex](https://hex.pm/docs/publish), the package can be installed
+by adding `example` to your list of dependencies in `mix.exs`:
+
+```elixir
+def deps do
+  [
+    {:example, "~> 0.1.0"}
+  ]
+end
+```
+
+Documentation can be generated with [ExDoc](https://github.com/elixir-lang/ex_doc)
+and published on [HexDocs](https://hexdocs.pm). Once published, the docs can
+be found at [https://hexdocs.pm/example](https://hexdocs.pm/example).
+

assets/fonts/akaya_telivigala.ttf

@@ -0,0 +1,27 @@
+# This file is responsible for configuring your umbrella
+# and **all applications** and their dependencies with the
+# help of Mix.Config.
+#
+# Note that all applications in your umbrella share the
+# same configuration and dependencies, which is why they
+# all use the same configuration file. If you want different
+# configurations or dependencies per app, it is best to
+# move said applications out of the umbrella.
+use Mix.Config
+
+# Configures Elixir's Logger
+config :logger, :console,
+  format: "$time $metadata[$level] $message\n",
+  metadata: [:request_id]
+
+
+# should normally live in config.exs of the device app
+config :scenic, :assets,
+  module: Example.Assets,
+  alias: [
+    parrot: "images/parrot.jpg"
+  ]
+  
+# Import environment specific config. This must remain at the bottom
+# of this file so it overrides the configuration defined above.
+import_config "#{Mix.env()}.exs" 

assets/fonts/bitter.ttf

@@ -0,0 +1,20 @@
+use Mix.Config
+
+# Do not include metadata nor timestamps in development logs
+config :logger, :console, format: "[$level] $message\n"
+
+# Configure the main viewport for the Scenic application
+config :example, :viewport, [
+    name: :main_viewport,
+    size: {800, 600},
+    theme: :dark,
+    default_scene: Example.Scene.Sensor,
+    drivers: [[
+            module: Scenic.Driver.Glfw,
+            name: :glfw_driver,
+            title: "Super Test Window",
+            resizeable: false
+            # on_close: :stop_driver
+          ]]
+    ]
+

assets/fonts/dot_gothic_16.ttf

@@ -0,0 +1,4 @@
+defmodule Example.Assets do
+  use Scenic.Assets.Static, otp_app: :example
+end
+

assets/fonts/fascinate.ttf

@@ -0,0 +1,96 @@
+defmodule Example.Component.Nav do
+  use Scenic.Component
+
+  alias Scenic.Graph
+  alias Scenic.ViewPort
+
+  import Scenic.Primitives, only: [{:text, 3}, {:rect, 3}]
+  import Scenic.Components, only: [{:dropdown, 3}, {:toggle, 3}]
+
+  @height 60
+
+  # --------------------------------------------------------
+  def validate(scene) when is_atom(scene), do: {:ok, scene}
+  def validate({scene, _} = data) when is_atom(scene), do: {:ok, data}
+  def validate(data) do
+    {
+      :error,
+      """
+      #{IO.ANSI.red()}Invalid #{inspect(__MODULE__)} specification
+      Received: #{inspect(data)}
+      #{IO.ANSI.yellow()}
+      Nav component requires a valid scene module or {module, param}
+      """
+    }
+  end
+
+  # ----------------------------------------------------------------------------
+  def init(scene, current_scene, opts) do
+    {width, _} = scene.viewport.size
+
+    {background, text} = case opts[:theme] do
+      :dark ->
+        {{48, 48, 48}, :white}
+
+      :light ->
+        {{220, 220, 220}, :black}
+
+      _ ->
+        {{48, 48, 48}, :white}
+    end
+
+    graph = Graph.build( font_size: 20 )
+      |> rect( {width, @height}, fill: background )
+      |> text( "Scene:", translate: {15, 38}, align: :right, fill: text )
+      |> dropdown(
+        {[
+           {"Sensor", Example.Scene.Sensor},
+           {"Primitives", Example.Scene.Primitives},
+           {"Fills", Example.Scene.Fills},
+           {"Strokes", Example.Scene.Strokes},
+           {"Components", Example.Scene.Components},
+           {"Transforms", Example.Scene.Transforms},
+           {"Sprites", Example.Scene.Sprites},
+         ], current_scene},
+        id: :nav,
+        translate: {90, 10}
+      )
+      |> toggle(
+        opts[:theme] == :light,
+        id: :light_or_dark,
+        theme: :secondary,
+        translate: {width - 60, 16},
+      )
+      # |> digital_clock(text_align: :right, translate: {width - 20, 35})
+
+
+    push_graph(scene, graph)
+
+    { :ok, scene }
+  end
+
+
+  # ----------------------------------------------------------------------------
+  def handle_event({:value_changed, :nav, {scene_mod, param}}, _, scene) do
+    ViewPort.set_root(scene.viewport, scene_mod, param)
+    { :noreply, scene }
+  end
+
+  # ----------------------------------------------------------------------------
+  def handle_event({:value_changed, :nav, scene_mod}, _, scene) do
+    ViewPort.set_root(scene.viewport, scene_mod)
+    { :noreply, scene }
+  end
+
+  # ----------------------------------------------------------------------------
+  def handle_event({:value_changed, :light_or_dark, light?}, _, scene) do
+    case light? do
+      true -> ViewPort.set_theme(scene.viewport, :light)
+      false -> ViewPort.set_theme(scene.viewport, :dark)
+    end
+    { :noreply, scene }
+  end
+
+end
+
+

assets/fonts/oi.ttf

@@ -0,0 +1,53 @@
+defmodule Example.Component.Notes do
+  use Scenic.Component, has_children: false
+
+  # alias Scenic.ViewPort
+  alias Scenic.Scene
+  alias Scenic.Graph
+
+  import Scenic.Primitives, only: [{:text, 3}, {:rect, 3}]
+
+  @height 110
+  @font_size 20
+  @indent 30
+
+
+  # --------------------------------------------------------
+  def validate(notes) when is_bitstring(notes), do: {:ok, notes}
+  def validate(data) do
+    {
+      :error,
+      """
+      #{IO.ANSI.red()}Invalid #{inspect(__MODULE__)} specification
+      Received: #{inspect(data)}
+      #{IO.ANSI.yellow()}
+      Notes data should be a string
+      """
+    }
+  end
+
+  # ----------------------------------------------------------------------------
+  def init(%Scene{viewport: viewport } = scene, notes, opts) do
+    {vp_width, vp_height} = viewport.size
+
+    {background, text} = case opts[:theme] do
+      :dark ->
+        {{48, 48, 48}, :white}
+
+      :light ->
+        {{220, 220, 220}, :black}
+
+      _ ->
+        {{48, 48, 48}, :white}
+    end
+
+    graph = Graph.build(
+      font_size: @font_size, font: :roboto,
+      t: {0, vp_height - @height}, theme: opts[:theme]
+    )
+    |> rect( {vp_width, @height}, fill: background )
+    |> text( notes, translate: {@indent, @font_size * 2}, fill: text )
+    
+    { :ok, push_graph(scene, graph) }
+  end
+end

assets/fonts/roboto.ttf

@@ -0,0 +1,19 @@
+defmodule Example do
+  @moduledoc """
+  Documentation for `Example`.
+  """
+
+  def start(_type, _args) do
+    # load the viewport configuration from config
+    main_viewport = Application.get_env(:example, :viewport)
+
+    # start the application with the default view_port
+    children = [
+      {Scenic, [main_viewport]},
+      Example.Sensors.Supervisor,
+    ]
+    Supervisor.start_link(children, strategy: :one_for_one)
+  end
+end
+
+