robobyte-front-builder 1.0.5 → 1.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "robobyte-front-builder",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "RoboByte low-code UI builder, Report builder, and navigation extension system",
   "main": "src/lib/index.js",
   "files": [

package/src/lib/providers/RoboByteFrontBuilderProvider.jsx

@@ -54,6 +54,10 @@ import { AuthContext } from '../../context/AuthContext'
  * @param {object}    [user]          Current user from the host auth context
  * @param {string}    [accessToken]   Current Bearer token from the host auth context
  * @param {Object[]}  [navExtensions] Static nav items to inject into the sidebar
+ * @param {Object}    [endpoints]     Full-URL overrides for each endpoint group+name.
+ *                                    Shape: { [group]: { [name]: fullURL } }
+ *                                    e.g. { ReportBuilder: { GenericGet: 'https://api.example.com/api/ReportBuilder/GenericGet' } }
+ *                                    When provided, the package uses these URLs instead of its own defaults.
  * @param {ReactNode} children
  */
 const RoboByteFrontBuilderProvider = ({
@@ -63,13 +67,14 @@ const RoboByteFrontBuilderProvider = ({
   user = null,
   accessToken = null,
   navExtensions = [],
+  endpoints = null,
 }) => {
-  // Apply URL config synchronously before any child renders.
+  // Apply URL + endpoint config synchronously before any child renders.
   useMemo(() => {
-    if (baseURL || apiURL) {
-      configureRoboByte({ baseURL, apiURL })
+    if (baseURL || apiURL || endpoints) {
+      configureRoboByte({ baseURL, apiURL, ...(endpoints ? { endpoints } : {}) })
     }
-  }, [baseURL, apiURL])
+  }, [baseURL, apiURL, endpoints])
 
   // Auth context value — comes entirely from the host. No logic here.
   const authValue = useMemo(

package/src/services/DeleteService.js

@@ -1,6 +1,6 @@
 import Axios from 'axios'
 import { DataTypes } from './ContentTypes'
-import { getApiURL, getAccessToken } from './config'
+import { resolveURL, getAccessToken } from './config'
 import toast from 'react-hot-toast'
 
 export default async function DeleteService(endpoint, showToast, data, params) {
@@ -13,7 +13,7 @@ export default async function DeleteService(endpoint, showToast, data, params) {
   }
 
   if (!data) return
-  const url = getApiURL() + endpoint.URL
+  const url = resolveURL(endpoint)
 
   const axiosConfig = {
     method: 'delete',

package/src/services/Endpoints/FilterEndpoints.js

@@ -3,16 +3,19 @@ import { ContentTypes, DataTypes } from '../ContentTypes'
 export const FilterEndpoints = {
   Post: {
     GetMinDynamics: {
+      group: 'Filter', name: 'GetMinDynamics',
       URL: 'ReportingModule/Filter/GetMinDynamics',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Body
     },
     GetFilterObject: {
+      group: 'Filter', name: 'GetFilterObject',
       URL: 'ReportingModule/Filter/GetFilterObject',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Body
     },
     GetFormFields: {
+      group: 'Filter', name: 'GetFormFields',
       URL: 'ReportingModule/Filter/GetFormFields',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Params
@@ -22,6 +25,7 @@ export const FilterEndpoints = {
   Patch: {},
   Get: {
     GetEnumValues: {
+      group: 'Filter', name: 'GetEnumValues',
       URL: 'Filter/GetEnumValues',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Params

package/src/services/Endpoints/NavigatorEndpoints.js

@@ -3,6 +3,7 @@ import {ContentTypes, DataTypes} from '../ContentTypes'
 export const NavigatorEndpoints = {
   Post: {
     NavigatorSetting: {
+      group: 'Navigator', name: 'UpdateNavigator',
       URL: 'UiBuilderModule/NavigatorSetting/UpdateNavigator',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Params
@@ -12,6 +13,7 @@ export const NavigatorEndpoints = {
   Patch: {},
   Get: {
     NavigatorSetting: {
+      group: 'Navigator', name: 'GetNavigator',
       URL: 'UiBuilderModule/NavigatorSetting/GetNavigator',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Params

package/src/services/Endpoints/ReportBuilderEndpoints.js

@@ -3,36 +3,43 @@ import {ContentTypes, DataTypes} from '../ContentTypes'
 export const ReportBuilderEndpoints = {
   Post: {
     GetModels: {
+      group: 'ReportBuilder', name: 'GetModels',
       URL: 'ReportingModule/ReportBuilder/GetTypes',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Params
     },
     GetModelFields: {
+      group: 'ReportBuilder', name: 'GetModelFields',
       URL: 'ReportingModule/ReportBuilder/GetModelFields',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Params
     },
     GenericGet: {
+      group: 'ReportBuilder', name: 'GenericGet',
       URL: 'ReportingModule/ReportBuilder/GenericGet',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Body
     },
     GetRawColumns: {
+      group: 'ReportBuilder', name: 'GetRawColumns',
       URL: 'ReportingModule/ReportBuilder/GetRawColumns',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Body
     },
     GetAllReports: {
+      group: 'ReportBuilder', name: 'GetAllReports',
       URL: 'ReportingModule/ReportBuilder/GetAllReports',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Body
     },
     GetReportDetails: {
+      group: 'ReportBuilder', name: 'GetReportDetails',
       URL: 'ReportingModule/ReportBuilder/GetReportDetails',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Body
     },
     AddUpdate: {
+      group: 'ReportBuilder', name: 'AddUpdate',
       URL: 'ReportingModule/ReportBuilder/AddUpdate',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Body

package/src/services/Endpoints/UiBuilderEndpoints.js

@@ -3,11 +3,13 @@ import {ContentTypes, DataTypes} from '../ContentTypes'
 export const UiBuilderEndpoints = {
   Post: {
     AddUpdate: {
+      group: 'UiBuilder', name: 'AddUpdate',
       URL: 'UiBuilderModule/View',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Body
     },
     AddUpdateGroup: {
+      group: 'UiBuilder', name: 'AddUpdateGroup',
       URL: 'UiBuilderModule/ViewGroup',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Body
@@ -15,6 +17,7 @@ export const UiBuilderEndpoints = {
   },
   Put: {
     Update: {
+      group: 'UiBuilder', name: 'Update',
       URL: 'UiBuilderModule/View',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Body
@@ -23,11 +26,13 @@ export const UiBuilderEndpoints = {
   Patch: {},
   Get: {
     GetAllViews: {
+      group: 'UiBuilder', name: 'GetAllViews',
       URL: 'UiBuilderModule/View/GetAllViews',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Body
     },
     GetViewDetails: {
+      group: 'UiBuilder', name: 'GetViewDetails',
       URL: 'UiBuilderModule/View/GetViewDetails',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Params

package/src/services/Endpoints/UserTableTemplateEndpoints.js

@@ -2,19 +2,22 @@ import { ContentTypes, DataTypes } from '../ContentTypes'
 
 export const UserTableTemplateEndpoints = {
   Post: {
-    AddTemplate : {
+    AddTemplate: {
+      group: 'UserTemplate', name: 'AddTemplate',
       URL: 'ReportingModule/UserTemplate',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Body
     },
     GetAllPagedByFilter: {
+      group: 'UserTemplate', name: 'GetAllPagedByFilter',
       URL: 'ReportingModule/UserTemplate/GetUserTemplate',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Body
     },
   },
   Put: {
-    UpdateTemplate : {
+    UpdateTemplate: {
+      group: 'UserTemplate', name: 'UpdateTemplate',
       URL: 'ReportingModule/UserTemplate',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Body

package/src/services/Endpoints/ViewEndpoints.js

@@ -3,6 +3,7 @@ import { ContentTypes, DataTypes } from '../ContentTypes'
 export const ViewEndpoints = {
   Post: {
     Add: {
+      group: 'View', name: 'Add',
       URL: 'UiBuilderModule/View',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Body
@@ -10,6 +11,7 @@ export const ViewEndpoints = {
   },
   Put: {
     Update: {
+      group: 'View', name: 'Update',
       URL: 'UiBuilderModule/View',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Body
@@ -18,6 +20,7 @@ export const ViewEndpoints = {
   Patch: {},
   Get: {
     GetById: {
+      group: 'View', name: 'GetById',
       URL: 'UiBuilderModule/View/GetViewDetails',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Params
@@ -25,4 +28,3 @@ export const ViewEndpoints = {
   },
   Delete: {}
 }
-

package/src/services/Endpoints/WidgetEndpoints.js

@@ -3,6 +3,7 @@ import { ContentTypes, DataTypes } from '../ContentTypes'
 export const WidgetEndpoints = {
   Post: {
     Add: {
+      group: 'Widget', name: 'Add',
       URL: 'UiBuilderModule/Widget',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Body
@@ -10,6 +11,7 @@ export const WidgetEndpoints = {
   },
   Put: {
     Update: {
+      group: 'Widget', name: 'Update',
       URL: 'UiBuilderModule/Widget',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Body
@@ -18,6 +20,7 @@ export const WidgetEndpoints = {
   Patch: {},
   Get: {
     GetById: {
+      group: 'Widget', name: 'GetById',
       URL: 'UiBuilderModule/Widget/GetById',
       ContentType: ContentTypes.Json,
       DataType: DataTypes.Params
@@ -25,4 +28,3 @@ export const WidgetEndpoints = {
   },
   Delete: {}
 }
-

package/src/services/GetService.js

@@ -1,12 +1,12 @@
 import Axios from 'axios'
 import { DataTypes } from './ContentTypes'
-import { getApiURL, getAccessToken } from './config'
+import { resolveURL, getAccessToken } from './config'
 import toast from 'react-hot-toast'
 export default async function GetService(endpoint, showToast, data, params) {
   const accessToken = getAccessToken()
   let response = { status: 'Error', message: '' }
   let result = null
-  const url = getApiURL() + endpoint.URL
+  const url = resolveURL(endpoint)
 
   const axiosConfig = {
     method: 'post',

package/src/services/PatchService.js

@@ -1,6 +1,6 @@
 import Axios from 'axios'
 import { DataTypes } from './ContentTypes'
-import { getApiURL, getAccessToken } from './config'
+import { resolveURL, getAccessToken } from './config'
 import toast from 'react-hot-toast'
 
 export default async function PatchService(endpoint, showToast, data, params) {
@@ -19,7 +19,7 @@ export default async function PatchService(endpoint, showToast, data, params) {
           ...(endpoint.DataType == DataTypes.Body ? { ...data } : {})
         }
   if (!data) return
-  const url = getApiURL() + endpoint.URL
+  const url = resolveURL(endpoint)
 
   const axiosConfig = {
     method: 'patch',

package/src/services/PostService.js

@@ -1,6 +1,6 @@
 import Axios from 'axios'
 import { DataTypes } from './ContentTypes'
-import { getApiURL, getAccessToken } from './config'
+import { resolveURL, getAccessToken } from './config'
 import toast from 'react-hot-toast'
 
 export default async function PostService(endpoint, showToast, data, params) {
@@ -16,7 +16,7 @@ export default async function PostService(endpoint, showToast, data, params) {
   let currnetData = endpoint.DataType == DataTypes.Form || endpoint.DataType == DataTypes.Body ? data : {}
 
   if (!data) return
-  const url = getApiURL() + endpoint.URL
+  const url = resolveURL(endpoint)
 
   const axiosConfig = {
     method: 'post',

package/src/services/UpdateService.js

@@ -1,6 +1,6 @@
 import Axios from 'axios'
 import { DataTypes } from './ContentTypes'
-import { getApiURL, getAccessToken } from './config'
+import { resolveURL, getAccessToken } from './config'
 import toast from 'react-hot-toast'
 
 export default async function UpdateService(endpoint, showToast, data, params) {
@@ -18,7 +18,7 @@ export default async function UpdateService(endpoint, showToast, data, params) {
         ...(endpoint.DataType == DataTypes.Body ? { ...data } : {})
       }
   if (!data) return
-  const url = getApiURL() + endpoint.URL
+  const url = resolveURL(endpoint)
 
   const axiosConfig = {
     method: 'put',

package/src/services/config.js

@@ -31,6 +31,12 @@ const _config = {
   baseURL: 'http://140.82.34.191:3400/',
   apiURL: 'http://140.82.34.191:3400/api/',
 
+  // Host-supplied endpoint overrides.
+  // Shape: { [group: string]: { [name: string]: string } }
+  // e.g. { ReportBuilder: { GenericGet: 'https://api.example.com/api/ReportBuilder/GenericGet' } }
+  // Any entry here takes precedence over getApiURL() + endpoint.URL for that endpoint.
+  endpointOverrides: {},
+
   // Default token reader — reads the key Mazajk (and most host apps) use.
   // Override via configureRoboByte({ getAccessToken }) or via the provider prop.
   getAccessToken: () => {
@@ -56,12 +62,15 @@ const _config = {
  * All fields are optional — only the ones you pass will be updated.
  *
  * @param {Object}   [options]
- * @param {string}   [options.baseURL]        Root URL of the API server (trailing slash)
- * @param {string}   [options.apiURL]         /api prefix URL             (trailing slash)
- * @param {Function} [options.getAccessToken] () => string | null — returns the current Bearer token
- * @param {Function} [options.getUser]        () => object | null — returns the current user object
+ * @param {string}   [options.baseURL]          Root URL of the API server (trailing slash)
+ * @param {string}   [options.apiURL]           /api prefix URL             (trailing slash)
+ * @param {Function} [options.getAccessToken]   () => string | null — returns the current Bearer token
+ * @param {Function} [options.getUser]          () => object | null — returns the current user object
+ * @param {Object}   [options.endpoints]        Full-URL overrides per endpoint group+name.
+ *                                              Shape: { [group]: { [name]: fullURL } }
+ *                                              e.g. { ReportBuilder: { GenericGet: 'https://api.example.com/api/ReportBuilder/GenericGet' } }
  */
-export function configureRoboByte({ baseURL, apiURL, getAccessToken, getUser } = {}) {
+export function configureRoboByte({ baseURL, apiURL, getAccessToken, getUser, endpoints } = {}) {
   if (baseURL) {
     _config.baseURL = baseURL.endsWith('/') ? baseURL : baseURL + '/'
   }
@@ -74,6 +83,17 @@ export function configureRoboByte({ baseURL, apiURL, getAccessToken, getUser } =
   if (typeof getUser === 'function') {
     _config.getUser = getUser
   }
+  if (endpoints && typeof endpoints === 'object') {
+    // Deep-merge so partial overrides don't wipe other groups
+    for (const [group, methods] of Object.entries(endpoints)) {
+      if (methods && typeof methods === 'object') {
+        _config.endpointOverrides[group] = {
+          ...(_config.endpointOverrides[group] ?? {}),
+          ...methods,
+        }
+      }
+    }
+  }
 }
 
 /** Returns the current base URL (e.g. "https://api.example.com/") */
@@ -101,3 +121,23 @@ export function getAccessToken() {
 export function getUser() {
   return _config.getUser()
 }
+
+/**
+ * Resolves the full URL for an endpoint object.
+ *
+ * Resolution order:
+ *   1. Host-supplied override: _config.endpointOverrides[endpoint.group][endpoint.name]
+ *   2. Fallback: getApiURL() + endpoint.URL
+ *
+ * Endpoint objects should carry `group` and `name` fields (set in each Endpoints/*.js file).
+ * If those are absent the function gracefully falls back to the old behaviour.
+ *
+ * @param {{ group?: string, name?: string, URL: string }} endpoint
+ * @returns {string} Absolute URL ready to pass to Axios
+ */
+export function resolveURL(endpoint) {
+  const override = endpoint?.group && endpoint?.name
+    ? _config.endpointOverrides?.[endpoint.group]?.[endpoint.name]
+    : undefined
+  return override ?? (getApiURL() + endpoint.URL)
+}

package/src/views/builder/sidebar/tabs/Components/ComponentsTab.jsx

@@ -18,15 +18,20 @@ export default function ComponentsTab() {
         isDataOnly: true,
         isPagination: false
       })
-      if (response) setWidgets(response)
+      if (Array.isArray(response)) setWidgets(response)
     } catch (error) {
       console.error(error)
     }
   }
 
   const sections = useMemo(() => {
-    // 1) Group widgets
-    const grouped = Object.groupBy(widgets, x => x.widgetCategory?.name ?? 'Widgets')
+    // 1) Group widgets (manual groupBy — Object.groupBy requires Chrome 117+ / Node 21+)
+    const safeWidgets = Array.isArray(widgets) ? widgets : []
+    const grouped = safeWidgets.reduce((acc, x) => {
+      const key = x.widgetCategory?.name ?? 'Widgets'
+      ;(acc[key] ??= []).push(x)
+      return acc
+    }, {})
     // 2) Convert grouped → sections
     const newSections = Object.entries(grouped).map(([key, items]) => ({
       key,