Rastrea nuevas características y mejoras del visor de archivos STP
Solucionados problemas críticos de importación y medición, optimizado el rendimiento de carga de archivos hasta un 95%
2025/09/02
Logro de estabilidad de plataforma - resolviendo problemas finales de integración y logrando ganancias de rendimiento notables:
Esta versión aborda varios problemas críticos que impactaron significativamente la experiencia del usuario:
Problema Resuelto: Problema de "funciona la primera vez, falla posteriormente" completamente resuelto
window.OV se borraba incorrectamente durante la limpieza del componenteProblema Resuelto: Marcadores de medición no aparecían en modelos 3D
window.OVProblema Resuelto: Botón de menú Más inresponsivo en dispositivos móviles en modo de pantalla completa
Logrados mejoras significativas en la carga de archivos:
Resultados: Mejora de rendimiento del 60-95% en todos los tamaños de archivo
| Tamaño de Archivo | Antes | Después | Mejora |
|---|---|---|---|
| 1MB | 840ms | 39ms | 95.4% más rápido |
| 10MB | 1,380ms | 255ms | 81.5% más rápido |
| 100MB | 6,780ms | 2,415ms | 64.4% más rápido |
Esta versión reforzó varios principios importantes de desarrollo:
window.OV nunca deben borrarse en la limpieza de componentesAntecedentes: Basado en las necesidades del usuario se estableció una barra de herramientas flotante de compartir en el lado izquierdo, experimentando una evolución arquitectónica clave de tres versiones
Proceso de Decisiones de Diseño:
lg:block)/ocultar en móvil - compensación de diseñoDesafíos de Implementación Técnica:
/* Posicionamiento fijo y gestión de capas */
.floating-share-bar {
position: fixed;
left: 1rem;
top: 50%;
transform: translateY(-50%);
z-index: 40; /* Diseño de capas crítico */
}Decisiones Técnicas Clave:
scale(1.1)Impulsado por Necesidades del Usuario:
Complejidad de Implementación Técnica:
// Desafíos de gestión de estado
const [showMoreDialog, setShowMoreDialog] = useState(false);
// Manejo especial del botón More
const platforms = [
// ... 7 plataformas existentes
{
name: 'More',
isMore: true,
onClick: () => setShowMoreDialog(true)
}
];Desafíos de Integración:
Proceso de Diagnóstico del Problema:
Síntoma del Problema: FloatingShareBar no se muestra en página principal
Análisis Arquitectónico: FloatingShareBar fue colocado dentro de ViewerView
Dependencia de Estado: ViewerView solo se renderiza en estados loading/viewing
Estado Página Principal: STPViewer por defecto es estado upload, muestra UploadView
Causa Raíz: FloatingShareBar en capa de componente incorrectaProblema Arquitectónico Actual:
Página Principal → HeroSection → HeroStpViewer → STPViewer
├── estado upload → UploadView (sin FloatingShareBar) ❌
├── estado loading → ViewerView (con FloatingShareBar) ✅
└── estado viewing → ViewerView (con FloatingShareBar) ✅Arquitectura de Solución:
STPViewer (nueva capa FloatingShareBar)
├── estado upload → UploadView + FloatingShareBar ✅
├── estado loading → ViewerView + FloatingShareBar ✅
└── estado viewing → ViewerView + FloatingShareBar ✅Modificación de Código Crítica:
// src/components/stp-viewer/stp-viewer.tsx
return (
<div className={cn('stp-viewer-container', className)}>
{/* Contenido principal relacionado con estado */}
{renderContent()}
{/* Barra de herramientas flotante global de compartir */}
<FloatingShareBar file={viewerState.file} />
</div>
);Método de Análisis Comparativo: A través de comparación sistemática modo página principal vs. modo pantalla completa descubrió inconsistencias funcionales:
| Función | Modo Página Principal | Modo Pantalla Completa | Estado |
|---|---|---|---|
| New File | ✅ | ✅ | Consistente |
| Screenshot | ✅ | ✅ | Consistente |
| Share | ❌ Faltante | ✅ | Inconsistente |
Análisis a Nivel de Código:
// viewer-view.tsx:730-766 - Barra de herramientas página principal
const toolbarButtons: ToolbarButton[] = [
{ id: 'new-file', /* ... */ },
{ id: 'screenshot', /* ... */ },
// ❌ Botón Share faltante
];
// FullscreenToolbar.tsx:132-139 - Barra de herramientas modo pantalla completa
const secondaryTools: ToolbarButton[] = [
{
id: 'share',
label: t('toolbar.share'),
// ✅ Presente pero funcionalidad no implementada
},
];Descubrimiento Profundo de Limitaciones Técnicas:
// ✅ Capacidades Reales de React-Share
- Compartir enlaces: Todas las plataformas soportan compartir URL
- Contenido de texto: Soporta título, descripción y otros parámetros de texto
- Redirección plataformas sociales: Abre páginas oficiales de compartir de plataformas
- Cero dependencias externas: No necesita cargar SDKs de terceros
// ❌ Limitaciones Técnicas de React-Share
- Sin soporte para compartir archivos locales: No puede compartir directamente capturas, documentos
- Sin soporte para subida de imágenes: Plataformas mainstream no soportan subidas directas de imágenes
- Solo soporta URLs de imágenes públicas: Pocas plataformas necesitan enlaces de imagen accesibles públicamente
- Sin funcionalidad backend: No puede manejar subidas de archivos, generación de enlaces cortosAjuste Realista del Plan de Desarrollo:
Estrategia de Componentes:
src/components/stp-viewer/
├── shared/
│ └── SimpleShareDialog.tsx # Diálogo unificado de compartir (único componente)
├── viewer-view.tsx # Agregar botón Share
└── fullscreen/
└── FullscreenToolbar.tsx # Conectar funcionalidad real de compartirPráctica de Principios de Diseño:
Problema 1: Lógica errónea de botón disabled
// Lógica errónea
{
id: 'share',
disabled: !isViewerReady, // ❌ Compartir enlace de página no necesita esperar carga de modelo
}
// Lógica correcta
{
id: 'share',
disabled: false, // ✅ Funcionalidad de compartir página debería estar siempre disponible
}Análisis de Causa Raíz:
isViewerReady es false antes de carga de modeloProblema 2: Respuesta Rápida a Soporte Insuficiente de Plataformas
Primera Fase: Fix Base (15 minutos)
// src/components/stp-viewer/viewer-view.tsx:754
- disabled: !isViewerReady,
+ disabled: false,Segunda Fase: Expansión de Plataformas (20 minutos)
// 6 nuevas plataformas mainstream agregadas
const newPlatforms = [
'WhatsApp', // Aplicación de mensajería instantánea más grande del mundo
'Telegram', // Preferida por grupos de usuarios técnicos
'Reddit', // Plataforma principal de compartir de comunidad técnica
'Pinterest', // Compartir contenido visual, adecuado para modelos 3D
'Weibo', // Plataforma social principal para usuarios chinos
'Line', // Aplicación de comunicación popular en regiones asiáticas
];Tercera Fase: Optimización de Experiencia (10 minutos)
Importancia de Evolución Arquitectónica:
Selección Técnica Realista:
Capacidad de Desarrollo de Respuesta Rápida:
Esta historia de desarrollo de funcionalidad de compartir muestra sabiduría completa de desarrollo desde evolución arquitectónica a selección técnica, desde diagnóstico de problemas a reparación rápida y acumula valiosas experiencias prácticas para el equipo.
Sin cambios que rompan la compatibilidad. Todas las mejoras son compatibles con versiones anteriores. Los usuarios experimentarán:
Limpieza de código importante y mejoras de rendimiento manteniendo tiempo de carga de 18 segundos
2025/08/28
Solidificación de fundamentos - optimizando el conjunto de características completo para estabilidad a largo plazo:
Limpieza y optimización integral para mejorar mantenibilidad y rendimiento:
Navegación profesional de árbol de modelo con guías de operación inteligentes específicas para dispositivos
2025/08/27
Navegación jerárquica revolucionaria que desbloquea capacidades de análisis estructural profundo, transformando complejos ensamblajes STEP en componentes manejables y navegables.
Interfaz consciente del dispositivo que proporciona guía de operación contextual:
useResponsive para detección de dispositivoCorregido problema de compresión de nombres de archivo largos y mejorado diseño móvil
2025/08/27
Optimización de experiencia móvil profesional - garantizando que todas las características avanzadas funcionen perfectamente en dispositivos táctiles:
Resuelto el problema de la barra de herramientas móvil donde los nombres de archivo largos comprimían los botones de herramientas:
Conversión universal de archivos con 17 formatos de importación/10 de exportación más edición avanzada de materiales
2025/08/26
Soporte revolucionario de formatos de archivo que establece STP Viewer como el convertidor de archivos 3D en linea más completo disponible.
Formatos CAD: STEP, IGES, BREP, OCCT
Formatos de Malla: STL, OBJ, OFF, PLY, 3DS
Formatos Modernos: GLTF/GLB, FBX, DAE, 3DM
Formatos Industriales: IFC, BIM, FCStd, SVG
Capacidades profesionales de edición y visualización de materiales:
Resueltos problemas críticos de experiencia de usuario:
Marco revolucionario de modo de pantalla completa - transformando STP Viewer en una plataforma profesional de CAD 3D
2025/08/25
Este hito marca el inicio de la transformación de STP Viewer de un simple visor de archivos a una plataforma de visualización CAD 3D de grado profesional. Hemos establecido los cimientos para la experiencia de visualización de archivos STEP en linea más completa jamás creada.
Estrategia de Características Progresivas: Diseño de experiencia de dos niveles
// Nueva estructura de componentes
src/components/stp-viewer/
├── fullscreen/ # Herramientas profesionales (carga diferida)
├── panels/ # Paneles de navegación plegables
└── hooks/ # Hooks personalizados para integración de visor 3D"Simple por Defecto, Poderoso por Elección"
| Niveau de Experiencia | Interfaz | Caso de Uso |
|---|---|---|
| Usuarios Casuales | Barra de herramientas limpia y minimal | Vista previa rápida de archivos, visualización básica |
| Profesionales | Suite completa de herramientas CAD | Análisis detallado, mediciones, exportaciones |
Esta fundación permite la hoja de ruta para:
Esta versión establece STP Viewer como la plataforma definitiva de archivos STEP en linea, estableciendo nuevos estándares para:
Los cimientos están establecidos. Las próximas versiones agregarán:
¡Bienvenidos al futuro de la visualización de archivos STEP en linea! 🎊
Herramientas de medición de precisión revolucionarias con mediciones de distancia, ángulo y superficies paralelas
2025/08/20
Presentando capacidades de medición de grado industrial que transforman STP Viewer en una herramienta de análisis de precisión. Esta versión trae precisión de medición de CAD a la visualización 3D basada en navegador.
Refinamientos enfocados junto al sistema de medición:
Navegación 3D revolucionaria con 6 puntos de vista predefinidos, modos de proyección y 30% más rápido de carga
2025/08/15
Transformando la navegación 3D de un simple desplazamiento y zoom a un control de vista de CAD profesional. Esta versión trae una gestión de puntos de vista estándar de la industria que rivaliza con aplicaciones de CAD de escritorio.
Proyección Perspectiva (Predeterminada)
Proyección Ortográfica (Profesional)
Optimizaciones significativas junto al nuevo sistema de vista:
Esta versión establece navegación 3D de clase de escritorio en el navegador, haciendo que el análisis profesional de archivos STEP sea accesible en cualquier dispositivo. Los cimientos están establecidos para herramientas avanzadas de medición, exportación y análisis en futuras versiones.
Primera versión del visor de archivos STP en línea con vista previa 3D en formato STEP
2025/08/01
Nos complace lanzar la primera versión de STP Viewer con las siguientes características principales: