admin_lsac 1.2.7 → 1.2.9

package/dist/esm/utils/websockets.js

@@ -0,0 +1,15 @@
+import io from "socket.io-client";
+import { useEffect } from "react";
+var Socket = function (setSocket, apiURL) {
+    useEffect(function () {
+        var socketRef = io(apiURL, {
+            transports: ["websocket"],
+        });
+        setSocket(socketRef);
+        return function () {
+            socketRef.removeAllListeners();
+            socketRef.disconnect();
+        };
+    }, []);
+};
+export var newSocket = function (setSocket, apiURL) { return Socket(setSocket, apiURL); };

package/dist/index.js

@@ -9,9 +9,9 @@ var client_1 = __importDefault(require("react-dom/client"));
 require("./index.css");
 var App_1 = __importDefault(require("./App"));
 var reportWebVitals_1 = __importDefault(require("./reportWebVitals"));
-var event_1 = require("./pages/event");
+var schema_config_1 = require("./schema/schema.config");
 var root = client_1.default.createRoot(document.getElementById("root"));
-root.render((0, jsx_runtime_1.jsx)(react_1.default.StrictMode, { children: (0, jsx_runtime_1.jsx)(App_1.default, { pages: [event_1.event], basePath: "" }) }));
+root.render((0, jsx_runtime_1.jsx)(react_1.default.StrictMode, { children: (0, jsx_runtime_1.jsx)(App_1.default, { pages: schema_config_1.pages, basePath: "" }) }));
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))
 // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals

package/dist/pages/event.js

@@ -45,7 +45,31 @@ var domain = "http://localhost:3001";
 exports.event = {
     name: "Events",
     actions: [],
-    rowActions: [],
+    rowActions: [
+    //   {
+    //   name: "Delete Event",
+    //   fields: [
+    //     {
+    //       name: "input",
+    //       label: "Mock Field",
+    //       type: "string",
+    //       validationSchema: "",
+    //     },
+    //   ],
+    //   initialise: async (eventId: number) => {
+    //     const res = await axios.get(domain + "/events/" + eventId);
+    //     let obj: any = {};
+    //     obj.input = res.data.name;
+    //     return obj;
+    //   },
+    //   onSubmit: async (formValues: any, eventId: number) => {
+    //     const res = await axios.delete(
+    //       domain + "/events/" + eventId
+    //     );
+    //     return res.data;
+    //   },
+    // }
+    ],
     getRequest: function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             // const res = await axios.get(domain + "/events");

package/dist/utils/websockets.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.newSocket = void 0;
+var socket_io_client_1 = __importDefault(require("socket.io-client"));
+var react_1 = require("react");
+var Socket = function (setSocket, apiURL) {
+    (0, react_1.useEffect)(function () {
+        var socketRef = (0, socket_io_client_1.default)(apiURL, {
+            transports: ["websocket"],
+        });
+        setSocket(socketRef);
+        return function () {
+            socketRef.removeAllListeners();
+            socketRef.disconnect();
+        };
+    }, []);
+};
+var newSocket = function (setSocket, apiURL) { return Socket(setSocket, apiURL); };
+exports.newSocket = newSocket;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "admin_lsac",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "description": "Generic Admin Panel created for storing events' data",
   "private": false,
   "dependencies": {
@@ -30,6 +30,7 @@
     "react-router-dom": "^6.10.0",
     "react-scripts": "^5.0.1",
     "react-table": "^7.8.0",
+    "socket.io-client": "^4.7.5",
     "sweetalert2": "^11.6.13",
     "typescript": "^4.9.5",
     "web-vitals": "^2.1.4",

package/src/App.tsx

@@ -1,110 +1,50 @@
-import { ChakraProvider } from "@chakra-ui/react";
-import { BrowserRouter, Route, Routes } from "react-router-dom";
-import { AdminPage } from "./components/Page";
-import { pageToUrl } from "./components/Page";
-import * as React from "react";
-
-interface TableField {
-  name: string;
-  access: (obj: any) => string | number | React.ReactElement;
-}
-
-interface SimpleField {
-  name: string;
-  label: string;
-  type: "string" | "number" | "file";
-  validationSchema: any;
-}
-
-interface Option {
-  value: string | number | boolean;
-  display: string;
-}
-
-interface DropdownField {
-  name: string;
-  label: string;
-  type: "dropdown";
-  options?: Option[] | undefined;
-  getOptions: () => Promise<Option[]>;
-}
-
-interface ObjectField {
-  name: string;
-  label: string;
-  type: "object";
-  fields: FormField[];
-}
-
-interface ArrayField {
-  name: string;
-  label: string;
-  type: "array";
-  element: Exclude<FormField, ArrayField>;
-}
-
-type FormField = SimpleField | DropdownField | ObjectField | ArrayField;
-
-interface Action {
-  name: string;
-  fields?: FormField[];
-  onSubmit: (obj1: any, obj2?: any) => Promise<any>;
-}
-
-interface RowAction {
-  name: string;
-  fields?: FormField[];
-  initialise?: (obj: any) => any;
-  onSubmit: (obj1: any, obj2?: any) => Promise<any>;
-}
-
-interface PageSchema {
-  name: string;
-  actions: Action[];
-  rowActions: RowAction[];
-  getRequest: () => Promise<any[]>;
-  tableFields: TableField[];
-}
-
-function AdminPanel({
-  pages,
-  basePath,
-}: {
-  pages: PageSchema[];
-  basePath: string;
-}) {
-  return (
-    <ChakraProvider>
-      <BrowserRouter>
-        <Routes>
-          {pages.map((page) => (
-            <Route
-              path={`${basePath}/${pageToUrl(page)}`}
-              element={
-                <AdminPage
-                  pages={pages}
-                  selectedPage={page}
-                  basePath={basePath}
-                />
-              }
-            />
-          ))}
-          {pages[0] ? (
-            <Route
-              path={`${basePath}/*`}
-              element={
-                <AdminPage
-                  pages={pages}
-                  selectedPage={pages[0]}
-                  basePath={basePath}
-                />
-              }
-            />
-          ) : null}
-        </Routes>
-      </BrowserRouter>
-    </ChakraProvider>
-  );
-}
-
-export default AdminPanel;
+import { ChakraProvider } from "@chakra-ui/react";
+import { BrowserRouter, Route, Routes } from "react-router-dom";
+import { AdminPage } from "./components/Page";
+import { pageToUrl } from "./components/Page";
+import { PageSchema } from "./schema/schema";
+
+function App({
+  pages,
+  basePath,
+}: {
+  pages: PageSchema[];
+  basePath: string;
+}) {
+  return (
+    <ChakraProvider>
+      <BrowserRouter>
+        <Routes>
+          {pages.map((page) => (
+            <Route
+              path={`${basePath}/${pageToUrl(page)}`}
+              element={
+                <AdminPage
+                  pages={pages}
+                  selectedPage={page}
+                  basePath={basePath}
+                  apiURL="http://localhost:3001"
+                />
+              }
+            />
+          ))}
+          {pages[0] ? (
+            <Route
+              path={`${basePath}/*`}
+              element={
+                <AdminPage
+                  pages={pages}
+                  selectedPage={pages[0]}
+                  basePath={basePath}
+                  apiURL="http://localhost:3001"
+                />
+              }
+            />
+          ) : null}
+        </Routes>
+      </BrowserRouter>
+    </ChakraProvider>
+  );
+}
+
+export default App;