make first day of the week configurable

docs/reference/config.md

@@ -65,6 +65,12 @@ locale: en-IN
 # OPTIONAL, DEFAULT: 4
 financial_year_starting_month: 4
 
+# First day of the week. This can be set to 1 to follow Monday to
+# Sunday. 0 represents Sunday, 1 represents Monday and so on.
+#
+# OPTIONAL, DEFAULT: 0
+week_starting_day: 0
+
 # When strict mode is enabled, all the accounts and commodities should
 # be defined before use. This is same as --pedantic flag in ledger and
 # --strict flag in hledger. Doesn't apply to beancount.

internal/config/config.go

@@ -109,15 +109,16 @@ type AllocationTarget struct {
 }
 
 type Config struct {
-	JournalPath                string     `json:"journal_path" yaml:"journal_path"`
-	DBPath                     string     `json:"db_path" yaml:"db_path"`
-	Readonly                   bool       `json:"readonly" yaml:"readonly"`
-	LedgerCli                  string     `json:"ledger_cli" yaml:"ledger_cli"`
-	DefaultCurrency            string     `json:"default_currency" yaml:"default_currency"`
-	DisplayPrecision           int        `json:"display_precision" yaml:"display_precision"`
-	Locale                     string     `json:"locale" yaml:"locale"`
-	FinancialYearStartingMonth time.Month `json:"financial_year_starting_month" yaml:"financial_year_starting_month"`
-	Strict                     BoolType   `json:"strict" yaml:"strict"`
+	JournalPath                string       `json:"journal_path" yaml:"journal_path"`
+	DBPath                     string       `json:"db_path" yaml:"db_path"`
+	Readonly                   bool         `json:"readonly" yaml:"readonly"`
+	LedgerCli                  string       `json:"ledger_cli" yaml:"ledger_cli"`
+	DefaultCurrency            string       `json:"default_currency" yaml:"default_currency"`
+	DisplayPrecision           int          `json:"display_precision" yaml:"display_precision"`
+	Locale                     string       `json:"locale" yaml:"locale"`
+	FinancialYearStartingMonth time.Month   `json:"financial_year_starting_month" yaml:"financial_year_starting_month"`
+	WeekStartingDay            time.Weekday `json:"week_starting_day" yaml:"week_starting_day"`
+	Strict                     BoolType     `json:"strict" yaml:"strict"`
 
 	Budget Budget `json:"budget" yaml:"budget"`
 
@@ -146,6 +147,7 @@ var defaultConfig = Config{
 	Budget:                     Budget{Rollover: Yes},
 	FinancialYearStartingMonth: 4,
 	Strict:                     No,
+	WeekStartingDay:            0,
 	ScheduleALs:                []ScheduleAL{},
 	AllocationTargets:          []AllocationTarget{},
 	Commodities:                []Commodity{},

internal/config/schema.json

@@ -44,6 +44,12 @@
       "maximum": 12,
       "description": "First month of the financial year. This can be set to 1 to follow January to December."
     },
+    "week_starting_day": {
+      "type": "integer",
+      "minimum": 0,
+      "maximum": 6,
+      "description": "First day of the week. 0 represents Sunday, 1 represents Monday and so on."
+    },
     "strict": {
       "ui:widget": "boolean",
       "type": "string",

src/app.d.ts

@@ -13,6 +13,7 @@ interface UserConfig {
   display_precision: number;
   db_path: string;
   financial_year_starting_month: number;
+  week_starting_day: number;
   accounts: {
     name: string;
     icon: string;

src/lib/import.test.ts

@@ -14,6 +14,10 @@ import utc from "dayjs/plugin/utc";
 import timezone from "dayjs/plugin/timezone"; // dependent on utc plugin
 dayjs.extend(utc);
 dayjs.extend(timezone);
+import localeData from "dayjs/plugin/localeData";
+dayjs.extend(localeData);
+import updateLocale from "dayjs/plugin/updateLocale";
+dayjs.extend(updateLocale);
 
 Handlebars.registerHelper(
   _.mapValues(helpers, (helper, name) => {

src/lib/utils.ts

@@ -712,6 +712,13 @@ function normalize(value: number) {
   return value;
 }
 
+export function configUpdated() {
+  dayjs.locale("en");
+  dayjs.updateLocale("en", {
+    weekStart: USER_CONFIG.week_starting_day
+  });
+}
+
 export function setNow(value: dayjs.Dayjs) {
   if (value) {
     globalThis.__now = value;

src/routes/+layout.ts

@@ -34,6 +34,10 @@ import utc from "dayjs/plugin/utc";
 import timezone from "dayjs/plugin/timezone"; // dependent on utc plugin
 dayjs.extend(utc);
 dayjs.extend(timezone);
+import localeData from "dayjs/plugin/localeData";
+dayjs.extend(localeData);
+import updateLocale from "dayjs/plugin/updateLocale";
+dayjs.extend(updateLocale);
 
 import * as pdfjs from "pdfjs-dist";
 import pdfjsWorkerUrl from "pdfjs-dist/build/pdf.worker.js?url";
@@ -46,7 +50,7 @@ import Handlebars from "handlebars";
 import helpers from "$lib/template_helpers";
 import * as toast from "bulma-toast";
 import _ from "lodash";
-import { ajax, setNow } from "$lib/utils";
+import { ajax, configUpdated, setNow } from "$lib/utils";
 
 import "@formatjs/intl-numberformat/polyfill";
 import "@formatjs/intl-numberformat/locale-data/en";
@@ -76,5 +80,6 @@ export const load = (async () => {
     setNow(now);
   }
   globalThis.USER_CONFIG = config;
+  configUpdated();
   return {};
 }) satisfies LayoutLoad;

src/routes/cash_flow/recurring/+page.svelte

@@ -19,6 +19,7 @@
   import { month, setAllowedDateRange } from "../../../store";
   import type { Dayjs } from "dayjs";
   import RecurringDay from "$lib/components/RecurringDay.svelte";
+  import dayjs from "dayjs";
 
   let isEmpty = false;
   let transactionSequences: TransactionSequence[] = [];
@@ -61,13 +62,9 @@
         <div
           class="has-text-centered grid grid-cols-7 auto-cols-[1fr] auto-rows-[1fr] weekdays-grid uppercase mb-3 is-hidden-mobile"
         >
-          <div>Sun</div>
-          <div>Mon</div>
-          <div>Tue</div>
-          <div>Wed</div>
-          <div>Thu</div>
-          <div>Fri</div>
-          <div>Sat</div>
+          {#each dayjs.weekdaysShort(true) as day}
+            <div>{day}</div>
+          {/each}
         </div>
         <div
           class="grid grid-cols-1 md:grid-cols-7 gap-2 auto-cols-[1fr] auto-rows-[1fr] overflow-y-auto pb-1"

src/routes/expense/monthly/+page.svelte

@@ -14,6 +14,7 @@
   import COLORS from "$lib/colors";
   import ZeroState from "$lib/components/ZeroState.svelte";
   import BoxLabel from "$lib/components/BoxLabel.svelte";
+  import dayjs from "dayjs";
 
   let groups = writable([]);
   let z: d3.ScaleOrdinal<string, string, never>,
@@ -164,13 +165,9 @@
             <div class="p-3 box">
               <div id="d3-current-month-expense-calendar" class="d3-calendar">
                 <div class="weekdays">
-                  <div>Sun</div>
-                  <div>Mon</div>
-                  <div>Tue</div>
-                  <div>Wed</div>
-                  <div>Thu</div>
-                  <div>Fri</div>
-                  <div>Sat</div>
+                  {#each dayjs.weekdaysShort(true) as day}
+                    <div>{day}</div>
+                  {/each}
                 </div>
                 <div class="days" />
               </div>

src/routes/more/config/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ajax } from "$lib/utils";
+  import { ajax, configUpdated } from "$lib/utils";
   import { onMount } from "svelte";
   import type { JSONSchema7 } from "json-schema";
   import JsonSchemaForm from "$lib/components/JsonSchemaForm.svelte";
@@ -46,6 +46,7 @@
         lastConfig = _.cloneDeep(newConfig);
         config = _.cloneDeep(newConfig);
         globalThis.USER_CONFIG = _.cloneDeep(newConfig);
+        configUpdated();
         refresh();
         toast.toast({
           message: `Saved config`,

tests/fixture/eur-hledger/config.json

@@ -13,6 +13,7 @@
     "display_precision": 0,
     "locale": "es-EU",
     "financial_year_starting_month": 4,
+    "week_starting_day": 0,
     "strict": "no",
     "budget": {
       "rollover": "yes"
@@ -518,6 +519,12 @@
         ],
         "type": "string",
         "ui:widget": "boolean"
+      },
+      "week_starting_day": {
+        "description": "First day of the week. 0 represents Sunday, 1 represents Monday and so on.",
+        "maximum": 6,
+        "minimum": 0,
+        "type": "integer"
       }
     },
     "required": [

tests/fixture/eur/config.json

@@ -13,6 +13,7 @@
     "display_precision": 0,
     "locale": "es-EU",
     "financial_year_starting_month": 4,
+    "week_starting_day": 0,
     "strict": "no",
     "budget": {
       "rollover": "yes"
@@ -518,6 +519,12 @@
         ],
         "type": "string",
         "ui:widget": "boolean"
+      },
+      "week_starting_day": {
+        "description": "First day of the week. 0 represents Sunday, 1 represents Monday and so on.",
+        "maximum": 6,
+        "minimum": 0,
+        "type": "integer"
       }
     },
     "required": [

tests/fixture/inr-beancount/config.json

@@ -18,6 +18,7 @@
     "display_precision": 0,
     "locale": "en-IN",
     "financial_year_starting_month": 4,
+    "week_starting_day": 0,
     "strict": "no",
     "budget": {
       "rollover": "yes"
@@ -523,6 +524,12 @@
         ],
         "type": "string",
         "ui:widget": "boolean"
+      },
+      "week_starting_day": {
+        "description": "First day of the week. 0 represents Sunday, 1 represents Monday and so on.",
+        "maximum": 6,
+        "minimum": 0,
+        "type": "integer"
       }
     },
     "required": [

tests/fixture/inr-hledger/config.json

@@ -18,6 +18,7 @@
     "display_precision": 0,
     "locale": "en-IN",
     "financial_year_starting_month": 4,
+    "week_starting_day": 0,
     "strict": "no",
     "budget": {
       "rollover": "yes"
@@ -523,6 +524,12 @@
         ],
         "type": "string",
         "ui:widget": "boolean"
+      },
+      "week_starting_day": {
+        "description": "First day of the week. 0 represents Sunday, 1 represents Monday and so on.",
+        "maximum": 6,
+        "minimum": 0,
+        "type": "integer"
       }
     },
     "required": [

tests/fixture/inr/config.json

@@ -18,6 +18,7 @@
     "display_precision": 0,
     "locale": "en-IN",
     "financial_year_starting_month": 4,
+    "week_starting_day": 0,
     "strict": "no",
     "budget": {
       "rollover": "yes"
@@ -523,6 +524,12 @@
         ],
         "type": "string",
         "ui:widget": "boolean"
+      },
+      "week_starting_day": {
+        "description": "First day of the week. 0 represents Sunday, 1 represents Monday and so on.",
+        "maximum": 6,
+        "minimum": 0,
+        "type": "integer"
       }
     },
     "required": [