Move to ESM

.github/chatmodes/Plan.chatmode.md

@@ -0,0 +1,19 @@
+---
+description: Generate an implementation plan for new features or refactoring existing code.
+tools: ['codebase', 'fetch', 'findTestFiles', 'githubRepo', 'search', 'usages']
+---
+# Planning mode instructions
+You are in planning mode. Your task is to generate an implementation plan for a new feature or for refactoring existing code.
+
+Create a plan that is simple and easy to follow. Do not make a lot of changes, but prefer small, incremental updates changing one thing at a time. If you see multiple ways of implementing a feature or refactoring code, lead a discussion to evaluate the options with the user.
+
+Don't make any code edits, just generate a plan.
+
+The plan consists of a Markdown document that describes the implementation plan, including the following sections:
+
+* Overview: A brief description of the feature or refactoring task.
+* Requirements: A list of requirements for the feature or refactoring task.
+* Implementation Steps: A detailed list of steps to implement the feature or refactoring task.
+* Testing: A list of tests that need to be implemented to verify the feature or refactoring task.
+* Comments in code: Only if neccessary, when the code is not self-explanatory.
+

.github/copilot-instructions.md

@@ -0,0 +1,29 @@
+# Stretchly Development Assistant
+
+You are a specialized assistant for developers working on Stretchly, a break-time reminder application that encourages regular stretching and healthy work habits.
+
+## Technical Stack
+- ElectronJS for cross-platform desktop functionality
+- NodeJS backend
+- JavaScript (following StandardJS style guidelines) using ESM (ECMAScript Modules)
+- HTML and CSS for UI components
+
+## Development Guidelines
+- Follow StandardJS style (like no semicolons, 2-space indentation)
+- Prefer ES6+ features (like arrow functions, destructuring, etc.)
+- Maintain cross-platform compatibility (Windows, macOS, Linux)
+- Use appropriate Electron APIs for native functionality
+- Maintain accessibility standards in UI components
+- Keep performance in mind, especially for background processes
+- Consider Chrome compatibility only, as Electron is built on Chromium
+
+## Code Organization
+- Respect the existing project structure
+- Place new functionality in appropriate modules
+- Follow the established patterns for event handling
+
+## Testing Expectations
+- Suggest tests for new functionality
+- Consider edge cases in different operating systems
+
+When suggesting code changes, explain your reasoning and how they align with Stretchly's goals of promoting healthy computer use.

.github/workflows/arm-build.yml

@@ -15,7 +15,7 @@ jobs:
     - uses: actions/checkout@v3
     - uses: actions/setup-node@v3
       with:
-        node-version: '20.18.1'
+        node-version: '22.17.0'
     - run: sudo apt update && sudo apt-get install --no-install-recommends -y ruby-full libarchive-tools
     - run: sudo gem install fpm -v 1.15
     - run: npm install npm -g

.github/workflows/build.yml

@@ -26,7 +26,7 @@ jobs:
         python-version: '3.12'
     - uses: actions/setup-node@v3
       with:
-        node-version: '20.18.1'
+        node-version: '22.17.0'
     - run: pip install setuptools
     - run: npm install npm -g
     - run: npm install

.github/workflows/snap-build.yml

@@ -13,7 +13,7 @@ jobs:
     - uses: actions/checkout@v3
     - uses: actions/setup-node@v3
       with:
-        node-version: '20.18.1'
+        node-version: '22.17.0'
     - run: pip install setuptools
     - run: npm install -g npm
     - run: npm install

.github/workflows/tests.yml

@@ -19,7 +19,7 @@ jobs:
       if: matrix.os == 'ubuntu-latest'
       run: |
         export DISPLAY=:0
-        sudo apt install dbus-x11
+        sudo apt update && sudo apt install dbus-x11
         machineId=$(cat /var/lib/dbus/machine-id)
         mkdir -p /home/runner/.dbus
         mkdir -p /home/runner/.dbus/session-bus/
@@ -46,7 +46,7 @@ jobs:
     - name: Use Node.js
       uses: actions/setup-node@v3
       with:
-        node-version: '20.18.1'
+        node-version: '22.17.0'
     - run: pip install setuptools
     - run: npm install npm -g
     - run: npm install

.nvmrc

@@ -1 +1 @@
-20.18.1
+22.17.0

CHANGELOG.md

@@ -6,11 +6,12 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [Unreleased]
 ### Added
-- Yiddish translations
+- Yiddish and Tamil translations
 
 ### Changed
 - remove flags in Welcome window
 - updated many translations
+- do not check for Quiet Hours on Windows (deprecated)
 
 ### Fixed
 - hide close/minimize actions on Break window on macOS

app/break-preload.mjs

@@ -0,0 +1,15 @@
+import {
+  exposeBreaks,
+  exposeI18next,
+  exposeProcess,
+  exposeSettings,
+  exposeStretchly,
+  exposeUtils
+} from './utils/context-bridge-exposers.js'
+
+exposeBreaks('long')
+exposeI18next()
+exposeProcess()
+exposeSettings()
+exposeStretchly()
+exposeUtils()

app/break-renderer.js

@@ -0,0 +1,55 @@
+import HtmlTranslate from './utils/htmlTranslate.js'
+import './platform.js'
+
+window.onload = async (event) => {
+  const [idea, started, duration, strictMode, postpone,
+    postponePercent, backgroundColor] = await window.breaks.sendBreakData()
+
+  new HtmlTranslate(document).translate()
+
+  document.ondragover = event =>
+    event.preventDefault()
+
+  document.ondrop = event =>
+    event.preventDefault()
+
+  document.querySelector('#close').onclick = async event =>
+    await window.breaks.finishBreak()
+
+  document.querySelector('#postpone').onclick = async event =>
+    await window.breaks.postponeBreak()
+
+  document.querySelector('.break-idea').textContent = idea[0]
+  document.querySelector('.break-text').textContent = idea[1]
+
+  const progress = document.querySelector('#progress')
+  const progressTime = document.querySelector('#progress-time')
+  const postponeElement = document.querySelector('#postpone')
+  const closeElement = document.querySelector('#close')
+  const mainColor = await window.settings.get('mainColor')
+  document.body.classList.add(mainColor.substring(1))
+  document.body.style.backgroundColor = backgroundColor
+
+  document.querySelectorAll('.tiptext').forEach(async tt => {
+    const keyboardShortcut = await window.settings.get('endBreakShortcut')
+    tt.innerHTML = await window.utils.formatKeyboardShortcut(keyboardShortcut)
+  })
+
+  setInterval(async () => {
+    if (await window.settings.get('currentTimeInBreaks')) {
+      document.querySelector('.breaks > :last-child').innerHTML =
+      (new Date()).toLocaleTimeString()
+    }
+    if (Date.now() - started < duration) {
+      const passedPercent = (Date.now() - started) / duration * 100
+      postponeElement.style.display =
+        await window.utils.canPostpone(postpone, passedPercent, postponePercent) ? 'flex' : 'none'
+      closeElement.style.display =
+        await window.utils.canSkip(strictMode, postpone, passedPercent, postponePercent) ? 'flex' : 'none'
+      progress.value = (100 - passedPercent) * progress.max / 100
+      progressTime.innerHTML = await window.utils.formatTimeRemaining(Math.trunc(duration - Date.now() + started),
+        await window.settings.get('language'))
+    }
+  }, 100)
+  await window.breaks.signalLoaded()
+}

app/break.html

@@ -34,4 +34,5 @@
       </div>
     </div>
   </body>
+  <script type="module" src="./break-renderer.js"></script>
 </html>

app/breaksPlanner.js

@@ -1,9 +1,9 @@
-const Scheduler = require('./utils/scheduler')
-const EventEmitter = require('events')
-const NaturalBreaksManager = require('./utils/naturalBreaksManager')
-const DndManager = require('./utils/dndManager')
-const AppExclusionsManager = require('./utils/appExclusionsManager')
-const log = require('electron-log/main')
+import Scheduler from './utils/scheduler.js'
+import EventEmitter from 'events'
+import NaturalBreaksManager from './utils/naturalBreaksManager.js'
+import DndManager from './utils/dndManager.js'
+import AppExclusionsManager from './utils/appExclusionsManager.js'
+import log from 'electron-log/main.js'
 
 class BreaksPlanner extends EventEmitter {
   constructor (settings) {
@@ -289,4 +289,4 @@ class BreaksPlanner extends EventEmitter {
   }
 }
 
-module.exports = BreaksPlanner
+export default BreaksPlanner

app/contributor-preferences-preload.mjs

@@ -0,0 +1,9 @@
+import {
+  exposeI18next,
+  exposeProcess,
+  exposeSettings
+} from './utils/context-bridge-exposers.js'
+
+exposeI18next()
+exposeProcess()
+exposeSettings()

app/contributor-preferences-renderer.js

@@ -0,0 +1,75 @@
+import HtmlTranslate from './utils/htmlTranslate.js'
+import { setSameWidths } from './utils/sameWidths.js'
+import './platform.js'
+
+let eventsAttached = false
+
+window.onload = async (event) => {
+  const settings = await window.settings.currentSettings()
+  setTimeout(() => { eventsAttached = true }, 500)
+
+  document.ondragover = event =>
+    event.preventDefault()
+
+  document.ondrop = event =>
+    event.preventDefault()
+
+  document.querySelectorAll('input[type="checkbox"]').forEach(checkbox => {
+    const isNegative = checkbox.classList.contains('negative')
+    checkbox.checked = isNegative ? !settings[checkbox.value] : settings[checkbox.value]
+    if (!eventsAttached) {
+      checkbox.onchange = (event) =>
+        window.settings.saveSettings(checkbox.value,
+          isNegative ? !checkbox.checked : checkbox.checked)
+    }
+  })
+
+  document.querySelectorAll('input[type="radio"]').forEach(radio => {
+    let value
+    switch (radio.value) {
+      case 'true':
+        value = true
+        break
+      case 'false':
+        value = false
+        break
+      default:
+        value = radio.value
+    }
+    radio.checked = settings[radio.name] === value
+    if (!eventsAttached) {
+      radio.onchange = (event) => {
+        window.settings.saveSettings(radio.name, value)
+      }
+    }
+  })
+
+  document.querySelectorAll('select').forEach(select => {
+    select.value = settings[select.name]
+    if (!eventsAttached) {
+      select.onchange = (event) => {
+        window.settings.saveSettings(select.name, select.value)
+      }
+    }
+  })
+
+  document.querySelectorAll('input[type="range"]').forEach(async range => {
+    const divisor = range.dataset.divisor
+    const output = range.closest('div').querySelector('output')
+    range.value = settings[range.name] / divisor
+    const unit = output.dataset.unit
+    output.innerHTML = await window.i18next.t(`utils.${unit}`, { count: parseInt(range.value) })
+    if (!eventsAttached) {
+      range.onchange = async event => {
+        output.innerHTML = await window.i18next.t(`utils.${unit}`, { count: parseInt(range.value) })
+        window.settings.saveSettings(range.name, range.value * divisor)
+      }
+      range.oninput = async event => {
+        output.innerHTML = await window.i18next.t(`utils.${unit}`, { count: parseInt(range.value) })
+      }
+    }
+  })
+
+  new HtmlTranslate(document).translate()
+  setSameWidths()
+}

app/contributor-preferences.html

@@ -493,4 +493,5 @@
       </div>
     </div>
   </body>
+  <script type="module" src="./contributor-preferences-renderer.js"></script>
 </html>