Dockerfile

.github/workflows/dev-docker-io.yml

@@ -0,0 +1,26 @@
+name: Dev-to-docker
+
+on:
+  workflow_dispatch:
+
+env:
+  IMAGE_NAME: anyappstart
+  TAGS: dev
+
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Build and Push Docker Image to docker.io
+        uses: mr-smithers-excellent/docker-build-push@v6
+        with:
+          image: ${{ secrets.DOCKER_USERNAME }}/${{ env.IMAGE_NAME }}
+          tags: ${{ env.TAGS }}
+          registry: docker.io
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}

.github/workflows/main-docker.yml

@@ -0,0 +1,57 @@
+name: Main-Docker
+
+on:
+  workflow_dispatch:
+  # push:
+  #   branches: [ "main" ]
+  #   paths:
+  #   - 'Dockerfile'
+  #   - 'src/**'
+
+env:
+  IMAGE_NAME: anyappstart
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Get version tag from env file
+        uses: c-py/action-dotenv-to-setenv@v5
+        with:
+          env-file: .version
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v3
+
+      - name: Set up Docker Buildx
+        id: buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Login to GHCR
+        uses: docker/login-action@v3
+        with:
+          registry: ghcr.io
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Login to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+
+      - name: Build and push
+        uses: docker/build-push-action@v6
+        with:
+          context: .
+          platforms: linux/amd64,linux/i386,linux/arm/v6,linux/arm/v7,linux/arm64
+          push: true
+          tags: |
+            ${{ secrets.DOCKER_USERNAME }}/${{ env.IMAGE_NAME }}:latest
+            ${{ secrets.DOCKER_USERNAME }}/${{ env.IMAGE_NAME }}:${{ env.VERSION }}
+            ghcr.io/${{ secrets.DOCKER_USERNAME }}/${{ env.IMAGE_NAME }}:latest
+            ghcr.io/${{ secrets.DOCKER_USERNAME }}/${{ env.IMAGE_NAME }}:${{ env.VERSION }}

.github/workflows/readme-dockerhub.yml

@@ -0,0 +1,28 @@
+name: Readme-DockerHub
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [ "main" ]
+    paths:
+    - 'README.md'
+
+env:
+  IMAGE_NAME: anyappstart
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Sync README.md to DockerHub
+        uses: ms-jpq/sync-dockerhub-readme@v1
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+          repository: ${{ secrets.DOCKER_USERNAME }}/${{ env.IMAGE_NAME }}
+          readme: "./README.md"
+

CHANGELOG.md

@@ -2,7 +2,7 @@
 # Change Log
 All notable changes to this project will be documented in this file.
 
-## [0.1.2] - 2025-01-08
+## [0.1.2] - 2025-01-
 ### Added
 - MobX store
 - Goroutine for getting states

Dockerfile

@@ -0,0 +1,15 @@
+FROM golang:alpine AS builder
+
+RUN apk add build-base
+COPY backend /src
+RUN cd /src/cmd/AnyAppStart/ && CGO_ENABLED=0 go build -o /AnyAppStart .
+
+
+FROM alpine:3
+
+RUN apk add --no-cache docker tzdata
+
+WORKDIR /app
+COPY --from=builder /AnyAppStart /app/
+
+ENTRYPOINT ["./AnyAppStart"]

frontend/src/App.css

@@ -1,10 +1,15 @@
+/* VARS */
+:root {
+    --transparent-light: #ffffff15;
+}
+
 /* Transparant icon button */
 .shade-hover {
     padding: 9px;
     border-radius: 15%;
 }
 .shade-hover:hover {
-    background-color: #00000015;
+    background-color: var(--transparent-light);
     cursor: pointer;
 }
 
@@ -20,7 +25,7 @@
     height: 2.5em;
 }
 .btn-tab:hover {
-    background-color: #00000015;
+    background-color: var(--transparent-light);
 }
 
 .btn-tab-main {

frontend/src/components/ConfigSettings.tsx

@@ -82,7 +82,7 @@ function ConfigSettings(_props: any) {
               <option value="dark">dark</option>
             </select>
             <label htmlFor="tid" className="form-label text-primary">NodePath</label>
-            <input className="form-control mb-3" defaultValue={appConfig.NodePath} id="tid" name="NodePath" onChange={handleChange}></input>
+            <input className="form-control mb-3" defaultValue={appConfig.NodePath} id="tid" name="NodePath" onChange={handleChange} placeholder="Path to local node-bootstrap (optional)"></input>
             <hr></hr>
             <div className='d-flex justify-content-between'>
               <span></span>

frontend/src/components/Header.tsx

@@ -24,6 +24,9 @@ const Header: React.FC = observer(() => {
     }
 
     document.documentElement.setAttribute("data-bs-theme", color);
+    color === "dark"
+      ? document.documentElement.style.setProperty('--transparent-light', '#ffffff15')
+      : document.documentElement.style.setProperty('--transparent-light', '#00000015');
   }
 
   useEffect(() => {