jhipster / generator-jhipster-svelte

Generate Svelte powered JHipster web applications

JHipster BOM and server-side library - DEPRECATED

Full documentation and information is available on our website at https://www.jhipster.tech/

This project is used by the JHipster generator. This is the Bill of Materials and server-side library:

• jhipster-dependencies
• jhipster-framework

If the current version is SNAPSHOT then to use this SNAPSHOT version:

• clone this project
• run ./mvnw clean install -Dgpg.skip=true, on Windows run .\mvnw.cmd clean install -D"gpg.skip=true"

Analysis of the JHipster server-side parent POM project

generator-jhipster-svelte's Issues

Support session logout

Add password reset page

Improve unit tests coverage

The current suite of unit tests merely test few components and are meant to verify jest integration and to satisfy build/sonar jobs. We should improve overall unit test coverage to cover all generated components

Update dependencies

• Upgrade JHipster dependency to use latest patch release
• Upgrade Svelte, Tailwind dependencies. Update tailwind configurations to remove build warning messages
• Upgrade other third-party dependencies

Call different API to determine if the user has already authenticated

Currently like other frontend implementations, we use api/account to determine if the user has already been authenticated. Though the approach works and serves the purpose, it has a few unwanted side-effects:

• You can see 401 errors in your browser console and network requests and it doesn't look clean.
• Reduces lighthouse score

To mitigate the issue, we can replace the call with api/authenticate for authentication check purposes. In the case of authenticated users, it will return the authenticated user login name and for unauthenticated, an empty response.

unable to find generator-jhipster-svelte in npm registry

[INFO] npm ERR! code E404
[INFO] npm ERR! 404 Not Found - GET https://registry.npmjs.org/generator-jhipster-svelte - Not found
[INFO] npm ERR! 404
[INFO] npm ERR! 404 '[email protected]' is not in the npm registry.
[INFO] npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
[INFO] npm ERR! 404 It was specified as a dependency of 'test'

Integrate Svelte Hipster into backend build pipeline

Update README to include instructions to use published docker image

Fix sonarqube integration in the generated sample application

Error:  Failed to execute goal org.sonarsource.scanner.maven:sonar-maven-plugin:3.7.0.1746:sonar (default-cli) on project svelte-sample-application: Error during parsing of generic test execution report '/home/runner/work/jhipster-sample-app-svelte/jhipster-sample-app-svelte/target/test-results/jest/TESTS-results-sonar.xml'. Look at the SonarQube documentation to know the expected XML format.: Unknown XML node, expected "testExecutions" but got "testsuites" at line 2 -> [Help 1]

Migrate generator-jhipster to support v7.x

chrome: dynamic linked module fails

If you try to access any dynamically linked module, then, it fails with message like:

500
Failed to fetch dynamically imported module: http://localhost:8080/client/login.ef0c16ea.js
TypeError: Failed to fetch dynamically imported module: http://localhost:8080/client/login.ef0c16ea.js

No issues observed on Firefox

Workaround

Commenting out the service worker code fixes the issue

Update generated README with Svelte specific instructions

Create user settings page

Support dark theme and a way to toggle

It would be good to have night mode support. Initial support should be based on the tailwind class based approach.

Create change user password page

Create login page and integrate with session authentication type

• Create login page and integrate that with session based authentication.
• Update home page to redirect user post successful login and show authenticated user details

Support skipUserManagement flag to skip generation of user management pages

Add Cypress integration tests

Add e2e test cases to verify user create, view, update and delete flows

Add end to end tests to verify:

• Create user flow - Resolved by #238
• Update user flow - Resolved by #239
• View user details flow - Resolved by #237
• Delete user flow - Resolved by #236

Integrate Jest, Testing Library and write unit tests

Add new page that allows user to reset password

It's the second and final step in the password reset workflow, that can be accessed by a link in the password reset email.

Improve github workflows to verify all screens in the end to end generated application

Prerequisite issue #7

To verify user account activation and forgot password screens, need to identify a way to either access the email account or able to read the server console to retrieve activation key.

Create Sign up (registration) page

Rename the default branch from master to main

Related to jhipster/generator-jhipster#11935

Do you think is it possible @vishal423 ?
Do you want me to do it ?

chrome: account menu dropdown caret is not correctly aligned

No issues on Firefox

Create users list page

• Add new menu to restrict access to ADMIN role users
• It shall display a read only list of users available in the system
• It shall support pagination
• It shall support sort

Reduce tight coupling with primary and secondary color theme

Support JDL to generate application

Improve lighthouse score

Use dependabot to manage generator and application dependencies

• To manage application dependencies, we need to externalize the package dependencies from .ejs templates.

Create users detail/create/update/delete pages

• Adds ability to create a new user or update an existing user and integrate on the list page - #149
• Adds ability to view user details. - #143
• On list page:
  • Adds ability to activate/deactivate an existing user - #122
  • Adds ability to delete an existing user - #144

Upgrade eslint-config-prettier dependency

Related to #247

Refactor code to extract granular components to reuse at multiple places

Probable candidates:

• Page layout
• Page Header
• Page Error
• Page Body

Don't allow unauthenticated users to navigate to the secured routes

Current handling of authenticated route is not adequate as user can still access directly via browser. We should implement a solution similar to authorization to prevent unauthenticated users access to page contents.

Override JHipster prompts to limit scope for MVP release

• Limit server side selection to Session based authentication and to monolithic applications
• Disable language selection prompts
• Remove protractor from test options

Handle dynamic server side error messages

If an error occurs at server side, then, we need to parse the error contents and display appropriate error alerts on UI.

Integrate a CRUD type entity editor

straight jhipster hands you a CURD based editor for each of your entities. jhipster-svelte should do the same.

Add account activation page

Post successful authentication, a user shall open the account activation link in the browser.

Add GitHub actions to generate applications on windows and Mac

Support basic form validations

Create JHipster Svelte home page

Fix generated code to be JHipster context/member agnostic

Reduce generated Jhipster family images

Support Svelte Hispter CLI to encapsulate generator-jhipster dependency

Current execution of blueprint relies on globally installed generator-jhipster. With each new generator-jhipster release, it could cause compatibility issues. Further, a CLI can help to reduce the shipped docker image size

Sapper to Svelte/Kit migration

Svelte/Kit is still not publicly available (under development in a private repo). However, the bundle is available on npm. We really can't do MVP release with soon to be deprecated Sapper :(

Integrate JHipster OIDC authentication type

Current generator code supports session authentication type. This issue is a placeholder to track integration with OIDC authentication type

Add account menu

After successful login, show account menu drop-down navbar options:

• Settings
• Change Password
• Logout

Integrate JHipster JWT authentication

Current generator code supports session authentication type. This issue is a placeholder to track integration with JWT authentication type

Create a sample application to demonstrate the svelte blueprint

@pascalgrimaud, Can you please help on:

• Create a repository with name - jhipster-sample-app-svelte
• Grant read/write access to @jhipster/svelte-admins team
• Link jhipster-sample-app-svelte on SonarQube

Integrate lighthouse score in CI/CD