Initial release v1.2.0 — Hellion NewTab Browser Extension

Persoenlicher Bookmark-Dashboard als Browser-Extension.
8 Themes, Drag & Drop, Sticky Notes, JSON Export/Import.
Chrome, Edge, Brave, Opera, Vivaldi (MV3) + Firefox (MV2).

Includes GitHub Actions for security scanning, code quality
validation, and automated release packaging.

src/js/sticky.js

@@ -0,0 +1,78 @@
+/* =============================================
+   HELLION NEWTAB — sticky.js
+   Sticky Note: draggable, persistent
+   ============================================= */
+
+function initStickyNote() {
+  const note     = document.getElementById('stickyNote');
+  const body     = document.getElementById('stickyNoteBody');
+  const header   = document.getElementById('stickyNoteHeader');
+  const btnClose = document.getElementById('stickyNoteClose');
+  const btnNote  = document.getElementById('btnNote');
+  if (!note || !body) return;
+
+  // Gespeicherten Text & Position laden
+  Store.get('stickyNote').then(val => { if (val) body.value = val; });
+  Store.get('stickyPos').then(pos => {
+    if (pos) {
+      note.style.right = 'auto'; note.style.bottom = 'auto';
+      note.style.left = pos.x + 'px'; note.style.top = pos.y + 'px';
+    }
+  });
+  Store.get('stickyVisible').then(vis => { if (vis) note.classList.add('visible'); });
+
+  // Text speichern (debounced)
+  let saveTimer;
+  body.addEventListener('input', () => {
+    clearTimeout(saveTimer);
+    saveTimer = setTimeout(() => Store.set('stickyNote', body.value), 600);
+  });
+
+  // Toggle
+  btnNote.addEventListener('click', async () => {
+    const visible = note.classList.toggle('visible');
+    await Store.set('stickyVisible', visible);
+    if (visible) body.focus();
+  });
+  btnClose.addEventListener('click', async () => {
+    note.classList.remove('visible');
+    await Store.set('stickyVisible', false);
+  });
+
+  // Drag via Pointer Events
+  header.style.cursor = 'grab';
+  header.addEventListener('pointerdown', e => {
+    if (e.target === btnClose || e.target.closest('.sticky-note-close')) return;
+    e.preventDefault();
+    header.setPointerCapture(e.pointerId);
+    header.style.cursor = 'grabbing';
+
+    const rect = note.getBoundingClientRect();
+    note.style.right  = 'auto'; note.style.bottom = 'auto';
+    note.style.left   = rect.left + 'px'; note.style.top = rect.top + 'px';
+
+    const offX = e.clientX - rect.left;
+    const offY = e.clientY - rect.top;
+
+    function onMove(ev) {
+      const maxX = window.innerWidth  - note.offsetWidth;
+      const maxY = window.innerHeight - note.offsetHeight;
+      note.style.left = Math.max(0, Math.min(maxX, ev.clientX - offX)) + 'px';
+      note.style.top  = Math.max(48, Math.min(maxY, ev.clientY - offY)) + 'px';
+    }
+
+    async function onUp() {
+      header.style.cursor = 'grab';
+      header.releasePointerCapture(e.pointerId);
+      header.removeEventListener('pointermove', onMove);
+      header.removeEventListener('pointerup', onUp);
+      await Store.set('stickyPos', {
+        x: parseFloat(note.style.left),
+        y: parseFloat(note.style.top)
+      });
+    }
+
+    header.addEventListener('pointermove', onMove);
+    header.addEventListener('pointerup', onUp);
+  });
+}