@bitux/review-layer-react 0.1.0 → 0.1.2

package/README.md

@@ -1,6 +1,6 @@
 # @bitux/review-layer-react
 
-SDK de React para dejar comentarios de revisión (QA, UX, PM) directamente sobre la UI en entornos de staging. Se conecta a la API [review-layer-api](https://github.com/bitux/review-layer-api).
+SDK de React para dejar comentarios de revisión (QA, UX, PM) directamente sobre la UI en entornos de staging. Se conecta a un backend de API (review-layer-api).
 
 ## Instalación
 
@@ -27,7 +27,7 @@ import { ReviewProvider } from "@bitux/review-layer-react";
 ```
 
 - **enabled**: activa o desactiva el SDK (p. ej. `import.meta.env.DEV` o `import.meta.env.VITE_REVIEW_ENABLED`).
-- **apiUrl**: base URL de la API (sin barra final), p. ej. `https://review-api.example.com/api`.
+- **apiUrl**: base URL de la API (opcional). Si no la pasas, en producción se usa la API en Render (`https://review-layer-api.onrender.com/api`). En desarrollo local puedes pasar `http://localhost:8000/api`.
 - **apiKey**: API key del proyecto (generado en el backend por equipo/proyecto).
 
 ## Atajos
@@ -43,7 +43,7 @@ En modo revisión:
 
 ## Variables de entorno (ejemplo)
 
-En tu app de staging (Vite):
+En desarrollo local puedes apuntar a tu API:
 
 ```env
 VITE_REVIEW_API_URL=http://localhost:8000/api
@@ -52,14 +52,16 @@ VITE_REVIEW_API_KEY=rl_xxx
 
 ```tsx
 <ReviewProvider
-  enabled={import.meta.env.DEV}
-  apiUrl={import.meta.env.VITE_REVIEW_API_URL ?? ""}
+  enabled={true}
+  apiUrl={import.meta.env.VITE_REVIEW_API_URL}
   apiKey={import.meta.env.VITE_REVIEW_API_KEY ?? ""}
 >
   <App />
 </ReviewProvider>
 ```
 
+Si no pasas `apiUrl` (o la dejas `undefined`), el SDK usa por defecto la API en Render (`https://review-layer-api.onrender.com/api`), así que en producción no hace falta configurar nada más.
+
 ## Navegación SPA (React Router, etc.)
 
 Si usas rutas del lado cliente, al cambiar de ruta conviene volver a cargar los comentarios de la página actual. Usa el hook `useReview` y llama a `loadComments()` cuando cambie la ruta:
@@ -112,19 +114,3 @@ Se ejecutan pruebas de `selector` y de la capa `api` (con `fetch` mockeado).
    ```
 
 3. En la demo: **Shift + R** para activar modo revisión, haz clic en un elemento y envía un comentario. Comprueba que los pins aparecen y que en la API se crean los comentarios.
-
-## Publicar en npm
-
-1. **Cuenta npm**: crea una en [npmjs.com](https://www.npmjs.com/) si no tienes. Para un paquete con scope (`@bitux/review-layer-react`) la primera vez debes publicar como público (en `package.json` ya está `"publishConfig": { "access": "public" }`).
-
-2. **Repository**: la URL del repo en `package.json` apunta a `github.com/bitux/review-layer-react`. Ajusta si el nombre del repo es otro.
-
-3. **Build y publicar**:
-
-```bash
-npm run build
-npm login
-npm publish
-```
-
-Las versiones siguientes: cambia `version` en `package.json` (o usa `npm version patch`) y vuelve a `npm run build` y `npm publish`.

package/dist/ReviewProvider.d.ts

@@ -1,5 +1,7 @@
 import { Reviewer, Comment } from './utils/api';
 
+/** URL por defecto de la API en producción (Render). Si no pasas apiUrl, se usa esta. */
+export declare const DEFAULT_API_URL = "https://review-layer-api.onrender.com/api";
 interface ReviewContextValue {
     apiUrl: string;
     apiKey: string;
@@ -15,8 +17,9 @@ export declare function useReview(): ReviewContextValue;
 export interface ReviewProviderProps {
     children: React.ReactNode;
     enabled?: boolean;
-    apiUrl: string;
+    /** URL base de la API. Si no se pasa, se usa la de producción (Render). */
+    apiUrl?: string;
     apiKey: string;
 }
-export declare function ReviewProvider({ children, enabled, apiUrl, apiKey, }: ReviewProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ReviewProvider({ children, enabled, apiUrl: apiUrlProp, apiKey, }: ReviewProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { ReviewProvider, useReview } from './ReviewProvider';
+export { ReviewProvider, useReview, DEFAULT_API_URL } from './ReviewProvider';
 export type { ReviewProviderProps } from './ReviewProvider';
 export type { Reviewer, Comment } from './utils/api';