protofy-xyz/protofy

AI Supercharged LowCode Platform CMS and Framework 🚀🚀

protofy's Issues

Blurred side menu content when visually editing page content

Expected Behavior

When click on element and customize its props, the right menu content should be clearly defined.

Current Behavior

Right side menu content (input text, label, etc) is blurred.

Steps to Reproduce

1. Login as admin
2. Navigate to a page
3. Click top right pencil icon to edit page
4. Try to select any component
5. Check that right menu with "Customize" has contents to fill.

Context (Environment)

• Default setup
• OS: MacOS
• Browser: Chrome
• Environment: dev

Issue demo

Desired resolution

Current resolution

bug-blurry-property-text.mov

Faltan dependencias del modulo n

Buenas noches,

Estoy intentado instalar, pero siempre me topo con este error al ejecutar "yarn start-dev-latest"

Drop "BigTitle" component and save add double quotes to caption

Expected Behavior

When drag and drop BigTitle, H1, H2, etc. components from left sidebar of visualui and save, the components should not add quotes ' " '.

Current Behavior

When drop BigTitle and save it adds quotes to its caption

Steps to Reproduce

Steps to reproduce the behavior:

1. Login as admin
2. Click on edit page (pencil)
3. Once in visualui editor of page open left menu and drag-n-drop "BigTitle" component
4. Save

Context (Environment)

• Default setup
• OS: MacOS, Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

Grabacion.2024-02-07.105122.mp4

You can't select header (blue box) in some elements while visually editing a page

Expected Behavior

You should be able to select the header of any component while visually editing the page.

Current Behavior

When trying to select the header, the top component gets selected instead of the header

Steps to Reproduce

1. Login as admin
2. Navigate to a page
3. Click top right pencil icon to edit page
4. Try to select the header (blue bounding box) of a component

Context (Environment)

Default setup
OS: MacOS, Windows 11
Browser: Chrome

Issue demo

BUG.can.t.select.header.mp4

Once you enter to see some database raw data, then the navigation is not working anymore

Expected Behavior

After seeing some database raw data I want to be able to navigate to another section of admin panel.

Current Behavior

Once you enter to see some database raw data, then the navigation is not working anymore

Steps to Reproduce

Steps to reproduce the behavior:

1. Login as admin
2. Go to /admin/databases
3. Click to any other section outside the databases one.

Context (Environment)

• Default setup
• OS: MacOS, Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

bug-navigation.mp4

When entering to edit code the other buttons disappear

Expected Behavior

When you click to edit code you should be able to change to flow or prop view mode

Current Behavior

When you click to edit code the buttons for changing mode disappears.

Steps to Reproduce

Steps to reproduce the behavior:

1. Login as admin
2. Go to default screen
3. Click edit page (the pencil button)
4. Click one element and press the code button

Context (Environment)

• Default setup
• OS: MacOS, Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

Grabacion.de.pantalla.2024-01-31.a.las.18.19.22.mov

When select a color for the first time on BigTitle component, the color is not applied

Expected Behavior

When select a color should be applied

Current Behavior

When you select a color the element turns black

Steps to Reproduce

Steps to reproduce the behavior:

1. Login as admin
2. Navigate to any page
3. Click pencil button to edit page
4. Drop a BigTitle and change the color

Context (Environment)

• Default setup
• OS: MacOS, Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

Grabacion.de.pantalla.2024-02-05.a.las.14.52.56.mov

Server Error

Hola,

Al intentar crear cualquier cosa (he probado con objectos y páginas) me da "Server Error".

Está instalado en un linux y arrancado con yarn start-dev-latest.

Gracias de antemano.

Black screen when clicking on save button in the code editor of the page editor

Expected Behavior

It should save the code and apply changes.

Current Behavior

A blank screen appears.

Steps to Reproduce

Steps to reproduce the behavior:

1. Login as admin
2. Go to a page.
3. Click on pencil button.
4. Click an element.
5. Select the code view in right panel.
6. Change something.
7. Click save button.

Context (Environment)

• Default setup
• OS: MacOS, Windows 11
• Browser: Chrome

Issue demo

Grabacion_de_pantalla_2024-01-16_a_las_10.14.52.mov

If you drop a DataCard component and save crash

Expected Behavior

When drop a DataCard element and save should save the current page without crash

Current Behavior

When drop a DataCard element and save app crash

Steps to Reproduce

Steps to reproduce the behavior:

1. Login as admin
2. Navigate to a page
3. Press edit button on top right
4. Drop a DataCard element and save.

Context (Environment)

• Default setup
• OS: MacOS, Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

Grabacion.de.pantalla.2024-01-24.a.las.11.25.52.mov

Empty lists in Firefox 119.0.1 (64 bits) in Mac OS Sonoma 14.1

It seems that in this particular version of Firefox it does not show any element into the user/group/pages lists.

tested in same system with Safari and it works fine.

Thanks!

There is no feedback when load the content

Expected Behavior

Have feedback if the program is loading the content.

Current Behavior

Appears a white screen until the content is loaded.

Steps to Reproduce

Steps to reproduce the behavior:

1. Login as admin
2. Navigate to a page
3. Click to edit (pencil button)

Context (Environment)

• Default setup
• OS: MacOS, Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

Grabacion.de.pantalla.2024-01-31.a.las.18.36.49.mov

Existing device definitions doesn't appear when you want to create a new device

Expected Behavior

As I've defined a device definition prior to create a device. I would like to have a dropdown or similar component to easily pick the device definition.

Current Behavior

The device definition field when create a new device must be a dropdown showing the existing device definitions.

Steps to Reproduce

Steps to reproduce the behavior:

1. Go to device definitions page
2. Check there is a device definition
3. Go to devices page
4. Press add a device button

Context (Environment)

• Default setup
• OS: MacOS, Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

bug-device-definition.mp4

Visual Editor Loading Failure

Expected Behavior

I expected that when I click on the pencil (edit) button on the webpage I created through the admin page, I would be taken to an editing interface where I could see and modify the content of the page.

Current Behavior

After creating a page through the admin interface, when I navigate to the link of the web page and click on the pencil (edit) button to edit it, the content does not appear. Instead, the page remains stuck with a loading symbol, preventing any possibility of editing the content as intended.

Steps to Reproduce

Steps to reproduce the behavior:

1. Go to the admin page and create a new web page.
2. Navigate to the link provided for the newly created web page.
3. Click on the pencil (edit) button to modify the content of the page.
4. Observe that the content does not load; only a loading symbol is displayed, and the page remains uneditable.

Context (Environment)

• Default setup
• OS: MacOS
• Browser: Chrome

Issue demo

Screen.Recording.2024-02-01.at.15.01.14.mov

Incorrectly layouted elements on editing landing page

Expected Behavior

Protofy pages should look identical when in view and edit mode.

Current Behavior

Some pages (including landing page) look broken in edit mode.

Steps to Reproduce

1. Login as admin
2. Navigate to a page
3. Click top right pencil icon to edit page

Context (Environment)

Default setup
OS: MacOS, Windows 11
Browser: Chrome

Issue demo

visualui-layout-bug.mov

Layer dropdown icon missaligned

Expected Behavior

When editing page and click on element the drop down icons (arrow-up/arrow-down) of each layer should be centered.

Current Behavior

Layout drop down icon are not centered and rotate each time you toggle the acordion section of clicked layer

Steps to Reproduce

Steps to reproduce the behavior:

1. Login as admin
2. Go to a page
3. Click pencil icon
4. Click on any element
5. On the right menu go to layers label
6. Toggle right arrow down icon of one of the available layers

Context (Environment)

• Default setup
• OS: MacOS, Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

layers.mp4

Compile a yaml without internet connection

Problem/Need To Be Solved

You can't compile a yaml when you are not connected to internet.

Additional resources

Now when you try to compile a yaml having the project running in your computer it pops an error:

2024-02-01-1243-11.mp4

Unable to eliminate a user using the user system page

Expected Behavior

Expected to be able to eliminate a user in the raw view of the user visualization page.

Current Behavior

You can press the delete button but the user still remain.

Steps to Reproduce

Steps to reproduce the behavior:

1. Create a new user via: yarn add-user
2. Click on "Users" in "System"
3. Change to "raw" view
4. Click on the trash icon
5. Click on the Delete button in the new dialog

Context (Environment)

• Default setup
• OS: Windows 10
• Browser: Chrome
• Environment: dev

Issue demo

2024-02-01-0101-21.mp4

Edit device definitions available in the config view

Expected Behavior

When you enter the view mode in the device definitions config menu, it should'nt allow you to edit the differents nodes of the esp32.

Current Behavior

When you enter the view mode in the device definitions config menu, you can change the different nodes of the esp32 even though you cannot save the changes.

Steps to Reproduce

Steps to reproduce the behavior:

1. Go to Device definitions in the workspace
2. Click on view button
3. Drag a node

Context (Environment)

• Default setup
• OS: Windows 11
• Browser: Chrome
• Environment: dev-full

Issue with User Creation in the App

Hey Team,

Hope you guys are doing awesome! 🚀 Just wanted to drop a quick note about a snag we hit with the app. We were all set to show off some cool stuff to a bunch of friends, but ran into a bit of a hiccup with user creation.

Here's what went down:

Error inserting initialData for:  groups
Erro:  ZodError: [
  {
    "code": "invalid_type",
    "expected": "boolean",
    "received": "undefined",
    "path": [
      "admin"
    ],
    "message": "Required"
  }
]
    at Object.get error [as error] (/Users/marc/Documents/protofy/Protofy/node_modules/zod/lib/types.js:43:31)
    at ZodObject.parse (/Users/marc/Documents/protofy/Protofy/node_modules/zod/lib/types.js:142:22)
    at DerivedModel.validate (/Users/marc/Documents/protofy/Protofy/packages/protolib/base/ProtoModel.ts:137:21)
    at DerivedModel.create (/Users/marc/Documents/protofy/Protofy/packages/protolib/base/ProtoModel.ts:97:173)
    at /Users/marc/Documents/protofy/Protofy/packages/protolib/api/lib/generateApi.ts:61:55
    at Array.map (<anonymous>)
    at CreateApi (/Users/marc/Documents/protofy/Protofy/packages/protolib/api/lib/generateApi.ts:58:102)
    at AutoAPI (/Users/marc/Documents/protofy/Protofy/packages/protolib/api/lib/generateApi.ts:27:21)
    at Object.<anonymous> (/Users/marc/Documents/protofy/Protofy/packages/protolib/bundles/groups/groupsAPI.ts:4:33)
    at Module._compile (node:internal/modules/cjs/loader:1233:14) {
  issues: [
    {
      code: 'invalid_type',
      expected: 'boolean',
      received: 'undefined',
      path: [Array],
      message: 'Required'
    }
  ],
  addIssue: [Function (anonymous)],
  addIssues: [Function (anonymous)],
  errors: [
    {
      code: 'invalid_type',
      expected: 'boolean',
      received: 'undefined',
      path: [Array],
      message: 'Required'
    }
  ]
}

to reproduce:

git clone repo
node prepare.js
yarn
yarn start-dev-latest

Totally get that bugs are part of the game, just hoping you can help us get this sorted out soon. Really psyched to get back to using the app to its full potential!

Cheers and thanks a ton!
Marc Palau

deviceSub Function Does Not Filter Messages by Specified Topic

Expected Behavior

I expected the deviceSub function, when given a specific topic, to return only the messages associated with that topic.

Current Behavior

The deviceSub function, when used with two parameters (topic, callback), is returning all messages by the callback regardless of the specified topic.

Steps to Reproduce

1. Create a device definition that includes two different named sensors using the esphome SDK.
2. Create a device and assign it the previously defined device definition.
3. Flash the ESP32 device with the configuration and connect the sensors to the configured pins.
4. Create an Api using the IoTRouter template.
5. In the created api file, call the deviceSub function with two parameters, specifying the topic for each device subsystem.
6. Observe that the callback function receives messages from all topics, not just the one associated with the specific device component.

Context (Environment)

• Default setup
• OS: Windows11
• Browser: Chrome
• Environment: dev

Issue demo

code:

esphome logs:

api-dev logs:

Workspace selector items are missaligned

Expected Behavior

Workspace selector should display available workspaces with correct alignment

Current Behavior

The workspace selector shows available workspaces missaligned

Steps to Reproduce

Steps to reproduce the behavior:

1. Login as admin
2. Go to admin panel
3. Click on workspace selector, on top right area

Context (Environment)

• Default setup
• OS: Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

"next" button missaligned in template selection when creating a page

Expected Behavior

The create page wizzard allows the user to select a template to create the page, there is a button with caption "next" that should appear after the template thumbnails.

Current Behavior

The "next" button appears on top of the last template thumbnails

Steps to Reproduce

Steps to reproduce the behavior:

1. Login as admin
2. Go to workspace
3. Go to pages
4. Click on '+'

Context (Environment)

• Default setup
• OS: Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

Code comments breaks the page editor props menu

Expected Behavior

When you select and element in the page editor a menu should appear to edit its props.

Current Behavior

If a comment is present on the source code the props menu doesn't appear.

Steps to Reproduce

1. Create a page with a comment like:

import { UIWrapLib, UIWrap, BigTitle, PageGlow, withSession, Page, useEdit, Center, RainbowText, API, SSR} from "protolib"
import { DefaultLayout, } from "../../../layout/DefaultLayout"
import { Protofy } from 'protolib/base'

const isProtected = Protofy("protected", false)

const PageComponent = (props) => {
    return (
        <Page height="99vh">
            {/* <BigTitle>Hello</BigTitle> */}
        </Page>)
}

const cw = UIWrapLib('@my/ui')

export default {
    route: Protofy("route", "testpage"),
    component: (props) => useEdit(
        () => PageComponent(props), {
        ...UIWrap("DefaultLayout", DefaultLayout, "../../../layout/DefaultLayout"),
        ...cw("YStack", YStack),
        ...cw("Spacer", Spacer),
        ...cw("Text", Text),
        ...cw("XStack", XStack),
        ...cw("Paragraph", Paragraph),
        ...cw("Theme", Theme)
    }, "/packages/app/bundles/custom/pages/testpage.tsx"),
    getServerSideProps: SSR(async (context) => withSession(context, isProtected?Protofy("permissions", []):undefined))
}

2. Navigate to a page
3. Click top right pencil icon to edit page
4. Select an element and try to edit props

Context (Environment)

Default setup
OS: MacOS, Windows 11
Browser: Chrome

Issue demo

Visual.UI.-.Bug.-.comments.mov

Can't use mqtt communication in my pc

Expected Behavior

I should be able to communicate though mqtt between my pc and my devices.

Current Behavior

I try to use mqtt to communicate with my device and I can't.

Steps to Reproduce

Steps to reproduce the behavior:

1. Try to connect your device through mqtt

Context (Environment)

• Default setup
• OS: Windows 11 Pro
  Edición Windows 11 Pro
  Versión 23H2
  Instalado el ‎28/‎11/‎2023
  Versión del sistema operativo 22631.3007
  Experiencia Windows Feature Experience Pack 1000.22681.1000.0
• Browser: Chrome
• Environment: dev (start-dev-full)
• I'm using Avast Antivirus
• Hardware:
  Nombre del dispositivo jurgi-s
  Procesador 11th Gen Intel(R) Core(TM) i7-1185G7 @ 3.00GHz 3.00 GHz
  RAM instalada 16,0 GB (15,7 GB usable)
  Identificador de dispositivo 19B6899A-EB48-4CA8-80B3-DF9ABF4B47D9
  Id. del producto 00330-80000-00000-AA997
  Tipo de sistema Sistema operativo de 64 bits, procesador basado en x64
  Lápiz y entrada táctil La entrada táctil o manuscrita no está disponible para esta pantalla

Issue demo

"Edit Page File" option crashes

Expected Behavior

You should be able to edit the page by clicking on the "Edit Page File" option at page menu.

Current Behavior

The "Edit Page File" option crashes.

Steps to Reproduce

1. Login as admin
2. Navigate to workspace
3. Navigate to System -> Pages section
4. Click three dots and select "Edit Page File" in any of the already created pages

Context (Environment)

Default setup
OS: MacOS, Windows 11
Browser: Chrome

Issue demo

Grabacion_de_pantalla_2024-01-16_a_las_12.34.53.1.mov

Digital device node integrated on the device definitions

Problem/Need To Be Solved

Need to use a temperature and humidity sensor for a project and it doesn't appear the node in the device definitions.

Additional resources

The temperature and humidity sensor is the DHT22.

An infinite loop occurs if you type very fast while editing the BigTitle element of VisualUI

Expected Behavior

Be able to type at any speed on the VisualUI BigTitle element

Current Behavior

An infinite updates loop occurs that doesn't stop unless you press another random keys very quickly.

Steps to Reproduce

1. Login as admin
2. Navigate to a page
3. Click top right pencil icon to edit page
4. Drop or select a BigTitle element
5. Type very quickly a word like test

Context (Environment)

• Default setup
• OS: MacOS
• Browser: Chrome
• Environment: dev

Issue demo

visual_ui_loop_bug.mov

In a Zod schena, when I add .optional().hint() to a z.number() it changes the type to string

Expected Behavior

I want to have a type number with the modifiers .optional() and .hint()

Current Behavior

I have a zod schema with a z.number().optional().hint() property. When I try to add a new object, it crashes this part, returning an error of "Expected number, recieved string"

Steps to Reproduce

Steps to reproduce the behavior:

1. Go to admin panel
2. Create an object with a z.number().optional().hint() propery
3. Try to add a new object by filling that property input

Context (Environment)

• Default setup
• OS: Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

In Chuwi larkbox X api-dev crashes each time the api file is edited

Expected Behavior

api-dev should keep working as usual when changing its content

Current Behavior

After changing its content, api-dev crashes. Works good for the first "save", but then crashes after second one.
We have also seen that the CPU usage goes to 100% when running the project.

Steps to Reproduce

Steps to reproduce the behavior:

1. Go to an api function. (\packages\app\bundles\custom\apis\apifile.ts)
2. Change its content and save.
3. Change again and it will crash

Context (Environment)

• Default setup

• OS: Windows 11
  Edición Windows 11 Home
  Versión 22H2
  Instalado el ‎21/‎10/‎2023
  Versión del sistema operativo 22621.3007
  Experiencia Windows Feature Experience Pack 1000.22681.1000.0

• Browser: Chrome

• Environment: dev (start-dev-full)

• Hardware: Chuwi LarkBox X
  Nombre del dispositivo DESKTOP-FFUDIMA
  Procesador Intel(R) N100 800 MHz
  RAM instalada 12,0 GB (11,7 GB usable)
  Identificador de dispositivo CD0EC0D5-A81E-4D6F-A5A1-97D29F1314C4
  Id. del producto 00356-02440-92629-AAOEM
  Tipo de sistema Sistema operativo de 64 bits, procesador basado en x64
  Lápiz y entrada táctil La entrada táctil o manuscrita no está disponible para esta pantalla

Issue demo

APIHotreloadBug.mp4

nnn

The code/flows menu hiddes when the code window is resized

Expected Behavior

You should be able to change the size of the code tab without loosing the top menu access

Current Behavior

The menu moves to the right, hiding and preventing access to the menu

Steps to Reproduce

Steps to reproduce the behavior:

1. Login as admin
2. Go to a page.
3. Click on pencil button.
4. Click an element.
5. Select the flows view in right panel.
6. Select the code view in right panel.
7. Make the code window smaller

Context (Environment)

• Default setup
• OS: MacOS, Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

bug.view.menu.mp4

Problem in the router when new admin page generated

Expected Behavior

When new admin page added, the route should be the same as the others (in this case: /admin/"pageName")

Current Behavior

The route is '/pageName' (excluding '/admin'), which causes navigation difficulties through the admin panel

Steps to Reproduce

Steps to reproduce the behavior:

1. Create an admin page.
2. Add it to the admin workspace.
3. Click on the new page
4. You go to "/admin/'pageName'" but it doesn't exist

Context (Environment)

• Default setup
• OS: Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

Add videos images or any other relevant info

Protofy.-.Fair.-.Google.Chrome.2024-02-09.12-28-14.mp4

I can't compile the website and deploy it in production

Expected Behavior

I should be able to compile the website

Current Behavior

I run the command "yarn web:build" and a build error appears in the logs.

Steps to Reproduce

Steps to reproduce the behavior:

1. Clone protofy repo
2. Install dependencies
3. Try to run "yarn web:build"

Context (Environment)

• Default setup
• OS: Windows 11
• Browser: Chrome
• Environment: prod

Issue demo

Add node type error

Expected Behavior

When you drag a wire in the device definitions, it appears the components and the possibility to search a node.

Current Behavior

When you drag a wire in the device definitions, it appears the components and the possibility to search a "nodel". The final 'l' is not needed.

Steps to Reproduce

Steps to reproduce the behavior:

1. Go to 'Device definitions'
2. Click on 'edit config'
3. Drag a wire
4. See error

Context (Environment)

• Default setup
• OS: Windows 11
• Browser: Chrome
• Environment: dev-full

Issue demo

You can drop elements inside elements that can't render childrens

Expected Behavior

If an element doesn't accept childrens the system should not allow to drop components inside

Current Behavior

The system allows to drop a react element inside another that can't render childrens and the element disappears.

Steps to Reproduce

1. Login as admin
2. Navigate to a page
3. Press edit button on top right
4. Drop a component that doesn't accept children.
5. Drop some other component inside the previous component.

Context (Environment)

Default setup
OS: MacOS, Windows 11
Browser: Chrome

Issue demo

bug_visualui_children.mov

Add TypeScript-Friendly API Support to Enable Usage in TypeScript (.ts) Files

Problem/Need To Be Solved

The current protofy starter project provides a JSX generic API for frontend (React) usage exported in Protolib Package. However, there's a need to extend its functionality to include a TypeScript-friendly generic API for backend usage. This feature request aims to address this need. This feature request does not aim to replace or remove the existing JSX generic API but rather to complement it with TypeScript support.

Solution Suggestion

• Add TypeScript support to the existing API functionality.
• Ensure seamless integration with TypeScript (.ts) files.

Additional resources

We find out that protolib's exported API is not compatible with IoT Router Api template.
This is the current protolib package API file:

https://github.com/Protofy-xyz/Protofy/blob/main/packages/protolib/base/Api.ts

Problems launching platform first time in my computer

Expected Behavior

Be able to launch a new fork of Protofy-internal in my computer for the first time.

Current Behavior

When trying to use yarn to launch the project it reply with an error.

Steps to Reproduce

Steps to reproduce the behavior:

1. Prepare the environment (install git, npm)
2. Execute: npm i -g yarn
3. Execute: yarn

Context (Environment)

• Default setup
• OS: Windows 10
• Browser: none
• Environment: dev

Issue demo

Sometimes you can't resize the code tab

Expected Behavior

You should be able to change the size of the code tab whenever it is open

Current Behavior

If you access the code tab first, without going through the flows tab, you cannot change the size of the code tab

Steps to Reproduce

Steps to reproduce the behavior:

1. Login as admin
2. Go to a page.
3. Click on pencil button.
4. Click an element.
5. Select the code view in right panel.

Context (Environment)

• Default setup
• OS: MacOS, Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

bug.view.code.mp4

Cant use capital letters to name the component GPIO Switch in the device definition

Expected Behavior

Expected to be able to interact with a GPIO Switch that have capital letters in its name

Current Behavior

You are unable to interact with a GPIO Switch component via mqtt

Steps to Reproduce

Steps to reproduce the behavior:

1. Create a device definition
2. Edit the config
3. In a pin create a GPIO Switch
4. Configure the wifi and mqtt components
5. Save the config and device definition
6. Go to the grid view in the devices page
7. Try to turn on or off the switch

Context (Environment)

• Default setup
• OS: Windows 10
• Browser: Chrome
• Environment: dev

Issue demo

2024-02-01-0218-58.mp4

Can't edit the props from the editor after opening the flow editor.

Expected Behavior

Should be able to edit the properties after open flows editor.

Current Behavior

Once you open the flows editor you can't edit properties again.

Steps to Reproduce

Steps to reproduce the behavior:

1. Login as admin
2. Navigate to default screen
3. Click pencil button to edit page
4. Select and element and click flows button
5. Click properties button

Context (Environment)

• Default setup
• OS: MacOS, Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

Grabacion.de.pantalla.2024-02-02.a.las.10.22.16.mov

Enable the definition and use of an ESP32 device connected via ethernet

Problem/Need To Be Solved

I currently need to integrate an ESP32 with sensors in a location where there is bad inalambric connectivity.

Solution Suggestion

• Integrate in the device definition the configuration to use an ethernet ESP32 kind of device (for example ESP32-Poe-ISO)

CodeInLine component has bad import when dragndrop it from visualui

Expected Behavior

CodeInLine component should be resolve to correct import from protolib

Current Behavior

The import name is wrong so when you save and adds the import it crash the page.

Steps to Reproduce

Steps to reproduce the behavior:

1. Login as admin
2. Go to page
3. Click on pencil
4. Open left side menu of visualui
5. DragnDrop CodeInLine component
6. Save
7. Exit from visualui and navigate to page

Context (Environment)

• Default setup
• OS: MacOS, Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

Uploading codinline.mp4…

Can't use some characters on BigTitle as caption

Expected Behavior

When add some custom text on BigTitle component should preserve the input character introduced by the user.

Current Behavior

When write characters like "<" is changed for " <".

Steps to Reproduce

Steps to reproduce the behavior:

1. Login as admin
2. Navigate to a page
3. Click top right pencil icon to edit page
4. Try to edit caption of BigTitle component for one that includes "<" or ">"
5. See error

Context (Environment)

• Default setup
• OS: MacOS, Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

Grabacion.de.pantalla.2024-01-22.a.las.15.50.22.mov

I can't type "1" repeated times on Big title widget in visual UI the first time that I drag and drop the component.

Expected Behavior

I should be able to type "1" repeated times and see the feedback on the screen the first time that I drag and drop the widget.

Current Behavior

The "Big title" text gets "frozen" after typing the first "1". It seems that it happens the first time. If I try it with other numbers, seems to work fine. Once you refresh the page, the first time you drag and drop the big title widget, the error appears again.

Steps to Reproduce

Steps to reproduce the behavior:

1. Create a blank page
2. Navigate to the page
3. Click the edit button (pencil)
4. Add a Big Title
5. Delete the text
6. Type "1" repeatedly

Context (Environment)

• Default setup
• OS: MacOS, Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

BigTitle-bug.mp4

Device nodel filter feature

Problem/Need To Be Solved

Need to add a filter for a light sensor for the project directly from the device defintions site, so the sensor outputs the values that we want.

(Optional): Solution Suggestion

We used the following code directly on the yaml and it seems to work correctly
sensor:

• platform: adc
  id: lightsensor
  pin: 33
  name: lightsensor
  unit_of_measurement: "Lux"
  update_interval: 5s
  attenuation: 11db
  filters:
  • calibrate_linear:
    • 3.15 -> 0
    • 1.3 -> 270

Additional resources

light sensor used: LDR LM393

Can't compile page after adding TwitterIcon and save changes

Expected Behavior

Should be able to drag n drop TwiterIcon, save and correctly load page content

Current Behavior

Drag n drop TwiterIcon from visualui, save but when updates page content the page doesn't compile .

Steps to Reproduce

Steps to reproduce the behavior:

1. Login as admin
2. Go to page
3. Click on pencil icon to open visualui
4. DragnDrop TwiterIcon
5. Save

Context (Environment)

• Default setup
• OS: MacOS, Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

problema.con.las.props.mp4

Integration of a sensor in the device definition

Problem/Need To Be Solved

We need to use a hidroponic monitoring kit for a project, and we should add the sensor node from the device definitions.

Additional resources

Hidroponic monitoring kit used: https://microfire.co/buy/hydroponic-monitoring-kit.
Github repo yaml of this kit: https://github.com/u-fire/ESPHomeComponents/blob/master/example_ec_ph_ntc.yaml

In Admin Panel grid view, the cards appear to be "broken"

Expected Behavior

Cards should have a nice layout

Current Behavior

Current layout seems to be missing padding

Steps to Reproduce

Steps to reproduce the behavior:

1. Go to Admin Panel
2. Open Grid View

Context (Environment)

• Default setup
• OS: MacOS, Windows 11
• Browser: Chrome
• Environment: dev

Issue demo

In PROD mode, visual UI edit bubble appears and crashes when clicked

Expected Behavior

In PROD mode you should not see the Visual UI edit bubble (pencil).

Current Behavior

You can see and interact with the bubble. When you interact with it, it crashes.

Steps to Reproduce

Steps to reproduce the behavior:

1. Compile a project
2. Run it in PROD mode
3. Go to home page
4. Interact with the Visual UI edit bubble

Context (Environment)

• Default setup
• OS: Windows 11
• Browser: Chrome
• Environment: prod

Issue demo

BUG-prodEditVisualUI.mp4

Missing popup titles in DataView

Expected Behavior

Create and edit popups in the admin panel (DataView) should contain titles

Current Behavior

The titles are not visible

Steps to Reproduce

Steps to reproduce the behavior:

1. Login as admin
2. Go to workspace
3. Go to pages or users or api or ...
4. click '+' to add an element, or click an existing element to edit

Context (Environment)

• Default setup
• OS: Windows 11
• Browser: Chrome
• Environment: dev

Issue demo