@pakento/cms-sdk 1.1.0

package/README.md

@@ -0,0 +1,194 @@
+# @pakento/cms-sdk
+
+SDK para conectar tiendas en línea con Pakento CMS de forma rápida y sencilla.
+
+## Instalación
+
+```bash
+npm install @pakento/cms-sdk
+# o
+bun add @pakento/cms-sdk
+```
+
+## Configuración
+
+Agrega las siguientes variables de entorno a tu proyecto:
+
+```env
+PAKENTO_CMS_BASE_URL=https://cms.pakento.com
+PAKENTO_API_KEY=tu-api-key-aqui
+```
+
+## Uso
+
+### Hook useItems
+
+```tsx
+import { useItems } from "@pakento/cms-sdk";
+
+function ProductList() {
+  const { items, loading, error, totalDocs, refetch } = useItems({
+    page: 1,
+    limit: 10,
+  });
+
+  if (loading) return <div>Cargando...</div>;
+  if (error) return <div>Error: {error}</div>;
+
+  return (
+    <div>
+      <h2>Productos ({totalDocs})</h2>
+      {items.map((item) => (
+        <div key={item.id}>
+          <h3>{item.name}</h3>
+          <p>Precio: {item.price_text}</p>
+          <img src={item.cover_image_thumbnail_url} alt={item.name} />
+        </div>
+      ))}
+      <button onClick={refetch}>Recargar</button>
+    </div>
+  );
+}
+```
+
+### API Service
+
+```tsx
+import { pakentoCMSAPI } from "@pakento/cms-sdk";
+
+// Uso directo del servicio
+async function getProducts() {
+  try {
+    const response = await pakentoCMSAPI.getItems(1, 20);
+    console.log(response.docs);
+  } catch (error) {
+    console.error("Error:", error.message);
+  }
+}
+```
+
+## Tipos
+
+```tsx
+import type { Item, ItemsResponse, UseItemsReturn } from "@pakento/cms-sdk";
+```
+
+## Desarrollo
+
+### Configuración inicial
+
+```bash
+# Instalar dependencias
+bun install
+
+# Desarrollo con watch mode
+bun run dev
+
+# Build
+bun run build
+
+# Linting
+bun run lint
+bun run lint:fix
+```
+
+### Desarrollo local con link
+
+Para probar el SDK en tu aplicación local:
+
+1. En el directorio del SDK:
+
+```bash
+bun run build
+bun link
+```
+
+2. En tu aplicación NextJS:
+
+```bash
+bun link @pakento/cms-sdk
+```
+
+3. Cuando hagas cambios en el SDK:
+
+```bash
+bun run build
+```
+
+Los cambios se reflejarán automáticamente en tu app.
+
+### Para desconectar el link:
+
+```bash
+# En tu aplicación
+bun unlink @pakento/cms-sdk
+
+# Reinstalar desde NPM
+bun add @pakento/cms-sdk
+```
+
+## Publicación
+
+### Variables de entorno necesarias
+
+```env
+NPM_TOKEN=tu-npm-token-aqui
+```
+
+### Publicación automática
+
+```bash
+bun run publish-flow
+```
+
+Este comando te preguntará qué tipo de versión quieres publicar y ejecutará:
+
+- Lint
+- Build
+- Commit
+- Push
+- Publish
+
+### Publicación manual
+
+```bash
+# Cambiar versión manualmente en package.json
+# Luego:
+bun run build
+npm publish --access public
+```
+
+### Tipos de versión
+
+- **patch**: 1.0.0 → 1.0.1 (bug fixes)
+- **minor**: 1.0.0 → 1.1.0 (nuevas features)
+- **major**: 1.0.0 → 2.0.0 (breaking changes)
+- **custom**: Especificar versión manualmente
+- **skip**: No cambiar versión
+
+## Estructura del proyecto
+
+```
+src/
+├── hooks/
+│   └── useItems.ts      # Hook principal para obtener items
+├── services/
+│   └── api.ts           # Cliente API con Axios
+├── types/
+│   └── index.ts         # Definiciones de tipos TypeScript
+└── index.ts             # Exportaciones principales
+```
+
+## Manejo de errores
+
+El SDK incluye manejo de errores para:
+
+- API Key inválida (401)
+- Endpoint no encontrado (404)
+- Errores del servidor (5xx)
+- Errores de conexión
+- Errores de GraphQL
+
+## Licencia
+
+MIT

package/dist/index.d.mts

@@ -0,0 +1,47 @@
+interface ItemImage {
+    alt: string;
+    url: string;
+    thumbnail_url: string;
+}
+interface Item {
+    id: string;
+    name: string;
+    price_text: string;
+    cover_image_url: string;
+    cover_image_thumbnail_url: string;
+    images: ItemImage[];
+}
+interface ItemsResponse {
+    totalDocs: number;
+    totalPages: number;
+    prevPage: number | null;
+    nextPage: number | null;
+    docs: Item[];
+}
+interface UseItemsOptions {
+    page?: number;
+    limit?: number;
+}
+interface UseItemsReturn {
+    items: Item[];
+    totalDocs: number;
+    totalPages: number;
+    prevPage: number | null;
+    nextPage: number | null;
+    loading: boolean;
+    error: string | null;
+    refetch: () => void;
+}
+
+declare function useItems(options?: UseItemsOptions): UseItemsReturn;
+
+declare class PakentoCMSAPI {
+    private client;
+    private baseURL;
+    private apiKey;
+    constructor();
+    getItems(page?: number, limit?: number): Promise<any>;
+}
+declare const pakentoCMSAPI: PakentoCMSAPI;
+
+export { type Item, type ItemImage, type ItemsResponse, type UseItemsOptions, type UseItemsReturn, pakentoCMSAPI, useItems };

package/dist/index.d.ts

@@ -0,0 +1,47 @@
+interface ItemImage {
+    alt: string;
+    url: string;
+    thumbnail_url: string;
+}
+interface Item {
+    id: string;
+    name: string;
+    price_text: string;
+    cover_image_url: string;
+    cover_image_thumbnail_url: string;
+    images: ItemImage[];
+}
+interface ItemsResponse {
+    totalDocs: number;
+    totalPages: number;
+    prevPage: number | null;
+    nextPage: number | null;
+    docs: Item[];
+}
+interface UseItemsOptions {
+    page?: number;
+    limit?: number;
+}
+interface UseItemsReturn {
+    items: Item[];
+    totalDocs: number;
+    totalPages: number;
+    prevPage: number | null;
+    nextPage: number | null;
+    loading: boolean;
+    error: string | null;
+    refetch: () => void;
+}
+
+declare function useItems(options?: UseItemsOptions): UseItemsReturn;
+
+declare class PakentoCMSAPI {
+    private client;
+    private baseURL;
+    private apiKey;
+    constructor();
+    getItems(page?: number, limit?: number): Promise<any>;
+}
+declare const pakentoCMSAPI: PakentoCMSAPI;
+
+export { type Item, type ItemImage, type ItemsResponse, type UseItemsOptions, type UseItemsReturn, pakentoCMSAPI, useItems };

package/dist/index.js

@@ -0,0 +1,165 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  pakentoCMSAPI: () => pakentoCMSAPI,
+  useItems: () => useItems
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/hooks/useItems.ts
+var import_react = require("react");
+
+// src/services/api.ts
+var import_axios = __toESM(require("axios"));
+var PakentoCMSAPI = class {
+  constructor() {
+    this.baseURL = process.env.PAKENTO_CMS_BASE_URL || "";
+    this.apiKey = process.env.PAKENTO_API_KEY || "";
+    if (!this.baseURL) {
+      throw new Error(
+        "PAKENTO_CMS_BASE_URL is required in environment variables"
+      );
+    }
+    if (!this.apiKey) {
+      throw new Error("PAKENTO_API_KEY is required in environment variables");
+    }
+    this.client = import_axios.default.create({
+      baseURL: this.baseURL,
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${this.apiKey}`
+      }
+    });
+  }
+  async getItems(page = 1, limit = 10) {
+    try {
+      const query = `
+        query Query($page: Int, $limit: Int) {
+          GetEcommerceItems(page: $page, limit: $limit) {
+            totalDocs
+            totalPages
+            prevPage
+            nextPage
+            docs {
+              id
+              name
+              price_text
+              cover_image_url
+              cover_image_thumbnail_url
+              images {
+                alt
+                url
+                thumbnail_url
+              }
+            }
+          }
+        }
+      `;
+      const response = await this.client.post("/api/graphql", {
+        query,
+        variables: { page, limit }
+      });
+      if (response.data.errors) {
+        throw new Error(`GraphQL Error: ${response.data.errors[0].message}`);
+      }
+      return response.data.data.GetEcommerceItems;
+    } catch (error) {
+      if (error instanceof import_axios.AxiosError) {
+        const status = error.response?.status;
+        if (status === 401) {
+          throw new Error("API Key inv\xE1lida o expirada");
+        }
+        if (status === 404) {
+          throw new Error("Endpoint no encontrado");
+        }
+        if (status && status >= 500) {
+          throw new Error("Error del servidor CMS");
+        }
+        throw new Error(`Error de conexi\xF3n: ${error.message}`);
+      }
+      throw error;
+    }
+  }
+};
+var pakentoCMSAPI = new PakentoCMSAPI();
+
+// src/hooks/useItems.ts
+function useItems(options = {}) {
+  const { page = 1, limit = 10 } = options;
+  const [items, setItems] = (0, import_react.useState)([]);
+  const [totalDocs, setTotalDocs] = (0, import_react.useState)(0);
+  const [totalPages, setTotalPages] = (0, import_react.useState)(0);
+  const [prevPage, setPrevPage] = (0, import_react.useState)(null);
+  const [nextPage, setNextPage] = (0, import_react.useState)(null);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  const [error, setError] = (0, import_react.useState)(null);
+  const fetchItems = (0, import_react.useCallback)(async () => {
+    try {
+      setLoading(true);
+      setError(null);
+      const response = await pakentoCMSAPI.getItems(page, limit);
+      setItems(response.docs);
+      setTotalDocs(response.totalDocs);
+      setTotalPages(response.totalPages);
+      setPrevPage(response.prevPage);
+      setNextPage(response.nextPage);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Error desconocido al cargar items";
+      setError(errorMessage);
+      console.error("Error fetching items:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [page, limit]);
+  (0, import_react.useEffect)(() => {
+    fetchItems();
+  }, [fetchItems]);
+  const refetch = (0, import_react.useCallback)(() => {
+    fetchItems();
+  }, [fetchItems]);
+  return {
+    items,
+    totalDocs,
+    totalPages,
+    prevPage,
+    nextPage,
+    loading,
+    error,
+    refetch
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  pakentoCMSAPI,
+  useItems
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/hooks/useItems.ts","../src/services/api.ts"],"sourcesContent":["// Hooks\nexport { useItems } from \"./hooks/useItems\";\n\n// Services\nexport { pakentoCMSAPI } from \"./services/api\";\n\n// Types\nexport type {\n  Item,\n  ItemImage,\n  ItemsResponse,\n  UseItemsOptions,\n  UseItemsReturn,\n} from \"./types\";\n","import { useState, useEffect, useCallback } from \"react\";\nimport { pakentoCMSAPI } from \"../services/api\";\nimport { UseItemsOptions, UseItemsReturn, Item } from \"../types\";\n\nexport function useItems(options: UseItemsOptions = {}): UseItemsReturn {\n  const { page = 1, limit = 10 } = options;\n\n  const [items, setItems] = useState<Item[]>([]);\n  const [totalDocs, setTotalDocs] = useState(0);\n  const [totalPages, setTotalPages] = useState(0);\n  const [prevPage, setPrevPage] = useState<number | null>(null);\n  const [nextPage, setNextPage] = useState<number | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  const fetchItems = useCallback(async () => {\n    try {\n      setLoading(true);\n      setError(null);\n\n      const response = await pakentoCMSAPI.getItems(page, limit);\n\n      setItems(response.docs);\n      setTotalDocs(response.totalDocs);\n      setTotalPages(response.totalPages);\n      setPrevPage(response.prevPage);\n      setNextPage(response.nextPage);\n    } catch (err) {\n      const errorMessage =\n        err instanceof Error\n          ? err.message\n          : \"Error desconocido al cargar items\";\n      setError(errorMessage);\n      console.error(\"Error fetching items:\", err);\n    } finally {\n      setLoading(false);\n    }\n  }, [page, limit]);\n\n  useEffect(() => {\n    fetchItems();\n  }, [fetchItems]);\n\n  const refetch = useCallback(() => {\n    fetchItems();\n  }, [fetchItems]);\n\n  return {\n    items,\n    totalDocs,\n    totalPages,\n    prevPage,\n    nextPage,\n    loading,\n    error,\n    refetch,\n  };\n}\n","import axios, { AxiosInstance, AxiosError } from \"axios\";\n\nclass PakentoCMSAPI {\n  private client: AxiosInstance;\n  private baseURL: string;\n  private apiKey: string;\n\n  constructor() {\n    this.baseURL = process.env.PAKENTO_CMS_BASE_URL || \"\";\n    this.apiKey = process.env.PAKENTO_API_KEY || \"\";\n\n    if (!this.baseURL) {\n      throw new Error(\n        \"PAKENTO_CMS_BASE_URL is required in environment variables\"\n      );\n    }\n\n    if (!this.apiKey) {\n      throw new Error(\"PAKENTO_API_KEY is required in environment variables\");\n    }\n\n    this.client = axios.create({\n      baseURL: this.baseURL,\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: `Bearer ${this.apiKey}`,\n      },\n    });\n  }\n\n  async getItems(page: number = 1, limit: number = 10) {\n    try {\n      const query = `\n        query Query($page: Int, $limit: Int) {\n          GetEcommerceItems(page: $page, limit: $limit) {\n            totalDocs\n            totalPages\n            prevPage\n            nextPage\n            docs {\n              id\n              name\n              price_text\n              cover_image_url\n              cover_image_thumbnail_url\n              images {\n                alt\n                url\n                thumbnail_url\n              }\n            }\n          }\n        }\n      `;\n\n      const response = await this.client.post(\"/api/graphql\", {\n        query,\n        variables: { page, limit },\n      });\n\n      if (response.data.errors) {\n        throw new Error(`GraphQL Error: ${response.data.errors[0].message}`);\n      }\n\n      // Parseamos la respuesta para quitar el wrapper de data->GetEcommerceItems\n      return response.data.data.GetEcommerceItems;\n    } catch (error) {\n      if (error instanceof AxiosError) {\n        const status = error.response?.status;\n        if (status === 401) {\n          throw new Error(\"API Key inválida o expirada\");\n        }\n        if (status === 404) {\n          throw new Error(\"Endpoint no encontrado\");\n        }\n        if (status && status >= 500) {\n          throw new Error(\"Error del servidor CMS\");\n        }\n        throw new Error(`Error de conexión: ${error.message}`);\n      }\n      throw error;\n    }\n  }\n}\n\nexport const pakentoCMSAPI = new PakentoCMSAPI();\n"],"mappings":"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","names":["axios"]}

package/dist/index.mjs

@@ -0,0 +1,127 @@
+// src/hooks/useItems.ts
+import { useState, useEffect, useCallback } from "react";
+
+// src/services/api.ts
+import axios, { AxiosError } from "axios";
+var PakentoCMSAPI = class {
+  constructor() {
+    this.baseURL = process.env.PAKENTO_CMS_BASE_URL || "";
+    this.apiKey = process.env.PAKENTO_API_KEY || "";
+    if (!this.baseURL) {
+      throw new Error(
+        "PAKENTO_CMS_BASE_URL is required in environment variables"
+      );
+    }
+    if (!this.apiKey) {
+      throw new Error("PAKENTO_API_KEY is required in environment variables");
+    }
+    this.client = axios.create({
+      baseURL: this.baseURL,
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${this.apiKey}`
+      }
+    });
+  }
+  async getItems(page = 1, limit = 10) {
+    try {
+      const query = `
+        query Query($page: Int, $limit: Int) {
+          GetEcommerceItems(page: $page, limit: $limit) {
+            totalDocs
+            totalPages
+            prevPage
+            nextPage
+            docs {
+              id
+              name
+              price_text
+              cover_image_url
+              cover_image_thumbnail_url
+              images {
+                alt
+                url
+                thumbnail_url
+              }
+            }
+          }
+        }
+      `;
+      const response = await this.client.post("/api/graphql", {
+        query,
+        variables: { page, limit }
+      });
+      if (response.data.errors) {
+        throw new Error(`GraphQL Error: ${response.data.errors[0].message}`);
+      }
+      return response.data.data.GetEcommerceItems;
+    } catch (error) {
+      if (error instanceof AxiosError) {
+        const status = error.response?.status;
+        if (status === 401) {
+          throw new Error("API Key inv\xE1lida o expirada");
+        }
+        if (status === 404) {
+          throw new Error("Endpoint no encontrado");
+        }
+        if (status && status >= 500) {
+          throw new Error("Error del servidor CMS");
+        }
+        throw new Error(`Error de conexi\xF3n: ${error.message}`);
+      }
+      throw error;
+    }
+  }
+};
+var pakentoCMSAPI = new PakentoCMSAPI();
+
+// src/hooks/useItems.ts
+function useItems(options = {}) {
+  const { page = 1, limit = 10 } = options;
+  const [items, setItems] = useState([]);
+  const [totalDocs, setTotalDocs] = useState(0);
+  const [totalPages, setTotalPages] = useState(0);
+  const [prevPage, setPrevPage] = useState(null);
+  const [nextPage, setNextPage] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchItems = useCallback(async () => {
+    try {
+      setLoading(true);
+      setError(null);
+      const response = await pakentoCMSAPI.getItems(page, limit);
+      setItems(response.docs);
+      setTotalDocs(response.totalDocs);
+      setTotalPages(response.totalPages);
+      setPrevPage(response.prevPage);
+      setNextPage(response.nextPage);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Error desconocido al cargar items";
+      setError(errorMessage);
+      console.error("Error fetching items:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [page, limit]);
+  useEffect(() => {
+    fetchItems();
+  }, [fetchItems]);
+  const refetch = useCallback(() => {
+    fetchItems();
+  }, [fetchItems]);
+  return {
+    items,
+    totalDocs,
+    totalPages,
+    prevPage,
+    nextPage,
+    loading,
+    error,
+    refetch
+  };
+}
+export {
+  pakentoCMSAPI,
+  useItems
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useItems.ts","../src/services/api.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from \"react\";\nimport { pakentoCMSAPI } from \"../services/api\";\nimport { UseItemsOptions, UseItemsReturn, Item } from \"../types\";\n\nexport function useItems(options: UseItemsOptions = {}): UseItemsReturn {\n  const { page = 1, limit = 10 } = options;\n\n  const [items, setItems] = useState<Item[]>([]);\n  const [totalDocs, setTotalDocs] = useState(0);\n  const [totalPages, setTotalPages] = useState(0);\n  const [prevPage, setPrevPage] = useState<number | null>(null);\n  const [nextPage, setNextPage] = useState<number | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  const fetchItems = useCallback(async () => {\n    try {\n      setLoading(true);\n      setError(null);\n\n      const response = await pakentoCMSAPI.getItems(page, limit);\n\n      setItems(response.docs);\n      setTotalDocs(response.totalDocs);\n      setTotalPages(response.totalPages);\n      setPrevPage(response.prevPage);\n      setNextPage(response.nextPage);\n    } catch (err) {\n      const errorMessage =\n        err instanceof Error\n          ? err.message\n          : \"Error desconocido al cargar items\";\n      setError(errorMessage);\n      console.error(\"Error fetching items:\", err);\n    } finally {\n      setLoading(false);\n    }\n  }, [page, limit]);\n\n  useEffect(() => {\n    fetchItems();\n  }, [fetchItems]);\n\n  const refetch = useCallback(() => {\n    fetchItems();\n  }, [fetchItems]);\n\n  return {\n    items,\n    totalDocs,\n    totalPages,\n    prevPage,\n    nextPage,\n    loading,\n    error,\n    refetch,\n  };\n}\n","import axios, { AxiosInstance, AxiosError } from \"axios\";\n\nclass PakentoCMSAPI {\n  private client: AxiosInstance;\n  private baseURL: string;\n  private apiKey: string;\n\n  constructor() {\n    this.baseURL = process.env.PAKENTO_CMS_BASE_URL || \"\";\n    this.apiKey = process.env.PAKENTO_API_KEY || \"\";\n\n    if (!this.baseURL) {\n      throw new Error(\n        \"PAKENTO_CMS_BASE_URL is required in environment variables\"\n      );\n    }\n\n    if (!this.apiKey) {\n      throw new Error(\"PAKENTO_API_KEY is required in environment variables\");\n    }\n\n    this.client = axios.create({\n      baseURL: this.baseURL,\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: `Bearer ${this.apiKey}`,\n      },\n    });\n  }\n\n  async getItems(page: number = 1, limit: number = 10) {\n    try {\n      const query = `\n        query Query($page: Int, $limit: Int) {\n          GetEcommerceItems(page: $page, limit: $limit) {\n            totalDocs\n            totalPages\n            prevPage\n            nextPage\n            docs {\n              id\n              name\n              price_text\n              cover_image_url\n              cover_image_thumbnail_url\n              images {\n                alt\n                url\n                thumbnail_url\n              }\n            }\n          }\n        }\n      `;\n\n      const response = await this.client.post(\"/api/graphql\", {\n        query,\n        variables: { page, limit },\n      });\n\n      if (response.data.errors) {\n        throw new Error(`GraphQL Error: ${response.data.errors[0].message}`);\n      }\n\n      // Parseamos la respuesta para quitar el wrapper de data->GetEcommerceItems\n      return response.data.data.GetEcommerceItems;\n    } catch (error) {\n      if (error instanceof AxiosError) {\n        const status = error.response?.status;\n        if (status === 401) {\n          throw new Error(\"API Key inválida o expirada\");\n        }\n        if (status === 404) {\n          throw new Error(\"Endpoint no encontrado\");\n        }\n        if (status && status >= 500) {\n          throw new Error(\"Error del servidor CMS\");\n        }\n        throw new Error(`Error de conexión: ${error.message}`);\n      }\n      throw error;\n    }\n  }\n}\n\nexport const pakentoCMSAPI = new PakentoCMSAPI();\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@pakento/cms-sdk",
+  "version": "1.1.0",
+  "description": "SDK para conectar tiendas en línea con Pakento CMS",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix",
+    "type-check": "tsc --noEmit",
+    "prepublishOnly": "bun run build",
+    "publish": "bun run scripts/publish.ts",
+    "link-local": "bun link"
+  },
+  "keywords": [
+    "pakento",
+    "cms",
+    "sdk",
+    "nextjs",
+    "ecommerce"
+  ],
+  "author": "Pakento",
+  "license": "MIT",
+  "devDependencies": {
+    "@types/node": "^24.1.0",
+    "@types/react": "^18.2.0",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "eslint": "^8.0.0",
+    "ts-node": "^10.9.2",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "dependencies": {
+    "axios": "^1.6.0",
+    "dotenv": "^17.2.1"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pakento/cms-sdk.git"
+  }
+}