[Pro][Test] Mobile Advance Flow Editor (MAFE)

[Kyle_Michiels]

MAFE - Mobile Advanced Flow Editor

Hi everyone,

I’ve been working for a while on a small Homey app called MAFE, short for Mobile Advanced Flow Editor. My goal was simple: make Homey Advanced Flows easier to inspect and edit from a mobile device.

Advanced Flows are great on desktop, but on a phone or tablet they can be hard to navigate. MAFE tries to solve that by hosting a local web editor directly from your Homey Pro, so you can open it in your browser on the same network and work with your flows in a more mobile-friendly way.

Roughly how it works:

The Homey app runs a small local web server on your Homey Pro. You open MAFE from your browser, usually via http://mafe.local:8080/, and the interface talks back to Homey locally. This avoids cloud login/OAuth issues and keeps editing local to your Homey.

MAFE has two main views:

• A desktop-style canvas view for larger screens
• A mobile branch/tree view for phones and tablets

Desktop/Tablet

Mobile

Current features include:

• View Homey Advanced Flows
• Mobile-friendly branch/tree flow view
• Desktop canvas flow view
• Edit card arguments
• Replace cards
• Add new cards
• Delete cards
• Move cards in chains
• Save changes back to Homey
• Run an Advanced Flow
• Color picker support for color arguments
• Color swatches shown on cards
• English and Dutch interface support
• Local Homey-hosted editing through the app

How to open MAFE

After installing the app, open the app settings in Homey. The settings page shows the local addresses where MAFE is available.

In most cases you can use:

http://mafe.local:8080/

If mafe.local does not work on your network, the settings page also shows detected IP-based links, for example:

http://192.168.x.x:8080/

Just open one of those links from a phone, tablet, or desktop browser on the same local network as your Homey Pro.

There is also an Advanced network settings section. Most users can ignore this. It is only there as a fallback if automatic detection does not work on your network.

Advanced options include:

• LAN IP override for mafe.local
• Port override for the local MAFE web server

If you change the port override, restart the app before using the new port.

A few notes:

This is meant as a local editor for Homey Pro. It uses Homey’s manager API permission because it needs to read your flows, devices, zones, apps, logic variables, card definitions, and save changes when you press Save.

Changes are not saved automatically. You can inspect and make edits locally, and they are only written back to Homey when you explicitly press Save.

I’d love feedback, especially around mobile usability, flow navigation, and which editing actions feel most important to improve next.

Link:

MAFE | Homey

[SunBeech]

Hi @Kyle_Michiels, what a promising initiative!

Just some initial observations after installing and opening the web page on my tablet:

• There seems to be some text overflowing the boxes that hold the flow names:

  

• Would it be possible to include the folder/tree view and group the flows in their respective folder? Instead of showing an alphabetically sorted flat list of flows?

[SunBeech]

I noticed that sometimes the app shows a technical ID/reference instead of the name of the Tag. See the following example. I included the original part of the flow below:

[Kyle_Michiels]

Thank you for sharing these findings!
Ill definitely check if I can do the folder view so you can navigate the flows better.
And I’ll look into resolving the technical ID still being shown for some actions instead of the proper name.