robobyte-front-builder 1.0.0

package/src/pages/_app.js

@@ -0,0 +1,148 @@
+// ** Next Imports
+import Head from 'next/head'
+import {Router, useRouter} from 'next/router'
+
+// ** Loader Import
+import NProgress from 'nprogress'
+
+// ** Emotion Imports
+import { CacheProvider } from '@emotion/react'
+
+// ** Config Imports
+
+import { defaultACLObj } from 'src/configs/acl'
+import themeConfig from 'src/configs/themeConfig'
+
+import { Toaster } from 'react-hot-toast'
+import 'src/configs/i18n'
+
+import UserLayout from 'src/layouts/UserLayout'
+import AclGuard from 'src/@core/components/auth/AclGuard'
+import ThemeComponent from 'src/@core/theme/ThemeComponent'
+import AuthGuard from 'src/@core/components/auth/AuthGuard'
+import GuestGuard from 'src/@core/components/auth/GuestGuard'
+import WindowWrapper from 'src/@core/components/window-wrapper'
+
+import Spinner from 'src/@core/components/spinner'
+
+import { AuthProvider } from 'src/context/AuthContext'
+import {SettingsConsumer, SettingsContext, SettingsProvider} from 'src/@core/contexts/settingsContext'
+
+import ReactHotToast from 'src/@core/styles/libs/react-hot-toast'
+
+import { createEmotionCache } from 'src/@core/utils/create-emotion-cache'
+
+import 'prismjs'
+import 'prismjs/themes/prism-tomorrow.css'
+import 'prismjs/components/prism-jsx'
+import 'prismjs/components/prism-tsx'
+
+import 'react-perfect-scrollbar/dist/css/styles.css'
+
+import '../../styles/globals.css'
+import 'src/services/helper/yupCutomization'
+import { SystemProvider } from 'context/SystemContext'
+import {useContext, useEffect} from "react";
+import { NavigationExtensionProvider } from 'src/lib/navigation/NavigationExtensionContext'
+
+const clientSideEmotionCache = createEmotionCache()
+import { AllEnterpriseModule, LicenseManager} from "ag-grid-enterprise";
+
+LicenseManager.setLicenseKey("Using_this_{AG_Grid}_Enterprise_key_{AG-064521}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{RoboByte}_is_granted_a_{Multiple_Applications}_Developer_License_for_{1}_Front-End_JavaScript_developer___All_Front-End_JavaScript_developers_need_to_be_licensed_in_addition_to_the_ones_working_with_{AG_Grid}_Enterprise___This_key_has_not_been_granted_a_Deployment_License_Add-on___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{4_August_2025}____[v3]_[01]_MTc1NDI2MjAwMDAwMA==3b122b26308a216244f31e0932146fec");
+import {ModuleRegistry} from "ag-grid-community";
+
+ModuleRegistry.  registerModules([
+  AllEnterpriseModule,
+]);
+// ** Pace Loader
+if (themeConfig.routingLoader) {
+  Router.events.on('routeChangeStart', () => {
+    NProgress.start()
+  })
+  Router.events.on('routeChangeError', () => {
+    NProgress.done()
+  })
+  Router.events.on('routeChangeComplete', () => {
+    NProgress.done()
+  })
+}
+
+const Guard = ({ children, authGuard, guestGuard }) => {
+  if (guestGuard) {
+    return <GuestGuard fallback={<Spinner />}>{children}</GuestGuard>
+  } else if (!guestGuard && !authGuard) {
+    return <>{children}</>
+  } else {
+    return <AuthGuard fallback={<Spinner />}>{children}</AuthGuard>
+  }
+
+
+}
+
+// ** Configure JSS & ClassName
+const App = props => {
+  const { Component, emotionCache = clientSideEmotionCache, pageProps } = props
+  const router = useRouter();
+  // Variables
+  const getLayout = Component.getLayout ?? (page => <UserLayout>{page}</UserLayout>)
+  const setConfig = Component.setConfig ?? undefined
+  const authGuard = Component.authGuard ?? true
+  const guestGuard = Component.guestGuard ?? false
+  const context = useContext(SettingsContext)
+
+  const settings = context?.settings
+  const saveSettings = context?.saveSettings
+  const aclAbilities = Component.acl ?? defaultACLObj
+
+  useEffect(()=>{
+    if (router.pathname === '/mainHome' || router.pathname === '/finance' || router.pathname === '/realStateManagement' || router.pathname == '/authModule' || router.pathname == '/reports') {
+        document.body.classList.add('home-page-body');
+        saveSettings({...settings,navHidden:true})
+    } else {
+      document.body.classList.remove('home-page-body');
+      saveSettings({...settings,navHidden:false})
+    }
+  }, [router.pathname])
+
+  return (
+    <CacheProvider value={emotionCache}>
+      <Head>
+        <title>{`${themeConfig.templateName} - By RoboByte`}</title>
+        {/* <meta
+          name='description'
+          content={`${themeConfig.templateName} – Material Design React Admin Dashboard Template – is the most developer friendly & highly customizable Admin Dashboard Template based on MUI v5.`}
+        /> */}
+        {/* <meta name='keywords' content='Material Design, MUI, Admin Template, React Admin Template' /> */}
+        <meta name='viewport' content='initial-scale=1, width=device-width' />
+      </Head>
+      <AuthProvider>
+        <NavigationExtensionProvider>
+        <SystemProvider>
+          <SettingsProvider {...(setConfig ? { pageSettings: setConfig() } : {})}>
+            <SettingsConsumer>
+              {({ settings }) => {
+                return (
+                  <ThemeComponent settings={settings}>
+                    <WindowWrapper>
+                      <Guard authGuard={authGuard} guestGuard={guestGuard}>
+                      <AclGuard aclAbilities={aclAbilities} guestGuard={guestGuard}>
+                          {getLayout(<Component {...pageProps} />)}
+                        </AclGuard>
+                      </Guard>
+                    </WindowWrapper>
+                    <ReactHotToast>
+                      <Toaster position={settings.toastPosition} toastOptions={{ className: 'react-hot-toast' }} />
+                    </ReactHotToast>
+                  </ThemeComponent>
+                )
+              }}
+            </SettingsConsumer>
+          </SettingsProvider>
+        </SystemProvider>
+        </NavigationExtensionProvider>
+      </AuthProvider>
+    </CacheProvider>
+  )
+}
+
+export default App

package/src/pages/_document.js

@@ -0,0 +1,72 @@
+// ** React Import
+import { Children } from 'react'
+
+// ** Next Import
+import Document, { Html, Head, Main, NextScript } from 'next/document'
+
+// ** Emotion Imports
+import createEmotionServer from '@emotion/server/create-instance'
+
+// ** Utils Imports
+import { createEmotionCache } from 'src/@core/utils/create-emotion-cache'
+
+class CustomDocument extends Document {
+  render() {
+    return (
+      <Html lang='en'>
+        <Head>
+          <link rel='preconnect' href='https://fonts.googleapis.com' />
+          <link rel='preconnect' href='https://fonts.gstatic.com' />
+          <link
+            rel='stylesheet'
+            href='https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'
+          />
+           <link
+            rel='stylesheet'
+            href='https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&display=swap'
+          />
+          <link rel='apple-touch-icon' sizes='180x180' href='/images/apple-touch-icon.png' />
+          <link rel='shortcut icon' href='/images/favicon.png' />
+        </Head>
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    )
+  }
+}
+CustomDocument.getInitialProps = async ctx => {
+  const originalRenderPage = ctx.renderPage
+  const cache = createEmotionCache()
+  const { extractCriticalToChunks } = createEmotionServer(cache)
+  ctx.renderPage = () =>
+    originalRenderPage({
+      enhanceApp: App => props =>
+        (
+          <App
+            {...props} // @ts-ignore
+            emotionCache={cache}
+          />
+        )
+    })
+  const initialProps = await Document.getInitialProps(ctx)
+  const emotionStyles = extractCriticalToChunks(initialProps.html)
+
+  const emotionStyleTags = emotionStyles.styles.map(style => {
+    return (
+      <style
+        key={style.key}
+        dangerouslySetInnerHTML={{ __html: style.css }}
+        data-emotion={`${style.key} ${style.ids.join(' ')}`}
+      />
+    )
+  })
+
+  return {
+    ...initialProps,
+    styles: [...Children.toArray(initialProps.styles), ...emotionStyleTags]
+  }
+}
+
+export default CustomDocument

package/src/pages/api/navigation/regenerate-registry.js

@@ -0,0 +1,116 @@
+import fs from 'fs'
+import path from 'path'
+
+/**
+ * API endpoint to regenerate viewRegistry.js from Navigation.json
+ * This can be called independently to update the registry without saving navigation
+ */
+export default async function handler(req, res) {
+  if (req.method !== 'POST' && req.method !== 'GET') {
+    return res.status(405).json({ error: 'Method not allowed' })
+  }
+
+  try {
+    // Read Navigation.json
+    const navFilePath = path.join(
+      process.cwd(),
+      'public',
+      'navigationTest',
+      'navigation.json'
+    )
+
+    if (!fs.existsSync(navFilePath)) {
+      return res.status(404).json({
+        error: 'Navigation.json not found',
+        path: navFilePath
+      })
+    }
+
+    const navContent = fs.readFileSync(navFilePath, 'utf8')
+    const navigationData = JSON.parse(navContent)
+
+    // Build viewRegistry from navigation items
+    const buildViewRegistry = (items) => {
+      const registry = {}
+
+      const traverse = (items) => {
+        if (!items || !Array.isArray(items)) return
+
+        items.forEach(item => {
+          // If item has viewId and type is dynamic, add to registry
+          if (item.viewId !== null && item.viewId !== undefined && item.type === 'dynamic') {
+            // Generate slug from title
+            const slug = item.title
+              ? item.title
+                  .toLowerCase()
+                  .replace(/[^a-z0-9]+/g, '-')
+                  .replace(/^-+|-+$/g, '')
+              : `view-${item.viewId}`
+
+            const registryEntry = {
+              id: item.viewId,
+              name: item.title || `View ${item.viewId}`,
+              slug: slug
+            }
+
+            // If it has a custom path (different from default /viewer/{viewId}), include it
+            if (item.path && item.path !== `/viewer/${item.viewId}`) {
+              registryEntry.path = item.path
+            }
+
+            // Only add if not already exists (to avoid overwriting with duplicates)
+            if (!registry[item.viewId]) {
+              registry[item.viewId] = registryEntry
+            }
+          }
+
+          // Recursively process children
+          if (item.children && Array.isArray(item.children) && item.children.length > 0) {
+            traverse(item.children)
+          }
+        })
+      }
+
+      traverse(items)
+      return registry
+    }
+
+    const generatedRegistry = buildViewRegistry(navigationData)
+
+    // Save viewRegistry.js
+    const registryDirPath = path.join(process.cwd(), 'src', 'configs')
+    const registryFilePath = path.join(registryDirPath, 'viewRegistry.js')
+
+    // Ensure directory exists
+    if (!fs.existsSync(registryDirPath)) {
+      fs.mkdirSync(registryDirPath, { recursive: true })
+    }
+
+    // Convert to JavaScript format with proper key formatting (numeric keys without quotes)
+    const registryContent = `// viewRegistry.js
+    // Auto-generated from Navigation.json
+    // DO NOT EDIT MANUALLY - This file is regenerated automatically
+    const viewRegistry = ${JSON.stringify(generatedRegistry, null, 2).replace(/"(\d+)":/g, '$1:')}
+
+    export default viewRegistry
+    `
+
+    fs.writeFileSync(registryFilePath, registryContent, 'utf8')
+
+    return res.status(200).json({
+      success: true,
+      message: `ViewRegistry regenerated successfully`,
+      registryPath: registryFilePath,
+      entriesCount: Object.keys(generatedRegistry).length,
+      entries: generatedRegistry
+    })
+  } catch (error) {
+    console.error('Error regenerating viewRegistry:', error)
+    return res.status(500).json({
+      error: 'Failed to regenerate viewRegistry',
+      details: error.message
+    })
+  }
+}
+
+

package/src/pages/api/navigation/save.js

@@ -0,0 +1,218 @@
+import fs from 'fs'
+import path from 'path'
+
+export default async function handler(req, res) {
+  if (req.method !== 'POST') {
+    return res.status(405).json({ error: 'Method not allowed' })
+  }
+
+  try {
+    const { navigationType = 'horizontal', items } = req.body
+
+    if (!items || !Array.isArray(items)) {
+      return res.status(400).json({ error: 'Items array is required' })
+    }
+
+    // Helper to get unique icon names from items
+    const getIconNames = (items) => {
+      const iconSet = new Set()
+      const traverse = (items) => {
+        items.forEach(item => {
+          if (item.icon) {
+            iconSet.add(item.icon)
+          }
+          if (item.children && Array.isArray(item.children)) {
+            traverse(item.children)
+          }
+        })
+      }
+      traverse(items)
+      return Array.from(iconSet).sort()
+    }
+
+    // Get all unique icon names
+    const iconNames = getIconNames(items)
+    const iconImports = iconNames.length > 0 
+      ? iconNames.map(name => `  ${name},`).join('\n')
+      : '  HomeOutline,\n  Account,'
+
+    // Convert navigation items to the format expected by the navigation file
+    const convertToNavFormat = (items) => {
+      return items.map(item => {
+        const navItem = {
+          title: item.title
+        }
+
+        // Handle icon - keep as string
+        if (item.icon) {
+          navItem.icon = item.icon
+        }
+
+        // Handle type
+        if (item.type) {
+          navItem.type = item.type
+        }
+
+        // Handle path based on type
+        if (item.type === 'dynamic') {
+          // Dynamic: include both path and viewId
+          if (item.path) {
+            navItem.path = item.path
+          }
+          if (item.viewId !== null && item.viewId !== undefined) {
+            navItem.viewId = item.viewId
+          }
+        } else if (item.type === 'static' && item.path) {
+          navItem.path = item.path
+        } else if (item.type === 'external' && item.externalUrl) {
+          navItem.externalUrl = item.externalUrl
+          navItem.openInNewTab = item.openInNewTab || true
+        } else if (item.path) {
+          // Fallback for items without explicit type
+          navItem.path = item.path
+        }
+
+        // Add children if they exist
+        if (item.children && Array.isArray(item.children) && item.children.length > 0) {
+          navItem.children = convertToNavFormat(item.children)
+        }
+
+        return navItem
+      })
+    }
+
+    const navItems = convertToNavFormat(items)
+
+    // Convert JSON to JavaScript format with proper icon references
+    const formatNavItems = (items, indent = 2) => {
+      const spaces = ' '.repeat(indent)
+      return items.map(item => {
+        let result = `${spaces}{\n`
+        result += `${spaces}  title: ${JSON.stringify(item.title)},\n`
+        
+        if (item.icon) {
+          result += `${spaces}  icon: ${item.icon},\n`
+        }
+        
+        if (item.path) {
+          result += `${spaces}  path: ${JSON.stringify(item.path)},\n`
+        }
+        
+        if (item.externalUrl) {
+          result += `${spaces}  externalUrl: ${JSON.stringify(item.externalUrl)},\n`
+          if (item.openInNewTab) {
+            result += `${spaces}  openInNewTab: true,\n`
+          }
+        }
+        
+        if (item.children && Array.isArray(item.children) && item.children.length > 0) {
+          result += `${spaces}  children: [\n`
+          result += formatNavItems(item.children, indent + 2)
+          result += `${spaces}  ]\n`
+        }
+        
+        result += `${spaces}}`
+        return result
+      }).join(',\n')
+    }
+
+    // Generate the navigation file content as JSON
+    const fileContent = JSON.stringify(navItems, null, 2)
+
+    // Determine the file path - save to public/navigationTest
+    const dirPath = path.join(
+      process.cwd(),
+      'public',
+      'navigationTest'
+    )
+    const filePath = path.join(dirPath, 'navigation.json')
+
+    // Ensure directory exists
+    if (!fs.existsSync(dirPath)) {
+      fs.mkdirSync(dirPath, { recursive: true })
+    }
+
+    // Write the navigation file
+    fs.writeFileSync(filePath, fileContent, 'utf8')
+
+    // Build viewRegistry from navigation items (extract ALL dynamic items with viewIds)
+    const buildViewRegistry = (items) => {
+      const registry = {}
+      
+      const traverse = (items) => {
+        if (!items || !Array.isArray(items)) return
+        
+        items.forEach(item => {
+          // If item has viewId and type is dynamic, add to registry (both items and groups)
+          if (item.viewId !== null && item.viewId !== undefined && item.type === 'dynamic') {
+            // Generate slug from title
+            const slug = item.title
+              ? item.title
+                  .toLowerCase()
+                  .replace(/[^a-z0-9]+/g, '-')
+                  .replace(/^-+|-+$/g, '')
+              : `view-${item.viewId}`
+            
+            const registryEntry = {
+              id: item.viewId,
+              name: item.title || `View ${item.viewId}`,
+              slug: slug
+            }
+            
+            // If it has a custom path (different from default /viewer/{viewId}), include it
+            if (item.path && item.path !== `/viewer/${item.viewId}`) {
+              registryEntry.path = item.path
+            }
+            
+            // Only add if not already exists (to avoid overwriting with duplicates)
+            if (!registry[item.viewId]) {
+              registry[item.viewId] = registryEntry
+            }
+          }
+          
+          // Recursively process children
+          if (item.children && Array.isArray(item.children) && item.children.length > 0) {
+            traverse(item.children)
+          }
+        })
+      }
+      
+      traverse(items)
+      return registry
+    }
+
+    const generatedRegistry = buildViewRegistry(items)
+
+    // Save viewRegistry if we have any entries
+    if (Object.keys(generatedRegistry).length > 0) {
+      const registryDirPath = path.join(process.cwd(), 'src', 'configs')
+      const registryFilePath = path.join(registryDirPath, 'viewRegistry.js')
+      
+      // Ensure directory exists
+      if (!fs.existsSync(registryDirPath)) {
+        fs.mkdirSync(registryDirPath, { recursive: true })
+      }
+
+      // Convert to JavaScript format with proper key formatting (numeric keys without quotes)
+      const registryContent = `// viewRegistry.js
+const viewRegistry = ${JSON.stringify(generatedRegistry, null, 2).replace(/"(\d+)":/g, '$1:')}
+
+export default viewRegistry
+`
+      fs.writeFileSync(registryFilePath, registryContent, 'utf8')
+    }
+
+    return res.status(200).json({ 
+      success: true, 
+      message: `Navigation saved to ${filePath}`,
+      path: filePath
+    })
+  } catch (error) {
+    console.error('Error saving navigation:', error)
+    return res.status(500).json({ 
+      error: 'Failed to save navigation',
+      details: error.message 
+    })
+  }
+}
+

package/src/pages/authModule/acl/index.js

@@ -0,0 +1,48 @@
+// ** React Imports
+import { useContext } from 'react'
+
+// ** Context Imports
+import { AbilityContext } from 'src/layouts/components/acl/Can'
+
+// ** MUI Imports
+import { Grid } from '@mui/material';
+import Card from '@mui/material/Card'
+import CardHeader from '@mui/material/CardHeader'
+import Typography from '@mui/material/Typography'
+import CardContent from '@mui/material/CardContent'
+
+const ACLPage = () => {
+  // ** Hooks
+  const ability = useContext(AbilityContext)
+
+  return (
+    <Grid container spacing={6}>
+      <Grid item md={6} size={12}>
+        <Card>
+          <CardHeader title='Common' />
+          <CardContent>
+            <Typography sx={{ mb: 4 }}>No ability is required to view this card</Typography>
+            <Typography sx={{ color: 'primary.main' }}>This card is visible to 'user' and 'admin' both</Typography>
+          </CardContent>
+        </Card>
+      </Grid>
+      {ability?.can('read', 'analytics') ? (
+        <Grid item md={6} size={12}>
+          <Card>
+            <CardHeader title='Analytics' />
+            <CardContent>
+              <Typography sx={{ mb: 4 }}>User with 'Analytics' subject's 'Read' ability can view this card</Typography>
+              <Typography sx={{ color: 'error.main' }}>This card is visible to 'admin' only</Typography>
+            </CardContent>
+          </Card>
+        </Grid>
+      ) : null}
+    </Grid>
+  )
+}
+ACLPage.acl = {
+  action: 'read',
+  subject: 'acl-page'
+}
+
+export default ACLPage