npm - collabmd - Versions diffs - 0.1.23 → 0.1.25 - Mend

collabmd 0.1.23 → 0.1.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (648) hide show

package/{public → dist/client}/index.html RENAMED Viewed

@@ -5,15 +5,6 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="description" content="CollabMD — collaborative markdown vault. Edit markdown files together in realtime.">
   <title>CollabMD — Collaborative Markdown Vault</title>
-  <link rel="stylesheet" href="./assets/css/base.css">
-  <link rel="stylesheet" href="./assets/css/style.css">
-  <link
-    rel="stylesheet"
-    href="./assets/vendor/highlight/github-dark.min.css"
-    id="hljs-theme"
-    data-dark-href="./assets/vendor/highlight/github-dark.min.css"
-    data-light-href="./assets/vendor/highlight/github.min.css"
-  >
   <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect x='2' y='4' width='18' height='24' rx='3' fill='%23818cf8'/><rect x='12' y='4' width='18' height='24' rx='3' fill='%234f46e5' opacity='0.8'/><path d='M18 12h6M18 16h6M18 20h4' stroke='white' stroke-width='1.5' stroke-linecap='round'/></svg>">
   <script>
     if (
@@ -24,6 +15,10 @@
       document.documentElement.setAttribute('data-initial-file-requested', 'true');
     }
   </script>
+  <script type="module" crossorigin src="./assets/index-D20GlrKF.js"></script>
+  <link rel="modulepreload" crossorigin href="./assets/runtime-config-loader--hxFvh23.js">
+  <link rel="modulepreload" crossorigin href="./assets/preload-helper-Chd9yIcd.js">
+  <link rel="stylesheet" crossorigin href="./assets/index-B6m_KATZ.css">
 </head>
 <body>
   <a href="#editorContainer" class="sr-only skip-link">Skip to editor</a>
@@ -119,60 +114,74 @@
         </div>
         <div class="toolbar-right">
-          <button class="ui-button btn btn-ghost ui-toolbar-button hidden" id="fileHistoryBtn" aria-label="Open file history" title="View file history">
-            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-              <path d="M3 12a9 9 0 1 0 3-6.7"/>
-              <path d="M3 4v5h5"/>
-              <path d="M12 7v5l3 3"/>
-            </svg>
-            <span class="ui-toolbar-button-label" id="fileHistoryBtnLabel">History</span>
-          </button>
           <button class="ui-button btn btn-ghost ui-toolbar-button mobile-view-toggle" id="mobileViewToggle" aria-label="Toggle editor/preview" title="Toggle view">
             <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
             <span class="ui-toolbar-button-label">Preview</span>
           </button>
-          <button class="ui-button btn btn-ghost ui-toolbar-button ui-toolbar-button--name" id="editNameBtn" aria-label="Set name. Change display name" title="Change display name">
-            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 1 1 3 3L7 19l-4 1 1-4Z"/></svg>
-            <span class="ui-toolbar-button-label ui-toolbar-button-text" id="currentUserName">Set name</span>
+          <div class="user-avatars toolbar-presence-cluster" id="userAvatars"></div>
+          <button class="ui-button btn btn-ghost ui-toolbar-button toolbar-overflow-toggle" id="toolbarOverflowToggle" aria-label="Open more actions" aria-expanded="false" title="More actions">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true">
+              <circle cx="12" cy="12" r="1"/>
+              <circle cx="19" cy="12" r="1"/>
+              <circle cx="5" cy="12" r="1"/>
+            </svg>
           </button>
-          <div class="user-avatars" id="userAvatars"></div>
-          <div class="chat-container" id="chatContainer">
-            <button class="ui-button btn btn-ghost ui-toolbar-button chat-toggle-btn" id="chatToggleBtn" aria-label="Open team chat" aria-expanded="false" title="Team chat">
-              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
-              <span class="ui-toolbar-button-label">Chat</span>
-              <span class="ui-pill-badge ui-pill-badge--solid ui-pill-badge--count chat-toggle-badge hidden" id="chatToggleBadge">0</span>
+          <div class="toolbar-overflow-menu" id="toolbarOverflowMenu">
+            <button class="ui-button btn btn-ghost ui-toolbar-button hidden" id="fileHistoryBtn" aria-label="Open file history" title="View file history">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path d="M3 12a9 9 0 1 0 3-6.7"/>
+                <path d="M3 4v5h5"/>
+                <path d="M12 7v5l3 3"/>
+              </svg>
+              <span class="ui-toolbar-button-label" id="fileHistoryBtnLabel">History</span>
+            </button>
+            <button class="ui-button btn btn-ghost ui-toolbar-button ui-toolbar-button--name" id="editNameBtn" aria-label="Set name. Change display name" title="Change display name">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 1 1 3 3L7 19l-4 1 1-4Z"/></svg>
+              <span class="ui-toolbar-button-label ui-toolbar-button-text" id="currentUserName">Set name</span>
             </button>
-            <div class="toast-container chat-toast-container" id="chatToastContainer" aria-live="polite" aria-atomic="true"></div>
-            <section class="chat-panel hidden" id="chatPanel" aria-label="Team chat">
-              <div class="chat-panel-header">
-                <div>
-                  <h2 class="chat-panel-title">Team chat</h2>
-                  <p class="chat-panel-status" id="chatStatus">Syncing...</p>
+            <div class="chat-container" id="chatContainer">
+              <button class="ui-button btn btn-ghost ui-toolbar-button chat-toggle-btn" id="chatToggleBtn" aria-label="Open team chat" aria-expanded="false" title="Team chat">
+                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
+                <span class="ui-toolbar-button-label">Chat</span>
+                <span class="ui-pill-badge ui-pill-badge--solid ui-pill-badge--count chat-toggle-badge hidden" id="chatToggleBadge">0</span>
+              </button>
+              <div class="toast-container chat-toast-container" id="chatToastContainer" aria-live="polite" aria-atomic="true"></div>
+              <section class="chat-panel hidden" id="chatPanel" aria-label="Team chat">
+                <div class="chat-panel-header">
+                  <div>
+                    <h2 class="chat-panel-title">Team chat</h2>
+                    <p class="chat-panel-status" id="chatStatus">Syncing...</p>
+                  </div>
+                  <button class="ui-button ui-button--compact ui-pill-button ui-action-pill ui-action-pill--surface btn btn-secondary chat-notification-action" id="chatNotificationBtn" type="button">Enable alerts</button>
                 </div>
-                <button class="ui-button ui-button--compact ui-pill-button ui-action-pill ui-action-pill--surface btn btn-secondary chat-notification-action" id="chatNotificationBtn" type="button">Enable alerts</button>
-              </div>
-              <div class="chat-empty-state" id="chatEmptyState">
-                Temporary room chat for whoever is online right now.
-              </div>
-              <div class="chat-messages hidden" id="chatMessages" role="log" aria-live="polite" aria-relevant="additions text"></div>
+                <div class="chat-empty-state" id="chatEmptyState">
+                  Temporary room chat for whoever is online right now.
+                </div>
+                <div class="chat-messages hidden" id="chatMessages" role="log" aria-live="polite" aria-relevant="additions text"></div>
-              <form class="chat-form" id="chatForm">
-                <input type="text" class="input chat-input" id="chatInput" placeholder="Send a quick update..." autocomplete="off" spellcheck="true" maxlength="280" aria-label="Team chat message">
-                <button type="submit" class="ui-button btn btn-primary chat-send-btn">Send</button>
-              </form>
-            </section>
+                <form class="chat-form" id="chatForm">
+                  <input type="text" class="input chat-input" id="chatInput" placeholder="Send a quick update..." autocomplete="off" spellcheck="true" maxlength="280" aria-label="Team chat message">
+                  <button type="submit" class="ui-button btn btn-primary chat-send-btn">Send</button>
+                </form>
+              </section>
+            </div>
+            <button class="ui-button btn btn-ghost ui-toolbar-button" id="shareBtn" aria-label="Share. Copy link" title="Share link">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
+              <span class="ui-toolbar-button-label">Share</span>
+            </button>
+            <button class="ui-button btn btn-ghost ui-toolbar-button" id="themeToggleBtn" data-theme-toggle aria-label="Toggle theme" title="Toggle theme">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>
+              <span class="ui-toolbar-button-label">Theme</span>
+            </button>
           </div>
-          <button class="ui-button btn btn-ghost ui-toolbar-button" id="shareBtn" aria-label="Share. Copy link" title="Share link">
-            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
-            <span class="ui-toolbar-button-label">Share</span>
-          </button>
-          <button class="ui-button btn btn-ghost ui-toolbar-button" data-theme-toggle aria-label="Toggle theme" title="Toggle theme">
-            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>
-          </button>
         </div>
       </header>
@@ -229,121 +238,7 @@
                 </button>
               </div>
             </div>
-            <div id="markdownToolbar" class="markdown-toolbar hidden" role="toolbar" aria-label="Markdown formatting">
-              <button type="button" class="ui-icon-button ui-icon-button--toolbar ui-toolbar-action" data-markdown-action="heading" aria-label="Toggle heading" title="Toggle heading">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                  <path d="M4 6v12"/>
-                  <path d="M14 6v12"/>
-                  <path d="M4 12h10"/>
-                  <path d="M18 18h3"/>
-                  <path d="M19.5 6v12"/>
-                </svg>
-              </button>
-              <button type="button" class="ui-icon-button ui-icon-button--toolbar ui-toolbar-action" data-markdown-action="bold" aria-label="Bold" title="Bold">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                  <path d="M7 5h6a4 4 0 0 1 0 8H7z"/>
-                  <path d="M7 13h7a4 4 0 0 1 0 8H7z"/>
-                </svg>
-              </button>
-              <button type="button" class="ui-icon-button ui-icon-button--toolbar ui-toolbar-action" data-markdown-action="italic" aria-label="Italic" title="Italic">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                  <path d="M14 4h6"/>
-                  <path d="M4 20h6"/>
-                  <path d="M14 4 10 20"/>
-                </svg>
-              </button>
-              <button type="button" class="ui-icon-button ui-icon-button--toolbar ui-toolbar-action" data-markdown-action="strikethrough" aria-label="Strikethrough" title="Strikethrough">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                  <path d="M6 6.5c1.4-1.2 3.2-1.9 5.4-1.9 3.1 0 5.6 1.4 5.6 3.9 0 2.1-1.7 3-4.3 3.5l-2.4.5c-2.7.5-4.3 1.6-4.3 3.6 0 2.7 2.7 4.2 6 4.2 2.1 0 4.2-.6 5.7-1.8"/>
-                  <path d="M3 12h18"/>
-                </svg>
-              </button>
-              <button type="button" class="ui-icon-button ui-icon-button--toolbar ui-toolbar-action" data-markdown-action="link" aria-label="Insert link" title="Insert link">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                  <path d="M10 13a5 5 0 0 0 7.54.54l2.92-2.92a5 5 0 0 0-7.07-7.07L11.5 5.4"/>
-                  <path d="M14 11a5 5 0 0 0-7.54-.54L3.54 13.38a5 5 0 1 0 7.07 7.07L12.5 18.6"/>
-                </svg>
-              </button>
-              <button type="button" class="ui-icon-button ui-icon-button--toolbar ui-toolbar-action" data-markdown-action="image" aria-label="Insert image" title="Insert image">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                  <rect x="3" y="5" width="18" height="14" rx="2"/>
-                  <circle cx="9" cy="10" r="1.5"/>
-                  <path d="m21 16-5.5-5.5L7 19"/>
-                </svg>
-              </button>
-              <button type="button" class="ui-icon-button ui-icon-button--toolbar ui-toolbar-action" data-markdown-action="video" aria-label="Insert video" title="Insert video">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                  <rect x="3" y="5" width="18" height="14" rx="2"/>
-                  <path d="m10 9 5 3-5 3z" fill="currentColor" stroke="none"/>
-                </svg>
-              </button>
-              <span class="markdown-toolbar-separator" aria-hidden="true"></span>
-              <button type="button" class="ui-icon-button ui-icon-button--toolbar ui-toolbar-action" data-markdown-action="quote" aria-label="Toggle quote" title="Toggle quote">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                  <path d="M8 17H5a2 2 0 0 1-2-2v-3a6 6 0 0 1 6-6"/>
-                  <path d="M19 17h-3a2 2 0 0 1-2-2v-3a6 6 0 0 1 6-6"/>
-                </svg>
-              </button>
-              <button type="button" class="ui-icon-button ui-icon-button--toolbar ui-toolbar-action" data-markdown-action="bullet-list" aria-label="Toggle bullet list" title="Toggle bullet list">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true">
-                  <circle cx="5" cy="7" r="1.25" fill="currentColor" stroke="none"/>
-                  <circle cx="5" cy="12" r="1.25" fill="currentColor" stroke="none"/>
-                  <circle cx="5" cy="17" r="1.25" fill="currentColor" stroke="none"/>
-                  <path d="M9 7h10"/>
-                  <path d="M9 12h10"/>
-                  <path d="M9 17h10"/>
-                </svg>
-              </button>
-              <button type="button" class="ui-icon-button ui-icon-button--toolbar ui-toolbar-action" data-markdown-action="numbered-list" aria-label="Toggle numbered list" title="Toggle numbered list">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                  <path d="M10 7h10"/>
-                  <path d="M10 12h10"/>
-                  <path d="M10 17h10"/>
-                  <path d="M4 6h2v4"/>
-                  <path d="M4 14c0-1 2-2 2-3s-.45-1-1-1-1 .45-1 1"/>
-                  <path d="M4 17h2"/>
-                </svg>
-              </button>
-              <button type="button" class="ui-icon-button ui-icon-button--toolbar ui-toolbar-action" data-markdown-action="task-list" aria-label="Toggle task list" title="Toggle task list">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                  <rect x="3.5" y="4.5" width="4" height="4" rx="1"/>
-                  <rect x="3.5" y="10.5" width="4" height="4" rx="1"/>
-                  <path d="M10 6.5h10"/>
-                  <path d="M10 12.5h10"/>
-                  <path d="m4.5 19 1.5 1.5L9.5 17"/>
-                  <path d="M10 18.5h10"/>
-                </svg>
-              </button>
-              <button type="button" class="ui-icon-button ui-icon-button--toolbar ui-toolbar-action" data-markdown-action="table" aria-label="Insert table" title="Insert table">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                  <rect x="3" y="5" width="18" height="14" rx="1"/>
-                  <path d="M3 10h18"/>
-                  <path d="M9 5v14"/>
-                  <path d="M15 5v14"/>
-                </svg>
-              </button>
-              <span class="markdown-toolbar-separator" aria-hidden="true"></span>
-              <button type="button" class="ui-icon-button ui-icon-button--toolbar ui-toolbar-action" data-markdown-action="code" aria-label="Inline code" title="Inline code">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                  <path d="m8 9-4 3 4 3"/>
-                  <path d="m16 9 4 3-4 3"/>
-                  <path d="m13 6-2 12"/>
-                </svg>
-              </button>
-              <button type="button" class="ui-icon-button ui-icon-button--toolbar ui-toolbar-action" data-markdown-action="code-block" aria-label="Code block" title="Code block">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                  <path d="m9 18-6-6 6-6"/>
-                  <path d="m15 6 6 6-6 6"/>
-                </svg>
-              </button>
-              <button type="button" class="ui-icon-button ui-icon-button--toolbar ui-toolbar-action" data-markdown-action="horizontal-rule" aria-label="Insert horizontal rule" title="Insert horizontal rule">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                  <path d="M4 12h16"/>
-                  <path d="M9 8h6"/>
-                  <path d="M9 16h6"/>
-                </svg>
-              </button>
-            </div>
+            <div id="markdownToolbar" class="markdown-toolbar hidden" role="toolbar" aria-label="Markdown formatting"></div>
             <div id="editorContainer" class="editor-container">
               <div class="editor-loading" id="editorLoading">
                 <div class="skeleton-line skeleton-line--title skeleton-line--break"></div>
@@ -378,11 +273,11 @@
               <div id="previewContainer" class="preview-container">
                 <div id="previewContent" class="preview-content"></div>
                 <div id="backlinksInlinePanel" class="backlinks-panel backlinks-panel-inline hidden">
-                  <div class="backlinks-header" role="button" tabindex="0" aria-expanded="false">
+                  <button type="button" class="backlinks-header" aria-expanded="false">
                     <svg class="backlinks-chevron" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>
                     <span class="backlinks-toggle">0 Linked Mentions</span>
                     <span class="backlinks-count"></span>
-                  </div>
+                  </button>
                   <div class="backlinks-body" aria-hidden="true" inert>
                     <div class="backlinks-list"></div>
                   </div>
@@ -390,11 +285,11 @@
               </div>
               <div id="backlinksPanel" class="backlinks-panel-layer hidden">
                 <div class="backlinks-panel backlinks-panel-dock" data-backlinks-variant="dock">
-                  <div class="backlinks-header" role="button" tabindex="0" aria-expanded="false">
+                  <button type="button" class="backlinks-header" aria-expanded="false">
                     <svg class="backlinks-chevron" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>
                     <span class="backlinks-toggle">0 Linked Mentions</span>
                     <span class="backlinks-count"></span>
-                  </div>
+                  </button>
                   <div class="backlinks-body" aria-hidden="true" inert>
                     <div class="backlinks-list"></div>
                   </div>
@@ -573,7 +468,5 @@
       <div class="qs-hint" id="quickSwitcherHint">Type to search files</div>
     </div>
   </div>
-  <script src="./app-config.js"></script>
-  <script type="module" src="./assets/js/main.js"></script>
 </body>
 </html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "collabmd",
-  "version": "0.1.23",
+  "version": "0.1.25",
   "type": "module",
   "description": "Collaborative markdown vault — like Obsidian, but online. Serve any directory of markdown files for realtime collaborative editing.",
   "repository": {
@@ -14,8 +14,8 @@
   "files": [
     "README.md",
     "bin/",
+    "dist/",
     "docker-compose.yml",
-    "public/",
     "scripts/cloudflare-tunnel.mjs",
     "scripts/local-plantuml-compose.mjs",
     "server.js",
@@ -26,9 +26,11 @@
   },
   "scripts": {
     "prepack": "npm run build",
-    "build": "node scripts/build-client.mjs",
+    "build": "vite build",
     "capture:readme-assets": "node scripts/capture-readme-assets.mjs",
-    "check": "npm run build && npm run lint && npm run test:guardrails && npm run test:unit",
+    "check": "npm run lint && npm run test:guardrails && npm run test:unit && npm run test:browser",
+    "dev:client": "vite",
+    "dev:server": "node bin/collabmd.js --no-tunnel",
     "homebrew:formula": "node scripts/render-homebrew-formula.mjs",
     "lint": "eslint .",
     "plantuml:up": "node scripts/local-plantuml-compose.mjs up",
@@ -36,7 +38,8 @@
     "start": "npm run build && node bin/collabmd.js",
     "start:local-plantuml": "npm run build && node bin/collabmd.js --local-plantuml",
     "start:prod": "node bin/collabmd.js",
-    "test": "npm run test:unit && npm run test:e2e",
+    "test": "npm run test:unit && npm run test:browser && npm run test:e2e",
+    "test:browser": "vitest run --config vitest.config.mjs --browser=chromium",
     "test:e2e": "playwright test",
     "test:e2e:headed": "playwright test --headed",
     "test:guardrails": "node --test tests/node/architecture-boundaries.test.js tests/node/facade-structure.test.js",
@@ -87,8 +90,11 @@
   },
   "devDependencies": {
     "@playwright/test": "^1.58.2",
-    "esbuild": "^0.27.3",
+    "@vitest/browser": "^4.1.0",
+    "@vitest/browser-playwright": "^4.1.0",
     "eslint": "^9.22.0",
-    "globals": "^16.0.0"
+    "globals": "^16.0.0",
+    "vite": "^8.0.1",
+    "vitest": "^4.1.0"
   }
 }

package/src/client/app/excalidraw-editor-entry.js ADDED Viewed

@@ -0,0 +1,4 @@
+import { ensureRuntimeConfigLoaded } from '../infrastructure/runtime-config-loader.js';
+await ensureRuntimeConfigLoaded();
+await import('../excalidraw-editor.js');

package/{public → src/client/app}/excalidraw-editor.html RENAMED Viewed

@@ -4,7 +4,6 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Excalidraw — CollabMD</title>
-  <link rel="stylesheet" href="./assets/js/excalidraw-editor.css">
   <style>
     * { margin: 0; padding: 0; box-sizing: border-box; }
     html, body { width: 100%; height: 100%; overflow: hidden; background: transparent; }
@@ -20,12 +19,11 @@
     }
     .loading-state.error { color: #e55; }
   </style>
-  <script src="./app-config.js"></script>
 </head>
 <body>
   <div id="root">
     <div class="loading-state" id="loadingState">Loading Excalidraw...</div>
   </div>
-  <script type="module" src="./assets/js/excalidraw-editor.js"></script>
+  <script type="module" src="./excalidraw-editor-entry.js"></script>
 </body>
 </html>