tileclk: Convert nearly all functions to arrow syntax for memory savings
stweedo
parent
efbe79b51d
commit
e4aa9ed930
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
|
||||
// ===== STATE PERSISTENCE =====
|
||||
function loadDisplayState() {
|
||||
const loadDisplayState = () => {
|
||||
const state = require('Storage').readJSON("tileclk.state.json", true) || {};
|
||||
showingClockInfo = state.showingClockInfo || false;
|
||||
userClockInfoPreference = state.userClockInfoPreference || null;
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
initialUserClockInfoPreference = userClockInfoPreference;
|
||||
}
|
||||
|
||||
function saveDisplayState() {
|
||||
const saveDisplayState = () => {
|
||||
// Only save if values have changed to reduce flash wear
|
||||
if (showingClockInfo !== initialShowingClockInfo ||
|
||||
userClockInfoPreference !== initialUserClockInfoPreference) {
|
||||
|
|
@ -218,11 +218,11 @@
|
|||
}
|
||||
|
||||
// ===== ANIMATION FUNCTIONS =====
|
||||
function animateTransition(x, y, s, startColor, endColor, drawBorderFunc, callback) {
|
||||
const animateTransition = (x, y, s, startColor, endColor, drawBorderFunc, callback) => {
|
||||
let step = 0;
|
||||
const colors = startColor === g.theme.bg ? colorOn : colorOff;
|
||||
|
||||
function transition() {
|
||||
const transition = () => {
|
||||
if (!isDrawing || (pendingSwitch && isSeconds)) return;
|
||||
|
||||
// Use pre-calculated color
|
||||
|
|
@ -246,12 +246,12 @@
|
|||
transition();
|
||||
}
|
||||
|
||||
function animateTileOn(x, y, s, callback, isMainDigit) {
|
||||
const animateTileOn = (x, y, s, callback, isMainDigit) => {
|
||||
const borderFunc = showBorders ? () => drawBorder(x, y, s, isMainDigit) : null;
|
||||
animateTransition(x, y, s, g.theme.bg, g.theme.fg, borderFunc, callback);
|
||||
}
|
||||
|
||||
function animateTileOff(x, y, s, callback) {
|
||||
const animateTileOff = (x, y, s, callback) => {
|
||||
animateTransition(x, y, s, g.theme.fg, g.theme.bg, null, callback);
|
||||
}
|
||||
|
||||
|
|
@ -281,7 +281,7 @@
|
|||
}
|
||||
|
||||
// ===== TILE UPDATE =====
|
||||
function updateTile(tile, s, skipAnimation, isMainDigit, isClearing) {
|
||||
const updateTile = (tile, s, skipAnimation, isMainDigit, isClearing) => {
|
||||
if (tile.state) {
|
||||
if (skipAnimation) {
|
||||
g.setColor(g.theme.fg);
|
||||
|
|
@ -300,7 +300,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
function updateTiles(tiles, s, callback, skipAnimation, isMainDigit, isClearing) {
|
||||
const updateTiles = (tiles, s, callback, skipAnimation, isMainDigit, isClearing) => {
|
||||
if (!isDrawing || !tiles.length || (pendingSwitch && isSeconds)) {
|
||||
if (callback) callback();
|
||||
return;
|
||||
|
|
@ -314,7 +314,7 @@
|
|||
}
|
||||
|
||||
// ===== DIGIT DRAWING =====
|
||||
function drawDigit(x, y, s, num, prevNum, callback, skipAnimation, isMainDigit) {
|
||||
const drawDigit = (x, y, s, num, prevNum, callback, skipAnimation, isMainDigit) => {
|
||||
if (num === prevNum) {
|
||||
if (callback) callback();
|
||||
return;
|
||||
|
|
@ -330,7 +330,7 @@
|
|||
updateTiles(tiles, s, callback, skipAnimation, isMainDigit, num === null);
|
||||
}
|
||||
|
||||
function drawColon(x, y, callback) {
|
||||
const drawColon = (x, y, callback) => {
|
||||
if (!isDrawing || isColonDrawn) {
|
||||
if (callback) callback();
|
||||
return;
|
||||
|
|
@ -344,7 +344,7 @@
|
|||
}
|
||||
|
||||
// ===== TIME UPDATE SCHEDULING =====
|
||||
function scheduleNextUpdate() {
|
||||
const scheduleNextUpdate = () => {
|
||||
if (drawTimeout) clearTimeout(drawTimeout);
|
||||
const now = new Date();
|
||||
const msUntilNextMinute = (60 - now.getSeconds()) * 1000 - now.getMilliseconds();
|
||||
|
|
@ -353,7 +353,7 @@
|
|||
}
|
||||
|
||||
// ===== CLEARING FUNCTIONS (Direct callback approach for performance) =====
|
||||
function clearColon(callback) {
|
||||
const clearColon = (callback) => {
|
||||
if (!isColonDrawn) {
|
||||
if (callback) callback();
|
||||
return;
|
||||
|
|
@ -374,14 +374,14 @@
|
|||
}
|
||||
}
|
||||
|
||||
function clearAllDigits(callback) {
|
||||
const clearAllDigits = (callback) => {
|
||||
const wasThreeDigit = is12Hour && lastTime !== null && lastTime < 1000;
|
||||
const layout = wasThreeDigit ? threeDigitLayout : fourDigitLayout;
|
||||
|
||||
const previousDigits = extractTimeDigits(lastTime);
|
||||
|
||||
// Direct callback chaining for better performance
|
||||
function clearItems(items, next) {
|
||||
const clearItems = (items, next) => {
|
||||
if (!items.length) {
|
||||
next();
|
||||
return;
|
||||
|
|
@ -600,11 +600,11 @@
|
|||
updateDigit(0);
|
||||
}
|
||||
|
||||
function drawSecondDigit(index, digit, prevDigit, callback, skipAnimation) {
|
||||
const drawSecondDigit = (index, digit, prevDigit, callback, skipAnimation) => {
|
||||
drawDigit(positions.seconds.x[index], positions.seconds.y + widgetYOffset, SEC_SCALE, digit, prevDigit, callback, skipAnimation, false);
|
||||
}
|
||||
|
||||
function clearSeconds(callback) {
|
||||
const clearSeconds = (callback) => {
|
||||
// If not drawing seconds, just call callback
|
||||
if (lastSeconds === null) {
|
||||
if (callback) callback();
|
||||
|
|
@ -639,7 +639,7 @@
|
|||
}
|
||||
|
||||
// ===== ANIMATION CLEANUP =====
|
||||
function cancelAllAnimations() {
|
||||
const cancelAllAnimations = () => {
|
||||
// Use typed array for better performance
|
||||
for (let i = 0; i < animationTimeoutCount; i++) {
|
||||
clearTimeout(animationTimeouts[i]);
|
||||
|
|
@ -648,7 +648,7 @@
|
|||
}
|
||||
|
||||
// ===== SWITCHING FUNCTIONS (Optimized with direct state changes) =====
|
||||
function switchToClockInfo() {
|
||||
const switchToClockInfo = () => {
|
||||
if (showingClockInfo || !clockInfoMenu) {
|
||||
pendingSwitch = false;
|
||||
return;
|
||||
|
|
@ -691,7 +691,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
function hideClockInfo() {
|
||||
const hideClockInfo = () => {
|
||||
if (!showingClockInfo) return;
|
||||
|
||||
pendingSwitch = false;
|
||||
|
|
@ -704,7 +704,7 @@
|
|||
g.flip();
|
||||
}
|
||||
|
||||
function switchToSeconds() {
|
||||
const switchToSeconds = () => {
|
||||
if (!showingClockInfo || !showSeconds) return;
|
||||
|
||||
pendingSwitch = false;
|
||||
|
|
@ -722,7 +722,7 @@
|
|||
}
|
||||
|
||||
// ===== TOUCH HANDLING =====
|
||||
function setupTouchHandler() {
|
||||
const setupTouchHandler = () => {
|
||||
// Remove old handler if exists
|
||||
if (touchHandler) {
|
||||
Bangle.removeListener("touch", touchHandler);
|
||||
|
|
@ -785,7 +785,7 @@
|
|||
}
|
||||
|
||||
// ===== CLOCK INFO SETUP =====
|
||||
function setupClockInfo() {
|
||||
const setupClockInfo = () => {
|
||||
if (clockInfoMenu) return;
|
||||
|
||||
try {
|
||||
|
|
@ -845,7 +845,7 @@
|
|||
}
|
||||
|
||||
// ===== MAIN CLOCK DRAW =====
|
||||
function drawClock() {
|
||||
const drawClock = () => {
|
||||
g.clear(Bangle.appRect);
|
||||
if (settings.widgets !== "hide") Bangle.drawWidgets();
|
||||
lastTime = null;
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
haptics: true
|
||||
}, require("Storage").readJSON("tileclk.json", true) || {});
|
||||
|
||||
function writeSettings() {
|
||||
const writeSettings = () => {
|
||||
require("Storage").writeJSON("tileclk.json", appSettings);
|
||||
}
|
||||
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
"Yellow": "#FFFF00"
|
||||
};
|
||||
|
||||
function showMenu() {
|
||||
const showMenu = () => {
|
||||
E.showMenu({
|
||||
"": { "title": "Tile Clock" },
|
||||
"< Back": () => back(),
|
||||
|
|
|
|||
Loading…
Reference in New Issue