nebula-project/NebulaBrowser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Add NebulaController, tab manager, and CEF clients

Browse Source 
Introduce core application structure and browser management: add NebulaController and run entry (src/app/*) to centralize window, tab and CEF lifecycle logic; implement TabManager and NebulaTab (src/browser/*) for tab creation, navigation and state tracking; add URL utilities (NormalizeNavigationInput, JsonEscape) and CEF browser client glue (src/cef/browser_client.cpp/.h) to forward chrome commands and content events. Update app/main.cpp to delegate startup to nebula::app::RunNebula. Add UI assets (chrome.html, chrome.css, chrome.js, lucide, menu-popup updates) and remove obsolete nebot.html. Update CMakeLists to include new sources, add ${CMAKE_SOURCE_DIR}/src to includes and link dwmapi on Windows. Overall this refactors startup and splits responsibilities for cleaner tab and browser lifecycle handling.
This commit is contained in:
Andrew Zambazos
2026-05-14 10:18:51 +12:00
parent 207a849f06
commit a8786b4c1c
23 changed files with 2835 additions and 330 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/pages/chrome.html
+74
View File
@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nebula Chrome</title>
<link rel="stylesheet" href="../css/chrome.css">
</head>
<body>
<div class="nebula-chrome" data-drag-region>
<div class="title-row" data-drag-region>
<div class="brand" data-drag-region>
<img src="../assets/images/branding/Nebula-Icon.svg" alt="" class="brand-icon">
<span>Nebula</span>
</div>
<div class="tabs" role="tablist" aria-label="Nebula tabs">
<button id="active-tab" class="tab active" type="button" role="tab" aria-selected="true">
<span id="tab-favicon" class="tab-favicon"></span>
<span id="tab-title" class="tab-title">New Tab</span>
<span id="tab-loading" class="tab-loading" hidden></span>
</button>
<button class="tab-add" type="button" data-command="new-tab" title="New tab" aria-label="New tab">
<i data-lucide="plus"></i>
</button>
</div>
<div class="window-controls" aria-label="Window controls">
<button type="button" data-command="minimize" aria-label="Minimize">
<i data-lucide="minus"></i>
</button>
<button type="button" data-command="maximize" aria-label="Maximize">
<i data-lucide="square"></i>
</button>
<button type="button" data-command="close" class="close" aria-label="Close">
<i data-lucide="x"></i>
</button>
</div>
</div>
<div class="toolbar">
<button id="back-button" class="icon-button" type="button" data-command="back" aria-label="Back" disabled>
<i data-lucide="chevron-left"></i>
</button>
<button id="forward-button" class="icon-button" type="button" data-command="forward" aria-label="Forward" disabled>
<i data-lucide="chevron-right"></i>
</button>
<button id="reload-button" class="icon-button" type="button" data-command="reload" aria-label="Reload">
<i data-lucide="rotate-cw"></i>
</button>
<button class="icon-button" type="button" data-command="home" aria-label="Home">
<i data-lucide="home"></i>
</button>
<form id="address-form" class="address-shell" autocomplete="off">
<div id="progress-bar" class="progress-bar"></div>
<label class="sr-only" for="address-input">Search or enter address</label>
<input id="address-input" type="text" spellcheck="false" placeholder="Search or enter address">
</form>
<button class="icon-button" type="button" data-command="settings" aria-label="Settings">
<i data-lucide="settings"></i>
</button>
<button class="icon-button menu-button" type="button" data-command="menu-popup" aria-label="Open menu" title="Open menu">
<i data-lucide="menu"></i>
</button>
</div>
</div>
<script src="../js/lucide.min.js"></script>
<script>lucide.createIcons();</script>
<script src="../js/chrome.js"></script>
</body>
</html>