Open Source on mm-dev

Vanilla JS

Fri, 05 Apr 2024 12:18:03 +0100

Toolchain

I enjoy using plain/vanilla JS where possible. For my own projects I try to avoid the sprawl and long build times of NPM.

I do like to split my code up into separate modules though, and to be able to benefit from bundling/minification etc, for which I use esbuild. I also want to be able to use SCSS and JSDoc for type annotations. So I do allow myself some minimal tooling (the cone and Flake).

My setup looks like this…

esbuild - Download a build

JS bundler
Combine separate modules into a single JS file, minifying/compressing if required
Tree shaker
Avoid bloat by making sure only those modules/functions which are used get added

I use esbuild for most JS projects, so I installed a standalone build which can be run from anywhere — but it can also be installed using npm or other methods.

SASS - How to Install SASS

Compiler and bundler
Converts SASS/SCSS files into CSS

JSDoc - Documentation

Automated documentation creation
HTML docs for your methods, classes and variables will be created based on your code comments
Type annotations
Comments in your code can tell JSDoc which data types your code expects

Type annotations you provide (in specially-formatted comments) will be used to automatically create detailed documentation for your project.

Docs are created as HTML files, with lots of clickable cross-references. The files can be styled based on a templating system and CSS styling.

Lots of modern editors/IDEs will also use your type annotations to provide type hints and draw attention to potential problems eg if you try to pass an argument of the wrong type you’ll get a warning.

Example of Project Setup Using Tmux/Vim

I usually write a simple bash script for most projects. I’ll run this script when I want to start a session of working on a specific project.

Below is an example build script (for my ‘Pipe Dream’ game) which does the following:

Enters the project directory
Uses tmux to open a few window panes/splits:
- esbuild watching for changes to JS
- SASS watching for changes to CSS
- JSDoc watching the src directory (in reality I’d often skip this and run it manually on-demand, as it can be slow)
- git status, pane left open for commits etc
- A simple Python server so I can test the app in a browser
Opens a vim session with the relevant source files ready for editing

#!/bin/bash

# Open a JS project using esbuild, SASS and vim

work_dir="$HOME"/pipe-dream/

'tmux' \
    new-window -c "$work_dir" "esbuild src/main.js --outfile=www/js/pipe-dream.js --target=es6 --bundle --minify --sourcemap --global-name=PIPEDREAM --format=iife --watch" \; \
    split-window -c "$work_dir" "sass --watch src/scss/:www/css/" \; \
    split-window -c "$work_dir" "jsdoc src/ -c jsdoc.config" \; \
    split-window -c "$work_dir" "git status; bash -i" \; \
    split-window -c "$work_dir" "python -m http.server --directory www/" \; \
    select-layout even-vertical \; \
    new-window -c "$work_dir" "vim -S vim.Session" \; \

Vim Configuration

I’m one of those Vim people. People say its codebase is bloated but in use it always feels crisp and fast to me. Because of the way you manipulate text objects and leap around the page it somehow feels efficient on low-powered/slow devices, and works particularly well with e-ink devices.

Some people argue that they’re faster while using Vim than they are in other code editors. I’m not sure if I’m faster (I might be), but I’m from the school of thought that if your bottleneck when writing code is your typing speed, that might not be a good thing.

More importantly for me, I like the way Vim makes you think about text, as beautifully described in this classic stackoverflow answer ‘Your problem with Vim is that you don’t grok vi’.

I don’t like my coding environment to be too noisy or intrusive, but there are some powerful IDE features available nowadays and I don’t want to cut off my nose to spite my face.

Below is some info on some Vim plugins I use to help with JS development.

coc-nvim - Code of Conquer project repo

Although the ’nvim’ stands for Neovim (the popular Vim fork), COC also works very well in modern versions of normal Vim. This plugin allows VSCode-type IDE features, being based on the Language Server Protocol standard.

Very simply, a language server is a tool which understands a specific language, and can be used by your editor/IDE to analyse and give feedback on your code as you write it. It can do things like:

Syntax highlighting
Code completion
Draw attention to errors and give warnings about code
Help when refactoring code

COC isn’t a language server itself but it allows you to install and maintain whichever servers you need for the languages you use.

For example the language server I use for JS is coc-tsserver. The ’ts’ stands for TypeScript but it works very well with standard JS too. Along with the benefits mentioned above, this language server allows you to use type-checking, like TypeScript but without the compilation step. It also provides documentation and hints on using standard built-in JS methods.

You annotate your code by providing special comments in JSDoc syntax. When these comments/annotations are present, COC and the language server give you lots of hints while writing code, and warn you if you try to provide arguments of the wrong type.

Here is an example (from the official docs) showing what the JSDoc syntax looks like:

/** Class representing a point. */
class Point {
    /**
     * Create a point.
     * @param {number} x - The x value.
     * @param {number} y - The y value.
     */
    constructor(x, y) {
        // ...
    }

    /**
     * Get the x value.
     * @return {number} The x value.
     */
    getX() {
        // ...
    }

    /**
     * Get the y value.
     * @return {number} The y value.
     */
    getY() {
        // ...
    }

    /**
     * Convert a string containing two comma-separated numbers into a point.
     * @param {string} str - The string containing two comma-separated numbers.
     * @return {Point} A Point object.
     */
    static fromString(str) {
        // ...
    }
}

Sometimes the help is a little noisy though…

I love the functionality, but for me it’s a bit over-eager, eg if I’m half-way through typing a word I don’t need a popup telling me the word doesn’t exist.

coc-nvim does also provide a small symbol at the start of each line where it detects an error or wants to warn about something. So I like to leave the symbol visible, but hide the info popups by default. I add a keyboard shortcut so I can show/hide the explanation of the error/warning when I want to.

To stop the popups:

// In ~/.vim/coc-settings.json

{
  ...
  "diagnostic.enableMessage": "jump",
  ...
}

To add the show/hide keyboard shortcuts to Vim:

" In ~/.vimrc

nmap <silent> gh <Plug>(coc-float-hide)
nmap <silent> gl <Plug>(coc-diagnostic-info)

Prettier

This opinionated code formatter formats your code according to some fairly strict rules and has few configurable options (ie it’s their way or the highway).

I think most people find at least some of the rules disagreeable, but the point of this kind of tool is that it does a ‘decent, not perfect’ job, but provides a standard for formatting and removes the need for discussing, disagreement and wasted time.

I found it a little annoying at first but then got over myself and prefer now to use it whenever possible.

Pipe Dream (Web Game)

Wed, 15 Nov 2023 16:04:45 +0000

Pipe Dream is a game you can play in your browser here.

You don’t need to log in or install anything and of course there are no ads/tracking.

The game is about as simple as it gets. There are loads of blobs floating about — avoid some of them and eat the others.

To control the player move your mouse pointer (or drag your finger) over the control area - a rectangle on the right or bottom of the screen (depending on which way around your display is oriented)
When you hit one of the avoid blobs you lose health.
Each level gives you a different amount of time to complete it
To complete a level, eat all the edible blobs before you run out of time, or health

dontdillydally (Web App)

Tue, 10 Oct 2023 13:17:52 +0100

dontdillydally helps you track time and money.

Aimed at the self-employed
Focused on simplicity and ease of use

As this is a web app you don’t need to install it, just go to dontdillydally.app to start using it immediately in your browser.

How to Use

Tap the bird at any time in the app to see the built-in guide

On the left-hand side of the app you will see icons which you can tap to change which section you’re on or perform other functions.

Tap below to expand each section and learn more about it:

Expand all

Worksheet

This is the page you’ll use the most, it’s where you enter your hours worked and any money coming in or going out.

A worksheet is made of entries. An entry is one of the following:

time spent on a specific job
money spent on something (expenses)
money coming in (income)

To add an entry, just tap on the date where you want to add it

Each entry can have a client and/or a job selected. If you do this you’ll then be able to get a report showing you how many hours you worked on that job/client, or how much money you made or spent.

You can also add Notes to an entry.

All data fields in an entry are optional, add as much or as little info as you like.

By default when you add a new entry it will be a time entry, and show a clock icon next to it.
If you tap the clock, the icon changes to a credit card and the entry becomes a money entry.
To enter an expense, set the value of a money entry to something negative eg -100.00 means you spent 100.

Worksheet: Time entry

Reports

Here you can get a clear view of everything entered into an entire worksheet, or narrow down on a specific job or client:

Choose a date range from within your worksheet
Choose a specfic client or job
Look at only money in/out (hide hours)
Look at only hours worked (hide money)

Then you’ll be able to see:

How much time you’ve spent
How much you’ve earned
A list of all worksheet entries matching your selection showing eg time, monetary values, notes

Reports: 'BendyStraw' job selection
Reports: 'BendyStraw' job results

Jobs and Clients

Jobs and Clients can be created and edited here, including:

A name for the job or client
Colours (foreground and background) used to represent the job or client in the app

Settings

The other icons perform actions immediately without changing the page:

Expand all

Minimise/maximise menu

Toggles whether the menu is minimised or maximised.


Minimised	Show only icons
Maximised	Show icons + text labels

WebDAV sync

This is an experimental feature to sync your data to a WebDAV server so you can keep several devices in sync.

It’s a work-in-progress and not really recommended for most users at this point.

Download data as file

Tap this to download all of your data and settings in a file. It will usually end up in your main Downloads folder.

Upload data file

If you have a file you previously downloaded you can bring that data back into the app with this button.

When importing the data you will be given the option to Merge or Overwrite your current data.

Email data to a preconfigured address

You need to set an email address in Settings for this option to work. Your device also needs to know what to do with mailto: links.

Wipe your data

Completely wipe all of your data and start fresh.

Data Storage

Automatically saved continually while you work The bird’s eye spins when changes are being saved, this is intentionally kept subtle but can be disabled in settings
Your data is stored inside your browser and stays on your device, it never travels over the internet (unless you decide to send it via email) and is not stored on any servers
Data uses a simple JSON format, it can be exported/imported as a file to move it between devices

BendyStraw (Android App)

Tue, 10 Oct 2023 13:17:20 +0100

If you don’t already know, NewPipe is a privacy-friendly, ad-free Android app for accessing YouTube. It’s a great piece of software and I use it all the time.

NewPipe works without an account. You can subscribe to channels, save playlists and do other useful things, but everything is saved locally on your device (and I love that it works like this).

I use NewPipe on several Android devices. Over time I’ve ended up with different playlists and subscriptions on each device, and sometimes I can’t be sure which device I need to use to find a certain song or video. To help with this I made BendyStraw.

Multiple databases in colour-coded tabs
Copy streams from one playlist to another
Selecting streams to delete, copy or move
Create new playlists

BendyStraw imports NewPipeData-*.zip files and lets you:

Open multiple zips at the same time, so you can combine data from several devices
Delete Copy Move Rename your custom playlists
Delete Copy Move streams from one playlist to another
Delete Copy Move channel subscriptions between databases
Delete Copy Move remote (bookmarked) playlists
Re-order playlists, sorting the streams by Title, Channel or Length (just tap the column headings in the tables)
Streams (audio/video) can be opened directly from BendyStraw, as the URLs are clickable
- If you set video links (in your Android settings) to open in NewPipe you can make a split-screen view and jump around your playlists
Export playlist as raw text, for example to be used with yt-dlp
Dark/light themes

After editing simply export a new zip file, then import it back into NewPipe.

Installation

F-Droid

Search for ‘bendystraw’ (all one word) in the F-Droid app, or find it at https://f-droid.org/en/packages/rocks.mm_dev.BendyStraw/.

Direct download

The apks are also directly available on the Codeberg releases page.

How to Use

Expand all

1. Export your database from NewPipe

In NewPipe tap Settings Backup and restore Export database
This will create a file on your device with a name like NewPipeData-2023-09-01.zip

2. Import it into BendyStraw

In BendyStraw, tap the button with the add/plus icon, and select the file you just exported

3. Edit with BendyStraw

Custom playlists have icons at the top which you can click to:

Delete the playlist
Copy the playlist to another zip (you need more than one zip added to do this)
Export the playlist as a plain text file, which for example can be used with yt-dlp

Tap on a playlist name to edit it, and tap outside (or press return on the keyboard) to finish.

4. Export from BendyStraw

In BendyStraw tap the export button (the arrow icon on the bottom-right of the screen)
This will create a new file named like the original but with -bendy-straw at the end, so NewPipeData.zip is saved as NewPipeData-bendy-straw.zip

5. Import it back into NewPipe

In NewPipe tap Settings Backup and restore Import database and select the file you just saved
After importing the database, NewPipe will ask if you also want to import settings, if you’re not sure what this means just tap ‘cancel’, your current NewPipe settings will remain unchanged

JSON Playlist Import

BendyStraw can import playlists from a JSON file. This is a new and basic feature which has some requirements and limitations.

Show the JSON Import Button

The button is hidden by default

Go to the preferences screen (hamburger menu in top-right corner)
Tick the ‘Show JSON Import Button’ box
Open at least 1 database
The button only shows when there is a database open, as it imports the JSON into the currently-opened database

Limitations

We assume that all playlist entries are YouTube streams.
Although NewPipe is able to handle streams from other services too, for now this import feature is just for YouTube

The JSON import format has been designed to prefer simplicity over richness of data. This comes with some pros and cons:

Several stream attributes (eg ‘uploader URL’, ‘duration’, ‘upload date’, ‘view count’, ’thumbnail’) are omitted initially
After import into NewPipe, before the playlist has been played, the above details (attributes) will be missing (so eg the thumbnail will just be a grey blank)
The first time each stream is started, NewPipe will grab the missing details for the stream and fill in the database

Requirements

JSON playlists will be imported into whichever database is currently open in BendyStraw.

The general (pseudocode) schema is:

{
  "PLAYLIST_NAME": [ARRAY_OF_STREAMS],
  "PLAYLIST_NAME": [ARRAY_OF_STREAMS],
  etc...
}

`PLAYLIST_NAME`

Is expected to be unique (if it isn’t, identically-named lists will be combined into 1 playlist)
If a playlist with exactly the same name already exists in the target database, entries from the JSON will be appended to that existing database

`ARRAY_OF_STREAMS`

Each stream must be an object with named properties as follows:

I use comments in this explanation but remember comments are not valid JSON — do not include comments in your JSON

{
  // These are required
  "stream_type": "VIDEO_STREAM", // or 'AUDIO_STREAM'
  "title": "Seasonal Affective Disorder",
  "url": "https://www.youtube.com/watch?v=3RJ5GftYT2c",
  "uploader": "Hidden Valley Bushcraft", // Uploader/channel name,

  // These below are optional. NewPipe will update them when the stream is loaded, so they only have meaning on first import before the playlist has been played.
  // It's probably better to omit them but they are allowed if you want to use them.
  "uploader_url": "https://www.youtube.com/channel/UCB7BPYlL4f5j5R1Y7HUgeVg", // Uploader/channel URL 
  "duration": "120", // Length of stream in seconds 
  "view_count": "1273621", // Number of times the stream has been viewed on YouTube --- simple number ie no commas, abbreviations etc 
}

Complete Example JSON

Below is some complete sample JSON. If this was imported into a database in BendyStraw it would do one of the following:

Create 2 new playlists (“Tech Things” and “Good Songs”)
Or (if playlists with those names already existed) then the streams would be appended to those existing playlists

{
  "Tech Things": [
    {
        "stream_type": "VIDEO_STREAM",
        "title": "Free software, free society: Richard Stallman at TEDxGeneva 2014",
        "url": "https://www.youtube.com/watch?v=Ag1AKIl_2GM",
        "uploader": "TEDx Talks",
        "uploader_url": "https://www.youtube.com/channel/UCsT0YIqwnpJCM-mx7-gSA4Q"
    },
    {
      "stream_type": "VIDEO_STREAM",
      "title": "Shenzhen: The Silicon Valley of Hardware (Full Documentary) | Future Cities",
      "url": "https://www.youtube.com/watch?v=SGJ5cZnoodY",
      "uploader": "Wired UK",
      "uploader_url": "https://www.youtube.com/@wireduk"
    }
  ],
  "Good Songs": [
    {
        "stream_type": "VIDEO_STREAM",
        "title": "Aztec Camera - Somewhere In My Heart (Official Music Video)",
        "url": "https://www.youtube.com/watch?v=2w1Q8ZkXZ1Q",
        "uploader": "RHINO",
        "uploader_url": "https://www.youtube.com/channel/UCWEtnEiVwUy7mwFeshyAWLA"
    },
    {
        "stream_type": "VIDEO_STREAM",
        "title": "Imagine Dragons - Thunder",
        "url": "https://www.youtube.com/watch?v=fKopy74weus",
        "uploader": "ImagineDragonsVEVO",
        "uploader_url": "https://www.youtube.com/channel/UCpx_k19S2vUutWUUM9qmXEg"
    },
    {
        "stream_type": "VIDEO_STREAM",
        "title": "𝑰𝒕'𝒔 𝑨 𝑯𝒆𝒂𝒓𝒕𝒂𝒄𝒉𝒆 -Bonnie Tyler (Cover by Yhuan) #gutomversion #hitback #goodvibestambayan #yhuan",
        "url": "https://www.youtube.com/watch?v=AQCm7VWyg-U",
        "uploader": "Yhuan Official",
        "uploader_url": "https://www.youtube.com/channel/UCDxVjSFhfiPGispcK9o0qzw"
    }
  ]
}

FAQ

Expand all

What’s in the `zip` files?

NewPipe exports a zip file, containing 2 files:

newpipe.db: A database which has all the info BendyStraw uses, such as your playlists and channel subscriptions, plus other things like your watch history
newpipe.settings: Your NewPipe settings and preferences

For simplicity BendyStraw sometimes refers to the zip file as the database, because that’s the file NewPipe works with for imports/exports.

Is my data private?

Yes! This is important to me as a developer. BendyStraw only works with the tables in the database which it requires to let you do your editing. It doesn’t look into other things like your settings or watch history and it doesn’t send your data to any servers or share it with anybody. There’s no tracking and no adverts or anything like that.

What happens to my NewPipe settings?

BendyStraw doesn’t look inside them or change them.

If you edit zips from multiple devices, or old/archived zips, be aware that your new zip will have the settings from whichever original file you opened. So be careful not to overwrite settings with an old version.
When you import your new zip into NewPipe the simplest thing to do is just tap ‘cancel’ when it asks if you want to also import settings.

I’ve opened multiple databases but don’t see enough tabs

The tabs can scroll off the edge of the screen, swipe left/right on the tab bar to see any tabs which have overflowed.

You can also swipe left or right on any blank area to switch tabs.

How do I use an exported text playlist?

If you have yt-dlp installed, you can batch download all of the files from the playlist like so:

In BendyStraw locate the playlist and tap the ’export’ button
Check the dialog to see where the text file will be saved
In your terminal run yt-dlp --batch-file [path_to_text_file.txt]

For more info check out the yt-dlp github.

Can I export an M3U playlist?

I originally did build this functionality, only to find that links to eg YouTube streams no longer work in m3u playlists. This is true for the players I tested and to the best of my knowledge.

If I’m wrong about this, you have some other relevant info, or would like to see some other export format, please let me know.*

I’d be happy to revisit this if it’s useful.

hello@mm-dev.rocks

Why do I need to grant ‘all files access’ permission in Android 13?

BendyStraw needs to work with files from a different app (NewPipe). The way permissions have changed in Android 13 makes this complicated, as document files (ie non-media files such as .zip) can only be read from and written to the directory belonging to the app that created them. The only simple way to keep the app easy to use is to ask for these permissions.

BendyStraw has no interest in doing anything unexpected to your filesystem. The code is open source, so any developer can check to make sure that it only does what it says it does.

Holistik: Activity Overview (Garmin Watch App)

Tue, 10 Oct 2023 13:17:08 +0100

Garmin watches (such as the Fenix 5 Plus which I have) gather a lot of info about your exercise activity, but to see it you need to log in to your Connect IQ account in their app or a browser, using a separate device such as a phone or laptop.

One of the things I like most about this watch is that despite the usual ecosystem tie-ins, you can do most things with it offline, even including GPS navigation as it stores its own offline maps and has a GPS device built-in (unlike lots of other devices that depend on beign BlueTooth-linked to your phone for GPS features). The only sore point for me is the lack of a visual overview of activities, without logging in to Connect IQ.

This app is my solution. Get a birds-eye view at different zoom levels (days, weeks or months at a time) - great when your device is offline and you want to check your activity levels at a glance!

Days
Weeks
Months

How to Use

Day Colours

Days (squares) are coloured according to how many activities you recorded that day, plus time spent or distance covered:

Activity level	Warm themes	Cool themes
Some	Yellow	Light Green
Moderate	Red	Mid Green
High	Dark Red	Dark Green

Some other days are coloured to help you see what’s what. Where the year or month is written in text, the same colours will also be used.

Day type	Warm, Dark theme	Cool, Dark theme	Warm, Light theme	Cool, Light theme
No activities recorded	Light Grey	Light Grey	Light Grey	Light Grey
Weekends	Dark Grey	Dark Grey	Dark Grey	Dark Grey
First of the month	Dark Blue	Orange	Navy	Brown
First day of the year	Purple	Yellow	Brown	Dark Red

Watch Button Functions


Start	Change view (Days/Weeks/Months)
Up	Previous day/week/month
Down	Next day/week/month
Menu press + hold Up	Show Settings screen

Views


Days	Details of individual activities for the selected day eg “5:30am Train 32mins”
	View: Days, Theme: Warm View: Days, Theme: Cool


Weeks	Shows combined activity totals for the selected week eg “Train 3hrs”, “Walk 7hrs 21 miles”
	View: Weeks, Theme: Warm View: Weeks, Theme: Cool


Months	Shows combined totals just like the weeks view Depending on device performance and number of recorded activities, it can take a second or so to jump from month to month. Buttons remain active during this time (eg if you’re on December and you press UP 6 times you’ll still land on June, it might just take a moment to catch up).
	View: Months, Theme: Warm View: Months, Theme: Cool

Hints and Tips

Expand all

To maximise usage of space on round screens, days flow in a ‘snaking’ pattern

Past > Future Days

…like an airport queue.

Earlier days are to the left, later to the right.

The day you select in Days View affects how the weeks/months are centred in the other views

In Days View if you select a Wednesday, then Weeks View will be centred around Wednesdays
In Days View if you select the 17th, then Months View will be centred around the 17th of each month

Holistik only uses activities which have been recorded/stored on your watch

— so not heart rate, steps etc.

Holistik runs entirely offline

…using activity data which is already stored on your watch.

It does not store or send your information anywhere.

Settings

Press and hold Menu while the app is running to change settings:


Theme	Light, Warm	Dark, Warm	Light, Cool	Dark, Cool
Font	Small	Medium	Large
Date Format	dd/mm	mm/dd
Difficulty [1]	Basic	Intermediate	Advanced
Duration Display [2]	Basic	Intermediate	Advanced
Duration Display	Hours and Fractions	Minutes
Initial View [3]	Basic	Intermediate	Advanced
Duration Display	Months	Weeks	Days
Text Display [4]	Basic	Intermediate	Advanced
Duration Display	Show Dates	Show Activity Details


[1] Difficulty	Change according to your fitness level and the calculations will adjust so the coloured days make sense for you
[2] Duration Display	Activity durations can be shown in minutes (‘73mins’) or to the nearest fraction of an hour (‘1 1/4hrs’)
[3] Initial View	View to display when first opening the app
[4] Text Display	If ‘Show Dates’ is disabled dates will still be shown temporarily while you move backwards and forwards, then disappear after a second or two

App Permissions


User Profile	Allows the app to read the activity data before displaying it
Persisted Content	Allows the app to store/read your settings detailed above

Open Source on mm-dev

Vanilla JS

Toolchain

esbuild - Download a build

SASS - How to Install SASS

JSDoc - Documentation

Example of Project Setup Using Tmux/Vim

Vim Configuration

coc-nvim - Code of Conquer project repo

Prettier

Pipe Dream (Web Game)

dontdillydally (Web App)

How to Use

Tap below to expand each section and learn more about it:

The other icons perform actions immediately without changing the page:

Data Storage

BendyStraw (Android App)

Installation

F-Droid

Direct download

How to Use

1. Export your database from NewPipe

2. Import it into BendyStraw

3. Edit with BendyStraw

4. Export from BendyStraw

5. Import it back into NewPipe

JSON Playlist Import

Show the JSON Import Button

Limitations

Requirements

PLAYLIST_NAME

ARRAY_OF_STREAMS

Complete Example JSON

FAQ

What’s in the zip files?

Is my data private?

What happens to my NewPipe settings?

I’ve opened multiple databases but don’t see enough tabs

How do I use an exported text playlist?

Can I export an M3U playlist?

Why do I need to grant ‘all files access’ permission in Android 13?

Holistik: Activity Overview (Garmin Watch App)

How to Use

Day Colours

Watch Button Functions

Views

Hints and Tips

To maximise usage of space on round screens, days flow in a ‘snaking’ pattern

The day you select in Days View affects how the weeks/months are centred in the other views

Holistik only uses activities which have been recorded/stored on your watch

Holistik runs entirely offline

Settings

App Permissions

`PLAYLIST_NAME`

`ARRAY_OF_STREAMS`

What’s in the `zip` files?