Merge pull request #124 from djedi/feat/note-templates

Feat/note templates

Author: djedi

app/models.py

@@ -8,6 +8,7 @@
     DateTime,
     LargeBinary,
     ForeignKey,
+    Text,
     event,
     text,
 )
@@ -222,6 +223,8 @@ class User(Base):
     kanban_columns = Column(String(512), nullable=True, default='["todo", "done"]')
     week_start_monday = Column(Boolean, nullable=True, default=False)
     email_encrypted = Column("email", LargeBinary, nullable=True)
+    daily_template = Column(Text, nullable=True)  # Template for daily notes
+    note_template = Column(Text, nullable=True)  # Template for regular notes
     notes = relationship("Note", lazy="dynamic", cascade="all, delete, delete-orphan")
     meta = relationship("Meta", lazy="dynamic", cascade="all, delete, delete-orphan")
     external_calendars = relationship(

app/routes.py

@@ -1549,9 +1549,11 @@ async def get_date():
     if not user:
         abort(400)
 
+    # Use user's custom daily template if set, otherwise use default
+    default_template = user.daily_template or "---\ntags: \nprojects: \n---\n\n"
     ret_note = {
         "title": date,
-        "data": "---\ntags: \nprojects: \n---\n\n",
+        "data": default_template,
         "is_date": True,
         "user_id": user.uuid,
     }
@@ -1636,6 +1638,8 @@ async def sidebar_data():
             kanban_enabled=kanban_enabled,
             kanban_columns=kanban_columns,
             week_start_monday=week_start_monday,
+            daily_template=user.daily_template,
+            note_template=user.note_template,
         ),
         200,
     )
@@ -1720,6 +1724,8 @@ async def get_settings():
             kanban_enabled=user.kanban_enabled or False,
             kanban_columns=kanban_columns,
             week_start_monday=user.week_start_monday or False,
+            daily_template=user.daily_template,
+            note_template=user.note_template,
         ),
         200,
     )
@@ -1764,6 +1770,12 @@ async def update_settings():
     if "week_start_monday" in req:
         user.week_start_monday = req["week_start_monday"]
 
+    if "daily_template" in req:
+        user.daily_template = req["daily_template"] or None
+
+    if "note_template" in req:
+        user.note_template = req["note_template"] or None
+
     db.session.add(user)
     db.session.flush()
     db.session.commit()
@@ -1783,6 +1795,8 @@ async def update_settings():
             kanban_enabled=user.kanban_enabled or False,
             kanban_columns=kanban_columns,
             week_start_monday=user.week_start_monday or False,
+            daily_template=user.daily_template,
+            note_template=user.note_template,
         ),
         200,
     )

client/src/components/Calendar.vue

@@ -40,6 +40,11 @@ onMounted(() => {
 
 const changeDate = async (value: Date | null) => {
   if (value) {
+    // Blur any focused element to prevent aria-hidden warning from Buefy datepicker
+    if (document.activeElement instanceof HTMLElement) {
+      document.activeElement.blur();
+    }
+
     const previousRoute = route.params.id;
     const previousDate = sidebar.date;
 

client/src/components/Settings.vue

@@ -314,6 +314,49 @@
           </div>
         </div>
 
+        <div class="settings-card templates-card">
+          <p class="section-title">Templates</p>
+          <p class="section-hint">Set default content for new notes.</p>
+
+          <div class="template-section">
+            <div class="template-header">
+              <span class="template-label">Daily note template</span>
+              <b-button size="is-small" @click="saveDailyTemplate">Save</b-button>
+            </div>
+            <b-field>
+              <b-input
+                v-model="localDailyTemplate"
+                type="textarea"
+                placeholder="---&#10;tags: &#10;projects: &#10;---&#10;&#10;"
+                rows="5"
+                class="template-textarea"
+              />
+            </b-field>
+            <p class="setting-hint">
+              Template used when creating a new daily note. Leave empty to use the default.
+            </p>
+          </div>
+
+          <div class="template-section">
+            <div class="template-header">
+              <span class="template-label">Other note template</span>
+              <b-button size="is-small" @click="saveNoteTemplate">Save</b-button>
+            </div>
+            <b-field>
+              <b-input
+                v-model="localNoteTemplate"
+                type="textarea"
+                placeholder="---&#10;title: &#10;tags: &#10;projects: &#10;---&#10;&#10;"
+                rows="5"
+                class="template-textarea"
+              />
+            </b-field>
+            <p class="setting-hint">
+              Template used when creating a new note (not daily). Leave empty to use the default.
+            </p>
+          </div>
+        </div>
+
         <div class="settings-card about-card">
           <p class="section-title">About</p>
           <div class="about-info">
@@ -357,6 +400,8 @@ const localDirection = ref<DirectionPreference>('ltr');
 const localKanbanEnabled = ref(false);
 const localKanbanColumns = ref<string[]>(['todo', 'done']);
 const localWeekStartMonday = ref(false);
+const localDailyTemplate = ref('');
+const localNoteTemplate = ref('');
 
 // Email management
 const hasEmail = ref(false);
@@ -404,6 +449,8 @@ onMounted(() => {
   localKanbanEnabled.value = sidebar.kanbanEnabled;
   localKanbanColumns.value = [...sidebar.kanbanColumns];
   localWeekStartMonday.value = sidebar.weekStartMonday;
+  localDailyTemplate.value = sidebar.dailyTemplate || '';
+  localNoteTemplate.value = sidebar.noteTemplate || '';
 
   fetchCalendarUrl();
   fetchExternalCalendars();
@@ -690,6 +737,26 @@ const saveColumns = () => {
   }
 };
 
+const saveDailyTemplate = () => {
+  const template = localDailyTemplate.value.trim() || null;
+  sidebar.updateDailyTemplate(template);
+  buefy?.toast.open({
+    message: template ? 'Daily template saved' : 'Daily template reset to default',
+    type: 'is-success',
+    duration: 2000,
+  });
+};
+
+const saveNoteTemplate = () => {
+  const template = localNoteTemplate.value.trim() || null;
+  sidebar.updateNoteTemplate(template);
+  buefy?.toast.open({
+    message: template ? 'Note template saved' : 'Note template reset to default',
+    type: 'is-success',
+    duration: 2000,
+  });
+};
+
 const fetchCalendarUrl = async () => {
   calendarLoading.value = true;
   try {
@@ -1312,4 +1379,35 @@ const close = () => {
   gap: 8px;
   margin-top: 4px;
 }
+
+/* Templates section */
+.templates-card {
+  margin-top: 16px;
+}
+
+.template-section {
+  margin-bottom: 20px;
+}
+
+.template-section:last-child {
+  margin-bottom: 0;
+}
+
+.template-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.template-label {
+  color: var(--text-secondary);
+  font-weight: 500;
+}
+
+.template-textarea :deep(.textarea) {
+  font-family: 'Fira Code', monospace;
+  font-size: 13px;
+  resize: vertical;
+}
 </style>

client/src/services/sidebar.ts

@@ -76,6 +76,8 @@ class SidebarSerivce {
   public kanbanEnabled: boolean = false;
   public kanbanColumns: string[] = ['todo', 'done'];
   public weekStartMonday: boolean = false;
+  public dailyTemplate: string | null = null;
+  public noteTemplate: string | null = null;
   public currentNoteId: string | null = null;
   public date: Date | null = null;
   public sidebarLoading: boolean = false;
@@ -197,6 +199,8 @@ class SidebarSerivce {
         this.kanbanEnabled = res.data.kanban_enabled || false;
         this.kanbanColumns = res.data.kanban_columns || ['todo', 'done'];
         this.weekStartMonday = res.data.week_start_monday || false;
+        this.dailyTemplate = res.data.daily_template || null;
+        this.noteTemplate = res.data.note_template || null;
       }
 
       if (this.selectedSearch.length && this.searchString.length) {
@@ -288,6 +292,20 @@ class SidebarSerivce {
     } catch (_e) {}
   }
 
+  public async updateDailyTemplate(template: string | null) {
+    try {
+      await Requests.put('/settings', { daily_template: template });
+      this.dailyTemplate = template;
+    } catch (_e) {}
+  }
+
+  public async updateNoteTemplate(template: string | null) {
+    try {
+      await Requests.put('/settings', { note_template: template });
+      this.noteTemplate = template;
+    } catch (_e) {}
+  }
+
   public async updateTaskColumn(
     taskUuid: string,
     column: string

client/src/services/sse.ts

@@ -52,19 +52,15 @@ class SSEService {
    * Will automatically reconnect on disconnection.
    */
   connect(): void {
-    console.log('SSE: connect() called');
     if (this.abortController || this.isConnecting) {
-      console.log('SSE: Already connected or connecting, skipping');
       return;
     }
 
     const token = getToken();
     if (!token) {
-      console.warn('SSE: No auth token, skipping connection');
       return;
     }
 
-    console.log('SSE: Initiating connection...');
     this.isConnecting = true;
 
     // For SSE, we need to bypass the webpack-dev-server proxy which buffers responses.
@@ -91,7 +87,6 @@ class SSEService {
       // Create abort controller for this connection
       this.abortController = new AbortController();
 
-      console.log(`SSE: Fetching ${baseUrl}/events/stream`);
       const response = await fetch(`${baseUrl}/events/stream`, {
         method: 'GET',
         headers: {
@@ -101,7 +96,6 @@ class SSEService {
         signal: this.abortController.signal,
       });
 
-      console.log(`SSE: Response status ${response.status}`);
       if (!response.ok) {
         throw new Error(`SSE connection failed: ${response.status}`);
       }
@@ -114,8 +108,6 @@ class SSEService {
       this.reconnectAttempts = 0;
       this.reconnectDelay = 1000;
 
-      console.log('SSE: Connected');
-
       const reader = response.body.getReader();
       const decoder = new TextDecoder();
       let buffer = '';
@@ -127,7 +119,6 @@ class SSEService {
             const { done, value } = await reader.read();
 
             if (done) {
-              console.log('SSE: Stream ended');
               this.handleDisconnect();
               return;
             }
@@ -156,15 +147,13 @@ class SSEService {
               }
             }
           }
-        } catch (error) {
-          console.error('SSE: Stream error', error);
+        } catch (_error) {
           this.handleDisconnect();
         }
       };
 
       processStream();
-    } catch (error) {
-      console.error('SSE: Connection error', error);
+    } catch (_error) {
       this.isConnecting = false;
       this.handleDisconnect();
     }
@@ -192,11 +181,11 @@ class SSEService {
           eventHub.emit('sseTaskColumnUpdated', data);
           break;
         case 'connected':
-          console.log('SSE: Server acknowledged connection');
+          // Server acknowledged connection
           break;
       }
-    } catch (error) {
-      console.error('SSE: Failed to parse event data', error, dataStr);
+    } catch (_error) {
+      // Failed to parse event data
     }
   }
 
@@ -207,16 +196,13 @@ class SSEService {
     if (this.reconnectAttempts < this.maxReconnectAttempts) {
       this.reconnectAttempts++;
       const delay = this.reconnectDelay * 2 ** (this.reconnectAttempts - 1);
-      console.log(`SSE: Reconnecting in ${delay}ms (attempt ${this.reconnectAttempts})`);
 
       setTimeout(() => {
         const token = getToken();
         if (token) {
           this.connect();
         }
       }, delay);
-    } else {
-      console.warn('SSE: Max reconnect attempts reached');
     }
   }
 
@@ -229,7 +215,6 @@ class SSEService {
       this.abortController = null;
     }
     this.reconnectAttempts = this.maxReconnectAttempts; // Prevent auto-reconnect
-    console.log('SSE: Disconnected');
   }
 
   /**