feat: enhance CSV editor with iCal URL generation

Author: fantasticmao

docs/index.html

@@ -17,9 +17,10 @@ <h1>CSV-to-iCal</h1>
         <a href="https://github.com/fantasticmao/csv-to-ical" target="_blank">project page</a>.
     </p>
 
-    <h2>CSV Data Edit And Preview</h2>
+    <h2>Edit CSV Data, Download or Get iCal URL</h2>
     <div id="editor-controls">
         <button id="download-btn">Download CSV</button>
+        <button id="get-link-btn">Get iCal URL</button>
     </div>
     <div id="csv-table-container"></div>
 </div>

docs/script.js

@@ -6,14 +6,14 @@ document.addEventListener('DOMContentLoaded', function () {
 
   let tableData = [
     ["Name", "Month", "Day", "Year", "Calendar_Type"],
-    ["New Year's Day", "1", "1", "2026", "solar"],
-    ["Chinese New Year's Day", "1", "1", "2026", "lunar"],
+    ["New Year", "1", "1", "2026", "solar"],
+    ["Chinese New Year", "1", "1", "2026", "lunar"],
     ["Women's Day", "3", "8", "2026", "solar"],
-    ["Children's Day", "6", "1", "2026", "solar"],
     ["Dragon Boat Festival", "5", "5", "2026", "lunar"],
-    ["Magpie Festival", "7", "7", "2026", "lunar"],
+    ["Children's Day", "6", "1", "2026", "solar"],
     ["Mid-Autumn Festival", "8", "15", "2026", "lunar"],
-    ["Christmas Day", "12", "25", "2026", "solar"]
+    ["Bruce Lee", "11", "27", "1940", "birthday_solar"],
+    ["Bruce Lee", "10", "28", "1940", "birthday_lunar"],
   ];
 
   // Find column indexes once
@@ -61,7 +61,7 @@ document.addEventListener('DOMContentLoaded', function () {
             for (let i = 1; i <= daysInMonth; i++) options += `<option value="${i}" ${i == cellText ? 'selected' : ''}>${i}</option>`;
           } else if (colIndex === yearColIndex) {
             const currentYear = new Date().getFullYear();
-            for (let i = currentYear - 50; i <= currentYear + 50; i++) options += `<option value="${i}" ${i == cellText ? 'selected' : ''}>${i}</option>`;
+            for (let i = 1900; i <= 2100; i++) options += `<option value="${i}" ${i == cellText ? 'selected' : ''}>${i}</option>`;
           } else if (colIndex === calendarTypeColIndex) {
             CALENDAR_TYPES.forEach(type => options += `<option value="${type}" ${type === cellText ? 'selected' : ''}>${type}</option>`);
           }
@@ -133,12 +133,28 @@ document.addEventListener('DOMContentLoaded', function () {
     const link = document.createElement('a');
     const url = URL.createObjectURL(blob);
     link.setAttribute('href', url);
-    link.setAttribute('download', 'calendar.csv');
+    link.setAttribute('download', 'csv-to-ical.csv');
     document.body.appendChild(link);
     link.click();
     document.body.removeChild(link);
   });
 
+  const getLinkBtn = document.getElementById('get-link-btn');
+  if (getLinkBtn) {
+    getLinkBtn.addEventListener('click', function () {
+      const csvContent = tableToCSV();
+      try {
+        const base64Content = btoa(csvContent);
+        const urlEncodedContent = encodeURIComponent(base64Content);
+        const subscriptionLink = `https://csv-to-ical.fantasticmao.cn/remote?base64=${urlEncodedContent}`;
+        window.open(subscriptionLink, '_blank');
+      } catch (e) {
+        console.error("Failed to encode CSV content: ", e);
+        alert("Could not generate link due to an encoding error.");
+      }
+    });
+  }
+
   // Drag and Drop handlers
   function handleDragStart(e) {
     draggedRowIndex = parseInt(e.target.dataset.rowIndex, 10);

docs/style.css

@@ -118,7 +118,6 @@ tr.drag-over {
   background-color: #218838;
 }
 
-.action-buttons {
-  display: flex;
-  gap: 5px; /* Creates space between buttons */
+.action-buttons button {
+  margin-right: 5px;
 }