@juv/codego-react-ui 3.1.2 → 3.1.4

package/dist/index.cjs

@@ -2131,13 +2131,19 @@ var import_react_dom = require("react-dom");
 
 // src/components/tools/decryptPayload.ts
 var import_crypto_js = __toESM(require("crypto-js"), 1);
-var import_meta = {};
 function getLaravelSecretKey() {
-  const viteKey = import_meta.env["VITE_LARAVEL_KEY"];
+  const viteKey = (() => {
+    try {
+      return new Function("return import.meta.env")();
+    } catch {
+      return void 0;
+    }
+  })()?.VITE_LARAVEL_KEY;
   const legacyKey = globalThis?.process?.env?.REACT_APP_LARAVEL_KEY;
-  const key = viteKey || legacyKey;
+  const windowKey = globalThis?.__LARAVEL_KEY__;
+  const key = viteKey || legacyKey || windowKey;
   if (!key) {
-    throw new Error("Missing Laravel decryption key. Set VITE_LARAVEL_KEY in your .env.");
+    throw new Error("Missing Laravel decryption key. Set VITE_LARAVEL_KEY in your .env or inject window.__LARAVEL_KEY__ via Blade.");
   }
   return key;
 }
@@ -2155,13 +2161,13 @@ function parseLaravelEncryptedPayload(payload) {
   }
   return JSON.parse(jsonStr);
 }
-function decryptLaravelPayload(payload) {
-  const secretKey = getLaravelSecretKey();
+function decryptLaravelPayload(payload, secretKey) {
+  const resolvedKey = secretKey ?? getLaravelSecretKey();
   const parsed = parseLaravelEncryptedPayload(payload);
   if (parsed.tag) {
     throw new Error("Unsupported Laravel cipher (AEAD tag present). Expected AES-*-CBC payload.");
   }
-  const key = parseLaravelKey(secretKey);
+  const key = parseLaravelKey(resolvedKey);
   const expectedMac = import_crypto_js.default.HmacSHA256(parsed.iv + parsed.value, key).toString();
   if (expectedMac !== parsed.mac) {
     throw new Error("Invalid payload MAC (wrong key or tampered payload).");
@@ -2178,7 +2184,6 @@ function decryptLaravelPayload(payload) {
   if (!plaintext) {
     throw new Error("Decryption produced empty plaintext (wrong key/cipher).");
   }
-  console.log("Decrypted payload:", plaintext);
   return JSON.parse(plaintext);
 }
 
@@ -4899,7 +4904,7 @@ Input.displayName = "Input";
 
 // src/components/ui/data-grid.tsx
 var import_jsx_runtime28 = require("react/jsx-runtime");
-function useServerDataGrid({ url, params, encrypt }) {
+function useServerDataGrid({ url, params, encrypt, key }) {
   const [data, setData] = React24.useState([]);
   const [columns, setColumns] = React24.useState([]);
   const [currentPage, setCurrentPage] = React24.useState(1);
@@ -4913,7 +4918,7 @@ function useServerDataGrid({ url, params, encrypt }) {
     setError(null);
     import_axios.default.get(url, { params: { ...params, page: currentPage } }).then(({ data: res }) => {
       if (cancelled) return;
-      const payload = encrypt ? decryptLaravelPayload(res) : res;
+      const payload = encrypt ? decryptLaravelPayload(res, key) : res;
       setData(payload.data);
       const rawTotal = payload.total;
       const rawPerPage = payload.per_page;
@@ -4932,9 +4937,9 @@ function useServerDataGrid({ url, params, encrypt }) {
       setPagination(pg);
       if (payload.data.length > 0) {
         setColumns(
-          Object.keys(payload.data[0]).map((key) => ({
-            key,
-            header: key.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase())
+          Object.keys(payload.data[0]).map((key2) => ({
+            key: key2,
+            header: key2.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase())
           }))
         );
       }
@@ -9563,7 +9568,7 @@ var import_react_dom2 = require("react-dom");
 var import_axios2 = __toESM(require("axios"), 1);
 var import_lucide_react28 = require("lucide-react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
-function useServerTable({ url, params, encrypt }) {
+function useServerTable({ url, params, encrypt, key }) {
   const [data, setData] = React44.useState([]);
   const [columns, setColumns] = React44.useState([]);
   const [currentPage, setCurrentPage] = React44.useState(1);
@@ -9579,7 +9584,7 @@ function useServerTable({ url, params, encrypt }) {
       params: { ...params, page: currentPage }
     }).then(({ data: res }) => {
       if (cancelled) return;
-      const payload = encrypt ? decryptLaravelPayload(res) : res;
+      const payload = encrypt ? decryptLaravelPayload(res, key) : res;
       setData(payload.data);
       const rawTotal = payload.total;
       const rawPerPage = payload.per_page;
@@ -9598,9 +9603,9 @@ function useServerTable({ url, params, encrypt }) {
       setPagination(pg);
       if (payload.data.length > 0) {
         setColumns(
-          Object.keys(payload.data[0]).map((key) => ({
-            key,
-            title: key.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase())
+          Object.keys(payload.data[0]).map((key2) => ({
+            key: key2,
+            title: key2.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase())
           }))
         );
       }

package/dist/index.d.cts

@@ -361,8 +361,10 @@ interface UseServerTableOptions {
     url: string;
     /** Extra query params merged on every request */
     params?: Record<string, string | number>;
-    /** If true, the response is expected to be a Laravel-encrypted payload and will be decrypted using VITE_LARAVEL_KEY */
+    /** If true, the response is expected to be a Laravel-encrypted payload */
     encrypt?: boolean;
+    /** Laravel APP_KEY used for decryption. Pass import.meta.env["VITE_LARAVEL_KEY"] */
+    key?: string;
 }
 interface UseServerTableReturn<T> {
     data: T[];
@@ -380,7 +382,7 @@ interface ServerPaginationProp {
     currentPage: number;
     goToPage: (page: number) => void;
 }
-declare function useServerTable<T extends Record<string, any>>({ url, params, encrypt }: UseServerTableOptions): UseServerTableReturn<T>;
+declare function useServerTable<T extends Record<string, any>>({ url, params, encrypt, key }: UseServerTableOptions): UseServerTableReturn<T>;
 type ActionFieldType = "input" | "password" | "textarea" | "checkbox" | "toggle" | "select" | "radio" | "slider" | "tag-input" | "otp" | "combobox" | "color-picker" | "date-range" | "rich-text" | "file-upload" | "repeater";
 interface ActionField {
     key: string;
@@ -467,8 +469,10 @@ interface ServerDataGridProp {
 interface UseServerDataGridOptions {
     url: string;
     params?: Record<string, string | number>;
-    /** If true, the response is expected to be a Laravel-encrypted payload and will be decrypted using VITE_LARAVEL_KEY */
+    /** If true, the response is expected to be a Laravel-encrypted payload */
     encrypt?: boolean;
+    /** Laravel APP_KEY used for decryption. Pass import.meta.env["VITE_LARAVEL_KEY"] */
+    key?: string;
 }
 interface UseServerDataGridReturn<T> {
     data: T[];
@@ -481,7 +485,7 @@ interface UseServerDataGridReturn<T> {
     goToPage: (page: number) => void;
     reload: () => void;
 }
-declare function useServerDataGrid<T extends Record<string, any>>({ url, params, encrypt }: UseServerDataGridOptions): UseServerDataGridReturn<T>;
+declare function useServerDataGrid<T extends Record<string, any>>({ url, params, encrypt, key }: UseServerDataGridOptions): UseServerDataGridReturn<T>;
 type SortDir = "asc" | "desc" | null;
 interface DataGridColumn<T> {
     key: keyof T | string;

package/dist/index.d.ts

@@ -361,8 +361,10 @@ interface UseServerTableOptions {
     url: string;
     /** Extra query params merged on every request */
     params?: Record<string, string | number>;
-    /** If true, the response is expected to be a Laravel-encrypted payload and will be decrypted using VITE_LARAVEL_KEY */
+    /** If true, the response is expected to be a Laravel-encrypted payload */
     encrypt?: boolean;
+    /** Laravel APP_KEY used for decryption. Pass import.meta.env["VITE_LARAVEL_KEY"] */
+    key?: string;
 }
 interface UseServerTableReturn<T> {
     data: T[];
@@ -380,7 +382,7 @@ interface ServerPaginationProp {
     currentPage: number;
     goToPage: (page: number) => void;
 }
-declare function useServerTable<T extends Record<string, any>>({ url, params, encrypt }: UseServerTableOptions): UseServerTableReturn<T>;
+declare function useServerTable<T extends Record<string, any>>({ url, params, encrypt, key }: UseServerTableOptions): UseServerTableReturn<T>;
 type ActionFieldType = "input" | "password" | "textarea" | "checkbox" | "toggle" | "select" | "radio" | "slider" | "tag-input" | "otp" | "combobox" | "color-picker" | "date-range" | "rich-text" | "file-upload" | "repeater";
 interface ActionField {
     key: string;
@@ -467,8 +469,10 @@ interface ServerDataGridProp {
 interface UseServerDataGridOptions {
     url: string;
     params?: Record<string, string | number>;
-    /** If true, the response is expected to be a Laravel-encrypted payload and will be decrypted using VITE_LARAVEL_KEY */
+    /** If true, the response is expected to be a Laravel-encrypted payload */
     encrypt?: boolean;
+    /** Laravel APP_KEY used for decryption. Pass import.meta.env["VITE_LARAVEL_KEY"] */
+    key?: string;
 }
 interface UseServerDataGridReturn<T> {
     data: T[];
@@ -481,7 +485,7 @@ interface UseServerDataGridReturn<T> {
     goToPage: (page: number) => void;
     reload: () => void;
 }
-declare function useServerDataGrid<T extends Record<string, any>>({ url, params, encrypt }: UseServerDataGridOptions): UseServerDataGridReturn<T>;
+declare function useServerDataGrid<T extends Record<string, any>>({ url, params, encrypt, key }: UseServerDataGridOptions): UseServerDataGridReturn<T>;
 type SortDir = "asc" | "desc" | null;
 interface DataGridColumn<T> {
     key: keyof T | string;

package/dist/index.global.js

@@ -59632,13 +59632,19 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
 
   // src/components/tools/decryptPayload.ts
   var import_crypto_js = __toESM(require_crypto_js(), 1);
-  var import_meta = {};
   function getLaravelSecretKey() {
-    const viteKey = import_meta.env["VITE_LARAVEL_KEY"];
+    const viteKey = (() => {
+      try {
+        return new Function("return import.meta.env")();
+      } catch {
+        return void 0;
+      }
+    })()?.VITE_LARAVEL_KEY;
     const legacyKey = globalThis?.process?.env?.REACT_APP_LARAVEL_KEY;
-    const key = viteKey || legacyKey;
+    const windowKey = globalThis?.__LARAVEL_KEY__;
+    const key = viteKey || legacyKey || windowKey;
     if (!key) {
-      throw new Error("Missing Laravel decryption key. Set VITE_LARAVEL_KEY in your .env.");
+      throw new Error("Missing Laravel decryption key. Set VITE_LARAVEL_KEY in your .env or inject window.__LARAVEL_KEY__ via Blade.");
     }
     return key;
   }
@@ -59656,13 +59662,13 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
     }
     return JSON.parse(jsonStr);
   }
-  function decryptLaravelPayload(payload) {
-    const secretKey = getLaravelSecretKey();
+  function decryptLaravelPayload(payload, secretKey) {
+    const resolvedKey = secretKey ?? getLaravelSecretKey();
     const parsed = parseLaravelEncryptedPayload(payload);
     if (parsed.tag) {
       throw new Error("Unsupported Laravel cipher (AEAD tag present). Expected AES-*-CBC payload.");
     }
-    const key = parseLaravelKey(secretKey);
+    const key = parseLaravelKey(resolvedKey);
     const expectedMac = import_crypto_js.default.HmacSHA256(parsed.iv + parsed.value, key).toString();
     if (expectedMac !== parsed.mac) {
       throw new Error("Invalid payload MAC (wrong key or tampered payload).");
@@ -59679,7 +59685,6 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
     if (!plaintext) {
       throw new Error("Decryption produced empty plaintext (wrong key/cipher).");
     }
-    console.log("Decrypted payload:", plaintext);
     return JSON.parse(plaintext);
   }
 
@@ -68023,7 +68028,7 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
 
   // src/components/ui/data-grid.tsx
   var import_jsx_runtime28 = __toESM(require_jsx_runtime(), 1);
-  function useServerDataGrid({ url: url2, params, encrypt }) {
+  function useServerDataGrid({ url: url2, params, encrypt, key }) {
     const [data, setData] = React24.useState([]);
     const [columns, setColumns] = React24.useState([]);
     const [currentPage, setCurrentPage] = React24.useState(1);
@@ -68037,7 +68042,7 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
       setError(null);
       axios_default.get(url2, { params: { ...params, page: currentPage } }).then(({ data: res }) => {
         if (cancelled) return;
-        const payload = encrypt ? decryptLaravelPayload(res) : res;
+        const payload = encrypt ? decryptLaravelPayload(res, key) : res;
         setData(payload.data);
         const rawTotal = payload.total;
         const rawPerPage = payload.per_page;
@@ -68056,9 +68061,9 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
         setPagination(pg);
         if (payload.data.length > 0) {
           setColumns(
-            Object.keys(payload.data[0]).map((key) => ({
-              key,
-              header: key.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase())
+            Object.keys(payload.data[0]).map((key2) => ({
+              key: key2,
+              header: key2.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase())
             }))
           );
         }
@@ -73098,7 +73103,7 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
   var React46 = __toESM(require_react(), 1);
   var import_react_dom3 = __toESM(require_react_dom(), 1);
   var import_jsx_runtime55 = __toESM(require_jsx_runtime(), 1);
-  function useServerTable({ url: url2, params, encrypt }) {
+  function useServerTable({ url: url2, params, encrypt, key }) {
     const [data, setData] = React46.useState([]);
     const [columns, setColumns] = React46.useState([]);
     const [currentPage, setCurrentPage] = React46.useState(1);
@@ -73114,7 +73119,7 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
         params: { ...params, page: currentPage }
       }).then(({ data: res }) => {
         if (cancelled) return;
-        const payload = encrypt ? decryptLaravelPayload(res) : res;
+        const payload = encrypt ? decryptLaravelPayload(res, key) : res;
         setData(payload.data);
         const rawTotal = payload.total;
         const rawPerPage = payload.per_page;
@@ -73133,9 +73138,9 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
         setPagination(pg);
         if (payload.data.length > 0) {
           setColumns(
-            Object.keys(payload.data[0]).map((key) => ({
-              key,
-              title: key.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase())
+            Object.keys(payload.data[0]).map((key2) => ({
+              key: key2,
+              title: key2.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase())
             }))
           );
         }

package/dist/index.js

@@ -2001,11 +2001,18 @@ import { createPortal as createPortal2 } from "react-dom";
 // src/components/tools/decryptPayload.ts
 import CryptoJS from "crypto-js";
 function getLaravelSecretKey() {
-  const viteKey = import.meta.env["VITE_LARAVEL_KEY"];
+  const viteKey = (() => {
+    try {
+      return new Function("return import.meta.env")();
+    } catch {
+      return void 0;
+    }
+  })()?.VITE_LARAVEL_KEY;
   const legacyKey = globalThis?.process?.env?.REACT_APP_LARAVEL_KEY;
-  const key = viteKey || legacyKey;
+  const windowKey = globalThis?.__LARAVEL_KEY__;
+  const key = viteKey || legacyKey || windowKey;
   if (!key) {
-    throw new Error("Missing Laravel decryption key. Set VITE_LARAVEL_KEY in your .env.");
+    throw new Error("Missing Laravel decryption key. Set VITE_LARAVEL_KEY in your .env or inject window.__LARAVEL_KEY__ via Blade.");
   }
   return key;
 }
@@ -2023,13 +2030,13 @@ function parseLaravelEncryptedPayload(payload) {
   }
   return JSON.parse(jsonStr);
 }
-function decryptLaravelPayload(payload) {
-  const secretKey = getLaravelSecretKey();
+function decryptLaravelPayload(payload, secretKey) {
+  const resolvedKey = secretKey ?? getLaravelSecretKey();
   const parsed = parseLaravelEncryptedPayload(payload);
   if (parsed.tag) {
     throw new Error("Unsupported Laravel cipher (AEAD tag present). Expected AES-*-CBC payload.");
   }
-  const key = parseLaravelKey(secretKey);
+  const key = parseLaravelKey(resolvedKey);
   const expectedMac = CryptoJS.HmacSHA256(parsed.iv + parsed.value, key).toString();
   if (expectedMac !== parsed.mac) {
     throw new Error("Invalid payload MAC (wrong key or tampered payload).");
@@ -2046,7 +2053,6 @@ function decryptLaravelPayload(payload) {
   if (!plaintext) {
     throw new Error("Decryption produced empty plaintext (wrong key/cipher).");
   }
-  console.log("Decrypted payload:", plaintext);
   return JSON.parse(plaintext);
 }
 
@@ -4784,7 +4790,7 @@ Input.displayName = "Input";
 
 // src/components/ui/data-grid.tsx
 import { Fragment as Fragment9, jsx as jsx28, jsxs as jsxs27 } from "react/jsx-runtime";
-function useServerDataGrid({ url, params, encrypt }) {
+function useServerDataGrid({ url, params, encrypt, key }) {
   const [data, setData] = React24.useState([]);
   const [columns, setColumns] = React24.useState([]);
   const [currentPage, setCurrentPage] = React24.useState(1);
@@ -4798,7 +4804,7 @@ function useServerDataGrid({ url, params, encrypt }) {
     setError(null);
     axios.get(url, { params: { ...params, page: currentPage } }).then(({ data: res }) => {
       if (cancelled) return;
-      const payload = encrypt ? decryptLaravelPayload(res) : res;
+      const payload = encrypt ? decryptLaravelPayload(res, key) : res;
       setData(payload.data);
       const rawTotal = payload.total;
       const rawPerPage = payload.per_page;
@@ -4817,9 +4823,9 @@ function useServerDataGrid({ url, params, encrypt }) {
       setPagination(pg);
       if (payload.data.length > 0) {
         setColumns(
-          Object.keys(payload.data[0]).map((key) => ({
-            key,
-            header: key.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase())
+          Object.keys(payload.data[0]).map((key2) => ({
+            key: key2,
+            header: key2.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase())
           }))
         );
       }
@@ -9448,7 +9454,7 @@ import { createPortal as createPortal4 } from "react-dom";
 import axios2 from "axios";
 import { ChevronLeft as ChevronLeft6, ChevronRight as ChevronRight9, Search as Search5, Trash2 as Trash23, ChevronsUpDown as ChevronsUpDown2, ChevronUp as ChevronUp2, ChevronDown as ChevronDown7, X as X13, Eye as Eye2, Pencil as Pencil2, Trash as Trash3, Loader2 as Loader22 } from "lucide-react";
 import { Fragment as Fragment15, jsx as jsx55, jsxs as jsxs48 } from "react/jsx-runtime";
-function useServerTable({ url, params, encrypt }) {
+function useServerTable({ url, params, encrypt, key }) {
   const [data, setData] = React44.useState([]);
   const [columns, setColumns] = React44.useState([]);
   const [currentPage, setCurrentPage] = React44.useState(1);
@@ -9464,7 +9470,7 @@ function useServerTable({ url, params, encrypt }) {
       params: { ...params, page: currentPage }
     }).then(({ data: res }) => {
       if (cancelled) return;
-      const payload = encrypt ? decryptLaravelPayload(res) : res;
+      const payload = encrypt ? decryptLaravelPayload(res, key) : res;
       setData(payload.data);
       const rawTotal = payload.total;
       const rawPerPage = payload.per_page;
@@ -9483,9 +9489,9 @@ function useServerTable({ url, params, encrypt }) {
       setPagination(pg);
       if (payload.data.length > 0) {
         setColumns(
-          Object.keys(payload.data[0]).map((key) => ({
-            key,
-            title: key.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase())
+          Object.keys(payload.data[0]).map((key2) => ({
+            key: key2,
+            title: key2.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase())
           }))
         );
       }

package/package.json

@@ -4,7 +4,7 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "version": "3.1.2",
+  "version": "3.1.4",
   "description": "Reusable React UI components",
   "license": "MIT",
   "main": "dist/index.js",