Skip to content

Safe Refactor and Feature Cleanup of Markdown Editor #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
apandey-dev merged 1 commit into from
Mar 8, 2026
Merged

Safe Refactor and Feature Cleanup of Markdown Editor #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
75 changes: 3 additions & 72 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -221,31 +221,6 @@ <h3>Menu</h3>
style="font-weight: 600; color: var(--accent-color); display: flex; align-items: center; gap: 6px;">
<i data-lucide="hard-drive" style="width:14px; height:14px;"></i> Local
</span>

<div class="toolbar-divider" style="height: 14px; margin: 0 8px;"></div>

<button id="btn-toggle-autosave" class="sb-action-btn" title="Toggle Auto-Save">
<i data-lucide="toggle-right" style="width: 16px; height: 16px; color: #10b981;"></i>
<span class="desktop-only" style="color: var(--text-color);">Auto-Save: ON</span>
</button>

<button id="btn-manual-save" class="sb-action-btn manual-save-btn" title="Save Note to Cloud & Local"
style="display: none;">
<i data-lucide="save" style="width: 14px; height: 14px;"></i>
<span class="desktop-only">Save Now</span>
</button>

<button id="btn-sync-current" class="sb-action-btn sync-note-btn" title="Sync Current Note to Cloud"
style="display: none;">
<i data-lucide="cloud-upload" style="width: 14px; height: 14px;"></i> <span
class="desktop-only">Sync Note</span>
</button>

<button id="btn-push-github" class="sb-action-btn push-all-btn" title="Bulk Upload to Cloud"
style="display: none;">
<i data-lucide="folder-up" style="width: 14px; height: 14px;"></i> <span class="desktop-only">Push
All</span>
</button>
</div>

<div class="sb-section">
Expand Down Expand Up @@ -298,11 +273,6 @@ <h3 class="modal-title" style="margin:0; display: flex; align-items: center; gap
<span id="manage-selected-count"
style="font-size: 0.95rem; font-weight: 600; display: flex; align-items: center; color: var(--text-color);">0
selected</span>
<div style="display: flex; gap: 8px;">
<button class="modal-btn btn-confirm" id="manage-btn-bulk-sync"
style="background-color: #10b981; color: white;"><i data-lucide="cloud-upload"></i> Sync/Push
Selected</button>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -397,34 +367,6 @@ <h3 class="modal-title">Rename Note</h3>
</div>
</div>

<div class="modal-overlay" id="bulk-sync-modal" style="z-index: 3000;">
<div class="modal-box"
style="width: 90vw; max-width: 500px; height: 75vh; max-height: 600px; display: flex; flex-direction: column; padding: 24px;">
<div style="flex-shrink: 0;">
<h3 class="modal-title flex-title"><i data-lucide="cloud-upload" style="color: #10b981;"></i> Select
Notes to Sync</h3>
<p style="font-size: 0.85rem; opacity: 0.7; margin-bottom: 16px;">Choose which local notes you want to
upload to your GitHub Workspace.</p>
</div>
<div id="bulk-sync-list"
style="flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; padding-right: 8px;">
</div>
<div class="modal-actions" style="flex-shrink: 0; flex-direction: row; justify-content: space-between;">
<div style="display: flex; gap: 8px;">
<button class="modal-btn" id="bulk-sync-all"
style="background: var(--hover-bg); color: var(--text-color); border: 1px solid var(--border-color);">Select
All</button>
<button class="modal-btn" id="bulk-sync-none"
style="background: var(--hover-bg); color: var(--text-color); border: 1px solid var(--border-color);">None</button>
</div>
<div style="display: flex; gap: 8px;">
<button class="modal-btn btn-cancel" id="bulk-sync-cancel">Cancel</button>
<button class="modal-btn btn-confirm" id="bulk-sync-confirm"
style="background-color: #10b981; color: white;">Start Upload</button>
</div>
</div>
</div>
</div>

<div class="modal-overlay" id="docs-modal" style="z-index: 4000;">
<div class="modal-box docs-modal-box">
Expand Down Expand Up @@ -649,19 +591,6 @@ <h3 class="modal-title flex-title"><i data-lucide="file-text"></i> Export Settin

<div id="toast" style="z-index: 99999 !important;">Notification</div>

<div id="upload-progress-widget" class="progress-widget hidden">
<div class="pw-header">
<span class="pw-title" id="pw-title">Uploading to Cloud</span>
<i data-lucide="loader" class="spin" id="pw-spinner" style="color: #10b981; width: 18px; height: 18px;"></i>
<i data-lucide="check-circle" id="pw-success"
style="color: #10b981; width: 18px; height: 18px; display: none;"></i>
</div>
<div class="pw-filename" id="pw-filename">Starting...</div>
<div class="pw-status" id="pw-status">0 out of 0 done</div>
<div class="pw-bar-track">
<div class="pw-bar-fill" id="pw-fill"></div>
</div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/9.1.0/marked.min.js"></script>
Expand All @@ -672,7 +601,9 @@ <h3 class="modal-title flex-title"><i data-lucide="file-text"></i> Export Settin

<script src="js/ui.js" defer></script>
<script src="js/github.js" defer></script>
<script src="js/editor.js" defer></script>
<script src="js/editor-state.js" defer></script>
<script src="js/editor-actions.js" defer></script>
<script src="js/editor-core.js" defer></script>
</body>

</html>
Loading