Skip to content

Use the real app version in the sidebar footer #41

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.

Sign up for GitHub

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

Merged
Lyptik merged 7 commits into from
Oct 2, 2026
Merged

Use the real app version in the sidebar footer #41

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
d2f49a3
refactor: centralize app version
Lyptik Oct 2, 2026
4bfc9e4
refactor: use shared app version in websocket client
Lyptik Oct 2, 2026
cd50b68
feat: display shared app version in footer
Lyptik Oct 2, 2026
ece6232
fix: remove duplicated footer version literal
Lyptik Oct 2, 2026
fa41e8a
chore: bump app version to 1.3.2
Lyptik Oct 2, 2026
10d1f70
style: reorder footer brand and version
Lyptik Oct 2, 2026
812572c
style: refine sidebar footer presentation
Lyptik Oct 2, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -195,7 +195,6 @@ <h1>Augmenta × Three.js</h1>
<div class="sidebar-footer-subtitle">Real-time tracking debug viewer</div>
</div>
<div class="sidebar-footer-meta">
<span>Version 1.0.0</span>
<a
class="sidebar-footer-link"
href="https://augmenta.tech"
Expand All @@ -206,6 +205,7 @@ <h1>Augmenta × Three.js</h1>
<img src="./augmenta-favicon.png?v=4" alt="" width="16" height="16">
<span>augmenta.tech</span>
</a>
<span id="app-version">Version —</span>
</div>
</footer>
</aside>
Expand Down
1 change: 1 addition & 0 deletions src/app-info.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
export const APP_VERSION = '1.3.2';
3 changes: 2 additions & 1 deletion src/connection.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import {
AugmentaWebSocketClient, AxisMode, CoordinateSpace, OriginMode, RotationMode
} from 'augmenta-client-sdk';
import { APP_VERSION } from './app-info.js';

const RECONNECT_DELAY_MS = 1000;
const CONNECTION_ATTEMPT_TIMEOUT_MS = 2500;
Expand Down Expand Up @@ -156,7 +157,7 @@ export function createConnectionController({
const connection = new AugmentaWebSocketClient(target.url, {
clientName: 'Augmenta Three.js Debug Viewer',
applicationName: 'Augmenta ThreeJS Example',
applicationVersion: '1.0.0',
applicationVersion: APP_VERSION,
options: {
version,
downSample,
Expand Down
5 changes: 4 additions & 1 deletion src/main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
import { APP_VERSION } from './app-info.js';
import { createConnectionController } from './connection.js';
import { createSetupStore } from './setup-store.js';
import { createViewer } from './viewer.js';
Expand Down Expand Up @@ -37,10 +38,12 @@ const ui = {
sidebarToggle: $('#sidebar-toggle'), viewerTitle: $('.viewer-title'), connectionQrVisibility: $('.connection-qr-visibility'),
connectionSection: $('#connection-section'), connectionAdvanced: $('#connection-advanced'), connectionAdvancedSummary: $('#connection-advanced-summary'),
displaySection: $('#display-section'), displayAdvanced: $('#display-advanced'), displaySectionSummary: $('#display-section-summary'),
debugSection: $('#debug-section'),
debugSection: $('#debug-section'), appVersion: $('#app-version'),
showClusters: $('#show-clusters'), showPoints: $('#show-points'), showScene: $('#show-scene'), showZones: $('#show-zones'), showVectors: $('#show-vectors')
};

ui.appVersion.textContent = `Version ${APP_VERSION}`;

const viewer = createViewer($('#canvas-host'));
const debug = createDebugPanel(ui.summary, ui.debug);

Expand Down
12 changes: 8 additions & 4 deletions src/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -155,10 +155,13 @@ button, input, select { font: inherit; }

.sidebar-footer {
margin-top: auto;
padding: 15px 18px 16px;
border-top: 1px solid #252a35;
padding: 22px 18px 16px;
color: #8f99aa;
background: rgba(12, 15, 20, .3);
background: linear-gradient(
to bottom,
rgba(12, 15, 20, 0),
rgba(12, 15, 20, .58)
);
}

.sidebar-footer-app {
Expand All @@ -167,7 +170,7 @@ button, input, select { font: inherit; }
}

.sidebar-footer-title {
color: #dbe1eb;
color: #8f99aa;
font-size: 11.5px;
font-weight: 650;
letter-spacing: .01em;
Expand Down Expand Up @@ -212,6 +215,7 @@ button, input, select { font: inherit; }
width: 16px;
height: 16px;
object-fit: contain;
opacity: .68;
}

/* Desktop resize strip: invisible until the panel edge is hovered/focused. */
Expand Down
Loading