impaktapps-ui-builder 1.0.0 → 1.0.1-alpha.1

package/Login.tsx

@@ -1,184 +0,0 @@
-// import styled from "@emotion/styled";
-// import axios from "axios";
-// import { useState } from "react";
-// // import { useNavigate } from "react-router-dom";
-
-// const Container = styled.div`
-//   margin-left: -10;
-//   padiing-left: -10;
-//   display: flex;
-//   height: 100vh;
-//   background-color: #0fafaf;
-// `;
-
-// const LeftPane = styled.div`
-//   flex: 1;
-//   padding: 50px;
-//   color: #ffffff;
-//   position: relative;
-//   z-index:50;
-//   background:url('drivrperformbg.webp') no-repeat center;
-// `;
-
-// const Logo = styled.div`
-//   font-size: 36px;
-//   font-weight: bold;
-//   color: #ffffff;
-//   position: absolute;
-//   z-index: 12;
-//   top: 1px;
-//   left: 1px;
-// `;
-
-// const Heading = styled.h1`
-//   font-size: 48px;
-//   font-weight: bold;
-//   margin-top: 100px;
-// `;
-
-// const Description = styled.p`
-//   font-size: 18px;
-//   line-height: 1.6;
-// `;
-
-// const BackgroundSvg = styled.div`
-//   position: absolute;
-//   top: 0;
-//   left: 0;
-//   width: 100%;
-//   height: 100%;
-  
-//   z-index: 1;
-// `;
-// // background: url('drivrperformbg.webp') no-repeat center;
-//   // background-size: 100%;
-// const RightPane = styled.div`
-//   flex: 1;
-//   background-color: #ffffff;
-//   display: flex;
-//   flex-direction: column;
-//   justify-content: center;
-//   align-items: center;
-// `;
-
-// const LoginBox = styled.div`
-//   width: 350px;
-//   padding: 40px;
-//   border-radius: 8px;
-//   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-//   text-align: center;
-//   z-index:5;
-// `;
-
-// const Title = styled.h2`
-//   font-size: 24px;
-//   margin-bottom: 20px;
-// `;
-
-// const Input = styled.input`
-//   width: 100%;
-//   padding: 15px;
-//   margin-bottom: 20px;
-//   border: 1px solid #cccccc;
-//   border-radius: 6px;
-//   font-size: 16px;
-//   background-color: #f9f9f9;
-//   &:focus {
-//     border-color: #6a5acd;
-//     outline: none;
-//     box-shadow: 0 0 5px rgba(106, 90, 205, 0.5);
-//   }
-// `;
-
-// const Button = styled.button`
-//   width: 100%;
-//   padding: 12px;
-//   font-size: 16px;
-//   color: #ffffff;
-//   background-color: #0fafaf;
-//   border: none;
-//   border-radius: 6px;
-//   cursor: pointer;
-//   margin-bottom: 15px;
-
-//   &:hover {
-//     background-color: #0f7b81;
-//   }
-// `;
-
-// const GitHubButton = styled(Button)`
-//   background-color: #24292e;
-//   margin-top: 10px;
-
-//   &:hover {
-//     background-color: #1e2328;
-//   }
-// `;
-
-// const Link = styled.a`
-//   color: #6a5acd;
-//   font-size: 14px;
-//   text-decoration: none;
-//   margin-top: 10px;
-
-//   &:hover {
-//     text-decoration: underline;
-//   }
-// `;
-
-// const App = () => {
-//   const [user, setUser] = useState("");
-//    const navigate =(par:string)=>{}
-//   //  useNavigate();
-//   const [password, setPassword] = useState("");
-//   const handleLogin = async (e) => {
-//     e.preventDefault();
-//       const userObj = await axios.post(`${"http://52.183.132.161/backend"}/api/users/find`, {
-//         email: user,
-//         password,
-//       });
-//       navigate("/builder_dashboard");
-//       sessionStorage.setItem("user", JSON.stringify(userObj));
-    
-
-//   };
-//   return (
-//     <Container>
-//       <LeftPane>
-//         <Logo>
-//           <img
-//             style={{ width: "120px", height: "120px" }}
-//             src="logo Final-03.png"
-//             alt="Act21"
-//           />{" "}
-//         </Logo>
-       
-//         <Heading>Create business apps like assembling blocks</Heading>
-//         <Description>
-//           Powered by data visualization tools and flexible actions.
-//         </Description>
-//       </LeftPane>
-//       <RightPane>
-//       <BackgroundSvg />
-//         <LoginBox>
-//           <Title>Welcome back</Title>
-//           <Input
-//             onChange={(e) => setUser(e.target.value)}
-//             type="email"
-//             placeholder="Enter your email"
-//           />
-//           <Input
-//             onChange={(e) => setPassword(e.target.value)}
-//             type="password"
-//             placeholder="Enter your password"
-//           />
-//           <Button onClick={handleLogin}>Sign in</Button>
-//           {/* <GitHubButton>Sign in with GitHub</GitHubButton> */}
-//           <Link href="#">New user? Create an account</Link>
-//         </LoginBox>
-//       </RightPane>
-//     </Container>
-//   );
-// };
-
-// export default App;

package/MasterRouter.tsx

@@ -1,86 +0,0 @@
-// /* eslint-disable @typescript-eslint/no-explicit-any */
-// import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
-// import Login from "./Login";
-// import Deploy from "./Deploy";
-// import { Provider } from "react-redux";
-// import store from "./store";
-// import AppHolder from "./AppHolder";
-// import TabsComponent from "./TabHolder";
-// import { RestApiResource, RestApiAuth, Page, StyleState } from "./lib";
-// interface appconfig {
-//   backendHost: string;
-//   deployHost: string;
-// }
-// declare global {
-//   interface Window {
-//     appConfig: appconfig;
-//   }
-// }
-// function MasterRouter() {
-//   const renderRouter = () => (
-//     <Router
-//     future={{
-//       v7_startTransition: true,
-//     }}
-//   >
-//       <Routes>
-//         {/* <Route element={<PrivateRoutes />}> */}
-//         <Route path="/builder_dashboard" element={<AppHolder />} />
-//         <Route
-//           path="/builder/:id"
-//           element={
-//             <div
-//               style={{
-//                 display: "flex",
-//                 flexDirection: "column",
-//                 overflow: "scroll",
-//               }}
-//             >
-//               <div style={{ width: "100%" }}>
-//                 <TabsComponent />
-//               </div>
-//             </div>
-//           }
-//         />
-//         <Route
-//           path="/app/:id"
-//           element={
-//             <Provider store={store}>
-//               <Deploy
-//                 model={undefined}
-//                 mode={"preview"}
-//                 getResource={function (): Promise<
-//                   RestApiResource<RestApiAuth>
-//                 > {
-//                   throw new Error("Function not implemented.");
-//                 }}
-//                 onModelUpdate={function (model: any): void {
-//                   throw new Error("Function not implemented.", model);
-//                 }}
-//                 onModelSave={function (): Promise<void> {
-//                   throw new Error("Function not implemented.");
-//                 }}
-//                 getPages={function (): Promise<Page[]> {
-//                   throw new Error("Function not implemented.");
-//                 }}
-//                 getRules={function (): Promise<Page[]> {
-//                   throw new Error("Function not implemented.");
-//                 }}
-//                 getStyles={function (): Promise<StyleState> {
-//                   throw new Error("Function not implemented.");
-//                 }}
-//                 setStyles={function (style: any): void {
-//                   throw new Error("Function not implemented.");
-//                 }}
-//               />
-//             </Provider>
-//           }
-//         />
-//         <Route path="/Login" element={<Login />} />
-//       </Routes>
-//     </Router>
-//   );
-
-//   return <>{renderRouter()}</>;
-// }
-// export default MasterRouter;

package/PrivateRoutes.tsx

@@ -1,9 +0,0 @@
-// import { Navigate, Outlet } from "react-router-dom";
-// const PrivateRoutes = () => {
-//   const user = sessionStorage.getItem("user");
-//   if (!user) {
-//     return <Navigate to="Login" />;
-//   }
-//   return <Outlet />;
-// };
-// export default PrivateRoutes;

package/Skeleton.tsx

@@ -1,31 +0,0 @@
-// import {
-//   Box,
-//   LinearProgress,
-//   Skeleton,
-//   Typography,
-//   TypographyProps,
-// } from "@mui/material";
-// const variants = [
-//   "h1",
-//   "h3",
-//   "body1",
-//   "body1",
-//   "h3",
-//   "caption",
-// ] as readonly TypographyProps["variant"][];
-// const CommonSkeleton = () => {
-//   return (
-//     <>
-//       <LinearProgress />
-//       <Box sx={{ width: "60vw", height: "95vh", margin: "auto auto",overflow:"hidden" }}>
-//         {variants.map((variant, i) => (
-//           <Typography component="div" key={variant + i} variant={variant}>
-//             <Skeleton height={120} />
-//           </Typography>
-//         ))}
-//       </Box>
-//     </>
-//   );
-// };
-
-// export default CommonSkeleton;