ApiLogicServer 15.0.9__py3-none-any.whl → 15.0.12__py3-none-any.whl

api_logic_server_cli/prototypes/manager/system/genai/examples/genai_demo/wg_dev_merge/wg_demo_no_logic_fixed/ui/spa/src/components/genned/Main.tsx

@@ -1,258 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import {
-  Typography,
-  Dialog,
-  DialogTitle,
-  DialogContent,
-  Table,
-  TableBody,
-  TableCell,
-  TableContainer,
-  TableRow,
-  Paper,
-  TableHead,
-  Accordion,
-  AccordionSummary,
-  AccordionDetails,
-  List,
-  ListItem,
-  ListItemText,
-  Divider
-} from '@mui/material';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import { useDataProvider } from 'react-admin';
-import { getConf } from '../../Config';
-import { styled } from '@mui/system';
-
-const StyledTableCell = styled(TableCell)({
-  fontWeight: 'bold',
-  color: '#333',
-  backgroundColor: '#e0f7fa',
-});
-
-const RelatedDataInstance = ({ relatedData }) => {
-  const conf = getConf();
-  const resource = conf.resources && conf.resources[relatedData.type];
-  if (!resource) return null;
-  return (
-    <List>
-      {resource.attributes
-        .filter((attr) => relatedData[attr.name] != null && attr.name !== 'id')
-        .map((attr) => (
-          <ListItem
-            key={attr.name}
-            style={{ padding: '2px 0', display: 'flex', justifyContent: 'space-between' }}
-          >
-            <ListItemText
-              primary={<span><strong>{attr.label || attr.name}</strong></span>}
-              style={{ width: '50%' }}
-            />
-            <ListItemText primary={<span>{relatedData[attr.name]}</span>} style={{ width: '50%' }} />
-          </ListItem>
-        ))}
-    </List>
-  );
-};
-
-const ResourceDialog = ({ open, onClose, resourceData }) => {
-  const conf = getConf();
-  const resourceConf = conf.resources && conf.resources[resourceData.type];
-  if (!resourceConf) return null;
-
-  const { attributes, tab_groups: tabGroups } = resourceConf;
-
-  const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
-
-  const attributeItems = attributes
-    .filter((attr) =>
-      resourceData[attr.name] != null &&
-      !['id', 'airplane_id', 'arrival_airport_id', 'departure_airport_id'].includes(attr.name)
-    )
-    .map((attr) => (
-      <ListItem
-        key={attr.name}
-        style={{ padding: '2px 0', display: 'flex', justifyContent: 'space-between' }}
-      >
-        <ListItemText
-          primary={<span><strong>{capitalize(attr.label || attr.name)}</strong></span>}
-          style={{ width: '50%' }}
-        />
-        <ListItemText primary={<span>{resourceData[attr.name]}</span>} style={{ width: '50%' }} />
-      </ListItem>
-    ));
-
-  const relatedTables = (tabGroups || []).map(({ name }) => {
-    const relatedData = resourceData[name];
-    if (!relatedData) return null;
-
-    if (Array.isArray(relatedData)) {
-      return (
-        <Accordion key={name}>
-          <AccordionSummary
-            expandIcon={<ExpandMoreIcon />}
-            aria-controls={`panel-${name}-content`}
-            id={`panel-${name}-header`}
-          >
-            <Typography style={{ color: '#00796b' }}>{capitalize(name)}</Typography>
-          </AccordionSummary>
-          <AccordionDetails>
-            <TableContainer component={Paper}>
-              <Table size="small">
-                <TableHead>
-                  <TableRow>
-                    {relatedData.length > 0 &&
-                      Object.keys(relatedData[0])
-                        .filter(key => !['id', 'ja_type', 'attributes', 'relationships', 'meta'].includes(key))
-                        .map((key) => (
-                          <StyledTableCell key={key}>{capitalize(key)}</StyledTableCell>
-                        ))}
-                  </TableRow>
-                </TableHead>
-                <TableBody>
-                  {relatedData.map((item) => (
-                    <TableRow key={item.id} style={{ cursor: 'pointer' }} onClick={() => openDialog(item)}>
-                      {Object.keys(item)
-                        .filter(key => !['id', 'ja_type', 'attributes', 'relationships', 'meta'].includes(key))
-                        .map((key) => (
-                          <TableCell key={key}>{item[key] || 'N/A'}</TableCell>
-                        ))}
-                    </TableRow>
-                  ))}
-                </TableBody>
-              </Table>
-            </TableContainer>
-          </AccordionDetails>
-        </Accordion>
-      );
-    } else {
-      return (
-        <Accordion key={name}>
-          <AccordionSummary
-            expandIcon={<ExpandMoreIcon />}
-            aria-controls={`panel-${name}-content`}
-            id={`panel-${name}-header`}
-          >
-            <Typography style={{ color: '#00796b' }}>{capitalize(name)}</Typography>
-          </AccordionSummary>
-          <AccordionDetails>
-            <RelatedDataInstance relatedData={relatedData} />
-          </AccordionDetails>
-        </Accordion>
-      );
-    }
-  });
-
-  return (
-    <Dialog open={open} onClose={onClose} fullWidth>
-      <DialogTitle style={{ backgroundColor: '#00796b', color: '#fff' }}>
-        {resourceData.name || 'Resource Details'} Details
-      </DialogTitle>
-      <DialogContent>
-        <List>
-          {attributeItems}
-        </List>
-        <Divider style={{ margin: '10px 0' }} />
-        {relatedTables}
-      </DialogContent>
-    </Dialog>
-  );
-};
-
-const FlightTable = ({ flightData, openDialog }) => {
-  const conf = getConf();
-  const flightConf = conf.resources['Flight'];
-
-  const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
-
-  return (
-    <TableContainer component={Paper} style={{ backgroundColor: '#e0f2f1' }}>
-      <Table aria-label="flight table">
-        <TableHead>
-          <TableRow>
-            {flightConf.attributes.filter((attr) => attr.name !== 'id').map((attr) => (
-              <StyledTableCell key={attr.name}>
-                {capitalize(attr.name === 'departure_airport_id'
-                  ? 'Departure Airport'
-                  : attr.name === 'arrival_airport_id'
-                  ? 'Arrival Airport'
-                  : attr.name === 'airplane_id'
-                  ? 'Airplane Model'
-                  : attr.label || attr.name)}
-              </StyledTableCell>
-            ))}
-          </TableRow>
-        </TableHead>
-        <TableBody>
-          {flightData.map((data) => (
-            <TableRow
-              key={data.id}
-              hover
-              onClick={() => openDialog(data)}
-              style={{ cursor: 'pointer' }}
-            >
-              {flightConf.attributes.filter((attr) => attr.name !== 'id').map((attr) => (
-                <TableCell key={attr.name}>
-                  {attr.name === 'departure_airport_id'
-                    ? data.departure_airport?.name || 'N/A'
-                    : attr.name === 'arrival_airport_id'
-                    ? data.arrival_airport?.name || 'N/A'
-                    : attr.name === 'airplane_id'
-                    ? data.airplane?.model || 'N/A'
-                    : data[attr.name] || 'N/A'}
-                </TableCell>
-              ))}
-            </TableRow>
-          ))}
-        </TableBody>
-      </Table>
-    </TableContainer>
-  );
-};
-
-const LandingPage = () => {
-  const dataProvider = useDataProvider();
-  const [resources, setResources] = useState([]);
-  const [dialogData, setDialogData] = useState(null);
-
-  useEffect(() => {
-    const fetchResources = async () => {
-      const conf = getConf();
-      const resourceNames = Object.keys(conf.resources).filter((name) => !name.startsWith('SPA'));
-      const fetchData = resourceNames.map((name) =>
-        dataProvider.getList(name, {
-          pagination: { page: 1, perPage: 5 },
-          meta: { include: ['+all'] },
-        })
-      );
-      const results = await Promise.all(fetchData);
-      const resourceMap = resourceNames.reduce((acc, name, index) => {
-        acc[name] = results[index].data;
-        return acc;
-      }, {});
-      setResources(resourceMap);
-    };
-    fetchResources();
-  }, [dataProvider]);
-
-  const openDialog = (data) => {
-    setDialogData(data);
-  };
-
-  const closeDialog = () => {
-    setDialogData(null);
-  };
-
-  return (
-    <div style={{ padding: '16px' }}>
-      <Typography variant="h4" gutterBottom style={{ color: '#00796b' }}>
-        Flight Overview
-      </Typography>
-      {resources['Flight'] && <FlightTable flightData={resources['Flight']} openDialog={openDialog} />}
-      {dialogData && (
-        <ResourceDialog open={!!dialogData} onClose={closeDialog} resourceData={dialogData} />
-      )}
-    </div>
-  );
-};
-
-export default LandingPage;

api_logic_server_cli/prototypes/manager/system/genai/examples/genai_demo/wg_dev_merge/wg_demo_no_logic_fixed/ui/spa/src/components/sections/AIQueryHandler.tsx

@@ -1,32 +0,0 @@
-import { DataProvider } from 'react-admin'
-import { getAppId } from '../../Config';
-
-const handleAIQuery = async (dataProvider: DataProvider, prompt: string) => {
-    
-    const data = {current : { data: {
-        prompt: prompt, 
-        name: 'new prompt',
-        project_id: getAppId(),
-    }}}
-    console.log('SPAComponentData:', data);
-    try {
-        const result = await dataProvider.create('SPAComponent', {
-            data: data
-        })
-        .then((response) => {
-            console.log(`Component created with ID: ${response}`);
-            document.location.reload();
-            return response;
-        })
-        .catch((error) => {
-            console.error('DataProvider error', error);
-            alert('DataProvider error');
-        })
-        
-    } catch (error) {
-        console.error(`Error: ${error}`);
-        alert(`Error: `);
-    }
-}
-
-export default handleAIQuery;

api_logic_server_cli/prototypes/manager/system/genai/examples/genai_demo/wg_dev_merge/wg_demo_no_logic_fixed/ui/spa/src/components/sections/ComponentList.tsx

@@ -1,120 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Button, List, ListItem, ListItemText, Typography, Box, Grid, CircularProgress } from '@mui/material';
-import { useDataProvider } from 'react-admin';
-import { useAppContext } from '../../AppProvider';
-import { useRefresh } from 'react-admin';
-import Notify from '../../util/Notify';
-
-const ComponentList = ({type}: {type: string}) => {
-    /*
-    type can be either "prompt" or "template"
-    */
-    const dataProvider = useDataProvider();
-    const [items, setItems] = useState<any[]>([]);
-    const [loading, setLoading] = useState(false);
-    const { appVersion, setAppVersion } = useAppContext() || {};
-    const [ log, setLog ] = useState('');
-    const [ showLog, setShowLog ] = useState(false);
-    const refresh = useRefresh();
-
-    const fetchData = () => {
-        setLoading(true);
-        dataProvider.getList("SPAComponent", {
-            pagination: { page: 1, perPage: 100 },
-            filter: { 'Type': type }
-        })
-        .then(response => {
-            setItems(response?.data || []);
-            setLoading(false);
-        })
-        .catch(error => {
-            console.error("Error fetching page:", error);
-            setLoading(false);
-        });
-    };
-
-    useEffect(() => {
-        fetchData();
-    }, []);
-
-    const doShowLog = (message) => {
-        setLog(message);
-        setShowLog(true);
-        setTimeout(() => {
-            setShowLog(false);
-        }, 1000);
-    }
-
-    const handleApplyClick = (item) => {
-        console.log('Applying update:', item);
-        dataProvider.execute('SPAComponent', 'apply', { id: item.id })
-        .then(() => {
-            setAppVersion && setAppVersion((appVersion || 0) +1);
-            console.log('Update applied:', appVersion, item);
-            refresh();
-            doShowLog('Update applied');
-        })
-        .catch(error => {
-            console.error('Error applying update:', error);
-            alert('Error applying update');
-        });
-    };
-
-    const formatDate = (dateString) => {
-        const date = new Date(dateString);
-        const hours = date.getHours().toString().padStart(2, '0');
-        const minutes = date.getMinutes().toString().padStart(2, '0');
-        return `${date.getMonth() + 1}/${date.getDate()} ${hours}:${minutes}`;
-    };
-
-    if(loading) {
-        return <CircularProgress />;
-    }
-
-    if(!items?.length) {
-        return <Typography>No {type}s found</Typography>;
-    }
-
-    return (
-        <div>
-            { showLog && <Notify open={showLog} message={log} />}
-            
-            <List>
-                {items.map(item => (
-                    <ListItem key={item.id} sx={{ borderBottom: '1px solid #ddd' }}>
-                        <Grid container spacing={2} alignItems="center">
-                            <Grid item xs>
-                                <ListItemText
-                                    secondary={
-                                        <>
-                                            <Typography variant="body2">
-                                                {type === "prompt" ? item.prompt : item.name}
-                                            </Typography>
-                                            <Typography variant="caption" color="textSecondary" sx={{ color: "#ccc" }}>
-                                                {formatDate(item.created_at)}
-                                            </Typography>
-                                        </>
-                                    }
-                                />
-                            </Grid>
-                            <Grid item>
-                                <Button
-                                    disabled={item.code ? false : true}
-                                    variant="outlined"
-                                    onClick={() => handleApplyClick(item)}
-                                    sx={{ width: '6em' }} // Set a fixed width for the button
-                                >
-                                    Apply
-                                </Button>
-                                
-                            </Grid>
-                        </Grid>
-                    </ListItem>
-                ))}
-            </List>
-           
-        </div>
-    );
-}
-
-export default ComponentList;

api_logic_server_cli/prototypes/manager/system/genai/examples/genai_demo/wg_dev_merge/wg_demo_no_logic_fixed/ui/spa/src/components/sections/HeroSection.tsx

@@ -1,122 +0,0 @@
-import React, { useEffect, useState, Suspense } from 'react';
-import { Box, Typography, Button, useMediaQuery, useTheme } from '@mui/material';
-import ReactMarkdown from 'react-markdown';
-import ErrorBoundary from '../ErrorBoundary';
-import { SectionBox } from './Section';
-import { useTour } from '@reactour/tour'
-import { TourProvider } from '@reactour/tour'
-import {steps} from './steps.tsx'
-
-
-const HeroSection = ({ section }) => {
-    const theme = useTheme();
-    const isMobile = useMediaQuery(theme.breakpoints.down('sm'));
-    const [HighLight, setHighLight] = useState<any>(null);
-    const { setIsOpen, isOpen } = useTour()
-
-    useEffect(() => {
-        
-        if(! localStorage.getItem('doneTour')){
-            setIsOpen(true)
-        }
-        localStorage.setItem('doneTour', 'true');
-        
-        const loadComponent = async () => {
-            // Dynamic import of the HighLight component because it's AI-generated and untested
-            try {
-                const { default: Component } = await import('./HighLight');
-                setHighLight(<ErrorBoundary><Component /></ErrorBoundary>);
-            } catch (error) {
-                console.error('Failed to load the dynamic component:', error);
-                setHighLight(<div>Failed to load the highlight component.</div>);
-            }
-        };
-        loadComponent();
-    }, []);
-
-    useEffect(() => {
-        if (!isOpen) {
-            window.scrollTo(0, 0);
-        }
-    }, [isOpen]);
-
-    const handleClick = () => {
-        sessionStorage.removeItem('raSpa');
-        window.location.href = window.location.href.split('#')[0];
-    };
-
-    console.log("HeroSection", section);
-
-    return (
-        <>
-            <SectionBox display="flex" flexDirection={isMobile ? 'column' : 'row'} height="90vh">
-        
-                {/* Left Pane */}
-                <Box
-                    flex={1}
-                    display="flex"
-                    justifyContent="center"
-                    alignItems="center"
-                    sx={{ width: isMobile ? '100%' : '30%', padding: isMobile ? '1em' : '0' }}
-                >
-                    <div>
-                        <Typography variant="h2">
-                            {section.title}
-                            <Typography sx={{ fontStyle: 'italic', fontSize: '1.1rem' }}>
-                                {section.subtitle}
-                                <Button
-                                    className="first-step"
-                                    variant="contained"
-                                    color="primary"
-                                    href="#contact"
-                                    onClick={handleClick}
-                                    sx={{
-                                        width: isMobile ? '100%' : '92%',
-                                        padding: '8px',
-                                        marginTop: '1em',
-                                        marginBlockEnd: '0.67em',
-                                        fontStyle: 'normal'
-                                    }}
-                                >   Backend Admin
-                                </Button>
-                            </Typography>
-                        </Typography>
-
-                        <Box mt={2} style={{ marginTop: '2em', fontSize: '0.75rem', marginBlockEnd: '0.67em' }}>
-                            <ReactMarkdown>{section.content}</ReactMarkdown>
-                        </Box>
-                    </div>
-                </Box>
-
-                {/* Right Pane */}
-                <Box
-                    flex={2}
-                    onClick={handleClick}
-                    sx={{
-                        backgroundImage: `url('${section.background}')`,
-                        backgroundSize: 'cover',
-                        backgroundPosition: 'center',
-                        backgroundRepeat: 'no-repeat',
-                        width: isMobile ? '100%' : '70%',
-                        height: isMobile ? '50vh' : '100%',
-                    }}
-                ></Box>
-
-            </SectionBox>
-            <SectionBox flex={1} sx={{paddingBottom: "4em", paddingTop:"2em"}} className="second-step">
-                <Suspense fallback={<div>Loading...</div>}>{HighLight || <div>Loading component...</div>}</Suspense>
-            </SectionBox>
-            
-        </>
-    );
-};
-
-const HeroTour = (props:any) => {
-    return (
-        <TourProvider steps={steps}>
-            <HeroSection {...props}/>
-        </TourProvider>
-    );
-}
-
-export default HeroTour;