etiquetas.js 1.0.0-alpha.1

package/src/types.ts

@@ -0,0 +1,575 @@
+/**
+ * Tipos TypeScript para o Sistema de Etiquetas
+ * Baseado na análise dos arquivos existentes e mock de dados
+ */
+
+// ============================================================================
+// TIPOS BÁSICOS
+// ============================================================================
+
+export type LabelType = "parts" | "woodwork" | "inputs" | "scraps" | "volumes";
+
+export type PartType = "cabinet" | "door" | "drawer" | "thickened";
+
+export type MachiningSide = "A" | "B";
+
+export type HoleType = "circle" | "rectangle";
+
+export type ElementType = "textbox" | "image" | "barcode";
+
+export type SpecialProp = "variable" | "barcode" | "image";
+
+// ============================================================================
+// INTERFACES DE DADOS
+// ============================================================================
+
+/**
+ * Dados de uma peça do projeto
+ */
+export interface PartData {
+  // Identificação
+  i: string;                          // Índice da peça
+  id: string;                         // ID único
+  pid: string;                        // ID do projeto da peça
+  pref: string;                       // Referência da peça
+  mref: string;                       // Referência do módulo
+  key: number;                        // Chave numérica
+  
+  // Informações básicas
+  name: string;                       // Nome da peça
+  note: string;                       // Observações da peça
+  index: string;                      // Índice formatado
+  number?: string;                    // Número da peça
+  ref?: string;                       // Referência alternativa
+  
+  // Dimensões
+  width: string | number;             // Largura
+  height: string | number;            // Altura
+  thickness: number;                  // Espessura
+  rotated: boolean;                   // Se está rotacionada
+  
+  // Tipo e classificação
+  type: PartType;                     // Tipo da peça
+  group_id?: string;                  // ID do grupo
+  
+  // Material
+  material_name: string;              // Nome do material
+  material_id: string;               // ID do material
+  material_width: string;            // Largura do material
+  material_height: string;           // Altura do material
+  sheetMaterial: string;             // Material da folha
+  sheetIndex: number;                // Índice da folha
+  labelKey: string;                  // Chave da etiqueta
+  
+  // Bordas/Fitas
+  edge_left: string | null;          // Fita esquerda
+  edge_left_id: string;              // ID da fita esquerda
+  edge_right: string | null;         // Fita direita
+  edge_right_id: string;             // ID da fita direita
+  edge_top: string | null;           // Fita superior
+  edge_top_id: string;               // ID da fita superior
+  edge_bottom: string | null;        // Fita inferior
+  edge_bottom_id: string;            // ID da fita inferior
+  
+  // Códigos de furação
+  code_a: string;                    // Código A
+  code_a2: string;                   // Código A2
+  code_b: string | null;             // Código B
+  code_b2: string | null;            // Código B2
+  
+  // Informações do projeto
+  project_id: string;                // ID do projeto
+  project_description: string;       // Descrição do projeto
+  project_customer_id: string;       // ID do cliente
+  project_customer_name: string;     // Nome do cliente
+  project_note: string;              // Observações do projeto
+  
+  // Usinagem
+  machining_side: MachiningSide;     // Lado de usinagem
+  holes?: HoleData[] | HoleDiagram;  // Dados de furação
+  
+  // Módulo
+  mname?: string;                    // Nome do módulo
+  mnote?: string;                    // Observações do módulo
+  mtype?: string;                    // Tipo do módulo
+  moduleLength?: number;             // Comprimento do módulo
+  moduleIndex?: number;              // Índice do módulo
+}
+
+/**
+ * Dados de furação (formato simplificado)
+ */
+export interface HoleData {
+  di: number;                        // Diâmetro
+  px: number;                        // Posição X
+  py: number;                        // Posição Y
+  pz: number;                        // Profundidade Z
+  r1: string;                        // Referência 1
+  r2: string;                        // Referência 2
+  type: HoleType;                    // Tipo do furo
+  rotated: boolean;                  // Se está rotacionado
+}
+
+/**
+ * Diagrama de furação (formato complexo)
+ */
+export interface HoleDiagram {
+  A?: HoleDetail[] | null;           // Furos lado A
+  B?: HoleDetail[] | null;           // Furos lado B
+  C?: HoleDetail[] | null;           // Furos lado C
+  D?: HoleDetail[] | null;           // Furos lado D
+  E?: HoleDetail[] | null;           // Furos lado E
+  F?: HoleDetail[] | null;           // Furos lado F
+  invert: boolean;                   // Se está invertido
+}
+
+/**
+ * Detalhe de furo no diagrama
+ */
+export interface HoleDetail {
+  d: number;                         // Diâmetro
+  t: string;                         // Tipo de ferramenta
+  x: number;                         // Posição X
+  y: number;                         // Posição Y
+  z: number;                         // Profundidade Z
+  r1: string;                        // Referência 1
+  r2: string;                        // Referência 2
+}
+
+/**
+ * Dados de insumo
+ */
+export interface InputData {
+  id: string;                        // ID do insumo
+  name: string;                      // Nome do insumo
+  dimensions?: string;               // Dimensões
+  qt?: number;                       // Quantidade
+  weight?: number;                   // Peso
+  ref?: string;                      // Referência
+  manufacturer?: string;             // Fabricante
+  
+  // Dados do projeto (herdados)
+  project_id: string;
+  project_description: string;
+  project_customer_id: string;
+  project_customer_name: string;
+  project_note: string;
+  
+  // Dados do módulo (herdados)
+  mref: string;
+  mname: string;
+  mnote: string;
+}
+
+/**
+ * Dados de retalho
+ */
+export interface ScrapData {
+  scrapId: string;                   // ID do retalho
+  id: string;                        // ID alternativo
+  name: string;                      // Nome
+  ref?: string;                      // Referência
+  qt?: number;                       // Quantidade
+  weight?: number;                   // Peso
+  date?: string;                     // Data de criação
+  material?: string;                 // Material
+  
+  // Dados do projeto (herdados)
+  project_id: string;
+  project_description: string;
+  project_customer_id: string;
+  project_customer_name: string;
+  project_note: string;
+}
+
+/**
+ * Dados de volume
+ */
+export interface VolumeData {
+  volume_id: string;                 // ID do volume
+  volume_name: string;               // Nome do volume
+  volume_weight: number;             // Peso do volume
+  volume_date: string;               // Data do volume
+  
+  // Dados do projeto (herdados)
+  project_id: string;
+  project_description: string;
+  project_customer_id: string;
+  project_customer_name: string;
+  project_note: string;
+}
+
+// ============================================================================
+// INTERFACES DE CONFIGURAÇÃO
+// ============================================================================
+
+/**
+ * Configuração de etiqueta
+ */
+export interface LabelConfig {
+  type: LabelType;                   // Tipo da etiqueta
+  index: number;                     // Índice selecionado
+  specific: boolean;                 // Se é específica
+  dataIndex: string | null;          // Índice dos dados
+  source: any | null;                // Fonte dos dados
+  otherData: string | null;          // Outros dados
+  category: string[];                // Categorias selecionadas
+}
+
+/**
+ * Estado do reducer
+ */
+export interface ReducerState extends LabelConfig {}
+
+/**
+ * Ações do reducer
+ */
+export type ReducerAction = 
+  | { type: "CHANGE_INDEX"; payload: { index: number } }
+  | { type: "CHANGE_TYPE"; payload: { type: LabelType } }
+  | { type: "CHANGE_TO_SPECIFIC"; payload: Partial<LabelConfig> }
+  | { type: "RESET" };
+
+// ============================================================================
+// INTERFACES DE ELEMENTOS VISUAIS
+// ============================================================================
+
+/**
+ * Elemento base da etiqueta
+ */
+export interface BaseLabelElement {
+  type: ElementType;                 // Tipo do elemento
+  version: string;                   // Versão
+  originX: "left" | "center" | "right";
+  originY: "top" | "center" | "bottom";
+  left: number;                      // Posição X
+  top: number;                       // Posição Y
+  width: number;                     // Largura
+  height: number;                    // Altura
+  scaleX: number;                    // Escala X
+  scaleY: number;                    // Escala Y
+  angle: number;                     // Rotação
+  opacity: number;                   // Opacidade
+  visible: boolean;                  // Visibilidade
+  id: string;                        // ID único
+  name: string;                      // Nome do elemento
+  
+  // Configurações de página
+  labelType: LabelType;              // Tipo da etiqueta
+  pageWidth: number;                 // Largura da página
+  pageHeight: number;                // Altura da página
+  pageMarginTop: number;             // Margem superior
+  pageMarginLeft: number;            // Margem esquerda
+  pageMarginRight: number;           // Margem direita
+  pageColumns: number;               // Colunas por página
+  pageLines: number;                 // Linhas por página
+  pageVerticalSpace: number;         // Espaço vertical
+  pageHorizontalSpace: number;       // Espaço horizontal
+  pageShowBorder: number;            // Mostrar borda
+  
+  // Propriedades especiais
+  specialProp?: SpecialProp;         // Propriedade especial
+  showEdges?: boolean;               // Mostrar bordas
+  keepProportion?: boolean;          // Manter proporção
+  editable?: boolean;                // Editável
+}
+
+/**
+ * Elemento de texto
+ */
+export interface TextLabelElement extends BaseLabelElement {
+  type: "textbox";
+  text: string;                      // Texto
+  fontSize: string | number;         // Tamanho da fonte
+  fontWeight: string;                // Peso da fonte
+  fontFamily: string;                // Família da fonte
+  fontStyle: string;                 // Estilo da fonte
+  textAlign: "left" | "center" | "right"; // Alinhamento
+  fill: string;                      // Cor do texto
+  stroke: string;                    // Cor da borda
+  strokeWidth: number;               // Largura da borda
+  lineHeight: number;                // Altura da linha
+  charSpacing: number;               // Espaçamento de caracteres
+  underline: boolean;                // Sublinhado
+  overline: boolean;                 // Sobrelinhado
+  linethrough: boolean;              // Riscado
+  textBackgroundColor: string;       // Cor de fundo do texto
+  minWidth: number;                  // Largura mínima
+  splitByGrapheme: boolean;          // Dividir por grafema
+}
+
+/**
+ * Elemento de imagem
+ */
+export interface ImageLabelElement extends BaseLabelElement {
+  type: "image";
+  src: string;                       // URL da imagem
+  crossOrigin: string;               // CORS
+  cropX: number;                     // Recorte X
+  cropY: number;                     // Recorte Y
+  file: File | null;                 // Arquivo
+  backgroundColor: string;           // Cor de fundo
+  workareaWidth?: number;            // Largura da área de trabalho
+  workareaHeight?: number;           // Altura da área de trabalho
+  layout?: string;                   // Layout
+  filters?: any[];                   // Filtros
+}
+
+/**
+ * Elemento de código de barras
+ */
+export interface BarcodeLabelElement extends BaseLabelElement {
+  type: "barcode";
+  originBarcode: string;             // Código original
+  barcodeType?: string;              // Tipo do código de barras
+  showText?: boolean;                // Mostrar texto
+}
+
+/**
+ * União de todos os tipos de elementos
+ */
+export type LabelElement = TextLabelElement | ImageLabelElement | BarcodeLabelElement;
+
+// ============================================================================
+// INTERFACES DE STORE E HOOKS
+// ============================================================================
+
+/**
+ * Estado do store principal
+ */
+export interface LabelStore {
+  // PDF e dados básicos
+  pdfInstance: any | null;           // Instância do PDF
+  cacheKey: string | null;           // Chave do cache
+  labelType: LabelType | null;       // Tipo da etiqueta
+  isGenerating: boolean;             // Se está gerando
+  progress: number;                  // Progresso (0-100)
+  error: string | null;              // Erro atual
+  fileName?: string;                 // Nome do arquivo
+  
+  // Dados atuais
+  currentData: any | null;           // Dados atuais
+  currentConfig: LabelConfig | null; // Configuração atual
+  
+  // Métodos
+  setPDFInstance: (pdfInstance: any, cacheKey: string, labelType: LabelType) => void;
+  setGenerating: (isGenerating: boolean) => void;
+  setProgress: (progress: number) => void;
+  setError: (error: string | null) => void;
+  setCurrentData: (data: any) => void;
+  setCurrentConfig: (config: LabelConfig) => void;
+  resetPDFInstance: () => void;
+  reset: () => void;
+  getFileName?: () => string;
+}
+
+/**
+ * Status da impressora
+ */
+export interface PrinterStatus {
+  name: string;
+  connected: boolean;
+  status: 'connected' | 'disconnected' | 'no-printer' | 'connecting';
+  hasDefaultPrinter: boolean;
+  message: string;
+  printer: PrinterInfo | null;
+}
+
+/**
+ * Informações da impressora
+ */
+export interface PrinterInfo {
+  name: string;
+  [key: string]: any; // Outras propriedades específicas da impressora
+}
+
+/**
+ * Store para gerenciamento de impressoras
+ */
+export interface PrinterStore {
+  // Estado da impressora
+  printerStatus: PrinterStatus;
+  setPrinterStatus: (status: PrinterStatus) => void;
+  updatePrinterStatus: (updates: Partial<PrinterStatus>) => void;
+  
+  // Conexão SSE (opcional para compatibilidade com Node.js)
+  sseConnected: boolean;
+  eventSource: any | null; // Mudado de EventSource para any para compatibilidade
+  setSseConnected: (connected: boolean) => void;
+  setEventSource: (eventSource: any | null) => void;
+  connectToSSE: () => void;
+  disconnectSSE: () => void;
+}
+
+/**
+ * Dados retornados pelo hook useLabelData
+ */
+export interface LabelDataHookResult {
+  // Estado
+  isReady: boolean;                  // Se está pronto para uso
+  isGenerating: boolean;             // Se está gerando
+  progress: number;                  // Progresso atual
+  error: string | null;              // Erro atual
+  
+  // Dados
+  data: PartData[] | InputData[] | ScrapData[] | VolumeData[]; // Dados formatados
+  label: LabelElement[];             // Elementos da etiqueta
+  userPrefs: Record<string, any>;    // Preferências do usuário
+  cacheKey: string;                  // Chave do cache
+  
+  // Métodos
+  generateLabels: () => Promise<void>; // Gerar etiquetas
+  downloadPDF: (blob: Blob) => void; // Baixar PDF
+  checkPrinterAvailability: () => Promise<boolean>; // Verificar impressora
+}
+
+/**
+ * Parâmetros para geração de etiquetas
+ */
+export interface GenerateLabelsParams {
+  dataSource: any[];                 // Dados fonte
+  labels: LabelElement[];            // Elementos da etiqueta
+  userPrefs: Record<string, any>;    // Preferências do usuário
+  sheets?: any[];                    // Folhas
+  group?: string;                    // Grupo
+  labelId?: string;                  // ID da etiqueta
+  cacheKey: string;                  // Chave do cache
+  sheetsByPartCode?: Record<string, any>; // Folhas por código
+}
+
+/**
+ * Callback de progresso
+ */
+export interface ProgressCallback {
+  (data: {
+    percentage: number;              // Porcentagem (0-100)
+    cacheKey: string;               // Chave do cache
+    pdfInstance: any;               // Instância do PDF
+  }): void;
+}
+
+// ============================================================================
+// INTERFACES DE WORKER
+// ============================================================================
+
+/**
+ * Classe worker para geração de etiquetas
+ */
+export interface LabelWorker {
+  isGenerating: boolean;             // Se está gerando
+  currentGenerator: any | null;      // Gerador atual
+  progressCallback: ProgressCallback | null; // Callback de progresso
+  
+  generateLabels(params: GenerateLabelsParams, progressCallback?: ProgressCallback): Promise<any>;
+  generateLabelsPromise(params: GenerateLabelsParams, progressCallback?: ProgressCallback): Promise<any>;
+  cancel(): void;
+  isInProgress(): boolean;
+}
+
+// ============================================================================
+// CONSTANTES
+// ============================================================================
+
+/**
+ * Nomes dos tipos de etiqueta
+ */
+export const LABEL_TYPE_NAMES: Record<LabelType, string> = {
+  parts: "Peças",
+  woodwork: "Tamponamentos", 
+  inputs: "Insumos",
+  scraps: "Retalhos",
+  volumes: "Volumes"
+};
+
+/**
+ * Tipos de peça
+ */
+export const PART_TYPES: Record<PartType, string> = {
+  cabinet: "Caixa",
+  door: "Porta", 
+  drawer: "Gaveta",
+  thickened: "Tamponamento"
+};
+
+/**
+ * Variáveis de template disponíveis
+ */
+export const TEMPLATE_VARIABLES = [
+  // Projeto
+  "{{PROJETO_ID}}",
+  "{{PROJETO_NOME}}",
+  "{{PROJETO_OBS}}",
+  "{{CLIENTE_ID}}",
+  "{{CLIENTE_NOME}}",
+  
+  // Peça
+  "{{PECA_ID}}",
+  "{{PECA_CODIGO}}",
+  "{{PECA_REF}}",
+  "{{PECA_INDICE}}",
+  "{{PECA_INDICE2}}",
+  "{{PECA_NOME}}",
+  "{{PECA_OBS}}",
+  "{{PECA_TIPO}}",
+  
+  // Dimensões
+  "{{LARGURA}}",
+  "{{ALTURA}}",
+  "{{ESPESSURA}}",
+  
+  // Material
+  "{{MN}}",
+  "{{MA}}",
+  "{{ML}}",
+  "{{MATERIAL_NOME}}",
+  
+  // Bordas
+  "{{FE}}",
+  "{{FD}}",
+  "{{FS}}",
+  "{{FI}}",
+  
+  // Furação
+  "{{FURO_A}}",
+  "{{FURO_A2}}",
+  "{{FURO_B}}",
+  "{{FURO_B2}}",
+  "{{LADO_USINAGEM}}",
+  
+  // Módulo
+  "{{MODULO_REF}}",
+  "{{MODULO_NOME}}",
+  "{{MODULO_OBS}}",
+  
+  // Insumos
+  "{{INSUMO_NOME}}",
+  "{{INSUMO_ID}}",
+  "{{INSUMO_DIMENSOES}}",
+  "{{INSUMO_QTD}}",
+  "{{INSUMO_PESO}}",
+  "{{INSUMO_REF}}",
+  "{{INSUMO_MARCA}}",
+  
+  // Tamponamentos
+  "{{TAMPONAMENTO_ID}}",
+  "{{TAMPONAMENTO_REF}}",
+  "{{TAMPONAMENTO_QT}}",
+  "{{TAMPONAMENTO_PESO}}",
+  "{{TAMPONAMENTO_NOME}}",
+  
+  // Retalhos
+  "{{RETALHO_ID}}",
+  "{{RETALHO_INDICE}}",
+  
+  // Volume
+  "{{VOLUME_ID}}",
+  "{{VOLUME_NOME}}",
+  "{{VOLUME_PESO}}",
+  "{{VOLUME_DATA}}",
+  
+  // Outros
+  "{{LOTE_ID}}",
+  "{{DATA_CRIACAO}}"
+] as const;
+
+export type TemplateVariable = typeof TEMPLATE_VARIABLES[number];

package/src/useLabelData.js

@@ -0,0 +1,99 @@
+// Imports básicos para o pacote npm
+import { getPartsForLabels, getPartsFromProjectToLabels } from './formatData.js';
+import { createLabelWorker } from './labelWorker.js';
+import { labelTypeNames } from './constants.js';
+
+/**
+ * Hook simplificado para uso em pacote npm
+ * Retorna funções utilitárias para trabalhar com dados de etiquetas
+ */
+export const useLabelData = (config = {}) => {
+  // Configuração padrão
+  const defaultConfig = {
+    type: 'parts',
+    category: [],
+    specific: false,
+    dataIndex: null,
+    otherData: null,
+    source: null
+  };
+
+  const finalConfig = { ...defaultConfig, ...config };
+
+  // Função para gerar etiquetas com dados fornecidos
+  const generateLabels = async (data, labels, userPrefs = {}, additionalParams = {}) => {
+    const worker = createLabelWorker();
+    
+    const params = {
+      dataSource: data || [],
+      labels: labels || [],
+      userPrefs: userPrefs,
+      cacheKey: `label-${Date.now()}`,
+      ...additionalParams
+    };
+
+    return await worker.generateLabels(params);
+  };
+
+  // Função para download de PDF (compatível com Node.js)
+  const downloadPDF = (pdfBlob, filename = 'etiqueta.pdf') => {
+    // Em ambiente Node.js, retorna os dados do blob para processamento externo
+    if (typeof window === 'undefined') {
+      return pdfBlob;
+    }
+    
+    // Em ambiente browser, mantém funcionalidade original
+    const url = URL.createObjectURL(pdfBlob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+  };
+
+  // Função para verificar disponibilidade da impressora
+  const checkPrinterAvailability = async () => {
+    try {
+      // Implementação básica - pode ser expandida
+      return false;
+    } catch (error) {
+      console.warn('Não foi possível verificar impressoras:', error);
+      return false;
+    }
+  };
+
+  // Função para obter dados formatados de peças
+  const getLabelData = (type = 'parts') => {
+    return {
+      data: [],
+      label: [],
+      userPrefs: {},
+      cacheKey: `${type}-${Date.now()}`
+    };
+  };
+
+  return {
+    // Estado
+    isReady: true,
+    isGenerating: false,
+    progress: 0,
+    error: null,
+    
+    // Dados
+    data: [],
+    label: [],
+    userPrefs: {},
+    cacheKey: `label-${Date.now()}`,
+    
+    // Métodos
+    generateLabels,
+    downloadPDF,
+    checkPrinterAvailability,
+    getLabelData,
+    
+    // Configuração
+    config: finalConfig
+  };
+};