Fl4m3Ph03n1x

Fl4m3Ph03n1x

Making desktop apps in Elixir

Background

In my quest to make a desktop app with Elixir for Windows (I have given up the idea of doing multi-desktop apps for now) I am trying to create a HelloWorld Desktop app.

This app is basically what you get from running mix phx.new hello.
I am using Phoenix’s latest version, so I don’t have to deal with SASS nor anything alike, which honestly is a blessing since this means I don’t have any more node-gyp issues.

Making it desktop friendly

As some of you may have realized however, just creating a Phoenix project won’t make it a Desktop app.
This is where the Desktop project comes in:

This is a dependency that allows you to make your applications Desktop like.
Since I have run the Sample app in the past:

I figured I would try to tear it apart and try to launch the simplest, dummiest HelloWorld app I could.
Basically, when I run mix iex -S I want it to instead of opening a window in my browser for it to open a desktop app.

Problem

I have added all the dependencies and I have a somewhat similar project structure to what the sample app has:

mix.exs

defmodule Hello.Application do
  # See https://hexdocs.pm/elixir/Application.html
  # for more information on OTP Applications
  @moduledoc false

  use Application

  @impl true
  def start(_type, _args) do
    children = [
      # Start the Telemetry supervisor
      HelloWeb.Telemetry,
      # Start the PubSub system
      {Phoenix.PubSub, name: Hello.PubSub},
      # Start the Endpoint (http/https)
      HelloWeb.Endpoint
      # Start a worker by calling: Hello.Worker.start_link(arg)
      # {Hello.Worker, arg}
    ]

    # See https://hexdocs.pm/elixir/Supervisor.html
    # for other strategies and supported options
    opts = [strategy: :one_for_one, name: Hello.Supervisor]
    Supervisor.start_link(children, opts)
  end

  # Tell Phoenix to update the endpoint configuration
  # whenever the application is updated.
  @impl true
  def config_change(changed, _new, removed) do
    HelloWeb.Endpoint.config_change(changed, removed)
    :ok
  end
end

However, nothing I do works. There are no errors in the console, but the desktop app won’t start.
I am willing to throw everything away, all I want is to have a way of opening this in a desktop window.

I think there might be a config issue, but I can’t be sure since the sample app is done with an older version of Phoenix that uses SASS.

Question

Can someone help me figure out what is the MNE to have this open a desktop window?

Marked As Solved

dominicletz

dominicletz

Creator of Elixir Desktop

I’ve just had a chance to check the repo out and try it. There are a couple of issues here:

  • It wasn’t using Desktop.Endpoint but Phoenix.Endpoint in your endpoint.ex
  • There are two applications in hello.ex and application.ex the only one used was application.ex but that did not start the Desktop.Window.
  • There are icons referenced that don’t exist: icon.png, icon32x32-done.png
  • config.exs did not configure the HTTP port to be 0
  • menu.eex had an <menubar> element that is not valid there.

I’ve supplied a PR to make it run:

P.S.
Best to double check the supervision tree. At the moment hello.ex and sup.ex are not used, so you might either delete them or embed them in the supervision tree that is started from application.ex

Cheers!

Also Liked

arjan

arjan

Looking at the example repo I think you also need to include a Desktop.Window child process in your supervision tree?

dominicletz

dominicletz

Creator of Elixir Desktop

Just looking at the code check your hello.ex you still have a reference to ‘TodoWeb’ there from the example. Replace that with HelloWeb.

{:ok, _} = Supervisor.start_child(sup, TodoWeb.Sup)

Where Next?

Popular in Questions Top

JorisKok
I have a server on AWS, and was running a load test using artillery. When looking at the Phoenix dashboard I see the Ports going to 100% ...
New
lessless
I believe there are people here who are dealing with CSV files import on the daily basis, and since Excel is a really popular tool there ...
New
Kurisu
For example for a current url like http://localhost:4000/cosmetic/products?_utf8=✓&amp;query=perfume&amp;page=2, I would like to get: ...
New
stefanluptak
Hello everybody, usually, I use a 29" ultra-wide monitor for VSCode which can easily accomodate explorer (files panel) + file with code ...
New
vac
Hi, I'm quite new in Elixir and I'm trying to format a string to a PEM format. I have the certificate value like MIIDBTCCAe2...... and ...
New
baxterw3b
Hi guys, i’m new in the Elixir world, and i have to say, that i love it! i’m having some problem to understand anonymous functions with ...
New
srinivasu
How to handle excepions in elixir? Suppose i have A, B, C ,D, E modules. and each module has get() function. A.get() method will call th...
New
chensan
I have a User schema with a :from_id field set to type :string: defmodule TweetBot.Repo.Migrations.CreateUsers do use Ecto.Migration ...
New
shijith.k
I am trying to start a new phoenix project with elixir 1.9, but mix phx.new does not work. It says that ** (Mix) The task "phx.new" could...
New
hariharasudhan94
Lets say i have map like this fetching from my database %{"_id" =&gt; #BSON.ObjectId&lt;58eb1a7a9ad169198c3dXXXX&gt;, "email" =&gt; "XX...
New

Other popular topics Top

sorentwo
Hello! tl;dr Announcing Oban, an Ecto based job processing library with a focus on reliability and historical observability. After spen...
985 42842 311
New
aesmail
Hello guys, I have finally made it. I created an admin interface for a framework. It’s been on my todo list for years and with the curre...
New
belgoros
I’m not a pro in using Regex and can’t figure out why the following behaviour happens, especially if we take into account the difference ...
New
chrismccord
This release brings a number of exciting features, including integration with the new Phoenix LiveDashboard and Phoenix LiveView. There h...
New
ashish173
I am using Ecto timestamps with postgres, I can see the timestamps() use the :naive_dateime but for my use case I wanted to store the ti...
New
jason.o
In the code below, if the create action is not set to accept “extra_key” as an input, it errors out with a message shown above. Is there ...
New
KronicDeth
Elixir plugin for JetBrain’s IntelliJ Platform (including Rubymine) This is a plugin that adds support for Elixir to JetBrains IntelliJ...
289 35953 110
New
dblack
I’ve got an issue with an app and I’ve no idea of how to troubleshoot it. I’m hoping someone here might have seen something similar. I p...
New
romenigld
I am trying to run a deploy with docker and I successfully runned with this command: docker build -t romenigld/blog-prod . but when I t...
New
sergio
Kind of like when jquery came out, it was super necessary. Existing drag and drop libraries have a bunch of baggage to support old browse...
New

We're in Beta

About us Mission Statement