Fork Notesium source and restructure into Go package layout

Initial fork of github.com/alonswartz/notesium into librenotes: - Source moved to internal/notesium/ (package notesium) - Thin entry point at cmd/librenotes/main.go - Module renamed to git.librete.ch/public/librenotes - main() exposed as notesium.Run() - LICENSE preserved (MIT), NOTICE added with attribution - Web assets and completion.bash co-located with embedding code to satisfy go:embed path constraints Closes #3, #34, #35. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-28 21:52:25 +02:00
parent aee9086633
commit 094250609c
63 changed files with 7391 additions and 0 deletions
@@ -0,0 +1,145 @@
+var t = `
+<div>
+
+  <div class="flex items-center pl-1 pr-2">
+    <h2 class="flex-auto text-sm text-gray-900" v-text="formattedMonthYear"></h2>
+    <div class="flex space-x-4 -mr-2">
+      <button @click="changeMonth(-1)" type="button" class="flex flex-none items-center justify-center text-gray-400 hover:text-gray-500">
+        <span class="sr-only">Previous month</span>
+        <Icon name="chevron-right" size="h-5 w-5" class="rotate-180"/>
+      </button>
+      <button @click="setSelectedDate(this.today)" type="button" class="flex flex-none items-center justify-center text-gray-400 hover:text-gray-500">
+        <span class="text-xs mt-1">Today</span>
+      </button>
+      <button @click="changeMonth(1)" type="button" class="flex flex-none items-center justify-center text-gray-400 hover:text-gray-500">
+        <span class="sr-only">Next month</span>
+        <Icon name="chevron-right" size="h-5 w-5" />
+      </button>
+    </div>
+  </div>
+
+  <div class="mt-5 grid grid-cols-7 gap-2 text-center text-gray-500" style="font-size: 0.65rem;">
+    <div v-for="(day, index) in sortedDaysOfWeek" :key="day" v-text="day" class="hover:cursor-pointer hover:underline"
+      title="set as start of week" @click="$notesiumState.startOfWeek = ($notesiumState.startOfWeek + index) % 7"></div>
+  </div>
+
+  <div class="mt-3 grid grid-cols-7 gap-2 text-center pb-4 select-none items-center justify-items-center justify-center" style="font-size: 0.65rem;">
+    <div v-for="day in displayedMonthDates" :key="day.date"
+      @click="setSelectedDate(day.date)"
+      @dblclick="$emit('date-dblclick', day.date)"
+      :class="selectedDate === day.date ? (day.isToday ? 'bg-indigo-500' : 'bg-gray-500') : 'hover:bg-gray-200'"
+      class="flex flex-col h-6 w-6 hover:cursor-pointer rounded-full">
+      <span v-text="day.day" class="mt-1" :class="[
+        selectedDate === day.date ? 'text-white' : day.isToday ? 'text-indigo-500' : day.isCurrentMonth ? 'text-gray-900' : 'text-gray-400',
+        (selectedDate === day.date || day.isToday) ? 'font-semibold' : '']"></span>
+      <span class="-mt-1.5">
+        <span v-text="getDotForType(day.date, 'weekly')" :class="selectedDate == day.date ? 'text-white' : 'text-emerald-500'"></span>
+        <span v-text="getDotForType(day.date, 'daily')" :class="selectedDate == day.date ? 'text-white' : 'text-indigo-300'"></span>
+      </span>
+    </div>
+  </div>
+
+</div>
+`
+
+import Icon from './icon.js'
+import { formatDate } from './dateutils.js';
+export default {
+  props: {
+    dottedDates: { type: Object, default: {} },
+  },
+  emits: ['date-selected', 'date-dblclick'],
+  components: { Icon },
+  data() {
+    return {
+      today: null,
+      selectedDate: null,
+      displayedMonth: null,
+    }
+  },
+  methods: {
+    getDotForType(dateStr, type) {
+      const noteTypes = this.dottedDates[dateStr];
+      if (noteTypes && noteTypes.includes(type)) return '•';
+      return '';
+    },
+    getCalendarDays(year, month) {
+      const startDate = new Date(year, month, 1);
+      const endDate = new Date(year, month + 1, 0); // Last day of the month
+      const days = [];
+
+      // Previous month days
+      let startDayOfWeek = startDate.getDay() - this.$notesiumState.startOfWeek;
+      if (startDayOfWeek < 0) startDayOfWeek += 7;
+      for (let i = startDayOfWeek; i > 0; i--) {
+        const date = new Date(year, month, 1 - i);
+        days.push({
+          date: formatDate(date, '%Y-%m-%d'),
+          day: date.getDate(),
+        });
+      }
+
+      // Current month days
+      for (let day = 1; day <= endDate.getDate(); day++) {
+        const date = new Date(year, month, day);
+        const dateStr = formatDate(date, '%Y-%m-%d');
+        days.push({
+          date: dateStr,
+          day: day,
+          isCurrentMonth: true,
+          isToday: dateStr === this.today,
+        });
+      }
+
+      // Next month days to complete the week
+      let endDayOfWeek = endDate.getDay();
+      let daysToAdd = 6 - ((endDayOfWeek - this.$notesiumState.startOfWeek + 7) % 7);
+      if ((days.length + daysToAdd) == 35) daysToAdd += 7;
+      for (let i = 1; i <= daysToAdd; i++) {
+        const date = new Date(year, month + 1, i);
+        days.push({
+          date: formatDate(date, '%Y-%m-%d'),
+          day: date.getDate(),
+        });
+      }
+
+      return days;
+    },
+    setSelectedDate(dateStr) {
+      this.selectedDate = dateStr;
+      this.$emit('date-selected', this.selectedDate);
+      const dateParts = this.selectedDate.split('-');
+      const selectedYear = parseInt(dateParts[0], 10);
+      const selectedMonth = parseInt(dateParts[1], 10);
+      const displayedMonthDate = new Date(this.displayedMonth);
+      if (selectedYear !== displayedMonthDate.getFullYear() || selectedMonth !== displayedMonthDate.getMonth() + 1) {
+        this.displayedMonth = new Date(selectedYear, selectedMonth - 1, 1);
+      }
+    },
+    changeMonth(increment) {
+      this.displayedMonth = new Date(this.displayedMonth.getFullYear(), this.displayedMonth.getMonth() + increment, 1);
+    },
+  },
+  computed: {
+    formattedMonthYear() {
+      return this.displayedMonth.toLocaleString('default', { month: 'short', year: 'numeric' });
+    },
+    displayedMonthDates() {
+      const year = this.displayedMonth.getFullYear();
+      const month = this.displayedMonth.getMonth(); // getMonth is 0-indexed
+      return this.getCalendarDays(year, month)
+    },
+    sortedDaysOfWeek() {
+      const daysOfWeek = ['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT'];
+      return [...daysOfWeek.slice(this.$notesiumState.startOfWeek), ...daysOfWeek.slice(0, this.$notesiumState.startOfWeek)];
+    },
+  },
+  created() {
+    this.displayedMonth = new Date();
+    this.today = formatDate(this.displayedMonth, '%Y-%m-%d');
+  },
+  mounted() {
+    this.setSelectedDate(this.today);
+  },
+  template: t
+}