$ // y si todo o casi todo en un archivo, y GPLV2 ¿POR QUE?
// por que estaba enojado con paginas con paywalls arcaicos
// (te hablo a ti -> lwn.net <-)
// y si todo o casi todo en un archivo, y GPLV2 ¿POR QUE?
// por que estaba enojado con paginas con paywalls arcaicos
// (te hablo a ti -> lwn.net <-)
// y si todo o casi todo en un archivo, y GPLV2 ¿POR QUE?
// por que estaba enojado con paginas con paywalls arcaicos
// (te hablo a ti -> lwn.net <-)
████████╗██╗ ██╗██╗ ██╗ ████████╗██╗███╗ ███╗███████╗███████╗
╚══██╔══╝██║ ██║╚██╗██╔╝ ██╔══╝██║████╗ ████║██╔════╝██╔════╝ ██║ ██║ ██║ ╚███╔╝ ██║ ██║██╔████╔██║█████╗ ███████╗ ██║ ██║ ██║ ██╔██╗ ██║ ██║██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ╚██████╔╝██╔╝ ██╗ ██║ ██║██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═════╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚══════╝╚══════╝
████████╗██╗ ██╗██╗ ██╗ ████████╗██╗███╗ ███╗███████╗███████╗
╚══██╔══╝██║ ██║╚██╗██╔╝ ██╔══╝██║████╗ ████║██╔════╝██╔════╝ ██║ ██║ ██║ ╚███╔╝ ██║ ██║██╔████╔██║█████╗ ███████╗ ██║ ██║ ██║ ██╔██╗ ██║ ██║██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ╚██████╔╝██╔╝ ██╗ ██║ ██║██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═════╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚══════╝╚══════╝
// RECOLECTOR DE BASURA EN CASCADA REVERSA
let currentParentId = currentComment?.parentId;
while (currentParentId) { // Si el padre ya era fantasma y no le quedó nada útil... ¡exterminado! if (!parentHasLiveChildren) { await deleteDoc(parentRef); currentParentId = parentNode.parentId; continue; } break;
}
// RECOLECTOR DE BASURA EN CASCADA REVERSA
let currentParentId = currentComment?.parentId;
while (currentParentId) { // Si el padre ya era fantasma y no le quedó nada útil... ¡exterminado! if (!parentHasLiveChildren) { await deleteDoc(parentRef); currentParentId = parentNode.parentId; continue; } break;
}
// RECOLECTOR DE BASURA EN CASCADA REVERSA
let currentParentId = currentComment?.parentId;
while (currentParentId) { // Si el padre ya era fantasma y no le quedó nada útil... ¡exterminado! if (!parentHasLiveChildren) { await deleteDoc(parentRef); currentParentId = parentNode.parentId; continue; } break;
}
// Porque en el año 2024 seguimos usando el fragmento de la URL
// como sistema de rutas. React Router llorando en un rincón.
// Ventaja: sin SSR, sin 404s, sin drama. Solo un # y listo.
const HASH_VIEWS = { '#reciente': 'feed', '#configuracion': 'settings', '#favoritos': 'favorites', '#nuevopost': 'new-post', // #post-{ID} → abre ese post directamente (compartible) // #cualquier-otra-cosa → filtra por ese tag
};
// Porque en el año 2024 seguimos usando el fragmento de la URL
// como sistema de rutas. React Router llorando en un rincón.
// Ventaja: sin SSR, sin 404s, sin drama. Solo un # y listo.
const HASH_VIEWS = { '#reciente': 'feed', '#configuracion': 'settings', '#favoritos': 'favorites', '#nuevopost': 'new-post', // #post-{ID} → abre ese post directamente (compartible) // #cualquier-otra-cosa → filtra por ese tag
};
// Porque en el año 2024 seguimos usando el fragmento de la URL
// como sistema de rutas. React Router llorando en un rincón.
// Ventaja: sin SSR, sin 404s, sin drama. Solo un # y listo.
const HASH_VIEWS = { '#reciente': 'feed', '#configuracion': 'settings', '#favoritos': 'favorites', '#nuevopost': 'new-post', // #post-{ID} → abre ese post directamente (compartible) // #cualquier-otra-cosa → filtra por ese tag
};
// EASTER EGG: si el usuario busca "windows" → BSoD de Linux.
// (si alguien reporta esto como bug, es que no entiende la cultura)
watch(searchQuery, (v) => { showWindowsEgg.value = v.toLowerCase().includes('windows');
});
// EASTER EGG: si el usuario busca "windows" → BSoD de Linux.
// (si alguien reporta esto como bug, es que no entiende la cultura)
watch(searchQuery, (v) => { showWindowsEgg.value = v.toLowerCase().includes('windows');
});
// EASTER EGG: si el usuario busca "windows" → BSoD de Linux.
// (si alguien reporta esto como bug, es que no entiende la cultura)
watch(searchQuery, (v) => { showWindowsEgg.value = v.toLowerCase().includes('windows');
});
[data-theme="hc"] { --bg: #000000; --accent: #1aabff; --border: #0078d4;
}
[data-theme="hc"] .post-card { border-color: #0078d4; box-shadow: 0 0 0 1px #0078d4;
}
[data-theme="hc"] .post-card:hover { box-shadow: 0 0 16px rgba(26,171,255,.4);
}
[data-theme="hc"] { --bg: #000000; --accent: #1aabff; --border: #0078d4;
}
[data-theme="hc"] .post-card { border-color: #0078d4; box-shadow: 0 0 0 1px #0078d4;
}
[data-theme="hc"] .post-card:hover { box-shadow: 0 0 16px rgba(26,171,255,.4);
}
[data-theme="hc"] { --bg: #000000; --accent: #1aabff; --border: #0078d4;
}
[data-theme="hc"] .post-card { border-color: #0078d4; box-shadow: 0 0 0 1px #0078d4;
}
[data-theme="hc"] .post-card:hover { box-shadow: 0 0 16px rgba(26,171,255,.4);
}
// Filtra los posts del autor desde el array LOCAL (sin query extra 💸)
const authorPostsList = posts.value.filter(p => p.authorUid === post.authorUid || p.author === post.author
);
// Filtra los posts del autor desde el array LOCAL (sin query extra 💸)
const authorPostsList = posts.value.filter(p => p.authorUid === post.authorUid || p.author === post.author
);
// Filtra los posts del autor desde el array LOCAL (sin query extra 💸)
const authorPostsList = posts.value.filter(p => p.authorUid === post.authorUid || p.author === post.author
);
-weight: 500;">git clone https://github.com/Qmaker-programmer/tuxtimes.-weight: 500;">git
cd tuxtimes
-weight: 500;">npm -weight: 500;">install
cp src/firebase.example.js src/firebase.js
-weight: 500;">npm run dev
-weight: 500;">git clone https://github.com/Qmaker-programmer/tuxtimes.-weight: 500;">git
cd tuxtimes
-weight: 500;">npm -weight: 500;">install
cp src/firebase.example.js src/firebase.js
-weight: 500;">npm run dev
-weight: 500;">git clone https://github.com/Qmaker-programmer/tuxtimes.-weight: 500;">git
cd tuxtimes
-weight: 500;">npm -weight: 500;">install
cp src/firebase.example.js src/firebase.js
-weight: 500;">npm run dev
// Filtra los posts del autor desde el array LOCAL (sin query extra 💸)
const authorPostsList = posts.value.filter(p => p.authorUid === post.authorUid || p.author === post.author
);
// Filtra los posts del autor desde el array LOCAL (sin query extra 💸)
const authorPostsList = posts.value.filter(p => p.authorUid === post.authorUid || p.author === post.author
);
// Filtra los posts del autor desde el array LOCAL (sin query extra 💸)
const authorPostsList = posts.value.filter(p => p.authorUid === post.authorUid || p.author === post.author
);
-weight: 500;">git clone https://github.com/Qmaker-programmer/tuxtimes.-weight: 500;">git
cd tuxtimes
-weight: 500;">npm -weight: 500;">install
cp src/firebase.example.js src/firebase.js
-weight: 500;">npm run dev
-weight: 500;">git clone https://github.com/Qmaker-programmer/tuxtimes.-weight: 500;">git
cd tuxtimes
-weight: 500;">npm -weight: 500;">install
cp src/firebase.example.js src/firebase.js
-weight: 500;">npm run dev
-weight: 500;">git clone https://github.com/Qmaker-programmer/tuxtimes.-weight: 500;">git
cd tuxtimes
-weight: 500;">npm -weight: 500;">install
cp src/firebase.example.js src/firebase.js
-weight: 500;">npm run dev - 💸 Paywall de $35/año para leer artículos de la semana
- 🔒 Solo los editores pueden publicar — no hay comunidad
- 🗞️ La interfaz parece un periódico de 1994 (sin hipérbole)
- 📱 Sin dark mode. Sin responsivo decente. Sin filtros modernos. - Vue 3 Composition API — porque Options API es 2020
- Firebase Auth — Google OAuth sin servidores propios
- Firestore — NoSQL que cobra por query (así aprendes a no hacer queries en bucles)
- marked — Markdown → HTML, magia negra controlada
- Vite — porque webpack es un recuerdo doloroso
- GPLv2 — por coherencia ideológica y enojo - Si tiene hijos vivos → soft delete: [Este comentario ha sido eliminado]
- Si no tiene hijos → purga física de Firestore
- Cascada reversa: sube por el árbol eliminando padres fantasmas vacíos - ✅ Auth completa (Google + Email)
- ✅ Editor Markdown con preview en tiempo real
- ✅ Comentarios en árbol con poda de fantasmas
- ✅ 3 temas (dark/light/high contrast)
- ✅ Paginación de 20 posts con sort
- ✅ Perfiles públicos de autor
- ✅ Sistema de favoritos
- ✅ Responsive en 3 breakpoints
- ✅ Easter egg de Windows
- ⏳ Tests (el futuro nosotros lo resolverá)
- ⏳ Paginación en Firestore (ahora es client-side — sí, lo sé) - ✅ Auth completa (Google + Email)
- ✅ Editor Markdown con preview en tiempo real
- ✅ Comentarios en árbol con poda de fantasmas
- ✅ 3 temas (dark/light/high contrast)
- ✅ Paginación de 20 posts con sort
- ✅ Perfiles públicos de autor
- ✅ Sistema de favoritos
- ✅ Responsive en 3 breakpoints
- ✅ Easter egg de Windows
- ⏳ Tests (el futuro nosotros lo resolverá)
- ⏳ Paginación en Firestore (ahora es client-side — sí, lo sé)
