Minor improvements

Author: lucasdillmann

.github/workflows/main.yml

@@ -101,6 +101,7 @@ jobs:
           docker buildx build \
             --tag dillmann/nginx-ignition:snapshot \
             --platform linux/amd64,linux/arm64 \
+            --build-arg NGINX_IGNITION_VERSION="" \
             --push .
       - name: npm cache upload
         uses: actions/cache/save@v4

.github/workflows/release.yml

@@ -62,6 +62,7 @@ jobs:
             --tag dillmann/nginx-ignition:${{ steps.tag.outputs.VERSION }} \
             --tag dillmann/nginx-ignition:latest \
             --platform linux/amd64,linux/arm64 \
+            --build-arg NGINX_IGNITION_VERSION="${{ steps.tag.outputs.VERSION }}" \
             --push .
       - name: npm cache upload
         uses: actions/cache/save@v4

Dockerfile

@@ -1,6 +1,7 @@
 FROM alpine:3
 
 ARG TARGETPLATFORM
+ARG NGINX_IGNITION_VERSION
 
 EXPOSE 8090:8090
 EXPOSE 80:80
@@ -10,6 +11,7 @@ ENV NGINX_IGNITION_SERVER_FRONTEND_PATH="/opt/nginx-ignition/frontend"
 ENV NGINX_IGNITION_DATABASE_DRIVER="sqlite"
 ENV NGINX_IGNITION_DATABASE_MIGRATIONS_PATH="/opt/nginx-ignition/migrations"
 ENV NGINX_IGNITION_DATABASE_DATA_PATH="/opt/nginx-ignition/data"
+ENV NGINX_IGNITION_VERSION="${NGINX_IGNITION_VERSION}"
 ENV GOMEMLIMIT="96MiB"
 
 ENTRYPOINT ["/opt/nginx-ignition/nginx-ignition"]

api/frontend/configuration_handler.go

@@ -2,7 +2,10 @@ package frontend
 
 import (
 	"dillmann.com.br/nginx-ignition/core/common/configuration"
+	"dillmann.com.br/nginx-ignition/core/common/log"
+	"encoding/json"
 	"github.com/gin-gonic/gin"
+	"io"
 	"net/http"
 )
 
@@ -12,17 +15,57 @@ type configurationHandler struct {
 
 func (h *configurationHandler) handle(ctx *gin.Context) {
 	codeEditorApiKey, _ := h.configuration.Get("nginx-ignition.frontend.code-editor-api-key")
+	version, _ := h.configuration.Get("nginx-ignition.version")
 
 	var apiKey *string
 	if codeEditorApiKey != "" {
 		apiKey = &codeEditorApiKey
 	}
 
+	var versionString *string
+	if version != "" {
+		versionString = &version
+	}
+
 	output := &configurationDto{
+		Version: versionDto{
+			Current: versionString,
+			Latest:  resolveLatestAvailableVersion(),
+		},
 		CodeEditor: codeEditorDto{
 			ApiKey: apiKey,
 		},
 	}
 
 	ctx.JSON(http.StatusOK, output)
 }
+
+func resolveLatestAvailableVersion() *string {
+	resp, err := http.Get("https://api.github.com/repos/lucasdillmann/nginx-ignition/releases?per_page=1&page=0")
+	if err != nil {
+		log.Warnf("Failed to fetch latest available version: %s", err)
+		return nil
+	}
+
+	defer resp.Body.Close()
+
+	body, err := io.ReadAll(resp.Body)
+	if err != nil {
+		log.Warnf("Failed to read latest available version: %s", err)
+		return nil
+	}
+
+	var releases []map[string]interface{}
+	if err := json.Unmarshal(body, &releases); err != nil {
+		log.Warnf("Failed to parse latest available version: %s", err)
+		return nil
+	}
+
+	if len(releases) > 0 {
+		if name, ok := releases[0]["name"].(string); ok {
+			return &name
+		}
+	}
+
+	return nil
+}

api/frontend/model.go

@@ -2,8 +2,14 @@ package frontend
 
 type configurationDto struct {
 	CodeEditor codeEditorDto `json:"codeEditor"`
+	Version    versionDto    `json:"version"`
 }
 
 type codeEditorDto struct {
 	ApiKey *string `json:"apiKey"`
 }
+
+type versionDto struct {
+	Current *string `json:"current"`
+	Latest  *string `json:"latest"`
+}

frontend/src/core/components/context/AppContext.ts

@@ -31,6 +31,7 @@ export default new ContextHolder<AppContextData>({
         finished: true,
     },
     configuration: {
+        version: {},
         codeEditor: {
             apiKey: undefined,
         },

frontend/src/core/components/shell/AppShell.tsx

@@ -7,6 +7,7 @@ import "./AppShell.css"
 import If from "../flowcontrol/If"
 import AppShellContext, { ShellAction, ShellConfig } from "./AppShellContext"
 import { GithubFilled, LinkedinFilled } from "@ant-design/icons"
+import AppContext from "../context/AppContext"
 const { Sider, Content } = Layout
 
 export interface AppShellMenuItem {
@@ -113,6 +114,9 @@ export default class AppShell extends React.Component<AppShellProps, AppShellSta
             updateConfig: config => this.setState({ config }),
         })
 
+        const { version } = AppContext.get().configuration
+        const versionDescription = version.current ? `Version ${version.current}` : "Development version"
+
         const { activeRoute, children, userMenu, serverControl } = this.props
         const { config } = this.state
         const activeMenuItemPath = activeRoute.activeMenuItemPath ?? activeRoute.path
@@ -139,6 +143,8 @@ export default class AppShell extends React.Component<AppShellProps, AppShellSta
                     />
                     <div className="shell-sider-bottom">
                         <div className="shell-sider-bottom-credits">
+                            {versionDescription}
+                            <br />
                             Made by Lucas Dillmann
                             <LinkedinFilled onClick={() => this.handleLinkedInClick()} />
                             <GithubFilled onClick={() => this.handleGithubClick()} />

frontend/src/domain/AppContainer.tsx

@@ -7,6 +7,7 @@ import FullPageError from "../core/components/error/FullPageError"
 import ShellUserMenu from "./user/components/ShellUserMenu"
 import NginxControl from "./nginx/components/NginxControl"
 import CommonNotifications from "../core/components/notification/CommonNotifications"
+import NewVersionNotifier from "./version/NewVersionNotifier"
 
 interface AppContainerState {
     loading: boolean
@@ -26,6 +27,7 @@ export default class AppContainer extends React.Component<unknown, AppContainerS
             .then(context => {
                 AppContext.replace(context)
                 this.setState({ loading: false })
+                NewVersionNotifier.checkAndNotify()
             })
             .catch(error => {
                 CommonNotifications.failedToFetch()

frontend/src/domain/configuration/Configuration.ts

@@ -2,6 +2,12 @@ export interface CodeEditor {
     apiKey?: string
 }
 
+export interface Version {
+    current?: string
+    latest?: string
+}
+
 export default interface Configuration {
     codeEditor: CodeEditor
+    version: Version
 }

frontend/src/domain/configuration/ConfigurationService.ts

@@ -6,6 +6,7 @@ const FALLBACK_RESPONSE: Configuration = {
     codeEditor: {
         apiKey: undefined,
     },
+    version: {},
 }
 
 export default class ConfigurationService {