Vaadin Designer never loads macOS / IntelliJ IDEA

[ibohdanov]

Steps to reproduce

• download the design starter project from the tutorial
• create frontend/src/views/main-view.ts Vaadin 10+ design as described in the tutorial
• update main-view.ts content:

  
  import { LitElement, html, css } from 'lit-element';
  import { customElement } from 'lit-element/decorators.js';

@customElement('main-view') export class MainView extends LitElement { static get styles() { return css :host { display: block; height: 100%; } ; }

render() { return html``; }

// Remove this method to render the contents of this view inside Shadow DOM createRenderRoot() { return this; } }

### Actual behavior
- design in the designer plugin never opens on macOS / IntelliJ IDEA - `Please wait, loading view`
![image](https://github.com/vaadin/designer/assets/160497742/983fbbf4-552c-489e-af87-da604d1f24e9)

### Expected behavior
- designer plugin allows editing created design

### IDE
> IntelliJ IDEA 2023.3.4 (Ultimate Edition)
> Build #IU-233.14475.28, built on February 13, 2024
> Runtime version: 17.0.10+1-b1087.17 aarch64
> VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o.

### Designer
> 4.6.25

### OS version
> macOS 14.3.1

[kolomiec]

Would be nice to have this fix because we also need it.

[szolo]

@ibohdanov @kolomiec hello, thanks for reporting. Could you please attach IntelliJ IDEA logs? They could be located according to https://intellij-support.jetbrains.com/hc/en-us/articles/207241085-Locating-IDE-log-files.

[ibohdanov]

@szolo Thank you for getting back, please check IntelliJ IDEA logs attached

idea.log

[szolo]

@ibohdanov hello, appreciate the log 👍 Are you on ARM MAC?

[bbengamin]

@szolo Yes, it's on ARM architecture

[szolo]

@szolo Yes, it's on ARM architecture

May I ask you to try 2 things: 1) Switch Vaadin Designer to Chrome-editor mode (you should have Google Chrome installed), see https://vaadin.com/labs/designer-chrome. 2) Disable network connection i.e. no internet access should be available, you could switch off your network adapter.

Will Vaadin Designer work after that?

[ibohdanov]

@szolo Vaadin Designer in Chrome-editor mode works both with and without internet access

[szolo]

Vaadin Designer in Chrome-editor mode works both with and without internet access

@ibohdanov just to be sure, you could see .ts being rendered and could interact with design, right? Could you make a screenshot how Chrome editor looks for you and post it to this thread.

Also, please give me more details about your OS in use and hardware.

Thanks!

[ibohdanov]

@szolo Yes, I can see .ts design file being rendered and can interact with the design using Outline and Palette.

The preview doesn't seem to work properly, I don't see styles for some elements

OS and hardware:

• Model Number: MRX43PO/A
• macOS: Version 14.3.1 (23D60)

[szolo]

@ibohdanov hello, I am planning to update the library which causes problems for you this week and release a new version. This problem is not in a Vaadin Designer itself, but rather in 3rd party library we are using.

[szolo]

@ibohdanov hello, just to inform you that I have updates library which has been causing issues and planning to release new Vaadin Designer with latest IntelliJ IDEA support.

At the same time have you tried Eclipse? In Eclipse instead of using JxBrowser it is also possible to use native OS browser, should work,

[szolo]

Hello, I have released a new Vaadin Designer 4.6.26. While JetBrains is approving it, feel free to use EAP version https://plugins.jetbrains.com/plugin/9519-vaadin-designer/edit/versions/eap.

[szolo]

Fixed and closed.