vaadin / hilla-crm-tutorial Goto Github PK

Description

When running the app in dev-mode it raises a compilation error

 ERROR(TypeScript)  An import path can only end with a '.ts' extension when 'allowImportingTsExtensions' is enabled.
 FILE  /private/tmp/kk/hilla-crm-tutorial/frontend/routes.ts:6:8
    4 | import './views/login/login-view';
    5 | import './views/list/list-view';
  > 6 | import './main-layout.ts';
      |        ^^^^^^^^^^^^^^^^^^
    7 |
    8 | export type ViewRoute = Route & {
    9 |   title?: string;

How to reproduce

git clone [email protected]:vaadin/hilla-crm-tutorial.git
cd hilla-crm-tutorial/
./mvnw

Version

Hilla 24.1.0.beta1 ... 24.1.0.rc1

It makes little sense to read and entity and the map it to a record if you can read the record directly with JPA

Hi,
I want to use AutoCrud in ContactsView.tsx but I don't know how to implement a custom form-renderer for the field company.
Could you show me an example?

Thanks in advance
Marc

Documentation indicates that user should import './main-layout.ts'; but extension should be removed, to avoid compilation error

FILE hilla-crm-tutorial/frontend/routes.ts:6:8

     4 | import './views/login/login-view';
     5 | import './views/list/list-view';
   > 6 | import './main-layout.ts';
       |        ^^^^^^^^^^^^^^^^^^
     7 |
     8 | export type ViewRoute = Route & {
     9 |   title?: string;

At the same time it might be fixed warning in duplicated import in login-view.ts

import { LoginFormLoginEvent } from '@vaadin/login/vaadin-login-form.js';
import '@vaadin/login/vaadin-login-form.js';

If the user follows the In-Depth Tutorial step by step it ends with a project very different to the one in this repository. For instance:

• Window title, application title, and events for updating title is missing
• Icon is different
• It uses different line-awesome icons approach
• It uses com.vaadin:exampledata project instead of spring database initialisation
• Uses UUID instead of Long for entity ids

Description

When running the app in either dev-mode or prod-mode, there is a network error in browser console

How to reproduce

git clone [email protected]:vaadin/hilla-crm-tutorial.git
cd hilla-crm-tutorial/
./mvnw

Versions

Hilla 24.1.0.beta1 ... 24.1.0.rc1

Hello, I have cloned the project and changed the vaadin version to 20.0.3 and I am getting the following error on login:

Incorrect username or password
Check that you have entered the correct username and password and try again.

If I switch back to version 19.0.8 all work ok.

Also, I am getting the same error following the official vaadin fusion tutorial in (with the vaadin 21 version):

https://vaadin.com/docs/latest/fusion/tutorials/in-depth-course/login-and-authentication

Maybe I am missing something?

When following the tutorial, after copying and pasting the code in the reacting-to-ui-events section, there is a compiler error

ERROR(TypeScript)  Cannot find name 'listViewStore'.

workaround is to add this line

import { listViewStore } from './list-view-store.js';

Using the same sequence for all entities is a bad practice.

@Id
@GeneratedValue(strategy = GenerationType.SEQUENCE, generator = "idgenerator")
// The initial value is to account for data.sql demo data ids
@SequenceGenerator(name = "idgenerator", initialValue = 1000)
private Long id;

I would anyway remove the AbstractEntity as it doesn't provide a lot of value.

Error running in local mode

2024-06-15T09:16:35.029+01:00 ERROR 1988 --- [onPool-worker-3] c.v.f.s.frontend.TaskUpdatePackages : Command /Users/cfs/.nvm/versions/node/v18.17.0/bin/npm --no-update-notifier --no-audit --scripts-prepend-node-path=true --ignore-scripts install failed:
npm WARN deprecated [email protected]: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser
npm WARN deprecated [email protected]: Please use @jridgewell/sourcemap-codec instead
npm ERR! code ERR_SOCKET_TIMEOUT
npm ERR! network Socket timeout
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly. See: 'npm help config'