ff:"ExplicitChatIdProvider" 100:I[903690,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$7d","$7e","$7f","$80","$81","$7a","$7b","$79","$82"],"$ff"] 101:I[838238,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$7d","$7e","$7f","$80","$81","$7a","$7b","$79","$82"],"SWRDataProvider"] 103:[] 104:[["b_sYZSC3CkfuQ",null],["b_6l8MGxgj4Kz",null],["b_CHBK9xVuslS",null]] 105:[["b_sYZSC3CkfuQ",{"templateVersionId":null,"templateCanonId":null}],["b_6l8MGxgj4Kz",{"templateVersionId":null,"templateCanonId":null}],["b_CHBK9xVuslS",{"templateVersionId":null,"templateCanonId":null}]] 106:[["ZFqOoeKzFZU","$D2025-06-22T23:01:08.940Z"],["b_CWEMLIJOvB5","$D2025-06-22T23:03:49.918Z"],["b_y5zaFCNx30u","$D2025-06-22T23:04:18.358Z"],["b_yJP8omUQ6vH","$D2025-06-22T23:04:23.232Z"],["b_nRuXv3b42HL","$D2025-06-22T23:05:15.011Z"],["b_yucUJbkxQLX","$D2025-06-22T23:05:32.750Z"],["b_VIrOcZDvHYH","$D2025-06-22T23:05:35.074Z"],["b_VRsILtce03k","$D2025-06-22T23:07:12.093Z"],["b_v6kdovLciVd","$D2025-06-22T23:09:15.911Z"],["b_wUvjXgNtIXM","$D2025-06-22T23:19:24.118Z"],["b_pIfxM91QTxf","$D2025-06-22T23:36:57.605Z"],["b_I1MwmGP5Wc4","$D2025-06-22T23:37:34.268Z"],["b_cLiJCJRXZnV","$D2025-06-22T23:37:54.100Z"],["b_tnEDeISjgtX","$D2025-06-22T23:41:22.146Z"],["b_IbSZ3kwmk3h","$D2025-06-22T23:41:30.730Z"],["b_ZUwg9XRZ3YO","$D2025-06-22T23:45:23.502Z"],["b_qH1eV6KYoLZ","$D2025-06-22T23:58:10.828Z"],["b_Z9DH4hLBP7O","$D2025-06-22T23:58:58.784Z"],["b_AOoG9wXYNSk","$D2025-06-22T23:59:21.395Z"],["b_ApJwCWMOZ48","$D2025-06-23T00:08:27.212Z"],["b_0VMSUCnUwQS","$D2025-06-23T00:11:38.157Z"],["b_8SAteAdStsq","$D2025-06-23T00:12:21.973Z"],["b_2t26lqHoKme","$D2025-06-23T00:17:31.861Z"],["b_vWSSHzZRfAX","$D2025-06-23T00:18:24.918Z"],["b_yy7rLNueEcO","$D2025-06-23T00:22:10.563Z"],["b_QK9esSc1RaE","$D2025-06-23T00:28:06.203Z"],["b_cr5HU5XlV0y","$D2025-06-23T06:54:00.282Z"],["b_Yw1L2xQG7XL","$D2025-06-23T07:10:11.560Z"],["b_iOwXJl5uDBY","$D2025-06-23T07:11:01.288Z"],["b_KvDGA7382RM","$D2025-06-23T07:12:39.204Z"],["b_BkcDrhgSOS6","$D2025-06-23T07:22:16.976Z"],["b_0fsNiBKdYhA","$D2025-06-23T07:22:51.236Z"],["b_0IeR5oGscGe","$D2025-06-23T07:27:38.082Z"],["b_uy4R3SkzVq9","$D2025-06-23T07:31:21.369Z"],["b_i6DAcI5aKLj","$D2025-06-23T07:45:49.019Z"],["b_nwjesyI50lb","$D2025-06-23T07:47:39.053Z"],["b_2VadmaK21Bs","$D2025-06-23T07:57:25.710Z"],["b_dQUIAixS5GY","$D2025-06-23T07:58:27.357Z"],["b_mhKD8hDvK90","$D2025-06-23T07:58:36.993Z"],["b_JfJK8OgDzWS","$D2025-06-23T08:12:47.943Z"],["b_xrEtzvWnFRi","$D2025-06-23T08:19:56.072Z"],["b_7RKl36Nap7w","$D2025-06-23T08:24:16.961Z"],["b_2zQ7MDyQNsC","$D2025-06-23T08:26:10.680Z"],["b_ROdQFgSeRtI","$D2025-06-23T08:32:30.187Z"],["b_d3qHYg0Jw3O","$D2025-06-23T08:37:49.428Z"],["b_9ZjpYKhHvIP","$D2025-06-23T08:38:55.118Z"],["b_vCwSok20BMu","$D2025-06-23T08:41:55.507Z"],["b_D7GL5fDukzL","$D2025-06-23T08:46:22.390Z"],["b_pEN0m9x3abE","$D2025-06-23T08:54:47.165Z"],["b_Plsjt9usbYY","$D2025-06-23T09:05:53.099Z"],["b_ENubrd7knJN","$D2025-06-23T09:11:00.059Z"],["b_oBKVWvvEpTV","$D2025-06-23T09:18:08.677Z"],["b_OqEL8GncLuz","$D2025-06-23T09:22:40.144Z"],["b_TmUkIydIuo9","$D2025-06-23T09:28:32.129Z"],["b_sYZSC3CkfuQ","$D2025-06-23T09:37:03.060Z"],["b_6l8MGxgj4Kz","$D2025-06-23T09:39:20.941Z"],["b_CHBK9xVuslS","$D2025-06-23T09:42:28.557Z"]] 107:[["b_sYZSC3CkfuQ",false],["b_6l8MGxgj4Kz",false],["b_CHBK9xVuslS",false]] 108:[["b_sYZSC3CkfuQ","$undefined"],["b_6l8MGxgj4Kz","$undefined"],["b_CHBK9xVuslS","$undefined"]] 109:[["b_sYZSC3CkfuQ",null],["b_6l8MGxgj4Kz",null],["b_CHBK9xVuslS",null]] 10a:[["b_sYZSC3CkfuQ",true],["b_6l8MGxgj4Kz",true],["b_CHBK9xVuslS",true]] 10b:[["b_sYZSC3CkfuQ",true],["b_6l8MGxgj4Kz",true],["b_CHBK9xVuslS",true]] 10c:[] 10d:T85f3f,[V0_FILE]sql:file="scripts/01-create-user.sql" type="code" isMerged="true" -- Script para crear usuario específico para el CRUD -- Ejecutar como SYSTEM en SQL Developer -- Crear usuario CREATE USER tienda_admin IDENTIFIED BY tienda123; -- Otorgar permisos necesarios GRANT CONNECT, RESOURCE TO tienda_admin; GRANT CREATE SESSION TO tienda_admin; GRANT CREATE TABLE TO tienda_admin; GRANT CREATE SEQUENCE TO tienda_admin; GRANT CREATE INDEX TO tienda_admin; GRANT UNLIMITED TABLESPACE TO tienda_admin; -- Confirmar creación SELECT username FROM dba_users WHERE username = 'TIENDA_ADMIN'; [V0_FILE]sql:file="scripts/02-create-tables.sql" type="code" isMerged="true" -- Script de creación de tablas (ejecutar como tienda_admin) -- Copiar y pegar el contenido de tu archivo original aquí -- Creación de tablas sin dependencias -- Tabla ESTADO CREATE TABLE ESTADO ( ID_ESTADO NUMBER PRIMARY KEY, NOMBRE VARCHAR2(50) NOT NULL ); -- Tabla MARCA CREATE TABLE MARCA ( ID_MARCA NUMBER PRIMARY KEY, NOMBRE VARCHAR2(50) NOT NULL, DESCRIPCION CLOB ); -- Tabla COLOR CREATE TABLE COLOR ( ID_COLOR NUMBER PRIMARY KEY, NOMBRE VARCHAR2(50) NOT NULL, CODIGO VARCHAR2(20) ); -- Tabla TIPO_TENIS CREATE TABLE TIPO_TENIS ( ID_TIPO NUMBER PRIMARY KEY, NOMBRE VARCHAR2(50) NOT NULL, DESCRIPCION CLOB ); -- Tabla TIPO_EMPLEADO CREATE TABLE TIPO_EMPLEADO ( ID_TIPO_EMPLEADO NUMBER PRIMARY KEY, NOMBRE VARCHAR2(50) NOT NULL, DESCRIPCION CLOB ); -- Tabla TIPO_TIENDA CREATE TABLE TIPO_TIENDA ( ID_TIPO_TIENDA NUMBER PRIMARY KEY, NOMBRE VARCHAR2(50) NOT NULL, DESCRIPCION CLOB ); -- Tabla TIPO_PAGO CREATE TABLE TIPO_PAGO ( ID_TIPO_PAGO NUMBER PRIMARY KEY, NOMBRE VARCHAR2(50) NOT NULL, DESCRIPCION CLOB ); -- Tabla TIPO_VENTA CREATE TABLE TIPO_VENTA ( ID_TIPO_VENTA NUMBER PRIMARY KEY, NOMBRE VARCHAR2(50) NOT NULL, DESCRIPCION CLOB ); -- Tabla DESCUENTO CREATE TABLE DESCUENTO ( ID_DESCUENTO NUMBER PRIMARY KEY, NOMBRE VARCHAR2(100) NOT NULL, FECHA_INICIO DATE NOT NULL, FECHA_FIN DATE NOT NULL, PORCENTAJE NUMBER(5,2) NOT NULL, ACTIVO NUMBER(1) DEFAULT 1 NOT NULL, CONSTRAINT CHK_PORCENTAJE CHECK (PORCENTAJE BETWEEN 0 AND 100) ); -- Tabla TALLA CREATE TABLE TALLA ( ID_TALLA NUMBER PRIMARY KEY, NUMERO NUMBER(3,1) NOT NULL, SISTEMA VARCHAR2(20) NOT NULL ); -- Tablas con dependencias de primer nivel -- Tabla MUNICIPIO CREATE TABLE MUNICIPIO ( ID_MUNICIPIO NUMBER PRIMARY KEY, NOMBRE VARCHAR2(100) NOT NULL, ID_ESTADO NUMBER NOT NULL, CONSTRAINT FK_MUNICIPIO_ESTADO FOREIGN KEY (ID_ESTADO) REFERENCES ESTADO(ID_ESTADO) ); -- Tabla MODELO CREATE TABLE MODELO ( ID_MODELO NUMBER PRIMARY KEY, NOMBRE VARCHAR2(100) NOT NULL, ID_MARCA NUMBER NOT NULL, ID_TIPO NUMBER NOT NULL, DESCRIPCION CLOB, CONSTRAINT FK_MODELO_MARCA FOREIGN KEY (ID_MARCA) REFERENCES MARCA(ID_MARCA), CONSTRAINT FK_MODELO_TIPO FOREIGN KEY (ID_TIPO) REFERENCES TIPO_TENIS(ID_TIPO) ); -- Tablas con dependencias de segundo nivel -- Tabla DIRECCION CREATE TABLE DIRECCION ( ID_DIRECCION NUMBER PRIMARY KEY, CALLE VARCHAR2(100) NOT NULL, NUMERO_EXT VARCHAR2(20) NOT NULL, NUMERO_INT VARCHAR2(20), COLONIA VARCHAR2(100) NOT NULL, CODIGO_POSTAL VARCHAR2(10) NOT NULL, ID_MUNICIPIO NUMBER NOT NULL, CONSTRAINT FK_DIRECCION_MUNICIPIO FOREIGN KEY (ID_MUNICIPIO) REFERENCES MUNICIPIO(ID_MUNICIPIO) ); -- Tabla TENIS CREATE TABLE TENIS ( ID_TENIS NUMBER PRIMARY KEY, ID_MODELO NUMBER NOT NULL, ID_COLOR NUMBER NOT NULL, ID_TALLA NUMBER NOT NULL, PRECIO_VENTA NUMBER(10,2) NOT NULL, PRECIO_COSTO NUMBER(10,2) NOT NULL, STOCK NUMBER DEFAULT 0 NOT NULL, ES_SEGUNDA_MANO NUMBER(1) DEFAULT 0 NOT NULL, CONSTRAINT FK_TENIS_MODELO FOREIGN KEY (ID_MODELO) REFERENCES MODELO(ID_MODELO), CONSTRAINT FK_TENIS_COLOR FOREIGN KEY (ID_COLOR) REFERENCES COLOR(ID_COLOR), CONSTRAINT FK_TENIS_TALLA FOREIGN KEY (ID_TALLA) REFERENCES TALLA(ID_TALLA) ); -- Tablas con dependencias de tercer nivel -- Tabla CLIENTE CREATE TABLE CLIENTE ( ID_CLIENTE NUMBER PRIMARY KEY, NOMBRE VARCHAR2(50) NOT NULL, APELLIDO_PATERNO VARCHAR2(50) NOT NULL, APELLIDO_MATERNO VARCHAR2(50), TELEFONO VARCHAR2(15) NOT NULL, CORREO VARCHAR2(100) NOT NULL, NUMERO VARCHAR2(20), ID_DIRECCION NUMBER, CONSTRAINT FK_CLIENTE_DIRECCION FOREIGN KEY (ID_DIRECCION) REFERENCES DIRECCION(ID_DIRECCION), CONSTRAINT UQ_CLIENTE_CORREO UNIQUE (CORREO) ); -- Tabla EMPLEADO CREATE TABLE EMPLEADO ( ID_EMPLEADO NUMBER PRIMARY KEY, NOMBRE VARCHAR2(50) NOT NULL, APELLIDO_PATERNO VARCHAR2(50) NOT NULL, APELLIDO_MATERNO VARCHAR2(50), TELEFONO VARCHAR2(15) NOT NULL, CORREO VARCHAR2(100) NOT NULL, ID_TIPO_EMPLEADO NUMBER NOT NULL, ID_DIRECCION NUMBER, CONSTRAINT FK_EMPLEADO_TIPO FOREIGN KEY (ID_TIPO_EMPLEADO) REFERENCES TIPO_EMPLEADO(ID_TIPO_EMPLEADO), CONSTRAINT FK_EMPLEADO_DIRECCION FOREIGN KEY (ID_DIRECCION) REFERENCES DIRECCION(ID_DIRECCION), CONSTRAINT UQ_EMPLEADO_CORREO UNIQUE (CORREO) ); -- Tabla TIENDA CREATE TABLE TIENDA ( ID_TIENDA NUMBER PRIMARY KEY, NOMBRE VARCHAR2(100) NOT NULL, ID_TIPO_TIENDA NUMBER NOT NULL, TELEFONO VARCHAR2(15), ID_DIRECCION NUMBER, SITIO_WEB VARCHAR2(255), CONSTRAINT FK_TIENDA_TIPO FOREIGN KEY (ID_TIPO_TIENDA) REFERENCES TIPO_TIENDA(ID_TIPO_TIENDA), CONSTRAINT FK_TIENDA_DIRECCION FOREIGN KEY (ID_DIRECCION) REFERENCES DIRECCION(ID_DIRECCION) ); -- Tablas con dependencias de cuarto nivel -- Tabla VENTA CREATE TABLE VENTA ( ID_VENTA NUMBER PRIMARY KEY, FECHA DATE NOT NULL, ID_CLIENTE NUMBER NOT NULL, ID_EMPLEADO NUMBER NOT NULL, ID_TIENDA NUMBER NOT NULL, ID_TIPO_PAGO NUMBER NOT NULL, ID_TIPO_VENTA NUMBER NOT NULL, ID_DESCUENTO NUMBER, CONSTRAINT FK_VENTA_CLIENTE FOREIGN KEY (ID_CLIENTE) REFERENCES CLIENTE(ID_CLIENTE), CONSTRAINT FK_VENTA_EMPLEADO FOREIGN KEY (ID_EMPLEADO) REFERENCES EMPLEADO(ID_EMPLEADO), CONSTRAINT FK_VENTA_TIENDA FOREIGN KEY (ID_TIENDA) REFERENCES TIENDA(ID_TIENDA), CONSTRAINT FK_VENTA_TIPO_PAGO FOREIGN KEY (ID_TIPO_PAGO) REFERENCES TIPO_PAGO(ID_TIPO_PAGO), CONSTRAINT FK_VENTA_TIPO_VENTA FOREIGN KEY (ID_TIPO_VENTA) REFERENCES TIPO_VENTA(ID_TIPO_VENTA), CONSTRAINT FK_VENTA_DESCUENTO FOREIGN KEY (ID_DESCUENTO) REFERENCES DESCUENTO(ID_DESCUENTO) ); -- Tabla HORARIO_EMPLEADO CREATE TABLE HORARIO_EMPLEADO ( ID_HORARIO NUMBER PRIMARY KEY, ID_EMPLEADO NUMBER NOT NULL, DIA_SEMANA NUMBER NOT NULL, HORA_ENTRADA TIMESTAMP NOT NULL, HORA_SALIDA TIMESTAMP NOT NULL, CONSTRAINT FK_HORARIO_EMPLEADO FOREIGN KEY (ID_EMPLEADO) REFERENCES EMPLEADO(ID_EMPLEADO), CONSTRAINT CHK_DIA_SEMANA_EMP CHECK (DIA_SEMANA BETWEEN 1 AND 7) ); -- Tabla HORARIO_TIENDA CREATE TABLE HORARIO_TIENDA ( ID_HORARIO NUMBER PRIMARY KEY, ID_TIENDA NUMBER NOT NULL, DIA_SEMANA NUMBER NOT NULL, HORA_APERTURA TIMESTAMP NOT NULL, HORA_CIERRE TIMESTAMP NOT NULL, CONSTRAINT FK_HORARIO_TIENDA FOREIGN KEY (ID_TIENDA) REFERENCES TIENDA(ID_TIENDA), CONSTRAINT CHK_DIA_SEMANA_TIENDA CHECK (DIA_SEMANA BETWEEN 1 AND 7) ); -- Tabla INVENTARIO_TIENDA CREATE TABLE INVENTARIO_TIENDA ( ID_INVENTARIO NUMBER PRIMARY KEY, ID_TIENDA NUMBER NOT NULL, ID_TENIS NUMBER NOT NULL, CANTIDAD NUMBER DEFAULT 0 NOT NULL, CONSTRAINT FK_INVENTARIO_TIENDA FOREIGN KEY (ID_TIENDA) REFERENCES TIENDA(ID_TIENDA), CONSTRAINT FK_INVENTARIO_TENIS FOREIGN KEY (ID_TENIS) REFERENCES TENIS(ID_TENIS), CONSTRAINT UQ_INVENTARIO_TIENDA_TENIS UNIQUE (ID_TIENDA, ID_TENIS) ); -- Tablas con dependencias de quinto nivel -- Tabla DETALLE_VENTA CREATE TABLE DETALLE_VENTA ( ID_DETALLE NUMBER PRIMARY KEY, ID_VENTA NUMBER NOT NULL, ID_TENIS NUMBER NOT NULL, CANTIDAD NUMBER NOT NULL, PRECIO_UNITARIO NUMBER(10,2) NOT NULL, SUBTOTAL NUMBER(10,2) NOT NULL, CONSTRAINT FK_DETALLE_VENTA FOREIGN KEY (ID_VENTA) REFERENCES VENTA(ID_VENTA), CONSTRAINT FK_DETALLE_TENIS FOREIGN KEY (ID_TENIS) REFERENCES TENIS(ID_TENIS) ); -- Creación de secuencias para las claves primarias CREATE SEQUENCE SEQ_ESTADO START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_MUNICIPIO START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_DIRECCION START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_CLIENTE START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_DESCUENTO START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_VENTA START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_DETALLE_VENTA START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_TIPO_PAGO START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_TIPO_VENTA START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_TENIS START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_INVENTARIO_TIENDA START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_MODELO START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_MARCA START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_TIPO_TENIS START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_COLOR START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_TALLA START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_TIENDA START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_TIPO_TIENDA START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_EMPLEADO START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_TIPO_EMPLEADO START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_HORARIO_EMPLEADO START WITH 1 INCREMENT BY 1; CREATE SEQUENCE SEQ_HORARIO_TIENDA START WITH 1 INCREMENT BY 1; -- Creación de índices para mejorar el rendimiento CREATE INDEX IDX_CLIENTE_DIRECCION ON CLIENTE(ID_DIRECCION); CREATE INDEX IDX_EMPLEADO_DIRECCION ON EMPLEADO(ID_DIRECCION); CREATE INDEX IDX_EMPLEADO_TIPO ON EMPLEADO(ID_TIPO_EMPLEADO); CREATE INDEX IDX_TIENDA_DIRECCION ON TIENDA(ID_DIRECCION); CREATE INDEX IDX_TIENDA_TIPO ON TIENDA(ID_TIPO_TIENDA); CREATE INDEX IDX_VENTA_CLIENTE ON VENTA(ID_CLIENTE); CREATE INDEX IDX_VENTA_EMPLEADO ON VENTA(ID_EMPLEADO); CREATE INDEX IDX_VENTA_TIENDA ON VENTA(ID_TIENDA); CREATE INDEX IDX_VENTA_TIPO_PAGO ON VENTA(ID_TIPO_PAGO); CREATE INDEX IDX_VENTA_TIPO_VENTA ON VENTA(ID_TIPO_VENTA); CREATE INDEX IDX_DETALLE_VENTA_VENTA ON DETALLE_VENTA(ID_VENTA); CREATE INDEX IDX_DETALLE_VENTA_TENIS ON DETALLE_VENTA(ID_TENIS); CREATE INDEX IDX_TENIS_MODELO ON TENIS(ID_MODELO); CREATE INDEX IDX_TENIS_COLOR ON TENIS(ID_COLOR); CREATE INDEX IDX_TENIS_TALLA ON TENIS(ID_TALLA); CREATE INDEX IDX_MODELO_MARCA ON MODELO(ID_MARCA); CREATE INDEX IDX_MODELO_TIPO ON MODELO(ID_TIPO); CREATE INDEX IDX_MUNICIPIO_ESTADO ON MUNICIPIO(ID_ESTADO); CREATE INDEX IDX_DIRECCION_MUNICIPIO ON DIRECCION(ID_MUNICIPIO); CREATE INDEX IDX_INVENTARIO_TIENDA_TIENDA ON INVENTARIO_TIENDA(ID_TIENDA); CREATE INDEX IDX_INVENTARIO_TIENDA_TENIS ON INVENTARIO_TIENDA(ID_TENIS); CREATE INDEX IDX_HORARIO_EMPLEADO_EMPLEADO ON HORARIO_EMPLEADO(ID_EMPLEADO); CREATE INDEX IDX_HORARIO_TIENDA_TIENDA ON HORARIO_TIENDA(ID_TIENDA); [V0_FILE]sql:file="scripts/03-insert-sample-data.sql" type="code" isMerged="true" -- Script para insertar datos de prueba -- Ejecutar como tienda_admin después de crear las tablas -- Insertar Estados INSERT INTO ESTADO (ID_ESTADO, NOMBRE) VALUES (SEQ_ESTADO.NEXTVAL, 'Ciudad de México'); INSERT INTO ESTADO (ID_ESTADO, NOMBRE) VALUES (SEQ_ESTADO.NEXTVAL, 'Jalisco'); INSERT INTO ESTADO (ID_ESTADO, NOMBRE) VALUES (SEQ_ESTADO.NEXTVAL, 'Nuevo León'); -- Insertar Municipios INSERT INTO MUNICIPIO (ID_MUNICIPIO, NOMBRE, ID_ESTADO) VALUES (SEQ_MUNICIPIO.NEXTVAL, 'Benito Juárez', 1); INSERT INTO MUNICIPIO (ID_MUNICIPIO, NOMBRE, ID_ESTADO) VALUES (SEQ_MUNICIPIO.NEXTVAL, 'Guadalajara', 2); INSERT INTO MUNICIPIO (ID_MUNICIPIO, NOMBRE, ID_ESTADO) VALUES (SEQ_MUNICIPIO.NEXTVAL, 'Monterrey', 3); -- Insertar Marcas INSERT INTO MARCA (ID_MARCA, NOMBRE, DESCRIPCION) VALUES (SEQ_MARCA.NEXTVAL, 'Nike', 'Marca deportiva líder mundial'); INSERT INTO MARCA (ID_MARCA, NOMBRE, DESCRIPCION) VALUES (SEQ_MARCA.NEXTVAL, 'Adidas', 'Marca alemana de artículos deportivos'); INSERT INTO MARCA (ID_MARCA, NOMBRE, DESCRIPCION) VALUES (SEQ_MARCA.NEXTVAL, 'Puma', 'Marca alemana de ropa y calzado deportivo'); -- Insertar Colores INSERT INTO COLOR (ID_COLOR, NOMBRE, CODIGO) VALUES (SEQ_COLOR.NEXTVAL, 'Negro', '#000000'); INSERT INTO COLOR (ID_COLOR, NOMBRE, CODIGO) VALUES (SEQ_COLOR.NEXTVAL, 'Blanco', '#FFFFFF'); INSERT INTO COLOR (ID_COLOR, NOMBRE, CODIGO) VALUES (SEQ_COLOR.NEXTVAL, 'Rojo', '#FF0000'); INSERT INTO COLOR (ID_COLOR, NOMBRE, CODIGO) VALUES (SEQ_COLOR.NEXTVAL, 'Azul', '#0000FF'); -- Insertar Tipos de Tenis INSERT INTO TIPO_TENIS (ID_TIPO, NOMBRE, DESCRIPCION) VALUES (SEQ_TIPO_TENIS.NEXTVAL, 'Running', 'Tenis para correr'); INSERT INTO TIPO_TENIS (ID_TIPO, NOMBRE, DESCRIPCION) VALUES (SEQ_TIPO_TENIS.NEXTVAL, 'Basketball', 'Tenis para basketball'); INSERT INTO TIPO_TENIS (ID_TIPO, NOMBRE, DESCRIPCION) VALUES (SEQ_TIPO_TENIS.NEXTVAL, 'Casual', 'Tenis para uso diario'); -- Insertar Tallas INSERT INTO TALLA (ID_TALLA, NUMERO, SISTEMA) VALUES (SEQ_TALLA.NEXTVAL, 7, 'US'); INSERT INTO TALLA (ID_TALLA, NUMERO, SISTEMA) VALUES (SEQ_TALLA.NEXTVAL, 8, 'US'); INSERT INTO TALLA (ID_TALLA, NUMERO, SISTEMA) VALUES (SEQ_TALLA.NEXTVAL, 9, 'US'); INSERT INTO TALLA (ID_TALLA, NUMERO, SISTEMA) VALUES (SEQ_TALLA.NEXTVAL, 10, 'US'); -- Insertar Tipos de Empleado INSERT INTO TIPO_EMPLEADO (ID_TIPO_EMPLEADO, NOMBRE, DESCRIPCION) VALUES (SEQ_TIPO_EMPLEADO.NEXTVAL, 'Vendedor', 'Personal de ventas'); INSERT INTO TIPO_EMPLEADO (ID_TIPO_EMPLEADO, NOMBRE, DESCRIPCION) VALUES (SEQ_TIPO_EMPLEADO.NEXTVAL, 'Gerente', 'Gerente de tienda'); INSERT INTO TIPO_EMPLEADO (ID_TIPO_EMPLEADO, NOMBRE, DESCRIPCION) VALUES (SEQ_TIPO_EMPLEADO.NEXTVAL, 'Cajero', 'Personal de caja'); -- Insertar Tipos de Tienda INSERT INTO TIPO_TIENDA (ID_TIPO_TIENDA, NOMBRE, DESCRIPCION) VALUES (SEQ_TIPO_TIENDA.NEXTVAL, 'Física', 'Tienda con ubicación física'); INSERT INTO TIPO_TIENDA (ID_TIPO_TIENDA, NOMBRE, DESCRIPCION) VALUES (SEQ_TIPO_TIENDA.NEXTVAL, 'En línea', 'Tienda virtual'); -- Insertar Tipos de Pago INSERT INTO TIPO_PAGO (ID_TIPO_PAGO, NOMBRE, DESCRIPCION) VALUES (SEQ_TIPO_PAGO.NEXTVAL, 'Efectivo', 'Pago en efectivo'); INSERT INTO TIPO_PAGO (ID_TIPO_PAGO, NOMBRE, DESCRIPCION) VALUES (SEQ_TIPO_PAGO.NEXTVAL, 'Tarjeta', 'Pago con tarjeta'); INSERT INTO TIPO_PAGO (ID_TIPO_PAGO, NOMBRE, DESCRIPCION) VALUES (SEQ_TIPO_PAGO.NEXTVAL, 'Transferencia', 'Transferencia bancaria'); -- Insertar Tipos de Venta INSERT INTO TIPO_VENTA (ID_TIPO_VENTA, NOMBRE, DESCRIPCION) VALUES (SEQ_TIPO_VENTA.NEXTVAL, 'Menudeo', 'Venta al menudeo'); INSERT INTO TIPO_VENTA (ID_TIPO_VENTA, NOMBRE, DESCRIPCION) VALUES (SEQ_TIPO_VENTA.NEXTVAL, 'Mayoreo', 'Venta al mayoreo'); -- Insertar Direcciones INSERT INTO DIRECCION (ID_DIRECCION, CALLE, NUMERO_EXT, COLONIA, CODIGO_POSTAL, ID_MUNICIPIO) VALUES (SEQ_DIRECCION.NEXTVAL, 'Av. Insurgentes', '123', 'Roma Norte', '06700', 1); INSERT INTO DIRECCION (ID_DIRECCION, CALLE, NUMERO_EXT, COLONIA, CODIGO_POSTAL, ID_MUNICIPIO) VALUES (SEQ_DIRECCION.NEXTVAL, 'Av. Chapultepec', '456', 'Americana', '44160', 2); -- Insertar Modelos INSERT INTO MODELO (ID_MODELO, NOMBRE, ID_MARCA, ID_TIPO, DESCRIPCION) VALUES (SEQ_MODELO.NEXTVAL, 'Air Max 90', 1, 1, 'Clásico modelo de Nike para running'); INSERT INTO MODELO (ID_MODELO, NOMBRE, ID_MARCA, ID_TIPO, DESCRIPCION) VALUES (SEQ_MODELO.NEXTVAL, 'Stan Smith', 2, 3, 'Icónico modelo casual de Adidas'); -- Insertar Tenis INSERT INTO TENIS (ID_TENIS, ID_MODELO, ID_COLOR, ID_TALLA, PRECIO_VENTA, PRECIO_COSTO, STOCK) VALUES (SEQ_TENIS.NEXTVAL, 1, 1, 1, 2500.00, 1500.00, 10); INSERT INTO TENIS (ID_TENIS, ID_MODELO, ID_COLOR, ID_TALLA, PRECIO_VENTA, PRECIO_COSTO, STOCK) VALUES (SEQ_TENIS.NEXTVAL, 1, 2, 2, 2500.00, 1500.00, 15); INSERT INTO TENIS (ID_TENIS, ID_MODELO, ID_COLOR, ID_TALLA, PRECIO_VENTA, PRECIO_COSTO, STOCK) VALUES (SEQ_TENIS.NEXTVAL, 2, 2, 3, 2200.00, 1300.00, 8); -- Insertar Clientes INSERT INTO CLIENTE (ID_CLIENTE, NOMBRE, APELLIDO_PATERNO, APELLIDO_MATERNO, TELEFONO, CORREO, ID_DIRECCION) VALUES (SEQ_CLIENTE.NEXTVAL, 'Juan', 'Pérez', 'García', '5551234567', 'juan.perez@email.com', 1); INSERT INTO CLIENTE (ID_CLIENTE, NOMBRE, APELLIDO_PATERNO, APELLIDO_MATERNO, TELEFONO, CORREO, ID_DIRECCION) VALUES (SEQ_CLIENTE.NEXTVAL, 'María', 'López', 'Martínez', '5559876543', 'maria.lopez@email.com', 2); -- Insertar Empleados INSERT INTO EMPLEADO (ID_EMPLEADO, NOMBRE, APELLIDO_PATERNO, APELLIDO_MATERNO, TELEFONO, CORREO, ID_TIPO_EMPLEADO, ID_DIRECCION) VALUES (SEQ_EMPLEADO.NEXTVAL, 'Carlos', 'Rodríguez', 'Sánchez', '5555555555', 'carlos.rodriguez@tienda.com', 1, 1); -- Insertar Tiendas INSERT INTO TIENDA (ID_TIENDA, NOMBRE, ID_TIPO_TIENDA, TELEFONO, ID_DIRECCION) VALUES (SEQ_TIENDA.NEXTVAL, 'Tienda Centro', 1, '5551111111', 1); -- Insertar Descuentos INSERT INTO DESCUENTO (ID_DESCUENTO, NOMBRE, FECHA_INICIO, FECHA_FIN, PORCENTAJE, ACTIVO) VALUES (SEQ_DESCUENTO.NEXTVAL, 'Descuento Navidad', DATE '2024-12-01', DATE '2024-12-31', 15.00, 1); COMMIT; [V0_FILE]typescriptreact:file="components/ventas-tab.tsx" isQuickEdit="true" isMerged="true" "use client" import type React from "react" import { useState, useEffect } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog" import { Badge } from "@/components/ui/badge" import { Plus, Edit, Trash2, Search } from "lucide-react" import { useToast } from "@/hooks/use-toast" interface Venta { ID_VENTA: number FECHA: string ID_CLIENTE: number ID_EMPLEADO: number ID_TIENDA: number ID_TIPO_PAGO: number ID_TIPO_VENTA: number ID_DESCUENTO?: number // Datos relacionados para mostrar CLIENTE_NOMBRE?: string EMPLEADO_NOMBRE?: string TIENDA_NOMBRE?: string TIPO_PAGO_NOMBRE?: string TIPO_VENTA_NOMBRE?: string TOTAL?: number } export default function VentasTab() { const [ventas, setVentas] = useState([]) const [loading, setLoading] = useState(false) const [searchTerm, setSearchTerm] = useState("") const [isDialogOpen, setIsDialogOpen] = useState(false) const [editingVenta, setEditingVenta] = useState(null) const [formData, setFormData] = useState({ FECHA: "", ID_CLIENTE: "", ID_EMPLEADO: "", ID_TIENDA: "", ID_TIPO_PAGO: "", ID_TIPO_VENTA: "", }) const { toast } = useToast() // Mock data para opciones const clientes = [ { ID_CLIENTE: 1, NOMBRE: "Juan Pérez García" }, { ID_CLIENTE: 2, NOMBRE: "María López Martínez" }, ] const empleados = [ { ID_EMPLEADO: 1, NOMBRE: "Carlos Rodríguez Sánchez" }, { ID_EMPLEADO: 2, NOMBRE: "Ana García López" }, ] const tiendas = [ { ID_TIENDA: 1, NOMBRE: "Tienda Centro" }, { ID_TIENDA: 2, NOMBRE: "Tienda Online" }, ] const tiposPago = [ { ID_TIPO_PAGO: 1, NOMBRE: "Efectivo" }, { ID_TIPO_PAGO: 2, NOMBRE: "Tarjeta" }, { ID_TIPO_PAGO: 3, NOMBRE: "Transferencia" }, ] const tiposVenta = [ { ID_TIPO_VENTA: 1, NOMBRE: "Menudeo" }, { ID_TIPO_VENTA: 2, NOMBRE: "Mayoreo" }, ] useEffect(() => { const mockVentas: Venta[] = [ { ID_VENTA: 1, FECHA: "2024-01-15", ID_CLIENTE: 1, ID_EMPLEADO: 1, ID_TIENDA: 1, ID_TIPO_PAGO: 1, ID_TIPO_VENTA: 1, CLIENTE_NOMBRE: "Juan Pérez García", EMPLEADO_NOMBRE: "Carlos Rodríguez Sánchez", TIENDA_NOMBRE: "Tienda Centro", TIPO_PAGO_NOMBRE: "Efectivo", TIPO_VENTA_NOMBRE: "Menudeo", TOTAL: 2500.0, }, { ID_VENTA: 2, FECHA: "2024-01-16", ID_CLIENTE: 2, ID_EMPLEADO: 2, ID_TIENDA: 2, ID_TIPO_PAGO: 2, ID_TIPO_VENTA: 1, CLIENTE_NOMBRE: "María López Martínez", EMPLEADO_NOMBRE: "Ana García López", TIENDA_NOMBRE: "Tienda Online", TIPO_PAGO_NOMBRE: "Tarjeta", TIPO_VENTA_NOMBRE: "Menudeo", TOTAL: 4400.0, }, ] setVentas(mockVentas) }, []) const filteredVentas = ventas.filter( (venta) => venta.CLIENTE_NOMBRE?.toLowerCase().includes(searchTerm.toLowerCase()) || venta.EMPLEADO_NOMBRE?.toLowerCase().includes(searchTerm.toLowerCase()) || venta.TIENDA_NOMBRE?.toLowerCase().includes(searchTerm.toLowerCase()), ) const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setLoading(true) try { const clienteSeleccionado = clientes.find((c) => c.ID_CLIENTE === Number.parseInt(formData.ID_CLIENTE)) const empleadoSeleccionado = empleados.find((e) => e.ID_EMPLEADO === Number.parseInt(formData.ID_EMPLEADO)) const tiendaSeleccionada = tiendas.find((t) => t.ID_TIENDA === Number.parseInt(formData.ID_TIENDA)) const tipoPagoSeleccionado = tiposPago.find((tp) => tp.ID_TIPO_PAGO === Number.parseInt(formData.ID_TIPO_PAGO)) const tipoVentaSeleccionado = tiposVenta.find( (tv) => tv.ID_TIPO_VENTA === Number.parseInt(formData.ID_TIPO_VENTA), ) if (editingVenta) { const updatedVentas = ventas.map((venta) => venta.ID_VENTA === editingVenta.ID_VENTA ? { ...venta, FECHA: formData.FECHA, ID_CLIENTE: Number.parseInt(formData.ID_CLIENTE), ID_EMPLEADO: Number.parseInt(formData.ID_EMPLEADO), ID_TIENDA: Number.parseInt(formData.ID_TIENDA), ID_TIPO_PAGO: Number.parseInt(formData.ID_TIPO_PAGO), ID_TIPO_VENTA: Number.parseInt(formData.ID_TIPO_VENTA), CLIENTE_NOMBRE: clienteSeleccionado?.NOMBRE, EMPLEADO_NOMBRE: empleadoSeleccionado?.NOMBRE, TIENDA_NOMBRE: tiendaSeleccionada?.NOMBRE, TIPO_PAGO_NOMBRE: tipoPagoSeleccionado?.NOMBRE, TIPO_VENTA_NOMBRE: tipoVentaSeleccionado?.NOMBRE, } : venta, ) setVentas(updatedVentas) toast({ title: "Venta actualizada", description: "La venta ha sido actualizada exitosamente.", }) } else { const newVenta: Venta = { ID_VENTA: Math.max(...ventas.map((v) => v.ID_VENTA)) + 1, FECHA: formData.FECHA, ID_CLIENTE: Number.parseInt(formData.ID_CLIENTE), ID_EMPLEADO: Number.parseInt(formData.ID_EMPLEADO), ID_TIENDA: Number.parseInt(formData.ID_TIENDA), ID_TIPO_PAGO: Number.parseInt(formData.ID_TIPO_PAGO), ID_TIPO_VENTA: Number.parseInt(formData.ID_TIPO_VENTA), CLIENTE_NOMBRE: clienteSeleccionado?.NOMBRE, EMPLEADO_NOMBRE: empleadoSeleccionado?.NOMBRE, TIENDA_NOMBRE: tiendaSeleccionada?.NOMBRE, TIPO_PAGO_NOMBRE: tipoPagoSeleccionado?.NOMBRE, TIPO_VENTA_NOMBRE: tipoVentaSeleccionado?.NOMBRE, TOTAL: Math.random() * 5000 + 1000, // Precio aleatorio para demo } setVentas([...ventas, newVenta]) toast({ title: "Venta creada", description: "La venta ha sido creada exitosamente.", }) } setIsDialogOpen(false) setEditingVenta(null) setFormData({ FECHA: "", ID_CLIENTE: "", ID_EMPLEADO: "", ID_TIENDA: "", ID_TIPO_PAGO: "", ID_TIPO_VENTA: "", }) } catch (error) { toast({ title: "Error", description: "Ocurrió un error al procesar la solicitud.", variant: "destructive", }) } finally { setLoading(false) } } const handleEdit = (venta: Venta) => { setEditingVenta(venta) setFormData({ FECHA: venta.FECHA, ID_CLIENTE: venta.ID_CLIENTE.toString(), ID_EMPLEADO: venta.ID_EMPLEADO.toString(), ID_TIENDA: venta.ID_TIENDA.toString(), ID_TIPO_PAGO: venta.ID_TIPO_PAGO.toString(), ID_TIPO_VENTA: venta.ID_TIPO_VENTA.toString(), }) setIsDialogOpen(true) } const handleDelete = async (id: number) => { if (confirm("¿Estás seguro de que deseas eliminar esta venta?")) { setVentas(ventas.filter((venta) => venta.ID_VENTA !== id)) toast({ title: "Venta eliminada", description: "La venta ha sido eliminada exitosamente.", }) } } return (

Gestión de Ventas

Administra las ventas realizadas

setSearchTerm(e.target.value)} className="pl-10" />

Lista de Ventas {filteredVentas.length} venta{filteredVentas.length !== 1 ? "s" : ""} encontrada {filteredVentas.length !== 1 ? "s" : ""} ID Fecha Cliente Empleado Tienda Tipo Pago Total Acciones {filteredVentas.map((venta) => ( {venta.ID_VENTA} {new Date(venta.FECHA).toLocaleDateString()} {venta.CLIENTE_NOMBRE} {venta.EMPLEADO_NOMBRE} {venta.TIENDA_NOMBRE} {venta.TIPO_PAGO_NOMBRE} ${venta.TOTAL?.toFixed(2) || "0.00"}

))}

) } [V0_FILE]typescriptreact:file="lib/database.ts" isMerged="true" // Configuración de conexión a Oracle import oracledb from "oracledb" // Configuración de la conexión const dbConfig = { user: process.env.DB_USER || "tienda_admin", password: process.env.DB_PASSWORD || "tienda123", connectString: process.env.DB_CONNECT_STRING || "localhost:1521/XE", } // Inicializar Oracle Client export async function initializeOracle() { try { // Para Windows, especifica la ruta del Oracle Instant Client si es necesario // oracledb.initOracleClient({ libDir: 'C:\\oracle\\instantclient_21_3' }) // Configurar el pool de conexiones await oracledb.createPool({ user: dbConfig.user, password: dbConfig.password, connectString: dbConfig.connectString, poolMin: 2, poolMax: 10, poolIncrement: 1, poolTimeout: 300, }) console.log("Oracle Database pool created successfully") } catch (error) { console.error("Error initializing Oracle:", error) throw error } } // Función para ejecutar consultas export async function executeQuery(sql: string, binds: any[] = [], options: any = {}) { let connection try { connection = await oracledb.getConnection() const result = await connection.execute(sql, binds, { outFormat: oracledb.OUT_FORMAT_OBJECT, autoCommit: true, ...options, }) return result } catch (error) { console.error("Database query error:", error) throw error } finally { if (connection) { try { await connection.close() } catch (error) { console.error("Error closing connection:", error) } } } } // Función para cerrar el pool de conexiones export async function closePool() { try { await oracledb.getPool().close(10) console.log("Oracle connection pool closed") } catch (error) { console.error("Error closing pool:", error) } } [V0_FILE]typescriptreact:file="components/clientes-tab-real.tsx" isMerged="true" "use client" import type React from "react" import { useState, useEffect } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog" import { Plus, Edit, Trash2, Search, Loader2 } from "lucide-react" import { useToast } from "@/hooks/use-toast" interface Cliente { ID_CLIENTE: number NOMBRE: string APELLIDO_PATERNO: string APELLIDO_MATERNO?: string TELEFONO: string CORREO: string NUMERO?: string ID_DIRECCION?: number CALLE?: string COLONIA?: string MUNICIPIO?: string ESTADO?: string } export default function ClientesTabReal() { const [clientes, setClientes] = useState([]) const [loading, setLoading] = useState(false) const [searchTerm, setSearchTerm] = useState("") const [isDialogOpen, setIsDialogOpen] = useState(false) const [editingCliente, setEditingCliente] = useState(null) const [formData, setFormData] = useState({ NOMBRE: "", APELLIDO_PATERNO: "", APELLIDO_MATERNO: "", TELEFONO: "", CORREO: "", NUMERO: "", }) const { toast } = useToast() // Cargar clientes desde la API const fetchClientes = async () => { setLoading(true) try { const response = await fetch("/api/clientes") const result = await response.json() if (result.success) { setClientes(result.data) } else { toast({ title: "Error", description: "Error al cargar clientes", variant: "destructive", }) } } catch (error) { toast({ title: "Error", description: "Error de conexión", variant: "destructive", }) } finally { setLoading(false) } } useEffect(() => { fetchClientes() }, []) const filteredClientes = clientes.filter( (cliente) => cliente.NOMBRE.toLowerCase().includes(searchTerm.toLowerCase()) || cliente.APELLIDO_PATERNO.toLowerCase().includes(searchTerm.toLowerCase()) || cliente.CORREO.toLowerCase().includes(searchTerm.toLowerCase()), ) const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setLoading(true) try { const url = editingCliente ? `/api/clientes/${editingCliente.ID_CLIENTE}` : "/api/clientes" const method = editingCliente ? "PUT" : "POST" const response = await fetch(url, { method, headers: { "Content-Type": "application/json", }, body: JSON.stringify(formData), }) const result = await response.json() if (result.success) { toast({ title: editingCliente ? "Cliente actualizado" : "Cliente creado", description: result.message, }) // Recargar la lista await fetchClientes() setIsDialogOpen(false) setEditingCliente(null) setFormData({ NOMBRE: "", APELLIDO_PATERNO: "", APELLIDO_MATERNO: "", TELEFONO: "", CORREO: "", NUMERO: "", }) } else { toast({ title: "Error", description: result.error, variant: "destructive", }) } } catch (error) { toast({ title: "Error", description: "Error de conexión", variant: "destructive", }) } finally { setLoading(false) } } const handleEdit = (cliente: Cliente) => { setEditingCliente(cliente) setFormData({ NOMBRE: cliente.NOMBRE, APELLIDO_PATERNO: cliente.APELLIDO_PATERNO, APELLIDO_MATERNO: cliente.APELLIDO_MATERNO || "", TELEFONO: cliente.TELEFONO, CORREO: cliente.CORREO, NUMERO: cliente.NUMERO || "", }) setIsDialogOpen(true) } const handleDelete = async (id: number) => { if (confirm("¿Estás seguro de que deseas eliminar este cliente?")) { setLoading(true) try { const response = await fetch(`/api/clientes/${id}`, { method: "DELETE", }) const result = await response.json() if (result.success) { toast({ title: "Cliente eliminado", description: result.message, }) // Recargar la lista await fetchClientes() } else { toast({ title: "Error", description: result.error, variant: "destructive", }) } } catch (error) { toast({ title: "Error", description: "Error de conexión", variant: "destructive", }) } finally { setLoading(false) } } } return (

Gestión de Clientes (Base de Datos Real)

Administra la información de tus clientes conectado a Oracle

setSearchTerm(e.target.value)} className="pl-10" />

Lista de Clientes {loading && } {filteredClientes.length} cliente{filteredClientes.length !== 1 ? "s" : ""} encontrado {filteredClientes.length !== 1 ? "s" : ""} en la base de datos ID Nombre Completo Teléfono Correo Ubicación Acciones {filteredClientes.map((cliente) => ( {cliente.ID_CLIENTE} {`${cliente.NOMBRE} ${cliente.APELLIDO_PATERNO} ${cliente.APELLIDO_MATERNO || ""}`.trim()} {cliente.TELEFONO} {cliente.CORREO} {cliente.MUNICIPIO && cliente.ESTADO ? `${cliente.MUNICIPIO}, ${cliente.ESTADO}` : "Sin dirección"}

))}

) } [V0_FILE]shellscript:file="scripts/fix-oracledb.sh" type="code" isMerged="true" #!/bin/bash # Script para arreglar la instalación de oracledb # 1. Limpiar instalación anterior rm -rf node_modules rm package-lock.json # 2. Instalar dependencias específicas para oracledb npm install --save oracledb@6.3.0 # 3. Instalar dependencias opcionales que pueden faltar npm install --save-optional @azure/app-configuration npm install --save-optional @azure/identity # 4. Reinstalar todas las dependencias npm install echo "Instalación completada. Intenta ejecutar npm run dev" [V0_FILE]typescriptreact:file="lib/database-simple.ts" isMerged="true" // Simulador de base de datos que puedes reemplazar fácilmente // cuando tengas Oracle funcionando correctamente interface DatabaseResult { success: boolean data?: any[] error?: string rowsAffected?: number } // Datos simulados que imitan la estructura de Oracle let mockClientes = [ { ID_CLIENTE: 1, NOMBRE: "Juan", APELLIDO_PATERNO: "Pérez", APELLIDO_MATERNO: "García", TELEFONO: "5551234567", CORREO: "juan.perez@email.com", NUMERO: "123", CALLE: "Av. Insurgentes", COLONIA: "Roma Norte", MUNICIPIO: "Benito Juárez", ESTADO: "Ciudad de México", }, { ID_CLIENTE: 2, NOMBRE: "María", APELLIDO_PATERNO: "López", APELLIDO_MATERNO: "Martínez", TELEFONO: "5559876543", CORREO: "maria.lopez@email.com", NUMERO: "456", CALLE: "Av. Chapultepec", COLONIA: "Americana", MUNICIPIO: "Guadalajara", ESTADO: "Jalisco", }, ] let nextId = 3 export async function executeQuery(sql: string, binds: any[] = []): Promise { // Simular delay de base de datos await new Promise((resolve) => setTimeout(resolve, 100)) try { // Parsear el tipo de consulta const sqlUpper = sql.toUpperCase().trim() if (sqlUpper.startsWith("SELECT")) { // Consulta SELECT return { success: true, data: mockClientes, } } else if (sqlUpper.startsWith("INSERT")) { // Consulta INSERT const [nombre, apellidoP, apellidoM, telefono, correo, numero] = binds const newCliente = { ID_CLIENTE: nextId++, NOMBRE: nombre, APELLIDO_PATERNO: apellidoP, APELLIDO_MATERNO: apellidoM, TELEFONO: telefono, CORREO: correo, NUMERO: numero, CALLE: "Dirección pendiente", COLONIA: "Colonia pendiente", MUNICIPIO: "Municipio pendiente", ESTADO: "Estado pendiente", } mockClientes.push(newCliente) return { success: true, rowsAffected: 1, } } else if (sqlUpper.startsWith("UPDATE")) { // Consulta UPDATE const [nombre, apellidoP, apellidoM, telefono, correo, numero, id] = binds const index = mockClientes.findIndex((c) => c.ID_CLIENTE === Number.parseInt(id)) if (index !== -1) { mockClientes[index] = { ...mockClientes[index], NOMBRE: nombre, APELLIDO_PATERNO: apellidoP, APELLIDO_MATERNO: apellidoM, TELEFONO: telefono, CORREO: correo, NUMERO: numero, } return { success: true, rowsAffected: 1, } } else { return { success: false, error: "Cliente no encontrado", rowsAffected: 0, } } } else if (sqlUpper.startsWith("DELETE")) { // Consulta DELETE const [id] = binds const initialLength = mockClientes.length mockClientes = mockClientes.filter((c) => c.ID_CLIENTE !== Number.parseInt(id)) return { success: true, rowsAffected: initialLength - mockClientes.length, } } return { success: false, error: "Tipo de consulta no soportado", } } catch (error) { return { success: false, error: `Error en consulta: ${error}`, } } } // Función placeholder para inicialización export async function initializeOracle() { console.log("Usando simulador de base de datos (modo desarrollo)") return Promise.resolve() } // Función placeholder para cerrar conexiones export async function closePool() { console.log("Cerrando simulador de base de datos") return Promise.resolve() } [V0_FILE]plaintext:file="scripts/fix-oracledb-windows.bat" type="code" isMerged="true" @echo off echo Limpiando instalacion anterior... :: 1. Limpiar instalacion anterior (comandos de Windows) rmdir /s /q node_modules del package-lock.json echo Instalando dependencias de oracledb... :: 2. Instalar dependencias específicas para oracledb npm install --save oracledb@6.3.0 :: 3. Instalar dependencias opcionales que pueden faltar npm install --save-optional @azure/app-configuration npm install --save-optional @azure/identity :: 4. Reinstalar todas las dependencias npm install echo Instalacion completada. Intenta ejecutar npm run dev pause [V0_FILE]plaintext:file="scripts/fix-npm-windows.bat" type="code" isMerged="true" @echo off echo === Solucionando conflictos de NPM en Windows === :: 1. Limpiar completamente npm cache echo Limpiando cache de npm... npm cache clean --force :: 2. Eliminar node_modules y package-lock.json echo Eliminando node_modules y package-lock.json... if exist node_modules rmdir /s /q node_modules if exist package-lock.json del package-lock.json :: 3. Verificar versiones echo Verificando versiones... node --version npm --version :: 4. Instalar con legacy peer deps para evitar conflictos echo Instalando dependencias con legacy-peer-deps... npm install --legacy-peer-deps :: 5. Instalar oracledb específicamente echo Instalando oracledb... npm install oracledb@6.3.0 --legacy-peer-deps echo === Instalacion completada === echo Ahora ejecuta: npm run dev pause [V0_FILE]json:file="package.json" isMerged="true" { "name": "tienda-tenis-crud", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@radix-ui/react-dialog": "^1.0.5", "@radix-ui/react-label": "^2.0.2", "@radix-ui/react-select": "^2.0.0", "@radix-ui/react-slot": "^1.0.2", "@radix-ui/react-tabs": "^1.0.4", "@radix-ui/react-toast": "^1.1.5", "class-variance-authority": "^0.7.0", "clsx": "^2.0.0", "lucide-react": "^0.294.0", "next": "14.0.4", "oracledb": "6.3.0", "react": "^18", "react-dom": "^18", "tailwind-merge": "^2.1.0", "tailwindcss-animate": "^1.0.7" }, "devDependencies": { "@types/node": "^20", "@types/react": "^18", "@types/react-dom": "^18", "autoprefixer": "^10.0.1", "eslint": "^8", "eslint-config-next": "14.0.4", "postcss": "^8", "tailwindcss": "^3.3.0", "typescript": "^5" } } [V0_FILE]typescriptreact:file="app/api/test-connection/route.ts" isMerged="true" import { NextResponse } from "next/server" import { testConnection } from "@/lib/database-oracle" export async function GET() { try { const result = await testConnection() if (result.success) { return NextResponse.json({ success: true, message: "Conexión a Oracle exitosa", data: result.data, timestamp: new Date().toISOString(), }) } else { return NextResponse.json( { success: false, error: result.error, message: "Error conectando a Oracle", }, { status: 500 }, ) } } catch (error) { return NextResponse.json( { success: false, error: error.message, message: "Error en test de conexión", }, { status: 500 }, ) } } [V0_FILE]plaintext:file=".env.local" isFixed="true" isQuickEdit="true" isMerged="true" # Configuración para Oracle 11g XE DB_USER=tienda_admin DB_PASSWORD=tienda123 DB_CONNECT_STRING=localhost:1521/XE # Variables adicionales para debugging NODE_ENV=development DEBUG_ORACLE=true # Para producción, usa variables más seguras: # DB_USER=your_production_user # DB_PASSWORD=your_secure_password # DB_CONNECT_STRING=your_production_host:1521/your_service_name [V0_FILE]plaintext:file="scripts/install-oracle-windows.bat" type="code" isMerged="true" @echo off echo === Instalando oracledb en Windows === :: Instalar oracledb específicamente echo Instalando oracledb... npm install oracledb@6.3.0 --legacy-peer-deps :: Verificar instalación echo Verificando instalacion de oracledb... npm list oracledb echo === Verificando Oracle Instant Client === :: Verificar que Oracle está en PATH echo Verificando PATH de Oracle... echo %PATH% | findstr /i oracle echo === Verificando Oracle XE Service === :: Verificar servicios de Oracle sc query OracleServiceXE sc query OracleXETNSListener echo === Instalacion completada === echo Ahora ejecuta: npm run dev pause [V0_FILE]typescriptreact:file="components/clientes-tab.tsx" isQuickEdit="true" isMerged="true" "use client" import type React from "react" import { useState, useEffect } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog" import { Plus, Edit, Trash2, Search, Loader2 } from "lucide-react" import { useToast } from "@/hooks/use-toast" interface Cliente { ID_CLIENTE: number NOMBRE: string APELLIDO_PATERNO: string APELLIDO_MATERNO?: string TELEFONO: string CORREO: string NUMERO?: string ID_DIRECCION?: number CALLE?: string COLONIA?: string MUNICIPIO?: string ESTADO?: string } export default function ClientesTab() { const [clientes, setClientes] = useState([]) const [loading, setLoading] = useState(false) const [searchTerm, setSearchTerm] = useState("") const [isDialogOpen, setIsDialogOpen] = useState(false) const [editingCliente, setEditingCliente] = useState(null) const [formData, setFormData] = useState({ NOMBRE: "", APELLIDO_PATERNO: "", APELLIDO_MATERNO: "", TELEFONO: "", CORREO: "", NUMERO: "", }) const { toast } = useToast() // Cargar clientes desde la API const fetchClientes = async () => { setLoading(true) try { console.log("🔄 Cargando clientes desde API...") const response = await fetch("/api/clientes") const result = await response.json() console.log("📊 Respuesta API:", result) if (result.success) { setClientes(result.data) console.log("✅ Clientes cargados:", result.data.length) } else { console.error("❌ Error en API:", result.error) toast({ title: "Error", description: result.error || "Error al cargar clientes", variant: "destructive", }) } } catch (error) { console.error("💥 Error de conexión:", error) toast({ title: "Error", description: "Error de conexión con el servidor", variant: "destructive", }) } finally { setLoading(false) } } useEffect(() => { fetchClientes() }, []) const filteredClientes = clientes.filter( (cliente) => cliente.NOMBRE.toLowerCase().includes(searchTerm.toLowerCase()) || cliente.APELLIDO_PATERNO.toLowerCase().includes(searchTerm.toLowerCase()) || cliente.CORREO.toLowerCase().includes(searchTerm.toLowerCase()), ) const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setLoading(true) try { const url = editingCliente ? `/api/clientes/${editingCliente.ID_CLIENTE}` : "/api/clientes" const method = editingCliente ? "PUT" : "POST" console.log(`📤 ${method} ${url}`, formData) const response = await fetch(url, { method, headers: { "Content-Type": "application/json", }, body: JSON.stringify(formData), }) const result = await response.json() console.log("📥 Respuesta:", result) if (result.success) { toast({ title: editingCliente ? "Cliente actualizado" : "Cliente creado", description: result.message, }) // Recargar la lista await fetchClientes() setIsDialogOpen(false) setEditingCliente(null) setFormData({ NOMBRE: "", APELLIDO_PATERNO: "", APELLIDO_MATERNO: "", TELEFONO: "", CORREO: "", NUMERO: "", }) } else { toast({ title: "Error", description: result.error, variant: "destructive", }) } } catch (error) { console.error("💥 Error:", error) toast({ title: "Error", description: "Error de conexión", variant: "destructive", }) } finally { setLoading(false) } } const handleEdit = (cliente: Cliente) => { setEditingCliente(cliente) setFormData({ NOMBRE: cliente.NOMBRE, APELLIDO_PATERNO: cliente.APELLIDO_PATERNO, APELLIDO_MATERNO: cliente.APELLIDO_MATERNO || "", TELEFONO: cliente.TELEFONO, CORREO: cliente.CORREO, NUMERO: cliente.NUMERO || "", }) setIsDialogOpen(true) } const handleDelete = async (id: number) => { if (confirm("¿Estás seguro de que deseas eliminar este cliente?")) { setLoading(true) try { const response = await fetch(`/api/clientes/${id}`, { method: "DELETE", }) const result = await response.json() if (result.success) { toast({ title: "Cliente eliminado", description: result.message, }) // Recargar la lista await fetchClientes() } else { toast({ title: "Error", description: result.error, variant: "destructive", }) } } catch (error) { toast({ title: "Error", description: "Error de conexión", variant: "destructive", }) } finally { setLoading(false) } } } return (

Gestión de Clientes (Oracle Database)

Conectado a Oracle 11g XE - Usuario: tienda_admin

setSearchTerm(e.target.value)} className="pl-10" />

Lista de Clientes desde Oracle {loading && } {filteredClientes.length} cliente{filteredClientes.length !== 1 ? "s" : ""} encontrado {filteredClientes.length !== 1 ? "s" : ""} en Oracle Database ID Nombre Completo Teléfono Correo Ubicación Acciones {filteredClientes.map((cliente) => ( {cliente.ID_CLIENTE} {`${cliente.NOMBRE} ${cliente.APELLIDO_PATERNO} ${cliente.APELLIDO_MATERNO || ""}`.trim()} {cliente.TELEFONO} {cliente.CORREO} {cliente.MUNICIPIO && cliente.ESTADO ? `${cliente.MUNICIPIO}, ${cliente.ESTADO}` : "Sin dirección"}

))}

) } [V0_FILE]typescriptreact:file="app/api/clientes/[id]/route.ts" isMerged="true" import { type NextRequest, NextResponse } from "next/server" import { executeQuery } from "@/lib/database-oracle" // PUT - Actualizar cliente export async function PUT(request: NextRequest, { params }: { params: { id: string } }) { try { const body = await request.json() const { NOMBRE, APELLIDO_PATERNO, APELLIDO_MATERNO, TELEFONO, CORREO, NUMERO } = body const id = params.id console.log("📝 API: Actualizando cliente ID:", id) const result = await executeQuery( `UPDATE CLIENTE SET NOMBRE = :1, APELLIDO_PATERNO = :2, APELLIDO_MATERNO = :3, TELEFONO = :4, CORREO = :5, NUMERO = :6 WHERE ID_CLIENTE = :7`, [NOMBRE, APELLIDO_PATERNO, APELLIDO_MATERNO || null, TELEFONO, CORREO, NUMERO || null, id], ) if (result.rowsAffected === 0) { return NextResponse.json({ success: false, error: "Cliente no encontrado" }, { status: 404 }) } return NextResponse.json({ success: true, message: "Cliente actualizado exitosamente", }) } catch (error) { console.error("❌ API Error actualizando:", error) return NextResponse.json({ success: false, error: error.message }, { status: 500 }) } } // DELETE - Eliminar cliente export async function DELETE(request: NextRequest, { params }: { params: { id: string } }) { try { const id = params.id console.log("🗑️ API: Eliminando cliente ID:", id) const result = await executeQuery(`DELETE FROM CLIENTE WHERE ID_CLIENTE = :1`, [id]) if (result.rowsAffected === 0) { return NextResponse.json({ success: false, error: "Cliente no encontrado" }, { status: 404 }) } return NextResponse.json({ success: true, message: "Cliente eliminado exitosamente", }) } catch (error) { console.error("❌ API Error eliminando:", error) return NextResponse.json({ success: false, error: error.message }, { status: 500 }) } } [V0_FILE]typescriptreact:file="app/api/test/route.ts" isMerged="true" import { NextResponse } from "next/server" export async function GET() { console.log("🧪 API Test route called") return NextResponse.json({ success: true, message: "API funcionando correctamente", timestamp: new Date().toISOString(), }) } [V0_FILE]typescriptreact:file="lib/database-oracle.ts" isMerged="true" // Configuración para Oracle 11g XE usando modo THICK import oracledb from "oracledb" // Configuración para Oracle 11g const dbConfig = { user: process.env.DB_USER || "tienda_admin", password: process.env.DB_PASSWORD || "tienda123", connectString: process.env.DB_CONNECT_STRING || "localhost:1521/XE", } let isInitialized = false // Inicializar Oracle Client en modo THICK para Oracle 11g export async function initializeOracle() { if (isInitialized) { return } try { // IMPORTANTE: Inicializar en modo THICK para Oracle 11g console.log("🔧 Inicializando Oracle en modo THICK para Oracle 11g...") // Intentar inicializar Oracle Client (modo thick) try { // Para Windows, especifica la ruta si Oracle Instant Client no está en PATH oracledb.initOracleClient({ // libDir: 'C:\\oracle\\instantclient_21_3' // Descomenta si es necesario }) console.log("✅ Oracle Client inicializado en modo THICK") } catch (err) { if (err.message.includes("DPI-1047")) { console.log("ℹ️ Oracle Client ya estaba inicializado") } else { console.error("❌ Error inicializando Oracle Client:", err.message) throw err } } // Configuración específica para Oracle 11g oracledb.outFormat = oracledb.OUT_FORMAT_OBJECT oracledb.autoCommit = true // Crear pool de conexiones await oracledb.createPool({ user: dbConfig.user, password: dbConfig.password, connectString: dbConfig.connectString, poolMin: 1, poolMax: 5, poolIncrement: 1, poolTimeout: 300, enableStatistics: true, }) isInitialized = true console.log("✅ Oracle Database pool creado exitosamente para Oracle 11g") console.log(`📊 Conectado a: ${dbConfig.connectString}`) console.log(`👤 Usuario: ${dbConfig.user}`) } catch (error) { console.error("❌ Error inicializando Oracle:", error) console.error("🔍 Verifica:") console.error(" - Oracle 11g XE está ejecutándose") console.error(" - Oracle Instant Client está instalado y en PATH") console.error(" - Credenciales son correctas") throw error } } // Función para ejecutar consultas con manejo robusto de errores export async function executeQuery(sql: string, binds: any[] = [], options: any = {}) { let connection try { // Asegurar que Oracle está inicializado if (!isInitialized) { await initializeOracle() } connection = await oracledb.getConnection() console.log(`🔍 Ejecutando: ${sql.substring(0, 50)}...`) const result = await connection.execute(sql, binds, { outFormat: oracledb.OUT_FORMAT_OBJECT, autoCommit: true, ...options, }) console.log(`✅ Consulta exitosa. Filas afectadas: ${result.rowsAffected || result.rows?.length || 0}`) return result } catch (error) { console.error("❌ Error en consulta SQL:", error) console.error("📝 SQL:", sql) console.error("🔗 Binds:", binds) throw error } finally { if (connection) { try { await connection.close() } catch (error) { console.error("⚠️ Error cerrando conexión:", error) } } } } // Función para probar la conexión export async function testConnection() { try { const result = await executeQuery("SELECT 'Conexión exitosa a Oracle 11g' as mensaje, SYSDATE as fecha FROM DUAL") console.log("🎉 Test de conexión exitoso:", result.rows?.[0]) return { success: true, data: result.rows?.[0] } } catch (error) { console.error("💥 Test de conexión falló:", error) return { success: false, error: error.message } } } // Función para cerrar el pool export async function closePool() { try { if (isInitialized) { await oracledb.getPool().close(10) isInitialized = false console.log("🔒 Pool de Oracle cerrado") } } catch (error) { console.error("⚠️ Error cerrando pool:", error) } } [V0_FILE]javascript:file="next.config.mjs" isMerged="true" /** @type {import('next').NextConfig} */ const nextConfig = { experimental: { serverComponentsExternalPackages: ['oracledb'] }, webpack: (config, { isServer }) => { if (isServer) { // Configuración específica para Oracle 11g en Windows config.externals.push({ 'oracledb': 'commonjs oracledb' }) // Evitar problemas con Oracle Instant Client config.resolve.fallback = { ...config.resolve.fallback, fs: false, path: false, os: false, } } return config }, eslint: { ignoreDuringBuilds: true, }, typescript: { ignoreBuildErrors: true, }, images: { unoptimized: true, }, } export default nextConfig [V0_FILE]plaintext:file="scripts/check-oracle-client.bat" type="code" isMerged="true" @echo off echo === Verificando Oracle Instant Client === echo Verificando PATH de Oracle... echo %PATH% | findstr /i oracle echo. echo Verificando archivos DLL de Oracle... where oci.dll 2>nul if %errorlevel% equ 0 ( echo ✅ oci.dll encontrado ) else ( echo ❌ oci.dll NO encontrado echo Necesitas instalar Oracle Instant Client ) echo. echo Verificando servicios Oracle... sc query OracleServiceXE | findstr STATE sc query OracleXETNSListener | findstr STATE echo. echo === Verificación completada === pause [V0_FILE]typescriptreact:file="app/api/clientes/route.ts" isMerged="true" import { type NextRequest, NextResponse } from "next/server" import { executeQuery } from "@/lib/database-oracle-11g" // GET - Obtener clientes desde Oracle 11g export async function GET() { try { console.log("🔍 API: Consultando clientes en Oracle 11g...") const result = await executeQuery(` SELECT ID_CLIENTE, NOMBRE, APELLIDO_PATERNO, APELLIDO_MATERNO, TELEFONO, CORREO, NUMERO FROM CLIENTE ORDER BY ID_CLIENTE `) console.log("✅ API: Clientes obtenidos:", result.rows?.length || 0) return NextResponse.json({ success: true, data: result.rows || [], count: result.rows?.length || 0, message: "Datos desde Oracle 11g XE", }) } catch (error) { console.error("❌ API Error:", error) return NextResponse.json( { success: false, error: error.message, details: "Error consultando Oracle 11g", }, { status: 500 }, ) } } // POST - Crear cliente en Oracle 11g export async function POST(request: NextRequest) { try { const body = await request.json() const { NOMBRE, APELLIDO_PATERNO, APELLIDO_MATERNO, TELEFONO, CORREO, NUMERO } = body console.log("📝 API: Creando cliente en Oracle 11g:", { NOMBRE, CORREO }) const result = await executeQuery( `INSERT INTO CLIENTE ( ID_CLIENTE, NOMBRE, APELLIDO_PATERNO, APELLIDO_MATERNO, TELEFONO, CORREO, NUMERO ) VALUES ( SEQ_CLIENTE.NEXTVAL, :1, :2, :3, :4, :5, :6 )`, [NOMBRE, APELLIDO_PATERNO, APELLIDO_MATERNO || null, TELEFONO, CORREO, NUMERO || null], ) console.log("✅ API: Cliente creado en Oracle 11g") return NextResponse.json({ success: true, message: "Cliente creado en Oracle 11g", rowsAffected: result.rowsAffected, }) } catch (error) { console.error("❌ API Error creando:", error) return NextResponse.json( { success: false, error: error.message, details: "Error creando cliente en Oracle 11g", }, { status: 500 }, ) } } [V0_FILE]typescriptreact:file="app/api/test-oracle-11g/route.ts" isMerged="true" import { NextResponse } from "next/server" import { testOracleConnection } from "@/lib/database-oracle-11g" export async function GET() { try { console.log("🧪 Probando conexión a Oracle 11g...") const result = await testOracleConnection() if (result.success) { return NextResponse.json({ success: true, message: "Oracle 11g XE conectado exitosamente", data: result.data, timestamp: new Date().toISOString(), }) } else { return NextResponse.json( { success: false, error: result.error, message: "Error conectando a Oracle 11g", }, { status: 500 }, ) } } catch (error) { return NextResponse.json( { success: false, error: error.message, message: "Error en test de Oracle 11g", }, { status: 500 }, ) } } [V0_FILE]typescriptreact:file="components/marcas-tab.tsx" isMerged="true" "use client" import type React from "react" import { useState, useEffect } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog" import { Plus, Edit, Trash2, Search, Loader2 } from "lucide-react" import { useToast } from "@/hooks/use-toast" interface Marca { ID_MARCA: number NOMBRE: string DESCRIPCION?: string | null } export default function MarcasTab() { const [marcas, setMarcas] = useState([]) const [loading, setLoading] = useState(false) const [searchTerm, setSearchTerm] = useState("") const [isDialogOpen, setIsDialogOpen] = useState(false) const [editingMarca, setEditingMarca] = useState(null) const [formData, setFormData] = useState({ NOMBRE: "", DESCRIPCION: "", }) const { toast } = useToast() // Cargar marcas desde Oracle 11g const fetchMarcas = async () => { setLoading(true) try { console.log("🔄 Cargando marcas desde Oracle 11g...") const response = await fetch("/api/marcas") if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`) } const result = await response.json() console.log("📊 Respuesta API marcas:", result) if (result.success && Array.isArray(result.data)) { // Asegurar que los datos están en el formato correcto const marcasLimpias = result.data.map((marca: any) => ({ ID_MARCA: Number(marca.ID_MARCA), NOMBRE: String(marca.NOMBRE || ""), DESCRIPCION: marca.DESCRIPCION ? String(marca.DESCRIPCION) : null, })) setMarcas(marcasLimpias) console.log("✅ Marcas cargadas:", marcasLimpias.length) } else { console.error("❌ Error en API marcas:", result.error) toast({ title: "Error", description: result.error || "Error al cargar marcas", variant: "destructive", }) } } catch (error) { console.error("💥 Error de conexión marcas:", error) toast({ title: "Error", description: "Error de conexión con el servidor", variant: "destructive", }) } finally { setLoading(false) } } useEffect(() => { fetchMarcas() }, []) const filteredMarcas = marcas.filter( (marca) => marca.NOMBRE && marca.NOMBRE.toLowerCase().includes(searchTerm.toLowerCase()), ) const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setLoading(true) try { const url = editingMarca ? `/api/marcas/${editingMarca.ID_MARCA}` : "/api/marcas" const method = editingMarca ? "PUT" : "POST" console.log(`📤 ${method} ${url}`, formData) const response = await fetch(url, { method, headers: { "Content-Type": "application/json", }, body: JSON.stringify(formData), }) if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`) } const result = await response.json() console.log("📥 Respuesta marca:", result) if (result.success) { toast({ title: editingMarca ? "Marca actualizada" : "Marca creada", description: result.message, }) // Recargar la lista await fetchMarcas() setIsDialogOpen(false) setEditingMarca(null) setFormData({ NOMBRE: "", DESCRIPCION: "" }) } else { toast({ title: "Error", description: result.error, variant: "destructive", }) } } catch (error) { console.error("💥 Error:", error) toast({ title: "Error", description: "Error de conexión", variant: "destructive", }) } finally { setLoading(false) } } const handleEdit = (marca: Marca) => { setEditingMarca(marca) setFormData({ NOMBRE: marca.NOMBRE || "", DESCRIPCION: marca.DESCRIPCION || "", }) setIsDialogOpen(true) } const handleDelete = async (id: number) => { if (confirm("¿Estás seguro de que deseas eliminar esta marca?")) { setLoading(true) try { const response = await fetch(`/api/marcas/${id}`, { method: "DELETE", }) if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`) } const result = await response.json() if (result.success) { toast({ title: "Marca eliminada", description: result.message, }) // Recargar la lista await fetchMarcas() } else { toast({ title: "Error", description: result.error, variant: "destructive", }) } } catch (error) { toast({ title: "Error", description: "Error de conexión", variant: "destructive", }) } finally { setLoading(false) } } } return (

Gestión de Marcas (Oracle 11g)

Conectado a Oracle 11g XE - Tabla: MARCA