Skip to content

Conditionally load livereload.js only in development #2533

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

Draft
Copilot wants to merge 5 commits into
base: master
Choose a base branch
from
+0 −170
Draft

Conditionally load livereload.js only in development #2533

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
c62a1ed
Initial plan
Copilot Feb 5, 2026
1d736ab
Make livereload.js conditional - only include in DevelopmentConfig
Copilot Feb 5, 2026
5243d8b
Add test to verify livereload.js conditional inclusion
Copilot Feb 5, 2026
4b46c13
Fix app context cleanup in test
Copilot Feb 5, 2026
4f57fe2
Merge master and resolve conflicts
Copilot Apr 17, 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
170 changes: 0 additions & 170 deletions src/cryptoadvance/specter/templates/base.jinja
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,170 +0,0 @@
<!DOCTYPE html>
<html class="bg-dark-900 overflow-hidden max-h-screen">
<head>
<title>{{ _("Specter") }}</title>

<!-- Light mode favicon by default -->
<link id="favicon" rel="shortcut icon" type="image/png" href="{{ url_for('static', filename='img/favicon-light-mode.png') }}"/>
<script type="text/javascript" src="{{ url_for('static', filename='favicon.js') }}"></script>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">

<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='typography.css') }}?{{rand}}">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='output.css') }}?{{rand}}">

{% if config.DEBUG %}
<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
{% endif %}
<script type="text/javascript" src="{{ url_for('static', filename='helpers.js') }}"></script>

{% include "includes/helpers.jinja" %}
{% include "services/inject_in_basejinja_head.jinja" %}

{% block head %}{% endblock %}
</head>

<body spellcheck="false">
{% include "services/inject_in_basejinja_body_top.jinja" %}

<div class="pageloader" id="pageloader"></div>

{% if specter.config.auth.method == "none" or current_user.is_authenticated %}
<script type="text/javascript" src="{{ url_for('static', filename='bcur/buffer.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='bcur/urlib.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='bcur/base58.min.js') }}"></script>
{% if not hwi_bridge %}
{# url routes are not defined in hwi_bridge mode. Includes with `url_for` will fail. #}
{% include "includes/overlay/overlay.html" %}
{% include "includes/qr-code.html" %}
{% include "includes/asset-label.html" %}
{% endif %}
{% endif %}

{% include "includes/message-box.html" %}

{% include "includes/tool-tip.html" %}

<div class="flex w-screen h-screen bg-dark-900">
<div>
{% block sidebar %}
{% include "includes/sidebar/sidebar.jinja" %}
{% endblock %}
</div>
<div class="flex flex-col grow">

<!-- Status Bar -->
{% if current_user.is_authenticated and not hwi_bridge %}
<div class="flex row p-3 bg-dark-900 border-b border-dark-700 h-16 min-h-[64px] justify-between items-center" id="status-bar" data-style="{% if session['is_language_rtl'] %}border-radius: 0 0 15px 0; left{% else %}border-radius: 0 0 15px 15px; right{% endif %}: 2.4%; position: absolute; color: #ddd; background-color: #323e50;">
<div class="h-full w-32 my-2 rounded-lg">

</div>
<div class="flex row pr-1 space-x-3 items-center justify-end">

<!-- Bitcoin Price -->
{% include "components/price_bar.jinja" %}

<a class="settings-bar-btn" onclick="toggleHideSensitiveInfo()" data-style="padding: 0px 12px; cursor: pointer;" title="{{ 'Hide sensitive info' if not specter.hide_sensitive_info else 'Show sensitive info' }}">
<img class="w-8 h-8" src="{{ url_for('static', filename='img/hidden.svg' if specter.hide_sensitive_info else 'img/visible.svg') }}" data-style="width: 30px;" class="svg-white"/>
</a>

{% if specter.config.auth.method != "none" %}
<a class="settings-bar-btn" href="{{ url_for('auth_endpoint.logout') }}" data-style="padding: 0px 7px;" title="Logout">
<img class="w-8 h-8" src="{{ url_for('static', filename='img/exit.svg') }}" data-style="width: 36px;" class="svg-white"/>
</a>
{% endif %}

</div>
</div>

<!-- <img id="menubtn" src="{{ url_for('static', filename='img/menu.svg') }}" class="svg-white" data-style="width: 40px;"/> -->
{% endif %}

<!-- Message System -->
<div id="messages" class="absolute bottom-0 right-0 z-50">
{% with messages = get_flashed_messages(with_categories=True) %}
{% if messages %}
{% for category, message in messages | unique %}
<message-box type="{{ category }}" timeout=7000>{{ message | safe }}</message-box>
{% endfor %}
{% endif %}
{% endwith %}
{% if error %}
<message-box type="error">{{error | safe }}</message-box>
{% endif %}
</div>

<!-- Main Content -->
<main class="overflow-scroll w-full px-[calc((100%-700px)/2)] bg-dark-900 flex flex-col grow py-20 text-white">
{% block main %}
{% if error %}
<br><br>{{ _("Something went wrong:") }}<br><br>{{error}}
{% else %}
<div class="main-page-container">
<br><br>{{ _("Here should be some content but unfortunately, none here!") }}<br><br>
</div>
{% endif %}
{% endblock %}

<div id="mobile-distance-element-bottom" class="mobile-distance-element-bottom"></div>
</main>
</div>
</div>

{% if not hwi_bridge %}
{# url routes are not defined in hwi_bridge mode. `url_for` will fail. #}
<script>
async function toggleHideSensitiveInfo() {
showNotification(`{{ _("Revealing") if specter.hide_sensitive_info else _("Hiding") }} sensitive info...`, 0);
let url = `{{ url_for('auth_endpoint.toggle_hide_sensitive_info') }}`;
var formData = new FormData();

const result = await send_request(url, 'POST', "{{ csrf_token() }}", formData);
if (result) {
location.reload();
return
};
}

{% if current_user.is_authenticated and not specter.hide_sensitive_info and specter.autohide_sensitive_info_timeout %}
document.addEventListener("DOMContentLoaded", function(){
var privacyTimeout = setTimeout(function(){
// Automatically trigger the privacy toggle
toggleHideSensitiveInfo();
},
{{ specter.autohide_sensitive_info_timeout }} * 60 * 1000
);
});
{% endif %}

{% if current_user.is_authenticated and not specter.hide_sensitive_info and specter.autohide_sensitive_info_timeout %}
document.addEventListener("DOMContentLoaded", function(){
var privacyTimeout = setTimeout(function(){
// Automatically trigger the privacy toggle
toggleHideSensitiveInfo();
},
{{ specter.autohide_sensitive_info_timeout }} * 60 * 1000
);
});
{% endif %}

{% if current_user.is_authenticated and specter.config.auth.method != "none" and specter.autologout_timeout %}
document.addEventListener("DOMContentLoaded", function(){
var logoutTimeout = setTimeout(function(){
// Automatically log out the user
location.href="{{ url_for('auth_endpoint.logout') }}?timeout=1";
},
{{ specter.autologout_timeout }} * 60 * 60 * 1000
);
});
{% endif %}
</script>
{% endif %}
{% block scripts %}
<script>
{% include "includes/language/language_js.jinja" %}
</script>
{% endblock %}
{% include "services/inject_in_basejinja_body_bottom.jinja" %}
</body>
</html>
Loading