Move to ESM (#1599)

Author: hovancik

.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()
+}