lf-pagebuilder-vue 0.0.16 → 0.0.18

package/README.md

@@ -99,6 +99,7 @@ import { Pagebuilder } from 'lf-pagebuilder-vue';
 
 | Prop | Tipo | Default | Descripción |
 |------|------|---------|-------------|
+| `limboToken` | `string` | - | Token JWT de Limbo, obtenido server-side con `fetchLimboToken()` |
 | `isProduction` | `boolean` | `false` | `true` = API producción, `false` = API desarrollo |
 | `debugMode` | `boolean` | `false` | Activa el modo debug |
 | `submitForm` | `boolean` | `false` | Envía el formulario automáticamente |
@@ -177,29 +178,36 @@ PUBLIC_LIMBO_PUBLIC_KEY=pk_tu_public_key
 IS_PROD=FALSE
 ```
 
-**2. Crear endpoint proxy** (`src/pages/api/limbo-token.ts`):
-
-```ts
-import { createLimboTokenHandler } from 'lf-pagebuilder-vue/limbo';
-
-export const POST = createLimboTokenHandler({
-  publicKey: import.meta.env.PUBLIC_LIMBO_PUBLIC_KEY,
-  isProduction: import.meta.env.IS_PROD === 'TRUE'
-});
-```
-
-**3. Pasar las props al Pagebuilder:**
+**2. Obtener token server-side y pasarlo al componente:**
 
 ```astro
+---
+import { Pagebuilder } from 'lf-pagebuilder-vue';
+import { fetchLimboToken } from 'lf-pagebuilder-vue/limbo';
+
+let limboToken = '';
+try {
+  const result = await fetchLimboToken({
+    publicKey: import.meta.env.PUBLIC_LIMBO_PUBLIC_KEY || '',
+    isProduction: import.meta.env.IS_PROD === 'TRUE'
+  });
+  limboToken = result.token;
+} catch (e) {
+  console.error('[Pagebuilder] Error obteniendo token de Limbo:', e);
+}
+---
+
 <Pagebuilder
-  limboPublicKey={import.meta.env.PUBLIC_LIMBO_PUBLIC_KEY}
+  limboToken={limboToken}
   isProduction={import.meta.env.IS_PROD === 'TRUE'}
   inputId="mi-input"
   client:only="vue"
 />
 ```
 
-La URL de la API de Limbo se determina automáticamente según `isProduction`.
+El token se obtiene en el frontmatter (server-side), evitando exponer la Public Key al cliente. La URL de la API de Limbo se determina automáticamente según `isProduction`. Los assets de `limbo-component` se cargan internamente desde el paquete npm (no se usa CDN externo).
+
+Para más detalles, consulta [README_LIMBO.md](README_LIMBO.md).
 
 ---
 

package/dist/components/Pagebuilder.vue.d.ts

@@ -4,20 +4,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     submitForm?: boolean;
     inputId?: string | null;
     excludeComponentTypes?: string[];
-    /** Public Key de Limbo (pk_xxx) - Si se proporciona, se inicializa Limbo automáticamente */
-    limboPublicKey?: string;
-    /** URL del endpoint proxy para obtener tokens (default: '/api/limbo-token') */
-    limboTokenEndpoint?: string;
+    /** Token JWT de Limbo - obtenido server-side con fetchLimboToken() */
+    limboToken?: string;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     isProduction?: boolean;
     debugMode?: boolean;
     submitForm?: boolean;
     inputId?: string | null;
     excludeComponentTypes?: string[];
-    /** Public Key de Limbo (pk_xxx) - Si se proporciona, se inicializa Limbo automáticamente */
-    limboPublicKey?: string;
-    /** URL del endpoint proxy para obtener tokens (default: '/api/limbo-token') */
-    limboTokenEndpoint?: string;
+    /** Token JWT de Limbo - obtenido server-side con fetchLimboToken() */
+    limboToken?: string;
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;