@enfyra/sdk-nuxt 0.3.17 → 0.3.18

package/dist/module.d.ts

@@ -0,0 +1,10 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+interface ModuleOptions {
+    apiUrl: string;
+    apiPrefix?: string;
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+
+export { _default as default };
+export type { ModuleOptions };

package/dist/runtime/plugin/config-error.client.js

@@ -0,0 +1,107 @@
+import { defineNuxtPlugin, useRuntimeConfig } from "#imports";
+export default defineNuxtPlugin(() => {
+  const config = useRuntimeConfig().public?.enfyraSDK;
+  if (config?.configError) {
+    if (typeof window !== "undefined" && document) {
+      let showError = function() {
+        const errorDiv = document.createElement("div");
+        errorDiv.id = "enfyra-config-error";
+        errorDiv.style.cssText = `
+          position: fixed;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          background: rgba(0, 0, 0, 0.9);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          z-index: 999999;
+          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+        `;
+        const content = document.createElement("div");
+        content.style.cssText = `
+          background: white;
+          padding: 40px;
+          border-radius: 12px;
+          max-width: 600px;
+          width: 90%;
+          box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+        `;
+        content.innerHTML = `
+          <div style="display: flex; align-items: center; margin-bottom: 20px;">
+            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" style="margin-right: 12px;">
+              <circle cx="12" cy="12" r="10" stroke="#ef4444" stroke-width="2"/>
+              <path d="M12 8v4M12 16h.01" stroke="#ef4444" stroke-width="2" stroke-linecap="round"/>
+            </svg>
+            <h1 style="margin: 0; color: #1f2937; font-size: 24px; font-weight: 600;">
+              Configuration Error
+            </h1>
+          </div>
+          
+          <div style="color: #4b5563; margin-bottom: 24px; line-height: 1.6;">
+            <p style="margin: 0 0 16px 0; font-size: 16px;">
+              <strong>Enfyra SDK</strong> is not configured properly.
+            </p>
+            <p style="margin: 0; color: #6b7280; font-size: 14px;">
+              ${config?.configErrorMessage || "Missing required configuration"}
+            </p>
+          </div>
+          
+          <div style="background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 8px; padding: 16px; margin-bottom: 24px;">
+            <p style="margin: 0 0 12px 0; color: #6b7280; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px;">
+              Add to your nuxt.config.ts:
+            </p>
+            <pre style="margin: 0; background: #1f2937; color: #f3f4f6; padding: 16px; border-radius: 6px; overflow-x: auto; font-size: 14px; line-height: 1.4;"><code>export default defineNuxtConfig({
+  modules: ["@enfyra/sdk-nuxt"],
+  enfyraSDK: {
+    <span style="color: #fbbf24;">apiUrl</span>: <span style="color: #34d399;">"https://your-api-url"</span>
+  }
+})</code></pre>
+          </div>
+          
+          <div style="display: flex; gap: 12px;">
+            <button onclick="location.reload()" style="
+              background: #3b82f6;
+              color: white;
+              border: none;
+              padding: 10px 20px;
+              border-radius: 6px;
+              font-size: 14px;
+              font-weight: 500;
+              cursor: pointer;
+              transition: background 0.2s;
+            " onmouseover="this.style.background='#2563eb'" onmouseout="this.style.background='#3b82f6'">
+              Reload Page
+            </button>
+            <button onclick="document.getElementById('enfyra-config-error').style.display='none'" style="
+              background: #f3f4f6;
+              color: #4b5563;
+              border: 1px solid #e5e7eb;
+              padding: 10px 20px;
+              border-radius: 6px;
+              font-size: 14px;
+              font-weight: 500;
+              cursor: pointer;
+              transition: all 0.2s;
+            " onmouseover="this.style.background='#e5e7eb'" onmouseout="this.style.background='#f3f4f6'">
+              Dismiss
+            </button>
+          </div>
+        `;
+        errorDiv.appendChild(content);
+        document.body.appendChild(errorDiv);
+        console.error(
+          "%c\u26A0\uFE0F Enfyra SDK Configuration Error",
+          "color: #ef4444; font-size: 16px; font-weight: bold;",
+          "\n\n" + (config?.configErrorMessage || "Missing required configuration") + '\n\nPlease add the following to your nuxt.config.ts:\n\nenfyraSDK: {\n  apiUrl: "https://your-api-url"\n}'
+        );
+      };
+      if (document.readyState === "loading") {
+        document.addEventListener("DOMContentLoaded", showError);
+      } else {
+        showError();
+      }
+    }
+  }
+});

package/dist/runtime/plugin/config-error.client.mjs

@@ -0,0 +1,107 @@
+import { defineNuxtPlugin, useRuntimeConfig } from "#imports";
+export default defineNuxtPlugin(() => {
+  const config = useRuntimeConfig().public?.enfyraSDK;
+  if (config?.configError) {
+    if (typeof window !== "undefined" && document) {
+      let showError = function() {
+        const errorDiv = document.createElement("div");
+        errorDiv.id = "enfyra-config-error";
+        errorDiv.style.cssText = `
+          position: fixed;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          background: rgba(0, 0, 0, 0.9);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          z-index: 999999;
+          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+        `;
+        const content = document.createElement("div");
+        content.style.cssText = `
+          background: white;
+          padding: 40px;
+          border-radius: 12px;
+          max-width: 600px;
+          width: 90%;
+          box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+        `;
+        content.innerHTML = `
+          <div style="display: flex; align-items: center; margin-bottom: 20px;">
+            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" style="margin-right: 12px;">
+              <circle cx="12" cy="12" r="10" stroke="#ef4444" stroke-width="2"/>
+              <path d="M12 8v4M12 16h.01" stroke="#ef4444" stroke-width="2" stroke-linecap="round"/>
+            </svg>
+            <h1 style="margin: 0; color: #1f2937; font-size: 24px; font-weight: 600;">
+              Configuration Error
+            </h1>
+          </div>
+          
+          <div style="color: #4b5563; margin-bottom: 24px; line-height: 1.6;">
+            <p style="margin: 0 0 16px 0; font-size: 16px;">
+              <strong>Enfyra SDK</strong> is not configured properly.
+            </p>
+            <p style="margin: 0; color: #6b7280; font-size: 14px;">
+              ${config?.configErrorMessage || "Missing required configuration"}
+            </p>
+          </div>
+          
+          <div style="background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 8px; padding: 16px; margin-bottom: 24px;">
+            <p style="margin: 0 0 12px 0; color: #6b7280; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px;">
+              Add to your nuxt.config.ts:
+            </p>
+            <pre style="margin: 0; background: #1f2937; color: #f3f4f6; padding: 16px; border-radius: 6px; overflow-x: auto; font-size: 14px; line-height: 1.4;"><code>export default defineNuxtConfig({
+  modules: ["@enfyra/sdk-nuxt"],
+  enfyraSDK: {
+    <span style="color: #fbbf24;">apiUrl</span>: <span style="color: #34d399;">"https://your-api-url"</span>
+  }
+})</code></pre>
+          </div>
+          
+          <div style="display: flex; gap: 12px;">
+            <button onclick="location.reload()" style="
+              background: #3b82f6;
+              color: white;
+              border: none;
+              padding: 10px 20px;
+              border-radius: 6px;
+              font-size: 14px;
+              font-weight: 500;
+              cursor: pointer;
+              transition: background 0.2s;
+            " onmouseover="this.style.background='#2563eb'" onmouseout="this.style.background='#3b82f6'">
+              Reload Page
+            </button>
+            <button onclick="document.getElementById('enfyra-config-error').style.display='none'" style="
+              background: #f3f4f6;
+              color: #4b5563;
+              border: 1px solid #e5e7eb;
+              padding: 10px 20px;
+              border-radius: 6px;
+              font-size: 14px;
+              font-weight: 500;
+              cursor: pointer;
+              transition: all 0.2s;
+            " onmouseover="this.style.background='#e5e7eb'" onmouseout="this.style.background='#f3f4f6'">
+              Dismiss
+            </button>
+          </div>
+        `;
+        errorDiv.appendChild(content);
+        document.body.appendChild(errorDiv);
+        console.error(
+          "%c\u26A0\uFE0F Enfyra SDK Configuration Error",
+          "color: #ef4444; font-size: 16px; font-weight: bold;",
+          "\n\n" + (config?.configErrorMessage || "Missing required configuration") + '\n\nPlease add the following to your nuxt.config.ts:\n\nenfyraSDK: {\n  apiUrl: "https://your-api-url"\n}'
+        );
+      };
+      if (document.readyState === "loading") {
+        document.addEventListener("DOMContentLoaded", showError);
+      } else {
+        showError();
+      }
+    }
+  }
+});

package/dist/runtime/server/api/all.js

@@ -0,0 +1,5 @@
+import { defineEventHandler } from "h3";
+import { proxyToAPI } from "../../../utils/server/proxy";
+export default defineEventHandler(async (event) => {
+  return proxyToAPI(event);
+});

package/dist/runtime/server/api/all.mjs

@@ -0,0 +1,5 @@
+import { defineEventHandler } from "h3";
+import { proxyToAPI } from "../../../utils/server/proxy";
+export default defineEventHandler(async (event) => {
+  return proxyToAPI(event);
+});

package/dist/runtime/server/api/login.post.js

@@ -0,0 +1,62 @@
+import {
+  defineEventHandler,
+  readBody,
+  setCookie,
+  createError,
+  sendError,
+  getHeader
+} from "h3";
+import { useRuntimeConfig } from "#imports";
+import { $fetch } from "ofetch";
+import {
+  ACCESS_TOKEN_KEY,
+  REFRESH_TOKEN_KEY,
+  EXP_TIME_KEY
+} from "../../../constants/auth";
+import { normalizeUrl } from "../../../utils/url";
+export default defineEventHandler(async (event) => {
+  const config = useRuntimeConfig();
+  const apiUrl = config.public.enfyraSDK?.apiUrl;
+  try {
+    const body = await readBody(event);
+    const response = await $fetch(normalizeUrl(apiUrl, "/auth/login"), {
+      method: "POST",
+      body,
+      headers: {
+        cookie: getHeader(event, "cookie") || ""
+      }
+    });
+    const { accessToken, refreshToken, expTime } = response;
+    const cookieOptions = {
+      httpOnly: true,
+      secure: true,
+      sameSite: "lax",
+      path: "/"
+    };
+    setCookie(event, ACCESS_TOKEN_KEY, accessToken, cookieOptions);
+    setCookie(event, REFRESH_TOKEN_KEY, refreshToken, cookieOptions);
+    setCookie(event, EXP_TIME_KEY, String(expTime), cookieOptions);
+    return { accessToken };
+  } catch (err) {
+    const statusCode = err?.response?.status || err?.statusCode || 401;
+    const errorData = err?.response?._data || err?.data;
+    let errorMessage = "Authentication failed";
+    let errorCode = "AUTHENTICATION_ERROR";
+    if (errorData?.error) {
+      errorMessage = errorData.error.message || errorData.message || errorMessage;
+      errorCode = errorData.error.code || errorCode;
+    }
+    return sendError(
+      event,
+      createError({
+        statusCode,
+        statusMessage: errorMessage,
+        data: {
+          code: errorCode,
+          details: errorData?.error?.details,
+          correlationId: errorData?.error?.correlationId
+        }
+      })
+    );
+  }
+});

package/dist/runtime/server/api/login.post.mjs

@@ -0,0 +1,62 @@
+import {
+  defineEventHandler,
+  readBody,
+  setCookie,
+  createError,
+  sendError,
+  getHeader
+} from "h3";
+import { useRuntimeConfig } from "#imports";
+import { $fetch } from "ofetch";
+import {
+  ACCESS_TOKEN_KEY,
+  REFRESH_TOKEN_KEY,
+  EXP_TIME_KEY
+} from "../../../constants/auth";
+import { normalizeUrl } from "../../../utils/url";
+export default defineEventHandler(async (event) => {
+  const config = useRuntimeConfig();
+  const apiUrl = config.public.enfyraSDK?.apiUrl;
+  try {
+    const body = await readBody(event);
+    const response = await $fetch(normalizeUrl(apiUrl, "/auth/login"), {
+      method: "POST",
+      body,
+      headers: {
+        cookie: getHeader(event, "cookie") || ""
+      }
+    });
+    const { accessToken, refreshToken, expTime } = response;
+    const cookieOptions = {
+      httpOnly: true,
+      secure: true,
+      sameSite: "lax",
+      path: "/"
+    };
+    setCookie(event, ACCESS_TOKEN_KEY, accessToken, cookieOptions);
+    setCookie(event, REFRESH_TOKEN_KEY, refreshToken, cookieOptions);
+    setCookie(event, EXP_TIME_KEY, String(expTime), cookieOptions);
+    return { accessToken };
+  } catch (err) {
+    const statusCode = err?.response?.status || err?.statusCode || 401;
+    const errorData = err?.response?._data || err?.data;
+    let errorMessage = "Authentication failed";
+    let errorCode = "AUTHENTICATION_ERROR";
+    if (errorData?.error) {
+      errorMessage = errorData.error.message || errorData.message || errorMessage;
+      errorCode = errorData.error.code || errorCode;
+    }
+    return sendError(
+      event,
+      createError({
+        statusCode,
+        statusMessage: errorMessage,
+        data: {
+          code: errorCode,
+          details: errorData?.error?.details,
+          correlationId: errorData?.error?.correlationId
+        }
+      })
+    );
+  }
+});

package/dist/runtime/server/api/logout.post.js

@@ -0,0 +1,35 @@
+import { defineEventHandler, getHeader, getCookie, deleteCookie } from "h3";
+import { useRuntimeConfig } from "#imports";
+import { $fetch } from "ofetch";
+import {
+  ACCESS_TOKEN_KEY,
+  REFRESH_TOKEN_KEY,
+  EXP_TIME_KEY
+} from "../../../constants/auth";
+import { normalizeUrl } from "../../../utils/url";
+export default defineEventHandler(async (event) => {
+  const config = useRuntimeConfig();
+  const apiUrl = config.public?.enfyraSDK?.apiUrl;
+  const refreshToken = getCookie(event, REFRESH_TOKEN_KEY);
+  try {
+    const result = await $fetch(normalizeUrl(apiUrl, "/auth/logout"), {
+      method: "POST",
+      headers: {
+        cookie: getHeader(event, "cookie") || "",
+        authorization: event.context.proxyHeaders?.authorization
+      },
+      body: {
+        refreshToken
+      }
+    });
+    deleteCookie(event, ACCESS_TOKEN_KEY);
+    deleteCookie(event, REFRESH_TOKEN_KEY);
+    deleteCookie(event, EXP_TIME_KEY);
+    return result;
+  } catch (err) {
+    deleteCookie(event, ACCESS_TOKEN_KEY);
+    deleteCookie(event, REFRESH_TOKEN_KEY);
+    deleteCookie(event, EXP_TIME_KEY);
+    return { success: false, message: "Logout completed locally" };
+  }
+});

package/dist/runtime/server/api/logout.post.mjs

@@ -0,0 +1,35 @@
+import { defineEventHandler, getHeader, getCookie, deleteCookie } from "h3";
+import { useRuntimeConfig } from "#imports";
+import { $fetch } from "ofetch";
+import {
+  ACCESS_TOKEN_KEY,
+  REFRESH_TOKEN_KEY,
+  EXP_TIME_KEY
+} from "../../../constants/auth";
+import { normalizeUrl } from "../../../utils/url";
+export default defineEventHandler(async (event) => {
+  const config = useRuntimeConfig();
+  const apiUrl = config.public?.enfyraSDK?.apiUrl;
+  const refreshToken = getCookie(event, REFRESH_TOKEN_KEY);
+  try {
+    const result = await $fetch(normalizeUrl(apiUrl, "/auth/logout"), {
+      method: "POST",
+      headers: {
+        cookie: getHeader(event, "cookie") || "",
+        authorization: event.context.proxyHeaders?.authorization
+      },
+      body: {
+        refreshToken
+      }
+    });
+    deleteCookie(event, ACCESS_TOKEN_KEY);
+    deleteCookie(event, REFRESH_TOKEN_KEY);
+    deleteCookie(event, EXP_TIME_KEY);
+    return result;
+  } catch (err) {
+    deleteCookie(event, ACCESS_TOKEN_KEY);
+    deleteCookie(event, REFRESH_TOKEN_KEY);
+    deleteCookie(event, EXP_TIME_KEY);
+    return { success: false, message: "Logout completed locally" };
+  }
+});

package/dist/runtime/server/middleware/auth.js

@@ -0,0 +1,36 @@
+import { defineEventHandler, getCookie } from "h3";
+import { useRuntimeConfig } from "#imports";
+import {
+  validateTokens,
+  refreshAccessToken
+} from "../../../utils/server/refreshToken";
+import { REFRESH_TOKEN_KEY } from "../../../constants/auth";
+export default defineEventHandler(async (event) => {
+  if (event.node.req.url === "/api/login" || event.node.req.url === "/api/logout") {
+    return;
+  }
+  const { accessToken, needsRefresh } = validateTokens(event);
+  let currentAccessToken = accessToken;
+  if (needsRefresh) {
+    const refreshToken = getCookie(event, REFRESH_TOKEN_KEY);
+    if (refreshToken) {
+      try {
+        const config = useRuntimeConfig();
+        const apiUrl = config.public?.enfyraSDK?.apiUrl;
+        if (apiUrl) {
+          currentAccessToken = await refreshAccessToken(
+            event,
+            refreshToken,
+            apiUrl
+          );
+        }
+      } catch (error) {
+        currentAccessToken = null;
+      }
+    }
+  }
+  if (currentAccessToken) {
+    event.context.proxyHeaders = event.context.proxyHeaders || {};
+    event.context.proxyHeaders.authorization = `Bearer ${currentAccessToken}`;
+  }
+});

package/dist/runtime/server/middleware/auth.mjs

@@ -0,0 +1,36 @@
+import { defineEventHandler, getCookie } from "h3";
+import { useRuntimeConfig } from "#imports";
+import {
+  validateTokens,
+  refreshAccessToken
+} from "../../../utils/server/refreshToken";
+import { REFRESH_TOKEN_KEY } from "../../../constants/auth";
+export default defineEventHandler(async (event) => {
+  if (event.node.req.url === "/api/login" || event.node.req.url === "/api/logout") {
+    return;
+  }
+  const { accessToken, needsRefresh } = validateTokens(event);
+  let currentAccessToken = accessToken;
+  if (needsRefresh) {
+    const refreshToken = getCookie(event, REFRESH_TOKEN_KEY);
+    if (refreshToken) {
+      try {
+        const config = useRuntimeConfig();
+        const apiUrl = config.public?.enfyraSDK?.apiUrl;
+        if (apiUrl) {
+          currentAccessToken = await refreshAccessToken(
+            event,
+            refreshToken,
+            apiUrl
+          );
+        }
+      } catch (error) {
+        currentAccessToken = null;
+      }
+    }
+  }
+  if (currentAccessToken) {
+    event.context.proxyHeaders = event.context.proxyHeaders || {};
+    event.context.proxyHeaders.authorization = `Bearer ${currentAccessToken}`;
+  }
+});

package/module.ts

@@ -65,7 +65,7 @@ export default defineNuxtModule<ModuleOptions>({
 
     if (!normalizedOptions.apiUrl) {
       addPlugin({
-        src: resolve("./src/runtime/plugin/config-error.client"),
+        src: resolve("./dist/runtime/plugin/config-error.client.mjs"),
         mode: 'client'
       });
     }
@@ -79,31 +79,31 @@ export default defineNuxtModule<ModuleOptions>({
     })
 
     addServerHandler({
-      handler: '@enfyra/sdk-nuxt/src/runtime/server/middleware/auth',
+      handler: resolve('./dist/runtime/server/middleware/auth.mjs'),
       middleware: true,
     });
 
     addServerHandler({
       route: `${apiPrefix}/login`,
-      handler: '@enfyra/sdk-nuxt/src/runtime/server/api/login.post',
+      handler: resolve('./dist/runtime/server/api/login.post.mjs'),
       method: "post",
     });
 
     addServerHandler({
       route: `${apiPrefix}/logout`,
-      handler: '@enfyra/sdk-nuxt/src/runtime/server/api/logout.post',
+      handler: resolve('./dist/runtime/server/api/logout.post.mjs'),
       method: "post",
     });
 
 
     addServerHandler({
       route: "/assets/**",
-      handler: '@enfyra/sdk-nuxt/src/runtime/server/api/all',
+      handler: resolve('./dist/runtime/server/api/all.mjs'),
     });
 
     addServerHandler({
       route: `${apiPrefix}/**`,
-      handler: '@enfyra/sdk-nuxt/src/runtime/server/api/all',
+      handler: resolve('./dist/runtime/server/api/all.mjs'),
     });
   },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enfyra/sdk-nuxt",
-  "version": "0.3.17",
+  "version": "0.3.18",
   "description": "Nuxt SDK for Enfyra CMS",
   "repository": {
     "type": "git",
@@ -42,7 +42,8 @@
     "module.ts",
     "module.d.ts",
     "index.ts",
-    "src/**/*"
+    "src/**/*",
+    "dist/runtime/**/*"
   ],
   "keywords": [
     "nuxt",
@@ -56,7 +57,8 @@
     "access": "public"
   },
   "scripts": {
-    "build": "npx tsc --noEmit --skipLibCheck"
+    "build": "unbuild && npx tsc --noEmit --skipLibCheck",
+    "prepublishOnly": "unbuild"
   },
   "peerDependencies": {
     "@nuxt/kit": "^3.18.1",
@@ -69,6 +71,7 @@
   "devDependencies": {
     "@types/node": "^24.10.1",
     "nuxt": "^3.18.1",
-    "typescript": "^5.0.0"
+    "typescript": "^5.0.0",
+    "unbuild": "^2.0.0"
   }
 }

package/src/utils/url.ts

@@ -37,6 +37,9 @@ export function joinUrlPath(...paths: (string | undefined | null)[]): string {
     .join('/');
 }
 
+// Import from #imports at top level
+import { useRequestHeaders, useRequestURL } from '#imports';
+
 export function getAppUrl(): string {
   if (process.client && typeof window !== 'undefined') {
     return window.location.origin;
@@ -44,23 +47,13 @@ export function getAppUrl(): string {
   
   if (process.server) {
     try {
-      let useRequestHeaders: any;
-      let useRequestURL: any;
-      
-      try {
-        const imports = eval('require("#imports")');
-        useRequestHeaders = imports.useRequestHeaders;
-        useRequestURL = imports.useRequestURL;
-      } catch (e) {
-        return '';
-      }
-      
       try {
         const url = useRequestURL();
         if (url) {
           return `${url.protocol}//${url.host}`;
         }
       } catch (e) {
+        // useRequestURL might not be available in all contexts
       }
       
       const headers = useRequestHeaders();