From 26796290a20cd5635554183e31eb6d9e7572c424 Mon Sep 17 00:00:00 2001
From: Sidney <sidney201900@users.noreply.github.com>
Date: Thu, 28 May 2026 09:05:45 -0300
Subject: [PATCH] feat: change pre-enrollment custom slug format to use single
 slash with pre-matricula- prefix

---
 manager/components/PreMatricula.tsx | 20 ++++++++++++--------
 manager/server.selfhosted.js        |  4 ++--
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/manager/components/PreMatricula.tsx b/manager/components/PreMatricula.tsx
index 9b0a1da..2ce51c5 100644
--- a/manager/components/PreMatricula.tsx
+++ b/manager/components/PreMatricula.tsx
@@ -145,9 +145,7 @@ const PreMatricula: React.FC<Props> = ({ data, onConvert }) => {
 
   const copyLink = () => {
     if (!config) return;
-    const url = config.slug === 'pre-matricula'
-      ? `${window.location.origin}/pre-matricula`
-      : `${window.location.origin}/pre-matricula/${config.slug}`;
+    const url = `${window.location.origin}/${config.slug}`;
     navigator.clipboard.writeText(url);
     setCopied(true);
     setTimeout(() => setCopied(false), 2000);
@@ -229,11 +227,17 @@ const PreMatricula: React.FC<Props> = ({ data, onConvert }) => {
                   value={config?.descricao || ''} onChange={e => setConfig(prev => prev ? { ...prev, descricao: e.target.value } : prev)} />
               </div>
               <div>
-                <label className="block text-[10px] font-bold text-slate-500 uppercase mb-1">Slug do Link (após /pre-matricula/)</label>
+                <label className="block text-[10px] font-bold text-slate-500 uppercase mb-1">Slug do Link Personalizado</label>
                 <div className="flex items-center bg-slate-50 border border-slate-200 rounded-lg overflow-hidden">
-                  <span className="px-3 text-xs text-slate-400 font-mono whitespace-nowrap">/pre-matricula/</span>
+                  <span className="px-3 text-xs text-slate-400 font-mono whitespace-nowrap">/pre-matricula-</span>
                   <input className="flex-1 px-2 py-3 bg-transparent focus:outline-none text-sm font-mono font-bold text-indigo-700"
-                    value={config?.slug || ''} onChange={e => setConfig(prev => prev ? { ...prev, slug: e.target.value.replace(/[^a-z0-9-]/g, '') } : prev)} />
+                    value={config?.slug ? config.slug.replace(/^pre-matricula-?/, '') : ''} 
+                    onChange={e => {
+                      const val = e.target.value.replace(/[^a-z0-9-]/g, '');
+                      const newSlug = val ? `pre-matricula-${val}` : 'pre-matricula';
+                      setConfig(prev => prev ? { ...prev, slug: newSlug } : prev);
+                    }} 
+                  />
                 </div>
               </div>
               <div>
@@ -289,9 +293,9 @@ const PreMatricula: React.FC<Props> = ({ data, onConvert }) => {
             <div className="bg-gradient-to-br from-indigo-50 to-violet-50 p-5 rounded-2xl border border-indigo-100">
               <p className="text-[10px] font-black text-indigo-600 uppercase tracking-widest mb-2">Link Público</p>
               <p className="text-xs font-mono text-indigo-800 break-all mb-3">
-                {window.location.origin}/pre-matricula{config?.slug === 'pre-matricula' ? '' : `/${config?.slug}`}
+                {window.location.origin}/{config?.slug}
               </p>
-              <a href={config?.slug === 'pre-matricula' ? '/pre-matricula' : `/pre-matricula/${config?.slug}`} target="_blank" rel="noopener noreferrer"
+              <a href={`/${config?.slug}`} target="_blank" rel="noopener noreferrer"
                 className="flex items-center gap-2 text-xs font-bold text-indigo-600 hover:text-indigo-700"
               >
                 <ExternalLink size={14} /> Abrir Prévia
diff --git a/manager/server.selfhosted.js b/manager/server.selfhosted.js
index e9af600..8b9d7ba 100644
--- a/manager/server.selfhosted.js
+++ b/manager/server.selfhosted.js
@@ -3042,9 +3042,9 @@ async function startServer() {
     }
   });
 
-  app.get('/pre-matricula/:slug', (req, res) => {
+  app.get('/pre-matricula-:slug', (req, res) => {
     const { slug } = req.params;
-    res.send(getPreMatriculaHTML(slug));
+    res.send(getPreMatriculaHTML('pre-matricula-' + slug));
   });
 
   // ===================================================