Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -51,6 +51,25 @@ type Task = {
   createdBy?: string;
 };
 
+// ---- Filename helpers ----
+function toSafeName(input: string): string {
+  return String(input || '')
+    .replace(/[^\w\-\s]/g, '')
+    .trim()
+    .replace(/\s+/g, '_');
+}
+function pad2(n: number): string {
+  return n < 10 ? `0${n}` : String(n);
+}
+function yyyymmdd_hhmm(d = new Date()): string {
+  const Y = d.getFullYear();
+  const M = pad2(d.getMonth() + 1);
+  const D = pad2(d.getDate());
+  const h = pad2(d.getHours());
+  const m = pad2(d.getMinutes());
+  return `${Y}${M}${D}_${h}${m}`;
+}
+
 const mockTasks: Task[] = [
   { id: 't1', title: 'Refinity Demo Task 1', sourceText: 'The quick brown fox jumps over the lazy dog.' },
   { id: 't2', title: 'Refinity Demo Task 2', sourceText: 'To be, or not to be, that is the question.' },
@@ -1106,13 +1125,14 @@ const Refinity: React.FC = () => {
                               data-btn="download"
                               onClick={(e)=>{
                                 e.preventDefault(); e.stopPropagation();
-                                // Export single version content as simple .docx (inline changes off)
+                                // Export single version content as plain .docx (same as Editor “Without Annotations”)
                                 (async()=>{
                                   try {
                                     const base = ((api.defaults as any)?.baseURL as string || '').replace(/\/$/, '');
-                                    const latestReviser = (v.revisedBy || v.originalAuthor || username || 'User');
-                                    const filename = `${(task?.title||'Task').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_${(latestReviser||'User').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_v${v.versionNumber}.docx`;
-                                    const resp = await fetch(`${base}/api/refinity/track-changes`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ prev: '', current: v.content || '', filename }) });
+                                    const currentUser = username || 'User';
+                                    const filename = `${toSafeName(task?.title||'Task')}_${yyyymmdd_hhmm()}_${toSafeName(currentUser)}.docx`;
+                                    const body = { current: v.content || '', filename };
+                                    const resp = await fetch(`${base}/api/refinity/export-plain`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
                                     if (!resp.ok) throw new Error('Export failed');
                                     const blob = await resp.blob();
                                     const url = window.URL.createObjectURL(blob);
@@ -1230,7 +1250,8 @@ const Refinity: React.FC = () => {
                             try {
                               const base = ((api.defaults as any)?.baseURL as string || '').replace(/\/$/, '');
                               const latestReviser = (b.revisedBy || b.originalAuthor || username || 'User');
-                              const filename = `${(task?.title||'Task').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_${(latestReviser||'User').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_diff.docx`;
+                              const A = a.versionNumber, B = b.versionNumber;
+                              const filename = `${toSafeName(task?.title||'Task')}_Compare-v${A}-v${B}_Inline_${yyyymmdd_hhmm()}_${toSafeName(latestReviser)}.docx`;
                               const body = { prev: a.content||'', current: b.content||'', filename, authorName: latestReviser };
                               const resp = await fetch(`${base}/api/refinity/track-changes-comments`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
                               if (!resp.ok) throw new Error('Export failed');
@@ -1248,7 +1269,8 @@ const Refinity: React.FC = () => {
                             try {
                               const base = ((api.defaults as any)?.baseURL as string || '').replace(/\/$/, '');
                               const latestReviser = (b.revisedBy || b.originalAuthor || username || 'User');
-                              const filename = `${(task?.title||'Task').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_${(latestReviser||'User').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_ooxml.docx`;
+                              const A = a.versionNumber, B = b.versionNumber;
+                              const filename = `${toSafeName(task?.title||'Task')}_Compare-v${A}-v${B}_Comments_${yyyymmdd_hhmm()}_${toSafeName(latestReviser)}.docx`;
                               const body = { prev: a.content||'', current: b.content||'', filename, authorName: latestReviser };
                               const resp = await fetch(`${base}/api/refinity/track-changes-ooxml`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
                               if (!resp.ok) throw new Error('Export failed');
@@ -1311,7 +1333,8 @@ const Refinity: React.FC = () => {
                         if (!a || !b || a.id===b.id) return;
                         const base = ((api.defaults as any)?.baseURL as string || '').replace(/\/$/, '');
                         const latestReviser = (b?.revisedBy || b?.originalAuthor || username || 'User');
-                        const filename = `${(task?.title||'Task').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_${(latestReviser||'User').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_diff.docx`;
+                        const A = a.versionNumber, B = b.versionNumber;
+                        const filename = `${toSafeName(task?.title||'Task')}_Compare-v${A}-v${B}_Inline_${yyyymmdd_hhmm()}_${toSafeName(latestReviser)}.docx`;
                         const body = { prev: (a.content||''), current: (b.content||''), filename, authorName: latestReviser };
                         const resp = await fetch(`${base}/api/refinity/track-changes-comments`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
                         if (!resp.ok) throw new Error('Export failed');
@@ -1328,7 +1351,8 @@ const Refinity: React.FC = () => {
                         if (!a || !b || a.id===b.id) return;
                         const base = ((api.defaults as any)?.baseURL as string || '').replace(/\/$/, '');
                         const latestReviser = (b?.revisedBy || b?.originalAuthor || username || 'User');
-                        const filename = `${(task?.title||'Task').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_${(latestReviser||'User').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_ooxml.docx`;
+                        const A = a.versionNumber, B = b.versionNumber;
+                        const filename = `${toSafeName(task?.title||'Task')}_Compare-v${A}-v${B}_Comments_${yyyymmdd_hhmm()}_${toSafeName(latestReviser)}.docx`;
                         const body = { prev: (a.content||''), current: (b.content||''), filename, authorName: latestReviser };
                         const resp = await fetch(`${base}/api/refinity/track-changes-ooxml`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
                         if (!resp.ok) throw new Error('Export failed');
@@ -1611,9 +1635,9 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
     try {
       const base = ((api.defaults as any)?.baseURL as string || '').replace(/\/$/, '');
       const taskNameSafe = (taskTitle || 'Task').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_');
-      const userNameSafe = (username || 'User').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_');
+      const userNameSafe = toSafeName(username || 'User');
       const vNum = `v${nextVersionNumber}`;
-      const filename = `${taskNameSafe}_${userNameSafe}_${vNum}.docx`;
+      const filename = `${taskNameSafe}_${vNum}_Clean_${yyyymmdd_hhmm()}_${userNameSafe}.docx`;
       const resp = await fetch(`${base}/api/refinity/track-changes`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ prev: initialTranslation || '', current: text || '', filename }) });
       if (!resp.ok) throw new Error('Export failed');
       const blob = await resp.blob();
@@ -1739,8 +1763,8 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
               </button>
               {revDownloadOpen && revMenuPos && createPortal(
                 <div style={{ position: 'fixed', left: revMenuPos.left, top: revMenuPos.top, zIndex: 10000, maxHeight: '240px', overflowY: 'auto' }} className="w-56 rounded-md border border-gray-200 bg-white shadow-lg text-left">
-                  <button onClick={async()=>{ setRevDownloadOpen(false); try { const base=((api.defaults as any)?.baseURL as string||'').replace(/\/$/,''); const filename=`${(taskTitle||'Task').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_${(username||'User').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}.docx`; const body={ current: text||'', filename }; const resp=await fetch(`${base}/api/refinity/export-plain`,{ method:'POST', headers:{ 'Content-Type':'application/json' }, body: JSON.stringify(body) }); if(!resp.ok) throw new Error('Export failed'); const blob=await resp.blob(); const url=window.URL.createObjectURL(blob); const link=document.createElement('a'); link.href=url; link.download=filename; document.body.appendChild(link); link.click(); link.remove(); window.URL.revokeObjectURL(url);} catch {} }} className="block w-full text-left px-3 py-2 text-sm hover:bg-gray-50">Without Annotations</button>
-                  <button onClick={async()=>{ setRevDownloadOpen(false); try { const base=((api.defaults as any)?.baseURL as string||'').replace(/\/$/,''); const filename=`${(taskTitle||'Task').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_${(username||'User').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_annotated.docx`; const list=versionAnnotations.map(a=>({ start:a.start, end:a.end, category:a.category, comment:a.comment })); const body={ current: text||'', filename, annotations: list }; const resp=await fetch(`${base}/api/refinity/export-plain-with-annotations`,{ method:'POST', headers:{ 'Content-Type':'application/json' }, body: JSON.stringify(body) }); if(!resp.ok) throw new Error('Export failed'); const blob=await resp.blob(); const url=window.URL.createObjectURL(blob); const link=document.createElement('a'); link.href=url; link.download=filename; document.body.appendChild(link); link.click(); link.remove(); window.URL.revokeObjectURL(url);} catch {} }} className="block w-full text-left px-3 py-2 text-sm hover:bg-gray-50">With Annotations</button>
+                  <button onClick={async()=>{ setRevDownloadOpen(false); try { const base=((api.defaults as any)?.baseURL as string||'').replace(/\/$/,''); const filename=`${toSafeName(taskTitle||'Task')}_${yyyymmdd_hhmm()}_${toSafeName(username||'User')}.docx`; const body={ current: text||'', filename }; const resp=await fetch(`${base}/api/refinity/export-plain`,{ method:'POST', headers:{ 'Content-Type':'application/json' }, body: JSON.stringify(body) }); if(!resp.ok) throw new Error('Export failed'); const blob=await resp.blob(); const url=window.URL.createObjectURL(blob); const link=document.createElement('a'); link.href=url; link.download=filename; document.body.appendChild(link); link.click(); link.remove(); window.URL.revokeObjectURL(url);} catch {} }} className="block w-full text-left px-3 py-2 text-sm hover:bg-gray-50">Without Annotations</button>
+                  <button onClick={async()=>{ setRevDownloadOpen(false); try { const base=((api.defaults as any)?.baseURL as string||'').replace(/\/$/,''); const filename=`${toSafeName(taskTitle||'Task')}_v${nextVersionNumber}_Annotated_${yyyymmdd_hhmm()}_${toSafeName(username||'User')}.docx`; const list=versionAnnotations.map(a=>({ start:a.start, end:a.end, category:a.category, comment:a.comment })); const body={ current: text||'', filename, annotations: list }; const resp=await fetch(`${base}/api/refinity/export-plain-with-annotations`,{ method:'POST', headers:{ 'Content-Type':'application/json' }, body: JSON.stringify(body) }); if(!resp.ok) throw new Error('Export failed'); const blob=await resp.blob(); const url=window.URL.createObjectURL(blob); const link=document.createElement('a'); link.href=url; link.download=filename; document.body.appendChild(link); link.click(); link.remove(); window.URL.revokeObjectURL(url);} catch {} }} className="block w-full text-left px-3 py-2 text-sm hover:bg-gray-50">With Annotations</button>
                 </div>, document.body
               )}
             </div>