start-fapi 1.0.3 → 1.0.4-alpha.0

package/.next/static/chunks/c6f55f4b46a7a925.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,33525,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"warnOnce",{enumerable:!0,get:function(){return s}});let s=e=>{}},41556,e=>{e.v("/_next/static/media/fapi-logo.df2eabba.svg")},51321,e=>{e.v("/_next/static/media/fapi-slash-logo.8ad03fe8.svg")},43564,e=>{"use strict";var t=e.i(43476),a=e.i(71645),s=e.i(55487),n=e.i(42669);e.i(33999);var i=e.i(70948),o=e.i(59558),o=o,r=e.i(61746),r=r,l=e.i(18240),l=l,c=e.i(44605),c=c,d=e.i(50632),d=d;e.i(6399);var p=e.i(48456),u=e.i(99891),m=e.i(89532),g=e.i(45571),S=e.i(81961),I=e.i(22860);e.i(82109);var j=e.i(92719);e.i(56621);var x=e.i(50384),T=e.i(47877);e.i(59170);var f=e.i(60365),C=e.i(35689),O=e.i(19163);e.s(["default",0,()=>{let e=(0,s.useDispatch)(),[E,h]=(0,a.useState)("3000");(0,a.useEffect)(()=>{h(window.location.port||"3000")},[]);let b=(0,s.useSelector)(e=>e.endpoints.endpoints),_=(0,s.useSelector)(e=>e.endpoints.projectName),[N,A]=(0,a.useState)(!1),[R,P]=(0,a.useState)({isOpen:!1,message:"",backgroundColor:""});(0,a.useEffect)(()=>{(async()=>{let t=await (0,x.loadEndpoints)();t.success&&t.endpoints?e((0,j.hydrateEndpoints)({endpoints:t.endpoints,projectName:t.projectName||""})):console.error("Failed to load endpoints:",t.error)})()},[e]);let{currentProjectName:M,setCurrentProjectName:v,isSavingProjectName:y,projectNameError:k,hasProjectNameChanges:L,handleProjectNameChange:F,handleSaveProjectName:U}=(({initialProjectName:e,setSnackbar:t})=>{let n=(0,s.useDispatch)(),[i,o]=(0,a.useState)(e),[r,l]=(0,a.useState)(!1),[c,d]=(0,a.useState)(""),p=i!==e,u=(0,a.useCallback)(e=>{let t=e.target.value;f.FAPI_REGEX.PROJECT_NAME.test(t)?(d(""),o(t)):d("Only letters, numbers, and spaces are allowed")},[]),m=(0,a.useCallback)(async()=>{if(p&&!c){if(i.length>f.UI_LIMITS.PROJECT_NAME_MAX_LENGTH)return void d(`Project name cannot exceed ${f.UI_LIMITS.PROJECT_NAME_MAX_LENGTH} characters`);l(!0);try{let a=await (0,C.updateProjectName)(i);a.success?(n((0,j.setProjectName)(i)),t({isOpen:!0,message:"Project name saved successfully",backgroundColor:f.STATUS_COLORS.SUCCESS})):(t({isOpen:!0,message:a.error||"Failed to save project name",backgroundColor:f.STATUS_COLORS.ERROR}),o(e))}catch(a){t({isOpen:!0,message:"An unexpected error occurred",backgroundColor:f.STATUS_COLORS.ERROR}),o(e)}finally{l(!1)}}},[p,c,i,e,n,t]);return{currentProjectName:i,setCurrentProjectName:o,isSavingProjectName:r,projectNameError:c,hasProjectNameChanges:p,handleProjectNameChange:u,handleSaveProjectName:m}})({initialProjectName:_,setSnackbar:P}),{fileInputRef:w,isImporting:X,importModalOpen:B,pendingImportFile:D,handleImport:G,handleFileChange:$,handleImportStrategy:W,handleImportCancel:z}=(({currentEndpointCount:e,setSnackbar:t})=>{let n=(0,s.useDispatch)(),i=(0,a.useRef)(null),[o,r]=(0,a.useState)(!1),[l,c]=(0,a.useState)(!1),[d,p]=(0,a.useState)(null),u=(0,a.useCallback)(()=>{i.current?.click()},[]),m=(0,a.useCallback)(e=>{let a=e.target.files?.[0];if(a){if(a.size>f.FAPI_LIMITS.MAX_FILE_SIZE_BYTES){t({isOpen:!0,message:`File size exceeds ${f.FAPI_LIMITS.MAX_FILE_SIZE_MB}MB limit`,backgroundColor:f.STATUS_COLORS.ERROR}),i.current&&(i.current.value="");return}p(a),c(!0)}},[t]),g=(0,a.useCallback)(async a=>{if(!d)return;if(a===f.IMPORT_STRATEGY.MERGE&&e>=f.FAPI_LIMITS.MAX_ENDPOINTS){t({isOpen:!0,message:`Cannot merge: Already at maximum limit of ${f.FAPI_LIMITS.MAX_ENDPOINTS} endpoints`,backgroundColor:f.STATUS_COLORS.ERROR}),c(!1);return}c(!1),r(!0);let s=await (0,O.importEndpoints)(d,a,e);if(s.success){t({isOpen:!0,message:s.message||`Imported ${s.addedCount} endpoint(s)`,backgroundColor:f.STATUS_COLORS.SUCCESS});let e=await (0,x.loadEndpoints)();e.success&&e.endpoints&&n((0,j.hydrateEndpoints)({endpoints:e.endpoints,projectName:e.projectName||""}))}else t({isOpen:!0,message:s.error||"Failed to import endpoints",backgroundColor:f.STATUS_COLORS.ERROR});r(!1),p(null),i.current&&(i.current.value="")},[d,e,n,t]),S=(0,a.useCallback)(()=>{c(!1),p(null),i.current&&(i.current.value="")},[]);return{fileInputRef:i,isImporting:o,importModalOpen:l,pendingImportFile:d,handleImport:u,handleFileChange:m,handleImportStrategy:g,handleImportCancel:S}})({currentEndpointCount:Object.keys(b).length,setSnackbar:P});(0,a.useEffect)(()=>{v(_)},[_,v]),(0,a.useEffect)(()=>{_&&_.trim()?document.title=`FAPI x ${_.trim()}`:document.title="FAPI"},[_]);let H=(0,a.useMemo)(()=>Object.entries(b).map(([e,t])=>{let[a,...s]=e.split(" ");return{path:s.join(" "),method:a,details:t}}),[b]),Y=Object.keys(b).length,J=Y>=f.FAPI_LIMITS.MAX_ENDPOINTS;return(0,t.jsxs)("div",{className:"min-h-screen relative",children:[(0,t.jsx)(p.AnimatedBackground,{}),(0,t.jsx)("input",{type:"file",ref:w,onChange:$,accept:".json",style:{display:"none"}}),(0,t.jsx)("div",{className:"sticky top-0 z-10 backdrop-blur-md bg-black/30 px-6 py-4",style:{maskImage:"linear-gradient(to bottom, black 70%, transparent 100%)",WebkitMaskImage:"linear-gradient(to bottom, black 70%, transparent 100%)"},children:(0,t.jsxs)("div",{className:"mx-auto flex flex-col sm:flex-row justify-between items-center gap-4",style:{maxWidth:f.UI_LIMITS.UI_CONTAINER_MAX_WIDTH},children:[(0,t.jsx)(u.AppName,{logoWidth:134,logoHeight:48}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(n.Tooltip,{title:J?`Maximum limit of ${f.FAPI_LIMITS.MAX_ENDPOINTS} endpoints reached`:"Create a new FAPI endpoint",arrow:!0,placement:"top",children:(0,t.jsx)("span",{children:(0,t.jsx)(m.Button,{onClick:J?void 0:()=>A(!0),name:"Create a new FAPI",disabled:J})})}),(0,t.jsx)(c.default,{isImporting:X,currentEndpointCount:Y,projectName:_,onImport:G,setSnackbar:P})]})]})}),(0,t.jsx)("div",{className:"px-6 pb-6",children:(0,t.jsxs)("div",{className:"mx-auto",style:{maxWidth:f.UI_LIMITS.UI_CONTAINER_MAX_WIDTH},children:[(0,t.jsxs)("div",{className:"mb-8 flex flex-col lg:flex-row justify-between items-start lg:items-center gap-4",children:[(0,t.jsx)(r.default,{currentProjectName:M,projectNameError:k,hasProjectNameChanges:L,isSavingProjectName:y,onProjectNameChange:F,onSaveProjectName:U}),(0,t.jsx)(l.default,{currentEndpointCount:Y})]}),(0,t.jsx)("div",{className:"mb-8",children:(0,t.jsx)(S.PrivacyBanner,{})}),(0,t.jsxs)("div",{className:"mb-6 flex item-center gap-1",children:[(0,t.jsx)("span",{className:"text-gray-200 font-semibold size",children:"FAPIs are available at:"}),(0,t.jsxs)("code",{className:"text-yellow-400 font-googleSansCode pr-2.5",children:[`http://localhost:${E}/api/fapi/`,(0,t.jsx)("span",{className:"text-gray-500",children:"{your-endpoint}"})]}),(0,t.jsx)(g.CopyButton,{textToCopy:`http://localhost:${E}/api/fapi/`,size:14,tooltipText:"Copy base URL"})]}),(0,t.jsx)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-x-5 gap-y-7",children:H.map(e=>(0,t.jsx)(o.default,{method:e.method,path:e.path,details:e.details},(0,T.createEndpointKey)(e.method,e.path)))})]})}),(0,t.jsx)(i.EndpointModal,{isOpen:N,onClose:()=>A(!1)}),(0,t.jsx)(I.Snackbar,{isOpen:R.isOpen,message:R.message,onClose:()=>P(e=>({...e,isOpen:!1})),backgroundColor:R.backgroundColor}),(0,t.jsx)(d.default,{isOpen:B,fileName:D?.name||"unknown file",isAtLimit:J,onMerge:()=>W(f.IMPORT_STRATEGY.MERGE),onReplace:()=>W(f.IMPORT_STRATEGY.REPLACE),onCancel:z})]})}],43564)}]);

package/.next/static/chunks/f2dc08cdcf390d02.js

@@ -0,0 +1,33 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,4730,e=>{e.v({name:"start-fapi",version:"1.0.4-alpha.0",description:"A developer tool for creating and simulating Fake APIs (FAPIs) in seconds.",bin:{"start-fapi":"./bin/start-fapi.js"},files:["bin","src","public",".next/static",".next/server",".next/*.json",".next/*.js",".next/BUILD_ID","!**/*.map","next.config.js","postcss.config.js","tailwind.config.ts","tsconfig.json","package.json","README.md"],keywords:["fake-api","mock-api","api-simulator","development-tools","api-testing","fapi","mock-server","fake-server","fake-rest-api"],author:"Soham De Roy",license:"MIT",repository:{type:"git",url:"https://github.com/sohamderoy/FAPI-Fake-APIs.git"},bugs:{url:"https://github.com/sohamderoy/FAPI-Fake-APIs/issues"},homepage:"https://github.com/sohamderoy/FAPI-Fake-APIs#readme",engines:{node:">=20.9.0"},scripts:{dev:"node bin/dev-with-consent.js","dev:3001":"PORT=3001 node bin/dev-with-consent.js",build:"next build",start:"next start",lint:"next lint",prepublishOnly:"npm run build"},dependencies:{"@emotion/cache":"^11.14.0","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.1","@monaco-editor/react":"^4.7.0","@mui/icons-material":"^7.3.6","@mui/material":"^7.3.6","@mui/material-nextjs":"^7.3.6","@reduxjs/toolkit":"^2.11.2","@tailwindcss/postcss":"^4.1.18","lucide-react":"^0.562.0",next:"^16.1.1",react:"^19.2.3","react-dom":"^19.2.3","react-redux":"^9.2.0",uuid:"^13.0.0"},devDependencies:{"@types/node":"^25.0.3","@types/react":"^19.2.7","@types/react-dom":"^19.2.3",autoprefixer:"^10.4.23",eslint:"^9.39.2","eslint-config-next":"^16.1.1",postcss:"^8.5.6",tailwindcss:"^4.1.18",typescript:"^5.9.3"}})},18566,(e,t,o)=>{t.exports=e.r(76562)},79459,(e,t,o)=>{t.exports=e.r(18566)},82540,e=>{e.v({className:"google_sans_flex_739028f6-module__1u14uq__className",variable:"google_sans_flex_739028f6-module__1u14uq__variable"})},62051,e=>{e.v({className:"google_sans_code_6aade507-module__domY0W__className",variable:"google_sans_code_6aade507-module__domY0W__variable"})},76938,e=>{"use strict";var t=e.i(43476);e.i(47167);var o=e.i(71645),r=e.i(48203),l=e.i(98533),l=l,s=e.i(79459);function a(e){let{options:a,CacheProvider:n=l.C,children:i}=e,[c]=o.useState(()=>{let e=(0,r.default)({...a,key:a?.key??"mui"});e.compat=!0;let t=e.insert,o=[];return e.insert=(...r)=>{a?.enableCssLayer&&!r[1].styles.match(/^@layer\s+[^{]*$/)&&(r[1].styles=`@layer mui {${r[1].styles}}`);let[l,s]=r;return void 0===e.inserted[s.name]&&o.push({name:s.name,isGlobal:!l}),t(...r)},{cache:e,flush:()=>{let e=o;return o=[],e}}});return(0,s.useServerInsertedHTML)(()=>{let e=c.flush();if(0===e.length)return null;let r="",l=c.cache.key,s=[];return e.forEach(({name:e,isGlobal:t})=>{let o=c.cache.inserted[e];"string"==typeof o&&(t?s.push({name:e,style:o}):(r+=o,l+=` ${e}`))}),(0,t.jsxs)(o.Fragment,{children:[s.map(({name:e,style:o})=>(0,t.jsx)("style",{nonce:a?.nonce,"data-emotion":`${c.cache.key}-global ${e}`,dangerouslySetInnerHTML:{__html:o}},e)),r&&(0,t.jsx)("style",{nonce:a?.nonce,"data-emotion":l,dangerouslySetInnerHTML:{__html:r}})]})}),(0,t.jsx)(n,{value:c.cache,children:i})}var n=e.i(82540);let i={className:n.default.className,style:{fontFamily:"'Google Sans Flex'",fontStyle:"normal"}};null!=n.default.variable&&(i.variable=n.default.variable);var c=e.i(62051);let d={className:c.default.className,style:{fontFamily:"'Google Sans Code'",fontStyle:"normal"}};null!=c.default.variable&&(d.variable=c.default.variable);let m=o.createContext(null);function u(){return o.useContext(m)}let h="function"==typeof Symbol&&Symbol.for?Symbol.for("mui.nested"):"__THEME_NESTED__",f=function(e){let{children:r,theme:l}=e,s=u(),a=o.useMemo(()=>{var e,t;let o=null===s?{...l}:(e=s,"function"==typeof(t=l)?t(e):{...e,...t});return null!=o&&(o[h]=null!==s),o},[l,s]);return(0,t.jsx)(m.Provider,{value:a,children:r})};var g=e.i(28419),p=e.i(86931),y=e.i(68308),S=e.i(86373),b=e.i(7558),v=e.i(57242),_=e.i(73852);let x={};function k(e,t,r,l=!1){return o.useMemo(()=>{let o=e&&t[e]||t;if("function"==typeof r){let s=r(o),a=e?{...t,[e]:s}:s;return l?()=>a:a}return e?{...t,[e]:r}:{...t,...r}},[e,t,r,l])}let C=function(e){let{children:o,theme:r,themeId:l}=e,s=(0,p.default)(x),a=u()||x,n=k(l,s,r),i=k(l,a,r,!0),c="rtl"===(l?n[l]:n).direction,d=function(e){let o=(0,p.default)(),r=(0,v.default)()||"",{modularCssLayers:l}=e,s="mui.global, mui.components, mui.theme, mui.custom, mui.sx";return(s=l&&null===o?"string"==typeof l?l.replace(/mui(?!\.)/g,s):`@layer ${s};`:"",(0,b.default)(()=>{let e=document.querySelector("head");if(!e)return;let t=e.firstChild;if(s){if(t&&t.hasAttribute?.("data-mui-layer-order")&&t.getAttribute("data-mui-layer-order")===r)return;let o=document.createElement("style");o.setAttribute("data-mui-layer-order",r),o.textContent=s,e.prepend(o)}else e.querySelector(`style[data-mui-layer-order="${r}"]`)?.remove()},[s,r]),s)?(0,t.jsx)(_.default,{styles:s}):null}(n);return(0,t.jsx)(f,{theme:i,children:(0,t.jsx)(g.ThemeContext.Provider,{value:n,children:(0,t.jsx)(y.default,{value:c,children:(0,t.jsxs)(S.default,{value:l?n[l].components:n.components,children:[d,o]})})})})};var j=e.i(2001);function w({theme:e,...o}){let r=j.default in e?e[j.default]:void 0;return(0,t.jsx)(C,{...o,themeId:r?j.default:void 0,theme:r||e})}var M=e.i(17028),$=e.i(98006);let A="mode",F="color-scheme";function I(){}let P=({key:e,storageWindow:t})=>(t||"undefined"==typeof window||(t=window),{get(o){let r;if("undefined"!=typeof window){if(!t)return o;try{r=t.localStorage.getItem(e)}catch{}return r||o}},set:o=>{if(t)try{t.localStorage.setItem(e,o)}catch{}},subscribe:o=>{if(!t)return I;let r=t=>{let r=t.newValue;t.key===e&&o(r)};return t.addEventListener("storage",r),()=>{t.removeEventListener("storage",r)}}});function E(){}function T(e){if("undefined"!=typeof window&&"function"==typeof window.matchMedia&&"system"===e)return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function L(e,t){return"light"===e.mode||"system"===e.mode&&"light"===e.systemMode?t("light"):"dark"===e.mode||"system"===e.mode&&"dark"===e.systemMode?t("dark"):void 0}var W=e.i(1937),O=e.i(35767);let{CssVarsProvider:B,useColorScheme:D,getInitColorSchemeScript:N}=function(e){let{themeId:r,theme:l={},modeStorageKey:s=A,colorSchemeStorageKey:a=F,disableTransitionOnChange:n=!1,defaultColorScheme:i,resolveTheme:c}=e,d={allColorSchemes:[],colorScheme:void 0,darkColorScheme:void 0,lightColorScheme:void 0,mode:void 0,setColorScheme:()=>{},setMode:()=>{},systemMode:void 0},m=o.createContext(void 0),h={},f={},g="string"==typeof i?i:i.light,p="string"==typeof i?i:i.dark;return{CssVarsProvider:function(e){let{children:d,theme:g,modeStorageKey:p=s,colorSchemeStorageKey:y=a,disableTransitionOnChange:S=n,storageManager:v,storageWindow:_="undefined"==typeof window?void 0:window,documentNode:x="undefined"==typeof document?void 0:document,colorSchemeNode:k="undefined"==typeof document?void 0:document.documentElement,disableNestedContext:j=!1,disableStyleSheetGeneration:w=!1,defaultMode:M="system",forceThemeRerender:I=!1,noSsr:W}=e,O=o.useRef(!1),B=u(),D=o.useContext(m),N=!!D&&!j,R=o.useMemo(()=>g||("function"==typeof l?l():l),[g]),z=R[r],K=z||R,{colorSchemes:V=h,components:H=f,cssVarPrefix:q}=K,G=Object.keys(V).filter(e=>!!V[e]).join(","),U=o.useMemo(()=>G.split(","),[G]),Y="string"==typeof i?i:i.light,J="string"==typeof i?i:i.dark,Q=V[Y]&&V[J]?M:V[K.defaultColorScheme]?.palette?.mode||K.palette?.mode,{mode:X,setMode:Z,systemMode:ee,lightColorScheme:et,darkColorScheme:eo,colorScheme:er,setColorScheme:el}=function(e){let{defaultMode:t="light",defaultLightColorScheme:r,defaultDarkColorScheme:l,supportedColorSchemes:s=[],modeStorageKey:a=A,colorSchemeStorageKey:n=F,storageWindow:i="undefined"==typeof window?void 0:window,storageManager:c=P,noSsr:d=!1}=e,m=s.join(","),u=s.length>1,h=o.useMemo(()=>c?.({key:a,storageWindow:i}),[c,a,i]),f=o.useMemo(()=>c?.({key:`${n}-light`,storageWindow:i}),[c,n,i]),g=o.useMemo(()=>c?.({key:`${n}-dark`,storageWindow:i}),[c,n,i]),[p,y]=o.useState(()=>{let e=h?.get(t)||t,o=f?.get(r)||r,s=g?.get(l)||l;return{mode:e,systemMode:T(e),lightColorScheme:o,darkColorScheme:s}}),[S,b]=o.useState(d||!u);o.useEffect(()=>{b(!0)},[]);let v=L(p,e=>"light"===e?p.lightColorScheme:"dark"===e?p.darkColorScheme:void 0),_=o.useCallback(e=>{y(o=>{if(e===o.mode)return o;let r=e??t;return h?.set(r),{...o,mode:r,systemMode:T(r)}})},[h,t]),x=o.useCallback(e=>{e?"string"==typeof e?e&&!m.includes(e)?console.error(`\`${e}\` does not exist in \`theme.colorSchemes\`.`):y(t=>{let o={...t};return L(t,t=>{"light"===t&&(f?.set(e),o.lightColorScheme=e),"dark"===t&&(g?.set(e),o.darkColorScheme=e)}),o}):y(t=>{let o={...t},s=null===e.light?r:e.light,a=null===e.dark?l:e.dark;return s&&(m.includes(s)?(o.lightColorScheme=s,f?.set(s)):console.error(`\`${s}\` does not exist in \`theme.colorSchemes\`.`)),a&&(m.includes(a)?(o.darkColorScheme=a,g?.set(a)):console.error(`\`${a}\` does not exist in \`theme.colorSchemes\`.`)),o}):y(e=>(f?.set(r),g?.set(l),{...e,lightColorScheme:r,darkColorScheme:l}))},[m,f,g,r,l]),k=o.useCallback(e=>{"system"===p.mode&&y(t=>{let o=e?.matches?"dark":"light";return t.systemMode===o?t:{...t,systemMode:o}})},[p.mode]),C=o.useRef(k);return C.current=k,o.useEffect(()=>{if("function"!=typeof window.matchMedia||!u)return;let e=(...e)=>C.current(...e),t=window.matchMedia("(prefers-color-scheme: dark)");return t.addListener(e),e(t),()=>{t.removeListener(e)}},[u]),o.useEffect(()=>{if(u){let e=h?.subscribe(e=>{(!e||["light","dark","system"].includes(e))&&_(e||t)})||E,o=f?.subscribe(e=>{(!e||m.match(e))&&x({light:e})})||E,r=g?.subscribe(e=>{(!e||m.match(e))&&x({dark:e})})||E;return()=>{e(),o(),r()}}},[x,_,m,t,i,u,h,f,g]),{...p,mode:S?p.mode:void 0,systemMode:S?p.systemMode:void 0,colorScheme:S?v:void 0,setMode:_,setColorScheme:x}}({supportedColorSchemes:U,defaultLightColorScheme:Y,defaultDarkColorScheme:J,modeStorageKey:p,colorSchemeStorageKey:y,defaultMode:Q,storageManager:v,storageWindow:_,noSsr:W}),es=X,ea=er;N&&(es=D.mode,ea=D.colorScheme);let en=ea||K.defaultColorScheme;K.vars&&!I&&(en=K.defaultColorScheme);let ei=o.useMemo(()=>{let e=K.generateThemeVars?.()||K.vars,t={...K,components:H,colorSchemes:V,cssVarPrefix:q,vars:e};if("function"==typeof t.generateSpacing&&(t.spacing=t.generateSpacing()),en){let e=V[en];e&&"object"==typeof e&&Object.keys(e).forEach(o=>{e[o]&&"object"==typeof e[o]?t[o]={...t[o],...e[o]}:t[o]=e[o]})}return c?c(t):t},[K,en,H,V,q]),ec=K.colorSchemeSelector;(0,b.default)(()=>{if(ea&&k&&ec&&"media"!==ec){let e=ec;if("class"===ec&&(e=".%s"),"data"===ec&&(e="[data-%s]"),ec?.startsWith("data-")&&!ec.includes("%s")&&(e=`[${ec}="%s"]`),e.startsWith("."))k.classList.remove(...U.map(t=>e.substring(1).replace("%s",t))),k.classList.add(e.substring(1).replace("%s",ea));else{let t=e.replace("%s",ea).match(/\[([^\]]+)\]/);if(t){let[e,o]=t[1].split("=");o||U.forEach(t=>{k.removeAttribute(e.replace(ea,t))}),k.setAttribute(e,o?o.replace(/"|'/g,""):"")}else k.setAttribute(e,ea)}}},[ea,ec,k,U]),o.useEffect(()=>{let e;if(S&&O.current&&x){let t=x.createElement("style");t.appendChild(x.createTextNode("*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),x.head.appendChild(t),window.getComputedStyle(x.body),e=setTimeout(()=>{x.head.removeChild(t)},1)}return()=>{clearTimeout(e)}},[ea,S,x]),o.useEffect(()=>(O.current=!0,()=>{O.current=!1}),[]);let ed=o.useMemo(()=>({allColorSchemes:U,colorScheme:ea,darkColorScheme:eo,lightColorScheme:et,mode:es,setColorScheme:el,setMode:Z,systemMode:ee}),[U,ea,eo,et,es,el,Z,ee,ei.colorSchemeSelector]),em=!0;(w||!1===K.cssVariables||N&&B?.cssVarPrefix===q)&&(em=!1);let eu=(0,t.jsxs)(o.Fragment,{children:[(0,t.jsx)(C,{themeId:z?r:void 0,theme:ei,children:d}),em&&(0,t.jsx)($.GlobalStyles,{styles:ei.generateStyleSheets?.()||[]})]});return N?eu:(0,t.jsx)(m.Provider,{value:ed,children:eu})},useColorScheme:()=>o.useContext(m)||d,getInitColorSchemeScript:e=>(function(e){let{defaultMode:o="system",defaultLightColorScheme:r="light",defaultDarkColorScheme:l="dark",modeStorageKey:s=A,colorSchemeStorageKey:a=F,attribute:n="data-color-scheme",colorSchemeNode:i="document.documentElement",nonce:c}=e||{},d="",m=n;if("class"===n&&(m=".%s"),"data"===n&&(m="[data-%s]"),m.startsWith(".")){let e=m.substring(1);d+=`${i}.classList.remove('${e}'.replace('%s', light), '${e}'.replace('%s', dark));
+      ${i}.classList.add('${e}'.replace('%s', colorScheme));`}let u=m.match(/\[([^[\]]+)\]/);if(u){let[e,t]=u[1].split("=");t||(d+=`${i}.removeAttribute('${e}'.replace('%s', light));
+      ${i}.removeAttribute('${e}'.replace('%s', dark));`),d+=`
+      ${i}.setAttribute('${e}'.replace('%s', colorScheme), ${t?`${t}.replace('%s', colorScheme)`:'""'});`}else".%s"!==m&&(d+=`${i}.setAttribute('${m}', colorScheme);`);return(0,t.jsx)("script",{suppressHydrationWarning:!0,nonce:"undefined"==typeof window?c:"",dangerouslySetInnerHTML:{__html:`(function() {
+try {
+  let colorScheme = '';
+  const mode = localStorage.getItem('${s}') || '${o}';
+  const dark = localStorage.getItem('${a}-dark') || '${l}';
+  const light = localStorage.getItem('${a}-light') || '${r}';
+  if (mode === 'system') {
+    // handle system mode
+    const mql = window.matchMedia('(prefers-color-scheme: dark)');
+    if (mql.matches) {
+      colorScheme = dark
+    } else {
+      colorScheme = light
+    }
+  }
+  if (mode === 'light') {
+    colorScheme = light;
+  }
+  if (mode === 'dark') {
+    colorScheme = dark;
+  }
+  if (colorScheme) {
+    ${d}
+  }
+} catch(e){}})();`}},"mui-color-scheme-init")})({colorSchemeStorageKey:a,defaultLightColorScheme:g,defaultDarkColorScheme:p,modeStorageKey:s,...e})}}({themeId:j.default,theme:()=>(0,W.default)({cssVariables:!0}),colorSchemeStorageKey:"mui-color-scheme",modeStorageKey:"mui-mode",defaultColorScheme:{light:"light",dark:"dark"},resolveTheme:e=>{let t={...e,typography:(0,O.default)(e.palette,e.typography)};return t.unstable_sx=function(e){return(0,M.default)({sx:e,theme:this})},t}});function R({theme:e,...r}){let l=o.useMemo(()=>{if("function"==typeof e)return e;let t=j.default in e?e[j.default]:e;return"colorSchemes"in t?null:"vars"in t?e:{...e,vars:null}},[e]);return l?(0,t.jsx)(w,{theme:l,...r}):(0,t.jsx)(B,{theme:e,...r})}let z=(0,W.default)({palette:{mode:"dark",primary:{main:"#2563EB",light:"#3B82F6",dark:"#1D4ED8"},secondary:{main:"#8B5CF6",light:"#A78BFA",dark:"#7C3AED"},background:{default:"#000000",paper:"#111111"},text:{primary:"#F9FAFB",secondary:"#D1D5DB"}},typography:{fontFamily:"var(--font-google-sans-flex), sans-serif",h1:{fontFamily:"var(--font-google-sans-flex), sans-serif",fontSize:"3.5rem",fontWeight:700,letterSpacing:"0.2em"},h2:{fontFamily:"var(--font-google-sans-flex), sans-serif",fontSize:"2.5rem",fontWeight:600},h3:{fontFamily:"var(--font-google-sans-flex), sans-serif",fontSize:"2rem",fontWeight:600},body1:{fontFamily:"var(--font-google-sans-flex), sans-serif",fontSize:"1rem",lineHeight:1.5},button:{fontFamily:"var(--font-google-sans-flex), sans-serif",textTransform:"none",fontWeight:500}},components:{MuiCssBaseline:{styleOverrides:{body:{fontFamily:"var(--font-google-sans-flex), sans-serif",backgroundColor:"#000000"}}},MuiButton:{styleOverrides:{root:{borderRadius:8,padding:"8px 24px"}}},MuiCard:{styleOverrides:{root:{borderRadius:12,background:"#111111"}}},MuiPopover:{defaultProps:{disableScrollLock:!0}},MuiMenu:{defaultProps:{disableScrollLock:!0}},MuiModal:{defaultProps:{disableScrollLock:!0}}}});var K=e.i(35642),V=e.i(94425);let H="function"==typeof(0,K.globalCss)({}),q=(e,t=!1)=>{let o={};t&&e.colorSchemes&&"function"==typeof e.getColorSchemeSelector&&Object.entries(e.colorSchemes).forEach(([t,r])=>{let l=e.getColorSchemeSelector(t);l.startsWith("@")?o[l]={":root":{colorScheme:r.palette?.mode}}:o[l.replace(/\s*&/,"")]={colorScheme:r.palette?.mode}});let r={html:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",boxSizing:"border-box",WebkitTextSizeAdjust:"100%",...t&&!e.vars&&{colorScheme:e.palette.mode}},"*, *::before, *::after":{boxSizing:"inherit"},"strong, b":{fontWeight:e.typography.fontWeightBold},body:{margin:0,...{color:(e.vars||e).palette.text.primary,...e.typography.body1,backgroundColor:(e.vars||e).palette.background.default,"@media print":{backgroundColor:(e.vars||e).palette.common.white}},"&::backdrop":{backgroundColor:(e.vars||e).palette.background.default}},...o},l=e.components?.MuiCssBaseline?.styleOverrides;return l&&(r=[r,l]),r},G="mui-ecs",U=(0,K.globalCss)(H?({theme:e,enableColorScheme:t})=>q(e,t):({theme:e})=>{let t,o;return o=Array.isArray(t=q(e,!1))?t[0]:t,!e.vars&&o&&(o.html[`:root:has(${G})`]={colorScheme:e.palette.mode}),e.colorSchemes&&Object.entries(e.colorSchemes).forEach(([t,r])=>{let l=e.getColorSchemeSelector(t);l.startsWith("@")?o[l]={[`:root:not(:has(.${G}))`]:{colorScheme:r.palette?.mode}}:o[l.replace(/\s*&/,"")]={[`&:not(:has(.${G}))`]:{colorScheme:r.palette?.mode}}}),t}),Y=function(e){let{children:r,enableColorScheme:l=!1}=(0,V.useDefaultProps)({props:e,name:"MuiCssBaseline"});return(0,t.jsxs)(o.Fragment,{children:[H&&(0,t.jsx)(U,{enableColorScheme:l}),!H&&!l&&(0,t.jsx)("span",{className:G,style:{display:"none"}}),r]})};var J=e.i(4730);function Q({children:e}){return(0,o.useEffect)(()=>{let e=window.location.port||"3000";console.log(`%c  ______   _____   ______  ______
+ |  ____| |  _  | |  ___ | |_  _|
+ | |__    | |_| | | |__| |   ||
+ |  __|   |  _  | |  ____/   ||
+ | |      | | | | | |        ||
+ |_|      |_| |_| |_|       |__| `,"color: #3b82f6; font-weight: bold;"),console.log("%cCreate & simulate Fake APIs (FAPIs) in seconds.","color: #9ca3af;"),console.log(""),console.log(`%cFAPI Version:           %cv${J.default.version}`,"color: #9ca3af;","color: #22c55e; font-weight: bold;"),console.log(`%cFAPI running on PORT:   %c${e}`,"color: #9ca3af;","color: #22c55e; font-weight: bold;"),console.log(`%cFAPIs are available at: %chttp://localhost:${e}/api/fapi/%c{your-endpoint}`,"color: #9ca3af;","color: #eab308;","color: #6b7280;")},[]),(0,t.jsx)("html",{lang:"en",className:`${i.variable} ${d.variable}`,children:(0,t.jsx)("body",{children:(0,t.jsx)(a,{children:(0,t.jsxs)(R,{theme:z,children:[(0,t.jsx)(Y,{}),e]})})})})}e.s(["default",()=>Q],76938)},40581,e=>{"use strict";var t=e.i(43476);e.i(82109);var o=e.i(90357),r=e.i(55487);e.s(["default",0,({children:e})=>(0,t.jsx)(r.Provider,{store:o.store,children:e})])}]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "start-fapi",
-  "version": "1.0.3",
+  "version": "1.0.4-alpha.0",
   "description": "A developer tool for creating and simulating Fake APIs (FAPIs) in seconds.",
   "bin": {
     "start-fapi": "./bin/start-fapi.js"

package/src/app/api/{get-endpoint-response → endpoints/response}/route.ts

@@ -6,7 +6,7 @@ import { getFapiStorageFilePathPerPort } from "@/utils/functions/getFapiStorageF
 import { createEndpointKey } from "@/utils/functions";
 
 // Force dynamic rendering - don't cache this route
-export const dynamic = 'force-dynamic';
+export const dynamic = "force-dynamic";
 export const revalidate = 0;
 
 export const GET = async (req: NextRequest) => {
@@ -68,10 +68,10 @@ export const GET = async (req: NextRequest) => {
       {
         status: 200,
         headers: {
-          'Cache-Control': 'no-store, no-cache, must-revalidate, max-age=0',
-          'Pragma': 'no-cache',
-          'Expires': '0',
-        }
+          "Cache-Control": "no-store, no-cache, must-revalidate, max-age=0",
+          Pragma: "no-cache",
+          Expires: "0",
+        },
       }
     );
   } catch (err) {

package/src/app/api/endpoints/route.ts

@@ -0,0 +1,430 @@
+import { getFapiStorageFilePathPerPort } from "@/utils/functions/getFapiStorageFilePathPerPort.util";
+import { NextRequest, NextResponse } from "next/server";
+import { v4 as uuidv4 } from "uuid";
+import { promises as fs } from "fs";
+import { FapiEndpoint, FapiStorage, HttpMethods } from "@/types/fapi";
+import { getStorageDirectory } from "@/utils/functions/getStorageDirectory.util";
+import { createEndpointKey } from "@/utils/functions";
+
+// Force dynamic rendering - don't cache this route
+export const dynamic = "force-dynamic";
+export const revalidate = 0;
+
+/* GET /api/endpoints - Fetch all endpoints */
+export const GET = async (req: NextRequest) => {
+  try {
+    const port = process.env.PORT || "3000";
+
+    if (!port?.trim()) {
+      return new NextResponse(
+        JSON.stringify({ error: "Invalid Port Configuration" }),
+        { status: 500 }
+      );
+    }
+
+    const fapiStorageDirectory = getStorageDirectory();
+    const fapiStorageFilePathPerPort = getFapiStorageFilePathPerPort(
+      fapiStorageDirectory,
+      port
+    );
+
+    // Read storage file
+    let storage: FapiStorage;
+    try {
+      const fileContent = await fs.readFile(fapiStorageFilePathPerPort, "utf-8");
+      storage = JSON.parse(fileContent);
+    } catch (err) {
+      // File doesn't exist or is invalid - return empty storage
+      return new NextResponse(
+        JSON.stringify({
+          success: true,
+          endpoints: {},
+          metadata: {
+            lastUpdated: new Date().toISOString(),
+            totalEndpoints: 0,
+          },
+        }),
+        { status: 200 }
+      );
+    }
+
+    // Strip response bodies to keep the listing payload lightweight
+    const endpointsWithoutResponses: Record<string, object> = {};
+    for (const [key, endpoint] of Object.entries(storage.endpoints)) {
+      const { response, ...rest } = endpoint;
+      endpointsWithoutResponses[key] = rest;
+    }
+
+    return new NextResponse(
+      JSON.stringify({
+        success: true,
+        endpoints: endpointsWithoutResponses,
+        metadata: storage.metadata,
+      }),
+      {
+        status: 200,
+        headers: {
+          "Cache-Control": "no-store, no-cache, must-revalidate, max-age=0",
+          Pragma: "no-cache",
+          Expires: "0",
+        },
+      }
+    );
+  } catch (err) {
+    console.error("ERROR_FETCHING_ENDPOINTS:", err);
+    return new NextResponse(
+      JSON.stringify({ error: "Internal Server Error" }),
+      { status: 500 }
+    );
+  }
+};
+
+/* POST /api/endpoints - Create a new endpoint */
+export const POST = async (req: NextRequest) => {
+  try {
+    const data = (await req.json()) as FapiEndpoint;
+    const port = process.env.PORT || "3000";
+    const fapiStorageDirectory = getStorageDirectory();
+    const fapiStorageFilePathPerPort = getFapiStorageFilePathPerPort(
+      fapiStorageDirectory,
+      port
+    );
+
+    /* Check if port is not valid, then return */
+    if (!port?.trim()) {
+      console.warn("PORT_NOT_VALID_SKIPPING_STORAGE_INITIALIZATION");
+      return;
+    }
+
+    /* Checking if the req contains required fields */
+    if (!data.path || !data.method || !data.responseCode) {
+      return new NextResponse(
+        JSON.stringify({
+          error: "Missing Required Fields",
+        }),
+        {
+          status: 400,
+        }
+      );
+    }
+
+    /* Create storage directory if it does not exist */
+    await fs.mkdir(fapiStorageDirectory, { recursive: true });
+
+    /* Read existing storage if available or initialize a new one */
+    let storage: FapiStorage;
+    try {
+      const fileContent = await fs.readFile(
+        fapiStorageFilePathPerPort,
+        "utf-8"
+      );
+      storage = JSON.parse(fileContent);
+    } catch {
+      storage = {
+        endpoints: {},
+        metadata: {
+          lastUpdated: new Date().toISOString(),
+          totalEndpoints: 0,
+        },
+      };
+    }
+
+    const endpointKey = createEndpointKey(data.method, data.path);
+
+    /* Adding the new endpoint in the storage and updating metadata */
+    storage.endpoints[endpointKey] = {
+      id: uuidv4(),
+      path: data.path,
+      method: data.method,
+      responseCode: data.responseCode,
+      responseDelay: data.responseDelay || 0,
+      response: data.response ?? "",
+      createdAt: new Date().toISOString(),
+    };
+    storage.metadata = {
+      lastUpdated: new Date().toISOString(),
+      totalEndpoints: Object.keys(storage.endpoints).length,
+    };
+
+    /* Saving the new endpoint to storage along with any previous data */
+    await fs.writeFile(
+      fapiStorageFilePathPerPort,
+      JSON.stringify(storage, null, 2)
+    );
+
+    return new NextResponse(
+      JSON.stringify(
+        {
+          success: true,
+          message: "Endpoint Successfully Created With Following Details",
+          endpoint: storage.endpoints[endpointKey],
+        },
+        null,
+        2
+      )
+    );
+  } catch (err) {
+    console.log("ERROR_CREATING_ENDPOINT: ", err);
+    return new NextResponse(
+      JSON.stringify({
+        err: "Internal Server Error",
+      }),
+      {
+        status: 500,
+      }
+    );
+  }
+};
+
+/* PUT /api/endpoints - Update an existing endpoint */
+export const PUT = async (req: NextRequest) => {
+  try {
+    const {
+      method,
+      path,
+      response,
+      responseCode,
+      responseDelay,
+    }: {
+      method: HttpMethods;
+      path: string;
+      response?: string;
+      responseCode?: number;
+      responseDelay?: number;
+    } = await req.json();
+
+    /* Check if required fields are present */
+    if (!method || !path) {
+      return new NextResponse(
+        JSON.stringify({
+          error: "Missing Required Fields (method and path)",
+        }),
+        {
+          status: 400,
+        }
+      );
+    }
+
+    /* Check if at least one field to update is provided */
+    if (
+      response === undefined &&
+      responseCode === undefined &&
+      responseDelay === undefined
+    ) {
+      return new NextResponse(
+        JSON.stringify({
+          error:
+            "At least one field to update must be provided (response, responseCode, or responseDelay)",
+        }),
+        {
+          status: 400,
+        }
+      );
+    }
+
+    const port = process.env.PORT || "3000";
+    const fapiStorageDirectory = getStorageDirectory();
+    const fapiStorageFilePathPerPort = getFapiStorageFilePathPerPort(
+      fapiStorageDirectory,
+      port
+    );
+
+    /* Check if port is valid */
+    if (!port?.trim()) {
+      console.warn("PORT_NOT_VALID_CANNOT_UPDATE_ENDPOINT");
+      return new NextResponse(
+        JSON.stringify({
+          error: "Invalid Port Configuration",
+        }),
+        {
+          status: 500,
+        }
+      );
+    }
+
+    /* Read existing storage */
+    let storage: FapiStorage;
+    try {
+      const fileContent = await fs.readFile(
+        fapiStorageFilePathPerPort,
+        "utf-8"
+      );
+      storage = JSON.parse(fileContent);
+    } catch {
+      return new NextResponse(
+        JSON.stringify({
+          error: "Storage File Not Found",
+        }),
+        {
+          status: 404,
+        }
+      );
+    }
+
+    /* Generate endpoint key and check if endpoint exists */
+    const endpointKey = createEndpointKey(method, path);
+
+    if (!storage.endpoints[endpointKey]) {
+      return new NextResponse(
+        JSON.stringify({
+          error: "Endpoint Not Found",
+        }),
+        {
+          status: 404,
+        }
+      );
+    }
+
+    /* Update the endpoint with provided fields */
+    const updatedEndpoint = {
+      ...storage.endpoints[endpointKey],
+      ...(response !== undefined && { response }),
+      ...(responseCode !== undefined && { responseCode }),
+      ...(responseDelay !== undefined && { responseDelay }),
+    };
+
+    storage.endpoints[endpointKey] = updatedEndpoint;
+
+    /* Update metadata */
+    storage.metadata = {
+      lastUpdated: new Date().toISOString(),
+      totalEndpoints: Object.keys(storage.endpoints).length,
+    };
+
+    /* Write updated storage back to file */
+    await fs.writeFile(
+      fapiStorageFilePathPerPort,
+      JSON.stringify(storage, null, 2)
+    );
+
+    return new NextResponse(
+      JSON.stringify({
+        success: true,
+        message: "Endpoint Updated Successfully",
+        updatedEndpoint: storage.endpoints[endpointKey],
+      }),
+      {
+        status: 200,
+      }
+    );
+  } catch (err) {
+    console.error("ERROR_UPDATING_ENDPOINT: ", err);
+    return new NextResponse(
+      JSON.stringify({
+        error: "Internal Server Error",
+      }),
+      {
+        status: 500,
+      }
+    );
+  }
+};
+
+/* DELETE /api/endpoints - Delete an endpoint */
+export const DELETE = async (req: NextRequest) => {
+  try {
+    const { method, path }: { method: HttpMethods; path: string } =
+      await req.json();
+
+    /* Check if required fields are present */
+    if (!method || !path) {
+      return new NextResponse(
+        JSON.stringify({
+          error: "Missing Required Fields",
+        }),
+        {
+          status: 400,
+        }
+      );
+    }
+
+    const port = process.env.PORT || "3000";
+    const fapiStorageDirectory = getStorageDirectory();
+    const fapiStorageFilePathPerPort = getFapiStorageFilePathPerPort(
+      fapiStorageDirectory,
+      port
+    );
+
+    /* Check if port is valid */
+    if (!port?.trim()) {
+      console.warn("PORT_NOT_VALID_CANNOT_DELETE_ENDPOINT");
+      return new NextResponse(
+        JSON.stringify({
+          error: "Invalid Port Configuration",
+        }),
+        {
+          status: 500,
+        }
+      );
+    }
+
+    /* Read existing storage */
+    let storage: FapiStorage;
+    try {
+      const fileContent = await fs.readFile(
+        fapiStorageFilePathPerPort,
+        "utf-8"
+      );
+      storage = JSON.parse(fileContent);
+    } catch {
+      return new NextResponse(
+        JSON.stringify({
+          error: "Storage File Not Found",
+        }),
+        {
+          status: 404,
+        }
+      );
+    }
+
+    /* Generate endpoint key and check if endpoint exists */
+    const endpointKey = createEndpointKey(method, path);
+
+    if (!storage.endpoints[endpointKey]) {
+      return new NextResponse(
+        JSON.stringify({
+          error: "Endpoint Not Found",
+        }),
+        {
+          status: 404,
+        }
+      );
+    }
+
+    /* Delete the endpoint from storage */
+    delete storage.endpoints[endpointKey];
+
+    /* Update metadata */
+    storage.metadata = {
+      lastUpdated: new Date().toISOString(),
+      totalEndpoints: Object.keys(storage.endpoints).length,
+    };
+
+    /* Write updated storage back to file */
+    await fs.writeFile(
+      fapiStorageFilePathPerPort,
+      JSON.stringify(storage, null, 2)
+    );
+
+    return new NextResponse(
+      JSON.stringify({
+        success: true,
+        message: "Endpoint Successfully Deleted",
+        deletedEndpoint: { method, path },
+      }),
+      {
+        status: 200,
+      }
+    );
+  } catch (err) {
+    console.error("ERROR_DELETING_ENDPOINT: ", err);
+    return new NextResponse(
+      JSON.stringify({
+        error: "Internal Server Error",
+      }),
+      {
+        status: 500,
+      }
+    );
+  }
+};

package/src/app/fapi-simulator/page.tsx

@@ -134,7 +134,7 @@ const FapiSimulatorPage = () => {
   const isAtLimit = currentEndpointCount >= FAPI_LIMITS.MAX_ENDPOINTS;
 
   return (
-    <div className="min-h-screen relative p-6 overflow-hidden">
+    <div className="min-h-screen relative">
       <AnimatedBackground />
 
       {/* Hidden file input for import */}
@@ -146,12 +146,12 @@ const FapiSimulatorPage = () => {
         style={{ display: "none" }}
       />
 
-      <div
-        className="mx-auto"
-        style={{ maxWidth: UI_LIMITS.UI_CONTAINER_MAX_WIDTH }}
-      >
-        {/* Header Section - Title and Action Buttons*/}
-        <div className="flex flex-col sm:flex-row justify-between items-center mb-8 gap-4">
+      {/* Header Section - Title and Action Buttons (sticky) */}
+      <div className="sticky top-0 z-10 backdrop-blur-md bg-black/30 px-6 py-4" style={{ maskImage: "linear-gradient(to bottom, black 70%, transparent 100%)", WebkitMaskImage: "linear-gradient(to bottom, black 70%, transparent 100%)" }}>
+        <div
+          className="mx-auto flex flex-col sm:flex-row justify-between items-center gap-4"
+          style={{ maxWidth: UI_LIMITS.UI_CONTAINER_MAX_WIDTH }}
+        >
           <AppName logoWidth={134} logoHeight={48} />
           <div className="flex items-center gap-2">
             {/* Create New FAPI Button */}
@@ -185,6 +185,14 @@ const FapiSimulatorPage = () => {
             />
           </div>
         </div>
+      </div>
+
+      {/* Scrollable content */}
+      <div className="px-6 pb-6">
+        <div
+          className="mx-auto"
+          style={{ maxWidth: UI_LIMITS.UI_CONTAINER_MAX_WIDTH }}
+        >
 
         {/* Project Name and FAPI Counter Section */}
         <div className="mb-8 flex flex-col lg:flex-row justify-between items-start lg:items-center gap-4">
@@ -234,6 +242,7 @@ const FapiSimulatorPage = () => {
             ></FapiSimulationCard>
           ))}
         </div>
+        </div>
       </div>
 
       <EndpointModal

package/src/app/layout.tsx

@@ -4,7 +4,7 @@ import type { Metadata } from "next";
 import StoreProvider from "./storeProvider";
 
 export const metadata: Metadata = {
-  title: "FAPI - Fake APIs on the fly",
+  title: "FAPI",
   description: "Generated by create next app",
 };
 

package/src/lib/editor/index.tsx

@@ -36,7 +36,7 @@ const Editor = ({ value, onChange }: EditorProps) => {
           onChange={onChange}
           height="100%"
           options={EDITOR_OPTIONS}
-          onMount={(editor, monaco) => {
+          onMount={(editor) => {
             editor.layout();
           }}
         />

package/src/lib/modal/index.tsx

@@ -17,6 +17,7 @@ const Modal = ({
     <MuiModal
       open={isModalOpen}
       onClose={onClose}
+      disableEnforceFocus
       slots={{ backdrop: Backdrop }}
       slotProps={{
         backdrop: {

package/src/utils/data/paths/paths.api.constants.ts

@@ -1,8 +1,8 @@
-export const CREATE_API_ENDPOINT_API_PATH = "/api/create-endpoint";
-export const DELETE_API_ENDPOINT_API_PATH = "/api/delete-endpoint";
-export const UPDATE_ENDPOINT_API_PATH = "/api/update-endpoint";
-export const FAPI_HEALTH_CHECK_API_PATH = "/api/fapi-health-check";
-export const GET_ENDPOINTS_API_PATH = "/api/get-endpoints";
-export const IMPORT_ENDPOINTS_API_PATH = "/api/import-endpoints";
-export const GET_ENDPOINT_RESPONSE_API_PATH = "/api/get-endpoint-response";
-export const EXPORT_ENDPOINTS_API_PATH = "/api/export-endpoints";
+export const CREATE_API_ENDPOINT_API_PATH = "/api/endpoints";
+export const DELETE_API_ENDPOINT_API_PATH = "/api/endpoints";
+export const UPDATE_ENDPOINT_API_PATH = "/api/endpoints";
+export const FAPI_HEALTH_CHECK_API_PATH = "/api/health";
+export const GET_ENDPOINTS_API_PATH = "/api/endpoints";
+export const IMPORT_ENDPOINTS_API_PATH = "/api/endpoints/import";
+export const GET_ENDPOINT_RESPONSE_API_PATH = "/api/endpoints/response";
+export const EXPORT_ENDPOINTS_API_PATH = "/api/endpoints/export";

package/src/utils/functions/deleteEndpoint.ts

@@ -7,7 +7,7 @@ export const deleteEndpoint = async (
 ): Promise<{ success: boolean; error?: string }> => {
   try {
     const deleteEndpointResponse = await fetch(DELETE_API_ENDPOINT_API_PATH, {
-      method: "POST",
+      method: "DELETE",
       headers: {
         "Content-Type": "application/json",
       },

package/src/utils/functions/updateFapiEndpoint.ts

@@ -14,7 +14,7 @@ export const updateFapiEndpoint = async (
 ): Promise<{ success: boolean; error?: string }> => {
   try {
     const updateEndpointResponse = await fetch(UPDATE_ENDPOINT_API_PATH, {
-      method: "POST",
+      method: "PUT",
       headers: {
         "Content-Type": "application/json",
       },