@canmingir/link 1.2.64 → 1.2.66

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canmingir/link",
-  "version": "1.2.64",
+  "version": "1.2.66",
   "license": "Apache-2.0",
   "type": "module",
   "bin": {

package/src/components/settings/context/settings-provider.jsx

@@ -5,7 +5,7 @@ import { useLocalStorage } from "../../../hooks/use-local-storage";
 
 import { useCallback, useMemo, useState } from "react";
 
-const STORAGE_KEY = "settings";
+const STORAGE_KEY = "link.settings";
 
 export function SettingsProvider({ children, defaultSettings }) {
   const { state, update, reset } = useLocalStorage(

package/src/http/index.js

@@ -14,7 +14,7 @@ const instance = axios.create({
 
 instance.interceptors.request.use((request) => {
   const { base } = config();
-  const accessToken = storage.get("link", "accessToken");
+  const accessToken = storage.get("link", "accesstoken");
 
   if (!accessToken) {
     window.location.href = base === "/" ? "/login" : `${base}/login`;
@@ -40,11 +40,11 @@ function processQueue(error, token = null) {
 
 async function doRefresh() {
   const { appId } = config();
-  const projectId = storage.get("projectId");
-  const identityProvider = storage.get("link", "identityProvider");
+  const projectId = storage.get("link", "projectid");
+  const identityProvider = storage.get("link", "identityprovider");
 
   const { data } = await oauth.post("/oauth", {
-    refreshToken: storage.get("link", "refreshToken"),
+    refreshToken: storage.get("link", "refreshtoken"),
     appId,
     projectId,
     identityProvider,
@@ -54,9 +54,9 @@ async function doRefresh() {
     }),
   });
 
-  storage.set("link", "accessToken", data.accessToken);
+  storage.set("link", "accesstoken", data.accessToken);
   if (data.refreshToken) {
-    storage.set("link", "refreshToken", data.refreshToken);
+    storage.set("link", "refreshtoken", data.refreshToken);
   }
   return data.accessToken;
 }
@@ -81,7 +81,7 @@ instance.interceptors.response.use(
         "Bearer ",
         ""
       );
-      const storedToken = storage.get("link", "accessToken");
+      const storedToken = storage.get("link", "accesstoken");
 
       if (storedToken && storedToken !== usedToken) {
         originalRequest.headers["Authorization"] = `Bearer ${storedToken}`;
@@ -107,8 +107,8 @@ instance.interceptors.response.use(
       } catch (refreshError) {
         processQueue(refreshError, null);
         const { base } = config();
-        storage.remove("link", "accessToken");
-        storage.remove("link", "refreshToken");
+        storage.remove("link", "accesstoken");
+        storage.remove("link", "refreshtoken");
         window.location.href = `${window.location.origin}${base}/login`;
         return Promise.reject(refreshError);
       } finally {

package/src/http/user.js

@@ -13,7 +13,7 @@ const instance = axios.create({
 });
 
 instance.interceptors.request.use(async (request) => {
-  const refreshToken = await storage.get("link", "refreshToken");
+  const refreshToken = await storage.get("link", "refreshtoken");
   if (refreshToken) {
     request.headers["Authorization"] = `Bearer ${refreshToken}`;
   }
@@ -22,7 +22,7 @@ instance.interceptors.request.use(async (request) => {
 
 instance.getUserDetails = async () => {
   try {
-    const refreshToken = storage.get("link", "refreshToken");
+    const refreshToken = storage.get("link", "refreshtoken");
 
     if (!refreshToken) {
       return null;
@@ -47,8 +47,8 @@ instance.getUserDetails = async () => {
 
 instance.getPermittedUsers = async () => {
   const { appId } = config();
-  const projectId = storage.get("projectId");
-  const identityProvider = storage.get("link", "identityProvider");
+  const projectId = storage.get("link", "projectid");
+  const identityProvider = storage.get("link", "identityprovider");
 
   const response = await http.get("/permissions");
 
@@ -110,7 +110,7 @@ instance.getPermittedUsers = async () => {
   }
 
   if (identityProvider?.toUpperCase() === "COGNITO") {
-    const accessToken = await storage.get("link", "accessToken");
+    const accessToken = await storage.get("link", "accesstoken");
     let currentUserId = null;
 
     try {

package/src/layouts/common/ProjectBar/index.jsx

@@ -45,7 +45,7 @@ function ProjectBar() {
   }, [projectCreated]);
 
   const id = window.matchMedia("projectId").matches;
-  const [selectedProjectId] = useStorage("projectId", id);
+  const [selectedProjectId] = useStorage("link", "projectid", id);
 
   const [selectedProject, setSelectedProject] = useState();
 
@@ -91,7 +91,7 @@ function ProjectBar() {
   const handleSelect = (project) => {
     const { id: projectId } = project;
 
-    const identityProviderRaw = storage.get("link", "identityProvider");
+    const identityProviderRaw = storage.get("link", "identityprovider");
     const identityProvider = identityProviderRaw?.toUpperCase();
 
     const payload = {
@@ -104,7 +104,7 @@ function ProjectBar() {
       payload.username = "admin";
       payload.password = "admin";
     } else {
-      payload.refreshToken = storage.get("link", "refreshToken");
+      payload.refreshToken = storage.get("link", "refreshtoken");
     }
 
     const request = oauth.post("/oauth", payload);
@@ -112,9 +112,9 @@ function ProjectBar() {
     request
       .then(({ data }) => {
         const { refreshToken, accessToken } = data;
-        storage.set("link", "accessToken", accessToken);
-        storage.set("link", "refreshToken", refreshToken);
-        storage.set("projectId", projectId);
+        storage.set("link", "accesstoken", accessToken);
+        storage.set("link", "refreshtoken", refreshToken);
+        storage.set("link", "projectid", projectId);
       })
       .finally(() => {
         setSelectedProject(project);

package/src/lib/{NucDialog/NucDialog.jsx → APITreeDialog/APITreeDialog.jsx}

@@ -1,5 +1,3 @@
-import React from "react";
-
 import { Close, Fullscreen, FullscreenExit } from "@mui/icons-material";
 import {
   Dialog,
@@ -8,9 +6,9 @@ import {
   DialogTitle,
   IconButton,
 } from "@mui/material";
-import { storage, useStorage } from "@nucleoidjs/webstorage";
+import React, { useState } from "react";
 
-function NucDialog({
+function APITreeDialog({
   title,
   minWidth = 600,
   children,
@@ -20,7 +18,7 @@ function NucDialog({
   maximizedDimensions = { width: "65rem", height: "50rem" },
   minimizedDimensions = { width: "55rem", height: "40rem" },
 }) {
-  const [maximized] = useStorage("platform", title, "maximized", false);
+  const [maximized, setMaximized] = useState(false);
   const currentDimensions = maximized
     ? maximizedDimensions
     : minimizedDimensions;
@@ -63,7 +61,7 @@ function NucDialog({
       {maximized ? (
         <IconButton
           aria-label="collapse"
-          onClick={() => storage.set("platform", title, "maximized", false)}
+          onClick={() => setMaximized(false)}
           sx={{
             position: "absolute",
             right: 48,
@@ -76,7 +74,7 @@ function NucDialog({
       ) : (
         <IconButton
           aria-label="expand"
-          onClick={() => storage.set("platform", title, "maximized", true)}
+          onClick={() => setMaximized(true)}
           sx={{
             position: "absolute",
             right: 48,
@@ -105,4 +103,4 @@ function NucDialog({
   );
 }
 
-export default NucDialog;
+export default APITreeDialog;

package/src/lib/APITreeDialog/index.js

@@ -0,0 +1 @@
+export { default } from "./APITreeDialog";

package/src/lib/Flow/layouts/InfoNode.jsx

@@ -1,8 +1,8 @@
+import { Iconify } from "@canmingir/link/platform/components";
+
 import React, { useEffect, useState } from "react";
 import { alpha, styled } from "@mui/material/styles";
 
-import { Iconify } from "@canmingir/link/platform/components";
-
 const ANIMATION_DELAY_MS = 200;
 
 const MainContainer = styled("div", {
@@ -79,6 +79,10 @@ const IconContainer = styled("div", {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
+    boxShadow: `
+            4px 4px 0 rgba(255, 255, 255, 0.1),
+            5px 5px 5px rgba(0, 0, 0, 0.5)
+          `,
 
     '[data-hovered="true"] &': {
       backgroundColor: hoverBg,

package/src/lib/index.js

@@ -42,7 +42,7 @@ export { default as APIPath } from "./APIPath";
 export { default as APITypes } from "./APITypes";
 export { default as BlankTreeMessage } from "./BlankTreeMessage";
 export { default as DialogTooltip } from "./DialogTootip";
-export { default as NucDialog } from "./NucDialog";
+export { default as APITreeDialog } from "./APITreeDialog";
 export { default as ParamTable } from "./ParamTable";
 export { default as ResourceMenu } from "./ResourceMenu";
 export { default as Schema } from "./Schema";

package/src/pages/Callback.jsx

@@ -72,10 +72,10 @@ function Callback() {
     const defaultProjectId = "05708cf7-b9bf-4209-95fe-68d9138d2032";
 
     if (projectBar) {
-      projectId = storage.get("projectId");
+      projectId = storage.get("link", "projectid");
     } else {
       projectId = defaultProjectId;
-      storage.set("projectId", projectId);
+      storage.set("link", "projectid", projectId);
     }
 
     oauth
@@ -91,10 +91,10 @@ function Callback() {
         const accessToken = data.accessToken;
         const refreshToken = data.refreshToken;
 
-        storage.set("link", "accessToken", accessToken);
-        storage.set("link", "refreshToken", refreshToken);
+        storage.set("link", "accesstoken", accessToken);
+        storage.set("link", "refreshtoken", refreshToken);
         // TODO - update provider info
-        storage.set("link", "identityProvider", identityProvider);
+        storage.set("link", "identityprovider", identityProvider);
 
         publish("LOGIN", { data: data });
 

package/src/pages/LoginPage.jsx

@@ -16,8 +16,8 @@ function LoginPage() {
 
   function token() {
     if (
-      storage.get("link", "refreshToken") &&
-      storage.get("link", "accessToken")
+      storage.get("link", "refreshtoken") &&
+      storage.get("link", "accesstoken")
     ) {
       return true;
     } else {

package/src/stories/APITree.stories.jsx

@@ -2,10 +2,10 @@ import APIDialogAction from "../lib/APIDialogAction/APIDialogAction";
 import APIParams from "../lib/APIParams/APIParams";
 import APIPath from "../lib/APIPath/APIPath";
 import APITree from "../lib/APITree/APITree";
+import APITreeDialog from "../lib/APITreeDialog/APITreeDialog";
 import APITypes from "../lib/APITypes/APITypes";
 import CssBaseline from "@mui/material/CssBaseline";
 import NewAPIBody from "../lib/NewApiBody/NewAPIBody";
-import NucDialog from "../lib/NucDialog/NucDialog";
 
 import { Box, Divider } from "@mui/material";
 import React, { useEffect, useRef, useState } from "react";
@@ -80,7 +80,8 @@ export default {
       description: {
         component:
           "APITree displays API endpoints in a tree structure grouped by path segments. " +
-          "It supports context menus for editing/deleting methods and a resource menu for adding new endpoints.",
+          "It is a controlled component: selection and expansion are driven by the " +
+          "selected/expanded props and reported via onSelect/onExpand.",
       },
     },
     layout: "centered",
@@ -92,6 +93,8 @@ const ALL_METHODS = ["GET", "POST", "PUT", "DELETE", "PATCH"];
 const APIWorkspace = () => {
   const [view, setView] = useState("PARAMS");
   const [dialogKey, setDialogKey] = useState(0);
+  const [expanded, setExpanded] = useState(["/", "/items"]);
+  const [selectedItem, setSelectedItem] = useState(null);
 
   const methodRef = useRef("GET");
   const pathRef = useRef("/");
@@ -337,10 +340,17 @@ const APIWorkspace = () => {
   return (
     <Box sx={{ display: "flex", height: "100%", gap: 2 }}>
       <Box sx={{ width: 280, flexShrink: 0, height: "100%" }}>
-        <APITree />
+        <APITree
+          api={api}
+          theme={theme}
+          expanded={expanded}
+          selected={selectedItem}
+          onExpand={(_event, itemIds) => setExpanded(itemIds)}
+          onSelect={(_event, itemId) => setSelectedItem(itemId)}
+        />
       </Box>
 
-      <NucDialog
+      <APITreeDialog
         title={dialogTitle}
         open={dialog.open}
         handleClose={handleCloseDialog}
@@ -398,7 +408,7 @@ const APIWorkspace = () => {
             <APITypes tstypes={[]} nuctypes={types} typesRef={typesRef} />
           )}
         </Box>
-      </NucDialog>
+      </APITreeDialog>
     </Box>
   );
 };
@@ -420,9 +430,9 @@ export const APITreeWorkspace = {
     docs: {
       description: {
         story:
-          "Full workspace: right-click a path node or click the + FAB to open the ResourceMenu, " +
-          "then choose Resource, Method, or Delete. Adding a resource or method opens the API dialog " +
-          "where you can configure the path, method, params, and body before saving.",
+          "Full workspace: click a method node to select it, then use the API dialog " +
+          "events (API_DIALOG_OPEN) to add or edit endpoints, configuring the path, " +
+          "method, params, and body before saving.",
       },
     },
   },

package/src/widgets/Login/CognitoLogin.jsx

@@ -69,9 +69,9 @@ export default function CognitoLogin() {
 
       const data = await res.json();
 
-      storage.set("link", "accessToken", data.accessToken);
-      storage.set("link", "refreshToken", data.refreshToken);
-      storage.set("link", "identityProvider", "COGNITO");
+      storage.set("link", "accesstoken", data.accessToken);
+      storage.set("link", "refreshtoken", data.refreshToken);
+      storage.set("link", "identityprovider", "COGNITO");
 
       navigate("/");
     } catch (e) {

package/src/widgets/Login/DemoLogin.jsx

@@ -43,9 +43,9 @@ export default function DemoLogin() {
 
     const data = await res.json();
 
-    storage.set("link", "accessToken", data.accessToken);
-    storage.set("link", "refreshToken", data.refreshToken);
-    storage.set("link", "identityProvider", "DEMO");
+    storage.set("link", "accesstoken", data.accessToken);
+    storage.set("link", "refreshtoken", data.refreshToken);
+    storage.set("link", "identityprovider", "DEMO");
 
     navigate("/");
   }

package/src/widgets/Login/Login.jsx

@@ -18,8 +18,8 @@ export default function Auth0LoginView() {
 
   function token() {
     if (
-      storage.get("link", "refreshToken") &&
-      storage.get("link", "accessToken")
+      storage.get("link", "refreshtoken") &&
+      storage.get("link", "accesstoken")
     ) {
       return true;
     } else {

package/src/widgets/SettingsDialog.jsx

@@ -1,3 +1,11 @@
+import Iconify from "../components/Iconify";
+import config from "../config/config";
+import { useEvent } from "@nucleoidai/react-event";
+import useSettings from "../hooks/useSettings";
+import { useSettingsContext } from "../components/settings/context";
+import { useStorage } from "@nucleoidjs/webstorage";
+import { useUser } from "../hooks/use-user";
+
 import {
   Avatar,
   Box,
@@ -23,13 +31,6 @@ import {
 import { Button, Dialog, DialogActions, DialogContent } from "@mui/material";
 import React, { useEffect, useState } from "react";
 
-import Iconify from "../components/Iconify";
-import config from "../config/config";
-import { useEvent } from "@nucleoidai/react-event";
-import useSettings from "../hooks/useSettings";
-import { useSettingsContext } from "../components/settings/context";
-import { useUser } from "../hooks/use-user";
-
 let pkg = {
   name: "",
   version: "",
@@ -296,7 +297,7 @@ const Permission = () => {
 };
 
 const Settings = () => {
-  const projectId = localStorage.getItem("projectId");
+  const [projectId] = useStorage("link", "projectid");
   const { settings, updateSettings } = useSettings(projectId);
   const { beta, onUpdate } = useSettingsContext();
 

package/src/ContextProvider/ContextProvider.jsx

@@ -1,19 +0,0 @@
-import React from "react";
-
-const ContextStore = React.createContext();
-ContextStore.displayName = "ContextStore";
-
-const useContext = () => React.useContext(ContextStore);
-
-const ContextProvider = ({ children, state, reducer }) => {
-  const [contextState, contextDispatch] = React.useReducer(reducer, state);
-
-  return (
-    <ContextStore.Provider value={[contextState, contextDispatch]}>
-      {children}
-    </ContextStore.Provider>
-  );
-};
-
-export { useContext };
-export default ContextProvider;

package/src/context/Context.js

@@ -1,98 +0,0 @@
-class Context {
-  constructor(data = {}) {
-    this.login = data.login !== undefined ? data.login : false;
-    this.itemId = data.itemId || null;
-
-    this.specification = {
-      api: [],
-      functions: [],
-      types: [],
-      declarations: [],
-      ...(data.specification || {}),
-    };
-
-    this.pages = {
-      api: {
-        selected: { path: "/", method: "get" },
-        dialog: {
-          type: null,
-          action: null,
-          open: false,
-          view: null,
-          map: {},
-          params: {},
-        },
-        resourceMenu: {
-          open: false,
-          anchor: null,
-          path: null,
-        },
-        ...(data.pages?.api || {}),
-      },
-      functions: {
-        selected: null,
-        dialog: {
-          type: null,
-          open: false,
-        },
-        AIDialog: {
-          open: false,
-        },
-        ...(data.pages?.functions || {}),
-      },
-      logic: {
-        selected: null,
-        AIDialog: {
-          open: false,
-        },
-        ...(data.pages?.logic || {}),
-      },
-      query: {
-        results: null,
-        ...(data.pages?.query || {}),
-      },
-      ...(data.pages || {}),
-    };
-  }
-
-  static copy(context) {
-    const copied = new Context();
-
-    copied.login = context.login;
-    copied.itemId = context.itemId;
-
-    copied.specification = {
-      api: context.specification?.api ? [...context.specification.api] : [],
-      functions: context.specification?.functions
-        ? [...context.specification.functions]
-        : [],
-      types: context.specification?.types
-        ? [...context.specification.types]
-        : [],
-      declarations: context.specification?.declarations
-        ? [...context.specification.declarations]
-        : [],
-    };
-
-    copied.pages = JSON.parse(JSON.stringify(context.pages || {}));
-
-    return copied;
-  }
-
-  get(path) {
-    const keys = path.split(".");
-    let result = this;
-
-    for (const key of keys) {
-      if (result && typeof result === "object" && key in result) {
-        result = result[key];
-      } else {
-        return undefined;
-      }
-    }
-
-    return result;
-  }
-}
-
-export default Context;

package/src/context/reducer.js

@@ -1,632 +0,0 @@
-import ActionTemplate from "../templates/ActionTemplate.js";
-import Context from "./Context.js";
-import { jwtDecode } from "jwt-decode";
-import { publish } from "@nucleoidai/react-event";
-import { storage } from "@nucleoidjs/webstorage";
-import { v4 as uuid } from "uuid";
-
-let login = true;
-const itemId = storage.get("itemId");
-try {
-  const token = storage.get("link", "accessToken");
-  const decodedToken = jwtDecode(token);
-
-  if (decodedToken.exp * 1000 < Date.now()) {
-    login = false;
-  }
-} catch (err) {
-  login = false;
-}
-
-export const initialState = new Context({
-  login,
-  itemId,
-  specification: {
-    api: [],
-    functions: [],
-    types: [],
-    declarations: [],
-  },
-  pages: {
-    api: {
-      selected: { path: "/", method: "get" },
-      dialog: {
-        type: null,
-        action: null,
-        open: false,
-        view: null,
-        map: {},
-        params: {},
-      },
-      resourceMenu: {
-        open: false,
-        anchor: null,
-        path: null,
-      },
-    },
-    functions: {
-      selected: null,
-      dialog: {
-        type: null,
-        open: false,
-      },
-      AIDialog: {
-        open: false,
-      },
-    },
-    logic: {
-      selected: null,
-      AIDialog: {
-        open: false,
-      },
-    },
-    query: {
-      results: null,
-    },
-  },
-});
-
-export const reducer = (context, action) => {
-  context = Context.copy(context);
-
-  const { specification, pages } = context;
-
-  switch (action.type) {
-    case "LOGIN": {
-      context.login = true;
-      break;
-    }
-    case "LOGOUT": {
-      storage.clear();
-      context.login = false;
-      break;
-    }
-
-    case "ITEM_SELECT": {
-      context.itemId = action.payload;
-      storage.set("itemId", context.itemId);
-      break;
-    }
-
-    case "ITEM_DELETE": {
-      storage.remove("itemId");
-      context.itemId = null;
-      break;
-    }
-
-    case "SET_PROJECT": {
-      specification.api = action.payload.project.specification.api;
-      specification.functions = action.payload.project.specification.functions;
-      specification.types = action.payload.project.specification.types;
-      pages.api.selected.path = "/";
-      break;
-    }
-
-    case "OPEN_API_DIALOG": {
-      const { type, action: dialogAction } = action.payload;
-      pages.api.dialog.type = type;
-      pages.api.dialog.action = dialogAction;
-      pages.api.dialog.open = true;
-      break;
-    }
-
-    case "SAVE_API_DIALOG": {
-      const {
-        path,
-        method,
-        request,
-        response,
-        params,
-        types,
-        summary,
-        description,
-      } = action.payload;
-
-      const newApi = {
-        path,
-        method,
-        request,
-        response,
-        params,
-        summary,
-        description,
-        action: ActionTemplate[method.toUpperCase()],
-      };
-      pages.api.dialog.open = false;
-      specification.api.push(newApi);
-      pages.api.selected = { path, method };
-      publish("SELECTED_API_CHANGED", {
-        path: path,
-        method: method,
-      });
-
-      specification.types = types;
-      break;
-    }
-
-    case "CLOSE_API_DIALOG": {
-      pages.api.dialog.open = false;
-      break;
-    }
-
-    case "SET_API_DIALOG_VIEW":
-      pages.api.dialog.view = action.payload.view;
-      break;
-
-    case "SET_SELECTED_API": {
-      if (action.payload.method === null) {
-        const endpoint = specification.api.find(
-          (endpoint) => endpoint.path === action.payload.path
-        );
-
-        if (endpoint && endpoint.method) {
-          action.payload.method = endpoint.method;
-        }
-      }
-      pages.api.selected = {
-        path: action.payload.path,
-        method: action.payload.method,
-      };
-
-      publish("SELECTED_API_CHANGED", {
-        path: action.payload.path,
-        method: action.payload.method,
-      });
-
-      break;
-    }
-
-    case "SET_SELECTED_FUNCTION": {
-      pages.functions.selected = action.payload.function;
-      break;
-    }
-
-    case "SET_SELECTED_LOGIC": {
-      pages.logic.selected = action.payload.logic;
-      break;
-    }
-
-    // ===== Resource Menu Actions =====
-    case "OPEN_RESOURCE_MENU":
-      pages.api.resourceMenu.open = true;
-      pages.api.resourceMenu.anchor = action.payload.anchor;
-      pages.api.resourceMenu.path = action.payload.path;
-      break;
-
-    case "DELETE_RESOURCE": {
-      const { path } = action.payload;
-
-      specification.api = specification.api.filter(
-        (api) => !api.path.startsWith(path)
-      );
-
-      if (pages.api.selected.path.startsWith(path)) {
-        if (specification.api.length > 0) {
-          pages.api.selected.path = specification.api[0].path;
-          pages.api.selected.method = specification.api[0].method;
-        } else {
-          pages.api.selected.path = "/";
-          pages.api.selected.method = "get";
-        }
-
-        publish("SELECTED_API_CHANGED", {
-          path: pages.api.selected.path,
-          method: pages.api.selected.method,
-        });
-      }
-
-      break;
-    }
-
-    case "DELETE_METHOD": {
-      const { path, method } = pages.api.selected;
-
-      const routeIndex = specification.api.findIndex(
-        (route) =>
-          route.path === path &&
-          route.method.toLowerCase() === method.toLowerCase()
-      );
-
-      if (routeIndex !== -1) {
-        specification.api.splice(routeIndex, 1);
-      }
-
-      const samePathRoutes = specification.api.filter(
-        (route) => route.path === path
-      );
-      if (samePathRoutes.length > 0) {
-        context.pages.api.selected.method = samePathRoutes[0].method;
-      } else {
-        context.pages.api.selected.method = null;
-      }
-
-      break;
-    }
-
-    case "CLOSE_RESOURCE_MENU":
-      pages.api.resourceMenu.open = false;
-      pages.api.resourceMenu = {};
-      break;
-
-    // ===== Function Dialog Actions =====
-    case "OPEN_FUNCTION_DIALOG": {
-      pages.functions.dialog.type = action.payload.type;
-      pages.functions.dialog.open = true;
-      break;
-    }
-
-    case "OPEN_AI_DIALOG": {
-      const page = action.payload.page;
-      pages[page].AIDialog.open = true;
-      break;
-    }
-
-    case "CLOSE_AI_DIALOG": {
-      const page = action.payload.page;
-      pages[page].AIDialog.open = false;
-      break;
-    }
-
-    case "SAVE_LOGIC_DIALOG": {
-      const { description, summary, definition } = action.payload;
-      const declarations = specification.declarations;
-
-      declarations.push({
-        description,
-        summary,
-        definition,
-      });
-
-      publish("LOGIC_ADDED", {
-        declaration: declarations[declarations.length - 1],
-      });
-
-      break;
-    }
-
-    case "SAVE_FUNCTION_DIALOG": {
-      const { path, type, definition, params, ext } = action.payload;
-      const functions = specification.functions;
-
-      functions.push({
-        path,
-        type,
-        ext,
-        definition,
-        params,
-      });
-
-      publish("CONTEXT_CHANGED", {
-        files: [{ key: `${path}.${ext}`, value: definition }],
-      });
-
-      break;
-    }
-
-    case "DELETE_FUNCTION": {
-      const { path } = action.payload;
-
-      if (specification.functions.length > 1) {
-        const index = specification.functions.findIndex(
-          (data) => data.path === path
-        );
-
-        const deletedFunction = specification.functions[index];
-        specification.functions.splice(index, 1);
-
-        const remainingFunctions = specification.functions.filter(
-          (data) => data.path !== path
-        );
-
-        const files = remainingFunctions.map((func) => ({
-          key: `${func.path}.ts`,
-          value: func,
-        }));
-
-        publish("CONTEXT_CHANGED", {
-          files: [{ key: `${deletedFunction.path}.ts` }, ...files],
-        });
-        context.pages.functions.selected = specification.functions[0].path;
-      }
-
-      break;
-    }
-
-    case "CLOSE_FUNCTION_DIALOG": {
-      pages.functions.dialog.open = false;
-      break;
-    }
-
-    // ===== Type Management Actions =====
-    case "UPDATE_TYPE": {
-      const { id, name, type } = action.payload;
-      const map = pages.api.dialog.map;
-
-      if (name !== undefined) map[id].name = name;
-      if (type !== undefined) {
-        if (map[id].type === "array") map[id].items.type = type;
-        else {
-          map[id].type = type;
-
-          if (type === "array") map[id].items = { type: "integer" };
-          else if (type === "object") map[id].properties = {};
-        }
-      }
-
-      break;
-    }
-
-    case "ADD_SCHEMA_PROPERTY": {
-      const { id } = action.payload;
-      const map = pages.api.dialog.map;
-      const key = uuid();
-      map[key] = map[id].properties[key] = {
-        id: key,
-        type: "integer",
-      };
-      break;
-    }
-
-    case "REMOVE_SCHEMA_PROPERTY": {
-      const { id } = action.payload;
-      const map = pages.api.dialog.map;
-      delete map[id];
-      break;
-    }
-
-    case "ADD_PARAM": {
-      const map = pages.api.dialog.map;
-      const id = uuid();
-      pages.api.dialog.params[id] = map[id] = {
-        id,
-        type: "string",
-        required: true,
-      };
-      break;
-    }
-
-    case "REMOVE_PARAM": {
-      const { id } = action.payload;
-      const map = pages.api.dialog.map;
-      delete pages.api.dialog.params[id];
-      delete map[id];
-      break;
-    }
-
-    case "QUERY_RESULTS": {
-      const query = context.get("pages.query");
-      query.results = action.payload.results;
-      break;
-    }
-
-    // ===== CRUD Actions =====
-    case "CREATE_SAMPLE_CRUD": {
-      const { api, functions } = specification;
-      const className = action.payload.resource;
-      const resource = action.payload.resource.toLowerCase() + "s";
-
-      const template = {
-        request: { type: "object", properties: {} },
-        response: { type: "object", properties: {} },
-      };
-
-      api[`/${resource}`] = {
-        get: {
-          ...template,
-          summary: `Get ${className} list`,
-          description: `Get ${className} list`,
-          action: `function action(req) {\n  return ${className};\n}\n`,
-        },
-        post: {
-          ...template,
-          summary: `Create ${className}`,
-          description: `Create ${className}`,
-          action: `function action(req) {\n  return new ${className}();\n}\n`,
-        },
-      };
-      api[`/${resource}/{${resource}}`] = {
-        get: {
-          ...template,
-          summary: `Get ${className}`,
-          description: `Get ${className}`,
-          action: `function action(req) {\n  const ${resource} = req.params.${resource};\n  return ${className}[${resource}];\n}\n`,
-        },
-        put: {
-          ...template,
-          summary: `Update ${className}`,
-          description: `Update ${className}`,
-          action: `function action(req) {\n  const ${resource} = req.params.${resource};\n  return ${className}[${resource}];\n}\n`,
-        },
-        del: {
-          ...template,
-          summary: `Delete ${className}`,
-          description: `Delete ${className}`,
-          action: `function action(req) {\n  const ${resource} = req.params.${resource};\n  delete ${className}[${resource}];\n}\n`,
-        },
-      };
-
-      const sample = {
-        definition: `class ${className} {\n  constructor() {\n  }\n}\n`,
-        ext: "ts",
-        params: [],
-        path: `/${className}`,
-        type: "CLASS",
-      };
-
-      functions.push(sample);
-
-      publish("CONTEXT_CHANGED", {
-        files: [
-          { key: `${sample.path}.${sample.ext}`, value: sample.definition },
-        ],
-      });
-
-      break;
-    }
-
-    case "UPDATE_API_SCHEMAS": {
-      const { path, method, requestSchema, responseSchema } = action.payload;
-      const apiIndex = specification.api.findIndex(
-        (api) => api.path === path && api.method === method
-      );
-
-      if (apiIndex !== -1) {
-        specification.api[apiIndex].request = {
-          ...specification.api[apiIndex].request,
-          schema: requestSchema,
-        };
-        specification.api[apiIndex].response = {
-          ...specification.api[apiIndex].response,
-          schema: responseSchema,
-        };
-      }
-      break;
-    }
-
-    case "UPDATE_API_SUMMARY": {
-      const { path, method, newSummary } = action.payload;
-      const apiEndpoint = specification.api.find(
-        (api) => api.path === path && api.method === method
-      );
-      if (apiEndpoint) {
-        apiEndpoint.summary = newSummary;
-      }
-      break;
-    }
-
-    case "UPDATE_API_DESCRIPTION": {
-      const { path, method, newDescription } = action.payload;
-      const apiEndpoint = specification.api.find(
-        (api) => api.path === path && api.method === method
-      );
-      if (apiEndpoint) {
-        apiEndpoint.description = newDescription;
-      }
-      break;
-    }
-
-    case "DELETE_API": {
-      const selectedIndex = specification.api.findIndex(
-        (api) =>
-          api.path === pages.api.selected.path &&
-          api.method === pages.api.selected.method
-      );
-
-      if (selectedIndex > -1) {
-        specification.api.splice(selectedIndex, 1);
-        if (specification.api.length > 0) {
-          pages.api.selected.path = specification.api[0].path;
-          pages.api.selected.method = specification.api[0].method;
-        } else {
-          pages.api.selected.path = "/";
-          pages.api.selected.method = "get";
-        }
-      }
-      pages.api.dialog.open = false;
-
-      break;
-    }
-
-    case "UPDATE_API_TYPES": {
-      const { updatedTypes } = action.payload;
-      const typeIndex = specification.types.findIndex(
-        (type) => type.name === updatedTypes.name
-      );
-      const updatedType = {
-        ...specification.types[typeIndex],
-        schema: {
-          ...updatedTypes,
-        },
-      };
-      if (typeIndex !== -1) {
-        specification.types[typeIndex] = updatedType;
-      } else {
-        specification.types.push(updatedTypes);
-      }
-      break;
-    }
-
-    case "ADD_TYPE": {
-      const { typeName } = action.payload;
-      const newType = {
-        name: typeName,
-        schema: {
-          name: typeName,
-          type: "object",
-          properties: [
-            { type: "string", name: "id" },
-            { type: "string", name: "name" },
-          ],
-        },
-      };
-      specification.types.push(newType);
-      break;
-    }
-
-    case "DELETE_TYPE": {
-      const { typeName } = action.payload;
-      const typeIndex = specification.types.findIndex(
-        (type) => type.name === typeName
-      );
-
-      if (typeIndex !== -1) {
-        specification.types.splice(typeIndex, 1);
-      }
-      break;
-    }
-
-    case "UPDATE_TYPE_NAME": {
-      const { oldTypeName, newTypeName } = action.payload;
-      const typeIndex = specification.types.findIndex(
-        (type) => type.name === oldTypeName
-      );
-
-      if (typeIndex !== -1) {
-        specification.types[typeIndex].name = newTypeName;
-        specification.types[typeIndex].schema.name = newTypeName;
-      }
-      break;
-    }
-
-    case "SAVE_API_PARAMS": {
-      console.log("SAVE_API_PARAMS", action.payload);
-      const { path, method, params } = action.payload;
-      const apiIndex = specification.api.findIndex(
-        (api) => api.path === path && api.method === method
-      );
-
-      if (apiIndex !== -1) {
-        specification.api[apiIndex].params = params;
-      }
-      break;
-    }
-
-    case "UPDATE_API_PATH_METHOD": {
-      const { path, method } = action.payload;
-
-      const apiIndex = specification.api.findIndex(
-        (api) =>
-          api.path === pages.api.selected.path &&
-          api.method === pages.api.selected.method
-      );
-
-      if (apiIndex !== -1) {
-        specification.api[apiIndex].path = path;
-        specification.api[apiIndex].method = method;
-      }
-
-      pages.api.selected = {
-        ...pages.api.selected,
-        path: path,
-        method: method,
-      };
-
-      break;
-    }
-
-    default:
-  }
-
-  console.debug("reducer", action.type, context);
-  return context;
-};

package/src/layouts/AppLayout.jsx

@@ -1,113 +0,0 @@
-import { Box } from "@mui/material";
-import MiniTopBar from "../components/MiniTopBar";
-import Sidebar from "../components/Sidebar";
-import TopNavBar from "../components/TopNavBar";
-import config from "../config/config";
-import { useContext } from "../ContextProvider/ContextProvider";
-import user from "../http/user";
-
-import { Outlet, useLocation } from "react-router-dom";
-import React, { useEffect, useState } from "react";
-
-function AppLayout() {
-  const [anchorElUser, setAnchorElUser] = useState(null);
-  const [isCollapsed, setIsCollapsed] = useState(false);
-  const [isSubmenuOpen, setSubmenuOpen] = useState(false);
-  const [selectedItem, setSelectedItem] = useState();
-  const [state, dispatch] = useContext();
-  const [miniTopMenu, setMiniTopMenu] = useState(false);
-  const [userData, setUserData] = useState(null);
-  const location = useLocation();
-  const globalConfig = useConfig();
-
-  const toggleCollapse = () => {
-    setIsCollapsed(!isCollapsed);
-    if (isSubmenuOpen) {
-      setSubmenuOpen(false);
-    }
-  };
-
-  const handleOpenUserMenu = (event) => {
-    setAnchorElUser(event.currentTarget);
-  };
-
-  const handleCloseUserMenu = () => {
-    setAnchorElUser(null);
-  };
-
-  const handleItemSelect = (item) => {
-    dispatch({ type: "ITEM_SELECT", payload: item.id });
-  };
-
-  useEffect(() => {
-    const foundItem = globalConfig.itemsData.find(
-      (item) => item.id === state.itemId
-    );
-
-    if (foundItem) {
-      setSelectedItem(foundItem);
-    }
-    selectedItem && setSubmenuOpen(false);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  useEffect(() => {
-    user.get("https://api.github.com/user").then((response) => {
-      setUserData(response.data);
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [state.login]);
-
-  useEffect(() => {
-    const targetPage = globalConfig.topMenu.find(
-      (target) => target.url === location.pathname
-    );
-
-    targetPage?.hideTopBar
-      ? (setMiniTopMenu(true), setIsCollapsed(true))
-      : (setMiniTopMenu(false), setIsCollapsed(false));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [location]);
-
-  return (
-    <Box>
-      {state.login &&
-        (miniTopMenu ? (
-          <MiniTopBar />
-        ) : (
-          <TopNavBar
-            sx={{ flexShrink: 0 }}
-            anchorElUser={anchorElUser}
-            handleOpenUserMenu={handleOpenUserMenu}
-            handleCloseUserMenu={handleCloseUserMenu}
-            routes={globalConfig.topMenu}
-            itemsData={globalConfig.itemsData}
-            onItemSelect={handleItemSelect}
-            sideBarToggle={toggleCollapse}
-            selectedItem={selectedItem}
-            setSelectedItem={setSelectedItem}
-            itemUrl="/"
-            itemName="ITEEEEEM"
-            userData={userData}
-          />
-        ))}
-
-      <Box sx={{ display: "flex", flexGrow: 1 }}>
-        {state.itemId ? (
-          <Sidebar
-            sx={{ flexShrink: 0 }}
-            routes={globalConfig.sideMenu}
-            isCollapsed={isCollapsed}
-            currentPage={location.pathname}
-          />
-        ) : null}
-        <Box sx={{ flexGrow: 1, overflow: "auto" }}>
-          <Outlet />
-        </Box>
-      </Box>
-    </Box>
-  );
-}
-
-export default AppLayout;

package/src/lib/NucDialog/index.js

@@ -1 +0,0 @@
-export { default } from "./NucDialog";

package/src/templates/ActionTemplate.js

@@ -1,24 +0,0 @@
-const ActionTemplate = {
-  GET: `function action(req) {
-  // Implement your GET logic here
-  return {};
-}`,
-  POST: `function action(req) {
-  // Implement your POST logic here
-  return {};
-}`,
-  PUT: `function action(req) {
-  // Implement your PUT logic here
-  return {};
-}`,
-  DELETE: `function action(req) {
-  // Implement your DELETE logic here
-  return {};
-}`,
-  PATCH: `function action(req) {
-  // Implement your PATCH logic here
-  return {};
-}`,
-};
-
-export default ActionTemplate;