-
Notifications
You must be signed in to change notification settings - Fork 4
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add frontend build #24
Add frontend build #24
Conversation
ping-viewer-next-frontend/src/components/widgets/DynamicForm.vue
Outdated
Show resolved
Hide resolved
ping-viewer-next-frontend/src/components/widgets/DynamicFormGenerator.vue
Outdated
Show resolved
Hide resolved
ping-viewer-next-frontend/src/components/widgets/Sonar360Menu.vue
Outdated
Show resolved
Hide resolved
a313cc7
to
8fdcb53
Compare
@patrickelectric Moved these components to a post-pull request. |
8fdcb53
to
ff02a6a
Compare
uses: actions/[email protected] | ||
with: | ||
name: dist | ||
path: ./ping-viewer-next-frontend/dist |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm not sure if I follow, we are already building it with build.rs
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
currently we don't, only if the feature flag is enabled, so users only need to set npm/bun/front-end stuff if they want it.
The frontend is built only a single time and shared to the next actions to embeed it.
We have the flags:
build-frontend [embed-frontend]
and
embed-frontend itself
if this features isn't requested, it will only embed the simple .html on src/server/rest/
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm not following. Why are we building this in a different step ?
And why are we not building it with build.rs on the step that we are downloading it ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm not following. Why are we building this in a different step ? And why are we not building it with build.rs on the step that we are downloading it ?
To users choose if they want to setup the frontend related features on computer or not.
Also had issues to build the frontend on specific targets such armv7/aarch64 using Vue/Bun , and even we'll need to set an special container to cross compiling it inside.
So the built frontend is just embeded on the build steps.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I just tested here, and a simple curl -fsSL https://bun.sh/install | bash
should work.
Btw, we use bun in cockpit.
@@ -0,0 +1,5 @@ | |||
[*.{js,jsx,ts,tsx,vue}] |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is unnecessary
ping-viewer-next-frontend/.gitignore
Outdated
@@ -0,0 +1,22 @@ | |||
.DS_Store |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can you minize this file to use only what we need ?
ping-viewer-next-frontend/README.md
Outdated
@@ -0,0 +1,79 @@ | |||
# Vuetify (Default) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is unnecessary
|
||
<script setup> | ||
import { ref } from "vue"; | ||
import WebsocketClient from "../widgets/WebsocketClient.vue"; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please use path alias like @
const isCollapsed = ref(false); | ||
|
||
const components = { | ||
WebsocketClient, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can we use 4 spaces as the other parts of the project ?
@@ -0,0 +1,5 @@ | |||
# Pages |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Unnecessary
|
||
// Plugins | ||
import vuetify from "./vuetify"; | ||
// import router from '@/router' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Lost code
182236a
to
ac97025
Compare
@@ -0,0 +1,4 @@ | |||
indent_style = space |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This file is unnecessary
@RaulTrombin needs rebase |
ac97025
to
2c5c44e
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
please remove the folder node_modules
2c5c44e
to
673318e
Compare
673318e
to
497756b
Compare
This PR adds a front-end project to the repository.
The project was built with Bun, along with Vue, Vuetify, and TailwindCSS.
The built front-end is embedded in the release binaries on CI.